@dnajs/mutation NPM

Just another components pattern.

Documentation | Issue tracker | Project home page | Author home page

Install

$ npm i @dnajs/mutation --save

Usage

This version of the library provides a lite polyfill for Custom Elements v1 specs using MutationObserver API and without using the CustomElementsRegistry for element definition:

import '@dnajs/mutation/observer.js';
import { prop, BaseComponent } from '@dnajs/core';

class MyElem extends BaseComponent {
    static get observedAttributes() {
        return ['message']
    }
    get properties() {
        return {
            helloMessage: prop.STRING.attribute('message'),
        };
    }
    connectedCallback() {
        super.connectedCallback();
        this.helloMessage = 'Hi!';
    }
}

customElements.define('my-elem', MyElem);

// RENDER
document.body.appendChild(new MyElem());

<!-- result -->
<body>
    <my-elem message="Hi!"></my-elem>
</body>

DNA components Chialab webcomponents

@dnajs/core @dnajs/custom-elements-v1

@infinitebrahmanuniverse/nolb-_dn @everything-registry/sub-chunk-248

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago