Package Exports
- @preignition/preignition-mixin
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 (@preignition/preignition-mixin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
<preignition-mixin>
Series of helper mixin while developping Preignition with lit-element:
- DoNotSetUndefinedValue: prevent property setting when value is undefined. This is usefull for not overriding child components default values when parent have not set those properties.
- SelectMixin: use d3-selection in component shadowRoot
- DefaultValueMixin: allow to declare default values in properties (similar to Polymer)
- RelayTo: allow to automatically relay properties from parent to child, without declaring the binding in template.
- CacheId: cache element having an
id
underthis.$
for easier reference. Usage borrowed from Polymer.
This webcomponent follows the open-wc recommendation.
Installation
npm i preignition-mixin
Usage
defaultValueMixin
import { DefaultValueMixin } from '@preignition/preignition-mixin';
class DefaultElement extends defaultValueMixin(TestElement) {
static get properties() {
return {
value: {type: String, value: 'test'}
};
}
}
selectMixin
import { SelectMixin } from '@preignition/preignition-mixin';
class SelectElement extends selectMixin(TestElement) {
}
window.customElements.define('select-element', SelectElement);
const el = html`<select-element></select-element>`;
const title = el.selectShadow('#title')
Testing using karma (if applied by author)
npm run test