element-vir 5.1.1 → 5.3.0

package/dist/cjs/functional-element/element-properties.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPropertyDescriptorMap = exports.createPropertyProxy = void 0;
-function assertValidPropertyName(propertyName, propsInitMap, elementTagName) {
-    if (typeof propertyName !== 'string') {
-        throw new Error(`Property name must be a string, got type "${typeof propertyName}" from: "${String(propertyName)}" for ${elementTagName}`);
-    }
-    if (!(propertyName in propsInitMap)) {
-        throw new Error(`Property name "${propertyName}" does not exist on ${elementTagName}.`);
-    }
-}
-function createPropertyProxy(propsInitMap, element) {
-    if (!propsInitMap) {
-        return {};
-    }
-    const props = Object.keys(propsInitMap).reduce((accum, propertyName) => {
-        accum[propertyName] = element[propertyName];
-        return accum;
-    }, {});
-    const propsProxy = new Proxy(props, {
-        get: (_target, propertyName) => {
-            assertValidPropertyName(propertyName, propsInitMap, element.tagName);
-            return element[propertyName];
-        },
-        set: (_target, propertyName, value) => {
-            assertValidPropertyName(propertyName, propsInitMap, element.tagName);
-            element[propertyName] = value;
-            return true;
-        },
-    });
-    return propsProxy;
-}
-exports.createPropertyProxy = createPropertyProxy;
-function createPropertyDescriptorMap(propertyInit) {
-    if (!propertyInit) {
-        return {};
-    }
-    return Object.keys(propertyInit)
-        .filter((key) => {
-        if (typeof key === 'string') {
-            return true;
-        }
-        else {
-            throw new Error(`Property init cannot have non string keys: "${key}"`);
-        }
-    })
-        .reduce((accum, currentKey) => {
-        accum[currentKey] = {
-            propName: currentKey,
-            initValue: propertyInit[currentKey],
-        };
-        return accum;
-    }, {});
-}
-exports.createPropertyDescriptorMap = createPropertyDescriptorMap;

package/dist/cjs/functional-element/functional-element.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FunctionalElementBaseClass = void 0;
-const lit_1 = require("lit");
-class FunctionalElementBaseClass extends lit_1.LitElement {
-}
-exports.FunctionalElementBaseClass = FunctionalElementBaseClass;

package/dist/cjs/functional-element/render-callback.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRenderParams = void 0;
-const augment_vir_1 = require("augment-vir");
-function createRenderParams(element, eventsMap) {
-    const renderParams = {
-        /**
-         * These two dispatch properties do the same thing but their interfaces are different.
-         * DispatchEvent's type interface is much stricter.
-         */
-        dispatch: (event) => element.dispatchEvent(event),
-        genericDispatch: (event) => element.dispatchEvent(event),
-        setProps: (partialProps) => {
-            (0, augment_vir_1.getObjectTypedKeys)(partialProps).forEach((propKey) => {
-                element.instanceProps[propKey] = partialProps[propKey];
-            });
-        },
-        host: element,
-        props: element.instanceProps,
-        events: eventsMap,
-    };
-    return renderParams;
-}
-exports.createRenderParams = createRenderParams;

package/dist/cjs/index.js

@@ -1,33 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.requireAllCustomElementsToBeFunctionalElement = void 0;
-__exportStar(require("./functional-element/define-functional-element"), exports);
-__exportStar(require("./functional-element/directives/assign-with-clean-up.directive"), exports);
-__exportStar(require("./functional-element/directives/assign.directive"), exports);
-__exportStar(require("./functional-element/directives/directive-util"), exports);
-__exportStar(require("./functional-element/directives/listen.directive"), exports);
-__exportStar(require("./functional-element/directives/on-dom-created.directive"), exports);
-__exportStar(require("./functional-element/directives/on-resize.directive"), exports);
-__exportStar(require("./functional-element/element-events"), exports);
-__exportStar(require("./functional-element/element-properties"), exports);
-__exportStar(require("./functional-element/functional-element"), exports);
-__exportStar(require("./functional-element/render-callback"), exports);
-var require_functional_element_1 = require("./require-functional-element");
-Object.defineProperty(exports, "requireAllCustomElementsToBeFunctionalElement", { enumerable: true, get: function () { return require_functional_element_1.requireAllCustomElementsToBeFunctionalElement; } });
-__exportStar(require("./template-transforms/vir-css/vir-css"), exports);
-__exportStar(require("./template-transforms/vir-html/vir-html"), exports);
-__exportStar(require("./typed-event/typed-event"), exports);

