Package Exports

fece

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (fece) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Front End Custom Elements

Why Web components, zero dependency's and all benefits of reusability. Just drop it in the project and use it.
These Custom Elements are now native to JavaScript. Read more about it MDN - Web Components - Concepts and usage

For an example on how to use this module vist FECE - Demo

I also recommend to see some demos on how you can use custom elements natively. There is also a wiki with more information

Getting Started

if you will be packaging your app you can save it has a dev dependency

$ npm install fece --save-dev

To check for updates you can use the following command

$ npm outdated

If you want to upgrade, I did not find an easier way than to

delete the package-lock.json file
update package.json and ensure the package fece is at the version you want
run npm install again, the package.lock file will be generated again(unless disabled)

Including all

Might not be recommended but you can include all the elements with the following import

import 'node_modules/fece/index.js'

Include as needed

It's recommended to only include the one's needed

import 'node_modules/fece/circular-percentage.js'

Once included on the tag will be available.

<circular-percentage data-percent="50"></circular-percentage>

Note that you can also just download the files from the git repo and include them in your project

IE support

With the pollyfill IE and browser support the :host selector in the css must be removed. At some point in the future IE will have full support.

Themes and custom styling

This is a work in progress but the idea will support CSS variables but have a default theme color in place.