How to use the lit-html/lib/shady-render.render function in lit-html

To help you get started, we’ve selected a few lit-html examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ahomu / Talkie / src / components / TalkieBackface.ts View on Github external
private render(): void {
    if (this.shadowRoot == null) {
      throw new Error('shadowRoot not initialized yet');
    }

    render(template(), this.shadowRoot, TalkieBackface.ns);
  }
}
github ahomu / Talkie / src / components / TalkieProgress.ts View on Github external
private render(): void {
    if (this.shadowRoot == null) {
      throw new Error('shadowRoot not initialized yet');
    }

    render(template(), this.shadowRoot, TalkieProgress.ns);
  }
}
github ahomu / Talkie / src / components / TalkiePager.ts View on Github external
private render(): void {
    if (this.shadowRoot == null) {
      throw new Error('shadowRoot not initialized yet');
    }

    const current: string = this.getAttribute(TalkiePagerAttributes.CURRENT) || '0';
    const total: string = this.getAttribute(TalkiePagerAttributes.TOTAL) || '0';

    render(template({ current, total }), this.shadowRoot, TalkiePager.ns);
  }
}
github corpusculejs / corpuscule / packages / lit-html-renderer / src / shady.js View on Github external
const renderShady = (result, container, context) => {
  render(result, container, {
    eventContext: context,
    scopeName: context.localName,
  });
};
github Festify / fit-html / src / fit-element.ts View on Github external
render() {
                shadyRender(this.template(this.renderProps), this.shadowRoot!, this._nodeName);
            }
        };