package/dist/cjs/require-functional-element.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.requireAllCustomElementsToBeFunctionalElement = exports.functionalElementRequired = void 0;
-exports.functionalElementRequired = false;
-function requireAllCustomElementsToBeFunctionalElement() {
-    exports.functionalElementRequired = true;
-}
-exports.requireAllCustomElementsToBeFunctionalElement = requireAllCustomElementsToBeFunctionalElement;

package/dist/cjs/template-transforms/has-static-tag-name.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasStaticTagName = void 0;
-function hasStaticTagName(value) {
-    return (typeof value === 'function' &&
-        value.hasOwnProperty('tagName') &&
-        typeof value.tagName === 'string' &&
-        value.tagName.includes('-'));
-}
-exports.hasStaticTagName = hasStaticTagName;

package/dist/cjs/template-transforms/transform-template.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformTemplate = exports.getTransformedTemplate = exports.makeCheckTransform = void 0;
-const array_1 = require("../augments/array");
-function makeCheckTransform(name, check, transform) {
-    return {
-        name,
-        check,
-        transform,
-    };
-}
-exports.makeCheckTransform = makeCheckTransform;
-/**
- * The transformed templates are written to a map so that we can preserve reference equality between
- * calls. Without maintaining reference equality between html`` calls, lit-element reconstructs all
- * of its children on every render.
- *
- * This is a WeakMap because we only care about the transformed array value as long as the original
- * template array key exists.
- */
-const transformedTemplateStrings = new WeakMap();
-function getTransformedTemplate(templateStringsKey, values, fallbackTransform) {
-    const alreadyTransformedTemplateStrings = transformedTemplateStrings.get(templateStringsKey);
-    const templateTransform = alreadyTransformedTemplateStrings !== null && alreadyTransformedTemplateStrings !== void 0 ? alreadyTransformedTemplateStrings : fallbackTransform();
-    if (!alreadyTransformedTemplateStrings) {
-        transformedTemplateStrings.set(templateStringsKey, templateTransform);
-    }
-    const transformedValuesArray = (0, array_1.filterOutArrayIndexes)(values, templateTransform.valueIndexDeletions);
-    return { strings: templateTransform.templateStrings, values: transformedValuesArray };
-}
-exports.getTransformedTemplate = getTransformedTemplate;
-function transformTemplate(inputTemplateStrings, inputValues, checksAndTransforms, assertValidString) {
-    const newStrings = [];
-    const newRaws = [];
-    const valueDeletions = [];
-    inputTemplateStrings.forEach((currentTemplateString, index) => {
-        var _a;
-        const lastNewStringsIndex = newStrings.length - 1;
-        const lastNewString = newStrings[lastNewStringsIndex];
-        const currentValueIndex = index - 1;
-        const currentValue = inputValues[currentValueIndex];
-        let validTransform;
-        assertValidString && assertValidString(currentTemplateString);
-        if (typeof lastNewString === 'string') {
-            validTransform = (_a = checksAndTransforms.find((checkAndTransform) => {
-                return checkAndTransform.check(lastNewString, currentTemplateString, currentValue);
-            })) === null || _a === void 0 ? void 0 : _a.transform;
-            if (validTransform) {
-                newStrings[lastNewStringsIndex] =
-                    lastNewString + validTransform(currentValue) + currentTemplateString;
-                valueDeletions.push(currentValueIndex);
-            }
-        }
-        if (!validTransform) {
-            newStrings.push(currentTemplateString);
-        }
-        const currentRawLitString = inputTemplateStrings.raw[index];
-        if (validTransform) {
-            newRaws[lastNewStringsIndex] =
-                newRaws[lastNewStringsIndex] + validTransform(currentValue) + currentRawLitString;
-        }
-        else {
-            newRaws.push(currentRawLitString);
-        }
-    });
-    const newTemplateStrings = Object.assign([], newStrings, {
-        raw: newRaws,
-    });
-    return {
-        templateStrings: newTemplateStrings,
-        valueIndexDeletions: valueDeletions,
-    };
-}
-exports.transformTemplate = transformTemplate;

