@cather/kwc-engine-dom

This package can be used to render KWC components as DOM elements in a DOM environment.

Supported APIs

This package supports the following APIs.

createElement()

This function creates an KWC component, given a tag name and an KWC constructor.

import { createElement } from 'kwc';
import LightningHello from 'lightning/hello';

const element = createElement('lightning-hello', { is: LightningHello });

document.body.appendChild(element);

Experimental APIs

Experimental APIs are subject to change, may be removed at any time, and should be used at your own risk!

getComponentConstructor()

This experimental API provides access to the component constructor, given an HTMLElement.

isNodeFromTemplate()

This experimental API enables the detection of whether a node was rendered from an KWC template.

Deprecated APIs

buildCustomElementConstructor() (deprecated as of v1.3.11)

This function can build a Web Component class that can be registered as a new element via customElements.define(), given an KWC constructor.

Deprecated in favor of using the CustomElementConstructor property of an KWC constructor.

import { LightningElement } from 'kwc';

class LightningHello extends LightningElement {}

// Don't do this.
customElements.define('lightning-hello', buildCustomElementConstructor(LightningHello));

// Do this instead.
customElements.define('lightning-hello', LightningHello.CustomElementConstructor);