vdom-lit-html.js

import { createElement, updateElement, Fragment } from './vdom-my';
import { render, svg, html, noChange } from 'lit-html';
import { directive, Directive, PartType } from 'lit-html/directive.js';
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
import app from './apprun';
function _render(element, vdom, parent) {
    if (!vdom)
        return;
    if (typeof vdom === 'string') {
        if (!element['_$litPart$'])
            element.replaceChildren();
        render(html `${unsafeHTML(vdom)}`, element);
    }
    else if (vdom['_$litType$']) {
        if (!element['_$litPart$'])
            element.replaceChildren();
        render(vdom, element);
    }
    else {
        updateElement(element, vdom, parent);
        element['_$litPart$'] = undefined;
    }
}
export class RunDirective extends Directive {
    constructor(partInfo) {
        super(partInfo);
        // When necessary, validate part in constructor using `part.type`
        if (partInfo.type !== PartType.EVENT) {
            throw new Error('${run} can only be used in event handlers');
        }
    }
    // Optional: override update to perform any direct DOM manipulation
    update(part, params) {
        /* Any imperative updates to DOM/parts would go here */
        let { element, name } = part;
        const getComponent = () => {
            let component = element['_component'];
            while (!component && element) {
                element = element.parentElement;
                component = element && element['_component'];
            }
            console.assert(!!component, 'Component not found.');
            return component;
        };
        const [event, ...args] = params;
        if (typeof event === 'string') {
            element[`on${name}`] = e => {
                const component = getComponent();
                component ? component.run(event, ...args, e) : app.run(event, ...args, e);
            };
        }
        else if (typeof event === 'function') {
            element[`on${name}`] = e => getComponent().setState(event(getComponent().state, ...args, e));
        }
        return this.render();
    }
    render() {
        return noChange;
    }
}
const run = directive(RunDirective);
export { createElement, Fragment, html, svg, _render as render, run };
//# sourceMappingURL=vdom-lit-html.js.map