package/dist/cjs/template-transforms/vir-css/css-transform.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformCssTemplate = void 0;
-const has_static_tag_name_1 = require("../has-static-tag-name");
-const transform_template_1 = require("../transform-template");
-const cssChecksAndTransforms = [
-    (0, transform_template_1.makeCheckTransform)('tag name css selector interpolation', (lastNewString, currentLitString, currentValue) => {
-        return (0, has_static_tag_name_1.hasStaticTagName)(currentValue);
-    }, (input) => 
-    // cast is safe because the check method above verifies that this value is a VirElement
-    input.tagName),
-];
-function transformCssTemplate(inputTemplateStrings, inputValues) {
-    return (0, transform_template_1.transformTemplate)(inputTemplateStrings, inputValues, cssChecksAndTransforms);
-}
-exports.transformCssTemplate = transformCssTemplate;

package/dist/cjs/template-transforms/vir-css/vir-css.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.css = void 0;
-const lit_1 = require("lit");
-const transform_template_1 = require("../transform-template");
-const css_transform_1 = require("./css-transform");
-function css(inputTemplateStrings, ...inputValues) {
-    const transformedTemplate = (0, transform_template_1.getTransformedTemplate)(inputTemplateStrings, inputValues, () => {
-        return (0, css_transform_1.transformCssTemplate)(inputTemplateStrings, inputValues);
-    });
-    const cssResult = (0, lit_1.css)(transformedTemplate.strings, 
-    /** The filter will remove the FunctionalElement elements */
-    ...transformedTemplate.values);
-    return cssResult;
-}
-exports.css = css;

package/dist/cjs/template-transforms/vir-html/html-transform.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformHtmlTemplate = void 0;
-const augment_vir_1 = require("augment-vir");
-const require_functional_element_1 = require("../../require-functional-element");
-const has_static_tag_name_1 = require("../has-static-tag-name");
-const transform_template_1 = require("../transform-template");
-const htmlChecksAndTransforms = [
-    (0, transform_template_1.makeCheckTransform)('tag name interpolation', (lastNewString, currentLitString, currentValue) => {
-        const shouldHaveTagNameHere = (lastNewString.trim().endsWith('<') && !!currentLitString.match(/^[\s\n>]/)) ||
-            ((lastNewString === null || lastNewString === void 0 ? void 0 : lastNewString.trim().endsWith('</')) && currentLitString.trim().startsWith('>'));
-        const staticTagName = (0, has_static_tag_name_1.hasStaticTagName)(currentValue);
-        if (shouldHaveTagNameHere && !staticTagName) {
-            console.error({
-                lastNewString,
-                currentLitString,
-                currentValue,
-            });
-            throw new Error(`Got interpolated tag name but it wasn't of type VirElement: ${currentValue.prototype.constructor.name}`);
-        }
-        return shouldHaveTagNameHere && staticTagName;
-    }, (input) => 
-    // cast is safe because the check method above verifies that this value is a VirElement
-    input.tagName),
-];
-function extractCustomElementTags(input) {
-    const tagNameMatches = (0, augment_vir_1.safeMatch)(input, /<\/[\s\n]*[^\s\n><]+[\s\n]*>/g);
-    return tagNameMatches.reduce((accum, match) => {
-        const tagName = (0, augment_vir_1.collapseWhiteSpace)(match.replace(/\n/g, ' ')).replace(/<\/|>/g, '');
-        // custom elements always have a dash in them
-        if (tagName.includes('-')) {
-            return accum.concat(tagName);
-        }
-        return accum;
-    }, []);
-}
-function stringValidator(input) {
-    if (require_functional_element_1.functionalElementRequired) {
-        const customElementTagNames = extractCustomElementTags(input);
-        if (customElementTagNames.length) {
-            console.error(`Custom element tags must be interpolated from functional elements: ${customElementTagNames.join(', ')}`);
-        }
-    }
-}
-function transformHtmlTemplate(litTemplate) {
-    return (0, transform_template_1.transformTemplate)(litTemplate.strings, litTemplate.values, htmlChecksAndTransforms, stringValidator);
-}
-exports.transformHtmlTemplate = transformHtmlTemplate;

