@benev/slate/x/element/gold.js

frontend web stuff

import { render } from "lit";
import { MetallicElement } from "./part/metallic.js";
import { debounce } from "../tools/debounce/debounce.js";
import { deferPromise } from "../tools/defer-promise.js";
import { apply_styles_to_shadow } from "../base/utils/apply_styles_to_shadow.js";
export class ShadowElement extends MetallicElement {
    static get styles() { return undefined; }
    #root;
    #init = deferPromise();
    #wait = this.#init.promise;
    init() { }
    constructor() {
        super();
        this.#root = this.attachShadow({ mode: "open" });
        const C = this.constructor;
        apply_styles_to_shadow(this.#root, C.styles);
        this.init();
    }
    get root() {
        return this.#root;
    }
    get updateComplete() {
        return this.#wait.then(() => true);
    }
    render() { }
    #render_debounced = debounce(0, () => {
        const root = this.#root;
        const template = this.render();
        if (template)
            render(template, root, { host: this });
    });
    async requestUpdate() {
        const promise = this.#render_debounced();
        if (this.#init) {
            promise.then(this.#init.resolve);
            this.#init = undefined;
        }
        this.#wait = promise;
        return promise;
    }
    connectedCallback() {
        super.connectedCallback();
        this.requestUpdate();
    }
}
/** @deprecated renamed to `ShadowElement` */
export const GoldElement = ShadowElement;
//# sourceMappingURL=gold.js.map