stencil-quill/dist/components/quill-view-html.js

Native web component for quill editor

import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const quillViewHtmlCss = ".ql-container.quill-view-html.sc-quill-view-html{border:0}";
const QuillViewHtmlStyle0 = quillViewHtmlCss;

const QuillViewHTMLComponent = /*@__PURE__*/ proxyCustomElement(class QuillViewHTMLComponent extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.theme = 'snow';
        this.themeClass = 'ql-snow';
    }
    updateTheme(newValue) {
        this.themeClass = `ql-${newValue || 'snow'}`;
    }
    render() {
        const classes = `ql-container ${this.themeClass} quill-view-html`;
        return (h("div", { key: 'a7136b962b0fd69180276ef7add2d89b8389ba3a', class: classes }, h("div", { key: '598a89699ee3255a5406b999b9775f8947a42396', class: "ql-editor", innerHTML: this.content })));
    }
    static get watchers() { return {
        "theme": ["updateTheme"]
    }; }
    static get style() { return QuillViewHtmlStyle0; }
}, [2, "quill-view-html", {
        "content": [1],
        "theme": [1]
    }, undefined, {
        "theme": ["updateTheme"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["quill-view-html"];
    components.forEach(tagName => { switch (tagName) {
        case "quill-view-html":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, QuillViewHTMLComponent);
            }
            break;
    } });
}

const QuillViewHtml = QuillViewHTMLComponent;
const defineCustomElement = defineCustomElement$1;

export { QuillViewHtml, defineCustomElement };

//# sourceMappingURL=quill-view-html.js.map