package/dist/cjs/template-transforms/vir-html/vir-html.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.html = void 0;
-const lit_1 = require("lit");
-const transform_template_1 = require("../transform-template");
-const html_transform_1 = require("./html-transform");
-/** Enables interpolation of FunctionalElement tag names */
-function html(inputTemplateStrings, ...inputValues) {
-    const litTemplate = (0, lit_1.html)(inputTemplateStrings, ...inputValues);
-    const transformedTemplate = (0, transform_template_1.getTransformedTemplate)(inputTemplateStrings, inputValues, () => {
-        return (0, html_transform_1.transformHtmlTemplate)(litTemplate);
-    });
-    const htmlTemplate = {
-        ...litTemplate,
-        strings: transformedTemplate.strings,
-        values: transformedTemplate.values,
-    };
-    return htmlTemplate;
-}
-exports.html = html;

package/dist/cjs/typed-event/typed-event.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineTypedEvent = exports.TypedEvent = void 0;
-class TypedEvent extends CustomEvent {
-    constructor(type, value) {
-        super(typeof type === 'string' ? type : type.type, {
-            detail: value,
-            bubbles: true,
-            composed: true,
-        });
-        this._type = '';
-    }
-    get type() {
-        return this._type;
-    }
-}
-exports.TypedEvent = TypedEvent;
-/**
- * Defined a typed event. Make sure to use currying and call this function twice! Typescript's
- * generic restrictions require this setup to get the types right without excessive verbosity.
- *
- * Example: const myCustomEvent = defineTypedEvent<number>()('my-custom-event')
- */
-function defineTypedEvent() {
-    return (eventType) => {
-        var _a;
-        return _a = class extends TypedEvent {
-                constructor(value) {
-                    super(eventType, value);
-                    this._type = eventType;
-                }
-            },
-            _a.type = eventType,
-            _a;
-    };
-}
-exports.defineTypedEvent = defineTypedEvent;

package/dist/esm/augments/array.d.ts

@@ -1 +0,0 @@
-export declare function filterOutArrayIndexes<T>(array: Readonly<T[]>, indexes: Readonly<number[]>): T[];

package/dist/esm/augments/type.d.ts

@@ -1 +0,0 @@
-export declare type NonEmptyString<T> = T extends '' ? never : T;

package/dist/esm/functional-element/define-functional-element.d.ts

@@ -1,4 +0,0 @@
-import { EventsInitMap } from './element-events';
-import { PropertyInitMapBase } from './element-properties';
-import { FunctionalElement, FunctionalElementInit } from './functional-element';
-export declare function defineFunctionalElement<EventsInitGeneric extends EventsInitMap = {}, PropertyInitGeneric extends PropertyInitMapBase = {}>(functionalElementInit: FunctionalElementInit<PropertyInitGeneric, EventsInitGeneric>): FunctionalElement<PropertyInitGeneric, EventsInitGeneric>;

package/dist/esm/functional-element/define-functional-element.js

