lit-html 2.0/next

[vegarringdal]

Need to update router

routeMatchAsync

import { ElementPart, nothing, TemplateResult } from 'lit-html';
import { directive, DisconnectableDirective } from 'lit-html/disconnectable-directive.js';
import { routeMatch } from './routeMatch';

class AsyncTask extends DisconnectableDirective {
    element: HTMLElement;
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    render(_promiseCall: Promise<any>, _htmlTemplate: TemplateResult) {
        return nothing;
    }

    update(_part: ElementPart, [promiseCall, htmlTemplate]: [Promise<any>, TemplateResult]) {
        // Promise.resolve(promiseCall).then(() => {
        return promiseCall.then(() => {
            this.setValue(htmlTemplate);
        });
    }

    disconnectedCallback() {
        // nothing, can I hold it back from disconnecting?
    }
    reconnectedCallback() {
        // nothing
    }
}

export const resolvePromise = directive(AsyncTask);

export const routeMatchAsync = function (
    hash = '',
    importStatement: () => Promise<any>,
    htmlTemplate: TemplateResult
) {
    if (routeMatch(hash)) {
        return resolvePromise(importStatement(), htmlTemplate);
    } else {
        return '';
    }
};

[vegarringdal]

I also need to update customElement

render(templates, this as any, { host: this as any });