@@ -1,43 +0,0 @@
-import { css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { createEventDescriptorMap } from './element-events';
-import { createPropertyDescriptorMap, createPropertyProxy, } from './element-properties';
-import { FunctionalElementBaseClass, } from './functional-element';
-import { createRenderParams } from './render-callback';
-export function defineFunctionalElement(functionalElementInit) {
-    var _a;
-    const eventsMap = createEventDescriptorMap(functionalElementInit.events);
-    const anonymousClass = (_a = class extends FunctionalElementBaseClass {
-            constructor() {
-                super();
-                this.initCalled = false;
-                this.instanceProps = createPropertyProxy(functionalElementInit.props, this);
-                const initProps = functionalElementInit.props || {};
-                Object.keys(initProps).forEach((propName) => {
-                    const functionalElementInstance = this;
-                    property()(functionalElementInstance, propName);
-                    functionalElementInstance[propName] = initProps[propName];
-                });
-            }
-            createRenderParams() {
-                return createRenderParams(this, eventsMap);
-            }
-            render() {
-                const renderParams = this.createRenderParams();
-                if (!this.initCalled && functionalElementInit.initCallback) {
-                    this.initCalled = true;
-                    functionalElementInit.initCallback(renderParams);
-                }
-                return functionalElementInit.renderCallback(renderParams);
-            }
-        },
-        _a.tagName = functionalElementInit.tagName,
-        _a.styles = functionalElementInit.styles || css ``,
-        _a.initInput = functionalElementInit,
-        _a.events = eventsMap,
-        _a.renderCallback = functionalElementInit.renderCallback,
-        _a.props = createPropertyDescriptorMap(functionalElementInit.props),
-        _a);
-    window.customElements.define(functionalElementInit.tagName, anonymousClass);
-    return anonymousClass;
-}

package/dist/esm/functional-element/directives/assign-with-clean-up.directive.d.ts

@@ -1,19 +0,0 @@
-import { AsyncDirective } from 'lit/async-directive.js';
-import { PartInfo } from 'lit/directive.js';
-import { StaticElementPropertyDescriptor } from '../element-properties';
-/**
- * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
- * the directive call is wrapped in this function.
- */
-export declare function assignWithCleanup<PropName extends string, PropValue>(propertyDescriptor: StaticElementPropertyDescriptor<PropName, PropValue>, value: typeof propertyDescriptor['initValue'], cleanupCallback: CleanupCallback<typeof propertyDescriptor['initValue']>): import("lit-html/directive").DirectiveResult<typeof AssignWithCleanupDirectiveClass>;
-export declare type CleanupCallback<T> = (oldValue: T) => void;
-export declare type EqualityCheckCallback<T> = (oldValue: T, newValue: T) => boolean;
-declare class AssignWithCleanupDirectiveClass extends AsyncDirective {
-    private readonly element;
-    private lastValue;
-    private lastCallback;
-    constructor(partInfo: PartInfo);
-    disconnected(): void;
-    render(propName: string, value: unknown, cleanupCallback: CleanupCallback<any>, equalityCheck?: EqualityCheckCallback<any>): symbol;
-}
-export {};

package/dist/esm/functional-element/directives/assign.directive.d.ts

@@ -1,15 +0,0 @@
-import { PartInfo } from 'lit/directive.js';
-import { PropertyInitMapBase, StaticElementPropertyDescriptor } from '../element-properties';
-import { FunctionalElementInstance } from '../functional-element';
-/**
- * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
- * the directive call is wrapped in this function.
- */
-export declare function assign<PropName extends string, PropValue>(propertyDescriptor: StaticElementPropertyDescriptor<PropName, PropValue>, value: typeof propertyDescriptor['initValue']): import("lit-html/directive").DirectiveResult<{
-    new (partInfo: PartInfo): {
-        readonly element: FunctionalElementInstance<PropertyInitMapBase>;
-        render(propName: string, value: unknown): symbol;
-        readonly _$isConnected: boolean;
-        update(_part: import("lit-html").Part, props: unknown[]): unknown;
-    };
-}>;

package/dist/esm/functional-element/directives/directive-util.d.ts

@@ -1,15 +0,0 @@
-import { ElementPartInfo, PartInfo } from 'lit/directive.js';
-import { PropertyInitMapBase } from '../element-properties';
-import { FunctionalElementInstance } from '../functional-element';
-/** For some reason these aren't defined in lit's types already. */
-export declare type ExtraPartInfoProperties = {
-    element: Element;
-    options: {
-        host: Element;
-        renderBefore: Element;
-        isConnected: boolean;
-    };
-};
-export declare function extractFunctionalElement<PropertyInitGeneric extends PropertyInitMapBase>(partInfo: PartInfo, directiveName: string): FunctionalElementInstance<PropertyInitGeneric>;
-export declare function extractElement<ElementType = HTMLElement>(partInfo: PartInfo, directiveName: string, constructorClass: (new () => ElementType) | (abstract new () => ElementType)): ElementType;
-export declare function assertsIsElementPartInfo(partInfo: PartInfo, directiveName: string): asserts partInfo is ElementPartInfo & ExtraPartInfoProperties;

package/dist/esm/functional-element/directives/listen.directive.d.ts

@@ -1,13 +0,0 @@
-import { DirectiveResult } from 'lit/directive.js';
-import { DefinedTypedEvent, TypedEvent } from '../../typed-event/typed-event';
-/**
- * Listen to events. These can be native DOM events (use a string for the inputType argument) or
- * typed events (pass in a return value from defineTypedEvent).
- *
- * @param definedTypedEvent Needs to come either from a functional element (like
- *   MyFunctionalElement.events.eventName) or from a typed event created via the defineTypedEvent function.
- * @param listener The callback to fire when an event is caught. Assuming the definedTypedEvent
- *   input is properly typed, the event given to this callback will also be typed.
- */
-export declare function listen<TypedEventTypeNameGeneric extends string, TypedEventDetailGeneric, NativeElementEventNameGeneric extends keyof HTMLElementEventMap>(eventType: DefinedTypedEvent<TypedEventTypeNameGeneric, TypedEventDetailGeneric>, listener: (event: TypedEvent<TypedEventTypeNameGeneric, TypedEventDetailGeneric>) => void): DirectiveResult<any>;
-export declare function listen<TypedEventTypeNameGeneric extends string, TypedEventDetailGeneric, NativeElementEventNameGeneric extends keyof HTMLElementEventMap>(eventType: NativeElementEventNameGeneric, listener: (event: HTMLElementEventMap[NativeElementEventNameGeneric]) => void): DirectiveResult<any>;

package/dist/esm/functional-element/directives/on-dom-created.directive.d.ts

@@ -1,11 +0,0 @@
-import { PartInfo } from 'lit/directive.js';
-export declare type OnDomCreatedCallback = (element: Element) => void;
-/** Only fires once, when the element has been created. */
-export declare const onDomCreated: (callback: OnDomCreatedCallback) => import("lit-html/directive").DirectiveResult<{
-    new (partInfo: PartInfo): {
-        element: Element | undefined;
-        update(partInfo: PartInfo, [callback]: [OnDomCreatedCallback]): undefined;
-        render(callback: OnDomCreatedCallback): undefined;
-        readonly _$isConnected: boolean;
-    };
-}>;

package/dist/esm/functional-element/directives/on-resize.directive.d.ts

@@ -1,15 +0,0 @@
-import { PartInfo } from 'lit/directive.js';
-export declare type OnResizeCallback = (
-/** Only these two properties are supported in all major modern browsers */
-entry: Readonly<Pick<ResizeObserverEntry, 'target' | 'contentRect'>>) => void;
-export declare const onResize: (callback: OnResizeCallback) => import("lit-html/directive").DirectiveResult<{
-    new (partInfo: PartInfo): {
-        element: Element | undefined;
-        readonly resizeObserver: ResizeObserver;
-        callback: OnResizeCallback | undefined;
-        fireCallback(entries: ResizeObserverEntry[]): void;
-        update(partInfo: PartInfo, [callback]: [OnResizeCallback]): undefined;
-        render(callback: OnResizeCallback): undefined;
-        readonly _$isConnected: boolean;
-    };
-}>;

package/dist/esm/functional-element/element-events.d.ts

@@ -1,10 +0,0 @@
-import { DefinedTypedEvent, DefinedTypedEventNameDefinition, TypedEvent } from '../typed-event/typed-event';
-export declare type EventsInitMap = Record<string, DefinedTypedEventNameDefinition<any>>;
-export declare function defineElementEvent<EventDetailGeneric>(): DefinedTypedEventNameDefinition<EventDetailGeneric>;
-export declare type EventInitMapEventDetailExtractor<EventTypeNameGeneric extends keyof EventsInitGeneric, EventsInitGeneric extends EventsInitMap> = EventsInitGeneric[EventTypeNameGeneric] extends DefinedTypedEventNameDefinition<infer R> ? R : never;
-export declare type EventDescriptorMap<EventsInitGeneric extends EventsInitMap> = {
-    [CurrentEventTypeName in keyof EventsInitGeneric]: DefinedTypedEvent<CurrentEventTypeName extends string ? CurrentEventTypeName : never, EventInitMapEventDetailExtractor<CurrentEventTypeName, EventsInitGeneric>>;
-};
-export declare type EventObjectEventDetailExtractor<EventObjectGeneric extends DefinedTypedEvent<any, any>> = EventObjectGeneric extends DefinedTypedEvent<string, infer R> ? R : never;
-export declare type ElementEventDetailExtractor<ElementEventGeneric extends TypedEvent<any, any>> = ElementEventGeneric extends TypedEvent<string, infer R> ? R : never;
-export declare function createEventDescriptorMap<EventsInitGeneric extends EventsInitMap>(eventsInit: EventsInitGeneric | undefined): EventDescriptorMap<EventsInitGeneric>;

package/dist/esm/functional-element/element-properties.d.ts

@@ -1,16 +0,0 @@
-import { FunctionalElementInstance } from './functional-element';
-export declare type PropertyInitMapBase = Record<string, unknown>;
-export declare type ElementProperty<KeyGeneric extends string | number | symbol, ValueGeneric> = {
-    name: KeyGeneric;
-    setProp(value: ValueGeneric): void;
-    getProp(): ValueGeneric;
-};
-export declare type StaticElementPropertyDescriptor<PropName extends string, PropValue> = {
-    propName: PropName;
-    initValue: PropValue;
-};
-export declare type ElementPropertyDescriptorMap<PropertyInitGeneric extends PropertyInitMapBase> = {
-    [Property in keyof PropertyInitGeneric]: StaticElementPropertyDescriptor<string, PropertyInitGeneric[Property]>;
-};
-export declare function createPropertyProxy<PropertyInitGeneric extends PropertyInitMapBase>(propsInitMap: PropertyInitGeneric | undefined, element: FunctionalElementInstance<PropertyInitGeneric>): PropertyInitGeneric;
-export declare function createPropertyDescriptorMap<PropertyInitGeneric extends PropertyInitMapBase>(propertyInit: PropertyInitGeneric | undefined): ElementPropertyDescriptorMap<PropertyInitGeneric>;

package/dist/esm/functional-element/functional-element.d.ts

@@ -1,42 +0,0 @@
-import { CSSResult, LitElement, TemplateResult } from 'lit';
-import { EventDescriptorMap, EventsInitMap } from './element-events';
-import { ElementPropertyDescriptorMap, PropertyInitMapBase } from './element-properties';
-import { InitCallback, RenderCallback } from './render-callback';
-export declare type CustomElementTagName = `${string}-${string}`;
-export declare type FunctionalElementInit<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
-    /**
-     * HTML tag name. This should not be used directly, as interpolating it with the html tagged
-     * template from this package is preferred.
-     */
-    tagName: CustomElementTagName;
-    /** Static styles. These should not and cannot change. */
-    styles?: CSSResult | undefined;
-    /** Initializer for element properties. (These can be thought of as "inputs".) */
-    props?: PropertyInitGeneric | undefined;
-    /** Initializer for events that the element can dispatch. (These can be thought of as "outputs".) */
-    events?: EventsInitGeneric | undefined;
-    /** Called as part of the first renderCallback call, before the first renderCallback call. */
-    initCallback?: InitCallback<PropertyInitGeneric, EventsInitGeneric>;
-    renderCallback: RenderCallback<PropertyInitGeneric, EventsInitGeneric>;
-};
-export declare abstract class FunctionalElementBaseClass<PropertyInitGeneric extends PropertyInitMapBase> extends LitElement {
-    static readonly tagName: string;
-    static readonly styles: CSSResult;
-    abstract render(): TemplateResult | Promise<TemplateResult>;
-    abstract readonly instanceProps: PropertyInitGeneric;
-}
-export declare type FunctionalElementInstance<PropertyInitGeneric extends PropertyInitMapBase = {}> = FunctionalElementBaseClass<PropertyInitGeneric> & PropertyInitGeneric;
-export declare type FunctionalElement<PropertyInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any> = (new () => FunctionalElementInstance<PropertyInitGeneric>) & ExtraStaticFunctionalElementProperties<PropertyInitGeneric, EventsInitGeneric>;
-export declare type ExtraStaticFunctionalElementProperties<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = Readonly<{
-    /** Pass through the render callback for direct unit testability */
-    renderCallback: RenderCallback<PropertyInitGeneric, EventsInitGeneric>;
-    events: EventDescriptorMap<EventsInitGeneric>;
-    props: ElementPropertyDescriptorMap<PropertyInitGeneric>;
-    initInput: FunctionalElementInit<PropertyInitGeneric, EventsInitGeneric>;
-    /**
-     * Static properties have to be copied here cause they get nuked in the "new () =>
-     * FunctionalElementInstance<PropertyInitGeneric>" type.
-     */
-    tagName: string;
-    styles: CSSResult;
-}>;

package/dist/esm/functional-element/render-callback.d.ts

@@ -1,21 +0,0 @@
-import { TemplateResult } from 'lit';
-import { TypedEvent } from '../typed-event/typed-event';
-import { EventDescriptorMap, EventInitMapEventDetailExtractor, EventsInitMap } from './element-events';
-import { PropertyInitMapBase } from './element-properties';
-import { FunctionalElementInstance } from './functional-element';
-export declare type RenderCallback<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (params: RenderParams<PropertyInitGeneric, EventsInitGeneric>) => TemplateResult;
-export declare type InitCallback<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (params: RenderParams<PropertyInitGeneric, EventsInitGeneric>) => void;
-export declare type SetPropCallback<PropertyInitGeneric extends PropertyInitMapBase> = (props: Partial<PropertyInitGeneric>) => void;
-export declare type RenderParams<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
-    props: Readonly<PropertyInitGeneric>;
-    setProps: SetPropCallback<PropertyInitGeneric>;
-    events: EventDescriptorMap<EventsInitGeneric>;
-    host: FunctionalElementInstance<PropertyInitGeneric>;
-    dispatch: <EventTypeNameGeneric extends keyof EventsInitGeneric>(event: TypedEvent<EventTypeNameGeneric extends string ? EventTypeNameGeneric : never, EventInitMapEventDetailExtractor<EventTypeNameGeneric, EventsInitGeneric>>) => boolean;
-    /**
-     * Same as dispatchElementEvent but without the extra types. This allows you to emit any events,
-     * even events from other custom elements.
-     */
-    genericDispatch: (event: Event) => boolean;
-};
-export declare function createRenderParams<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap>(element: FunctionalElementInstance<PropertyInitGeneric>, eventsMap: EventDescriptorMap<EventsInitGeneric>): RenderParams<PropertyInitGeneric, EventsInitGeneric>;

package/dist/esm/index.d.ts

@@ -1,15 +0,0 @@
-export * from './functional-element/define-functional-element';
-export * from './functional-element/directives/assign-with-clean-up.directive';
-export * from './functional-element/directives/assign.directive';
-export * from './functional-element/directives/directive-util';
-export * from './functional-element/directives/listen.directive';
-export * from './functional-element/directives/on-dom-created.directive';
-export * from './functional-element/directives/on-resize.directive';
-export * from './functional-element/element-events';
-export * from './functional-element/element-properties';
-export * from './functional-element/functional-element';
-export * from './functional-element/render-callback';
-export { requireAllCustomElementsToBeFunctionalElement } from './require-functional-element';
-export * from './template-transforms/vir-css/vir-css';
-export * from './template-transforms/vir-html/vir-html';
-export * from './typed-event/typed-event';

package/dist/esm/require-functional-element.d.ts

@@ -1,2 +0,0 @@
-export declare let functionalElementRequired: boolean;
-export declare function requireAllCustomElementsToBeFunctionalElement(): void;