@fluid-topics/ft-wc-utils 0.3.71 → 1.0.0-alpha.0

package/build/CacheRegistry.d.ts

@@ -1,5 +1,5 @@
 import { CancelablePromise } from "./CancelablePromise";
-export declare type CachedContent<T = any> = undefined | CancelablePromise<T> | T | Error;
+export type CachedContent<T = any> = undefined | CancelablePromise<T> | T | Error;
 export declare class CacheRegistry<T = any> {
     private loaders;
     private content;
@@ -20,4 +20,3 @@ export declare class CacheRegistry<T = any> {
     keys(): Array<string>;
     values(): Array<CachedContent<T>>;
 }
-//# sourceMappingURL=CacheRegistry.d.ts.map

package/build/CacheRegistry.js

@@ -83,4 +83,3 @@ export class CacheRegistry {
         return Object.values(this.content);
     }
 }
-//# sourceMappingURL=CacheRegistry.js.map

package/build/CancelablePromise.d.ts

@@ -4,4 +4,3 @@ export declare class CancelablePromise<T> extends Promise<T> {
     cancel(): void;
 }
 export declare const cancelable: <T>(promise: Promise<T>) => CancelablePromise<T>;
-//# sourceMappingURL=CancelablePromise.d.ts.map

package/build/CancelablePromise.js

@@ -22,4 +22,3 @@ export class CancelablePromise extends Promise {
     }
 }
 export const cancelable = (promise) => new CancelablePromise((accept, reject) => promise.then(accept).catch(reject));
-//# sourceMappingURL=CancelablePromise.js.map

package/build/Debouncer.d.ts

@@ -14,4 +14,3 @@ export declare class Debouncer {
     private clearTimeout;
     private clearPromise;
 }
-//# sourceMappingURL=Debouncer.d.ts.map

package/build/Debouncer.js

@@ -58,4 +58,3 @@ export class Debouncer {
         this.rejectPromise = undefined;
     }
 }
-//# sourceMappingURL=Debouncer.js.map

package/build/FtCssVariables.d.ts

@@ -1,11 +1,11 @@
 import { CSSResult } from "lit";
-export declare type FtCssVariableCategory = "COLOR" | "NUMBER" | "SIZE" | "UNKNOWN" | "POSITION" | "DISPLAY";
+export type FtCssVariableCategory = "COLOR" | "NUMBER" | "SIZE" | "UNKNOWN" | "POSITION" | "DISPLAY";
 export declare class FtCssVariableFactory {
     static create(name: string, category: FtCssVariableCategory, defaultValue: string): FtCssVariable;
     static extend(name: string, fallbackVariable: FtCssVariable, defaultValue?: string): FtCssVariable;
     static external(externalVariable: FtCssVariable, context: string): FtCssVariable;
 }
-export declare type FtCssVariable = CSSResult & {
+export type FtCssVariable = CSSResult & {
     name: string;
     category: FtCssVariableCategory;
     fallbackVariable?: FtCssVariable;
@@ -16,6 +16,5 @@ export declare type FtCssVariable = CSSResult & {
     get(defaultValue?: string): CSSResult;
     lastResortDefaultValue(): string | undefined;
 };
-export declare type FtCssVariables = Record<string, FtCssVariable>;
+export type FtCssVariables = Record<string, FtCssVariable>;
 export declare function setVariable(variable: FtCssVariable, value: string | CSSResult | FtCssVariable): CSSResult;
-//# sourceMappingURL=FtCssVariables.d.ts.map

package/build/FtCssVariables.js

@@ -43,4 +43,3 @@ export class FtCssVariableFactory {
 export function setVariable(variable, value) {
     return unsafeCSS(`${variable.name}: ${value}`);
 }
-//# sourceMappingURL=FtCssVariables.js.map

package/build/FtLitElement.d.ts

@@ -1,28 +1,20 @@
-import { LitElement, PropertyValues } from "lit";
-import { CSSResultGroup } from "@lit/reactive-element/css-tag";
-declare const FtLitElement_base: typeof LitElement;
-export declare class FtLitElement extends FtLitElement_base {
-    private readonly constructorPrototype;
-    private readonly constructorName;
+import { PropertyValues } from "lit";
+import { ScopedRegistryLitElement } from "./ScopedRegistryLitElement";
+declare const constructorPrototype: unique symbol;
+declare const constructorName: unique symbol;
+declare const exportpartsDebouncer: unique symbol;
+export declare class FtLitElement extends ScopedRegistryLitElement {
+    private readonly [constructorPrototype];
+    private readonly [constructorName];
     constructor();
     adoptedCallback(): void;
     exportpartsPrefix?: string;
     exportpartsPrefixes?: string[];
     customStylesheet?: string;
-    /**
-     * @deprecated Unless inline styles are required for your use-case, prefer static styles member
-     */
-    protected getStyles(): CSSResultGroup;
-    /**
-     * @deprecated Unless inline styles are required for your use-case, prefer default render method
-     */
-    protected getTemplate(): unknown;
-    protected render(): unknown;
     protected updated(props: PropertyValues): void;
     protected contentAvailableCallback(props: PropertyValues): void;
-    private exportpartsDebouncer;
+    private [exportpartsDebouncer];
     private scheduleExportpartsUpdate;
     private setExportpartsAttribute;
 }
 export {};
-//# sourceMappingURL=FtLitElement.d.ts.map

package/build/FtLitElement.js

@@ -4,47 +4,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from "lit";
-import { ScopedRegistryHost } from "@lit-labs/scoped-registry-mixin";
+var _a;
 import { property } from "lit/decorators.js";
 import { jsonProperty } from "./decorators";
 import { Debouncer } from "./Debouncer";
-export class FtLitElement extends ScopedRegistryHost(LitElement) {
+import { ScopedRegistryLitElement } from "./ScopedRegistryLitElement";
+const constructorPrototype = Symbol("constructorPrototype");
+const constructorName = Symbol("constructorName");
+const exportpartsDebouncer = Symbol("exportpartsDebouncer");
+export class FtLitElement extends ScopedRegistryLitElement {
     constructor() {
         super();
-        this.exportpartsDebouncer = new Debouncer(5);
-        this.constructorName = this.constructor.name;
-        this.constructorPrototype = this.constructor.prototype;
+        this[_a] = new Debouncer(5);
+        this[constructorName] = this.constructor.name;
+        this[constructorPrototype] = this.constructor.prototype;
     }
     adoptedCallback() {
-        if (this.constructor.name !== this.constructorName) {
-            Object.setPrototypeOf(this, this.constructorPrototype);
+        if (this.constructor.name !== this[constructorName]) {
+            Object.setPrototypeOf(this, this[constructorPrototype]);
         }
     }
-    /**
-     * @deprecated Unless inline styles are required for your use-case, prefer static styles member
-     */
-    getStyles() {
-        return [];
-    }
-    /**
-     * @deprecated Unless inline styles are required for your use-case, prefer default render method
-     */
-    getTemplate() {
-        return null;
-    }
-    render() {
-        let styles = this.getStyles();
-        if (!Array.isArray(styles)) {
-            styles = [styles];
-        }
-        return html `
-            ${styles.map(s => html `
-                <style>${s}</style>
-            `)}
-            ${this.getTemplate()}
-        `;
-    }
     updated(props) {
         super.updated(props);
         setTimeout(() => {
@@ -53,8 +32,8 @@ export class FtLitElement extends ScopedRegistryHost(LitElement) {
         }, 0);
     }
     contentAvailableCallback(props) {
-        var _a, _b;
-        ((_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".ft-lit-element--custom-stylesheet")) !== null && _b !== void 0 ? _b : []).forEach(e => e.remove());
+        var _b, _c;
+        ((_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll(".ft-lit-element--custom-stylesheet")) !== null && _c !== void 0 ? _c : []).forEach(e => e.remove());
         if (this.customStylesheet) {
             const customStyles = document.createElement("style");
             customStyles.classList.add("ft-lit-element--custom-stylesheet");
@@ -63,9 +42,9 @@ export class FtLitElement extends ScopedRegistryHost(LitElement) {
         }
     }
     scheduleExportpartsUpdate() {
-        this.exportpartsDebouncer.run(() => {
-            var _a;
-            if ((_a = this.exportpartsPrefix) === null || _a === void 0 ? void 0 : _a.trim()) {
+        this[exportpartsDebouncer].run(() => {
+            var _b;
+            if ((_b = this.exportpartsPrefix) === null || _b === void 0 ? void 0 : _b.trim()) {
                 this.setExportpartsAttribute([this.exportpartsPrefix]);
             }
             else if (this.exportpartsPrefixes != null && this.exportpartsPrefixes.length > 0) {
@@ -74,7 +53,7 @@ export class FtLitElement extends ScopedRegistryHost(LitElement) {
         });
     }
     setExportpartsAttribute(prefixes) {
-        var _a, _b, _c, _d, _e, _f;
+        var _b, _c, _d, _e, _f, _g;
         const stringFilter = (p) => p != null && p.trim().length > 0;
         const trimmedPrefixes = prefixes.filter(stringFilter).map(p => p.trim());
         if (trimmedPrefixes.length === 0) {
@@ -82,9 +61,9 @@ export class FtLitElement extends ScopedRegistryHost(LitElement) {
             return;
         }
         const allSubParts = new Set();
-        for (let element of (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[part],[exportparts]")) !== null && _b !== void 0 ? _b : []) {
-            const foundParts = (_d = (_c = element.getAttribute("part")) === null || _c === void 0 ? void 0 : _c.split(" ")) !== null && _d !== void 0 ? _d : [];
-            const foundExportParts = (_f = (_e = element.getAttribute("exportparts")) === null || _e === void 0 ? void 0 : _e.split(",").map(exp => exp.split(":")[1])) !== null && _f !== void 0 ? _f : [];
+        for (let element of (_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll("[part],[exportparts]")) !== null && _c !== void 0 ? _c : []) {
+            const foundParts = (_e = (_d = element.getAttribute("part")) === null || _d === void 0 ? void 0 : _d.split(" ")) !== null && _e !== void 0 ? _e : [];
+            const foundExportParts = (_g = (_f = element.getAttribute("exportparts")) === null || _f === void 0 ? void 0 : _f.split(",").map(exp => exp.split(":")[1])) !== null && _g !== void 0 ? _g : [];
             new Array(...foundParts, ...foundExportParts).filter(stringFilter)
                 .map(part => part.trim())
                 .forEach(part => allSubParts.add(part));
@@ -97,6 +76,7 @@ export class FtLitElement extends ScopedRegistryHost(LitElement) {
         this.setAttribute("exportparts", [...this.part, ...prefixedSubParts].join(", "));
     }
 }
+_a = exportpartsDebouncer;
 __decorate([
     property()
 ], FtLitElement.prototype, "exportpartsPrefix", void 0);
@@ -106,4 +86,3 @@ __decorate([
 __decorate([
     property()
 ], FtLitElement.prototype, "customStylesheet", void 0);
-//# sourceMappingURL=FtLitElement.js.map

package/build/ParametrizedLabelResolver.d.ts

@@ -1,4 +1,4 @@
-export declare type ParametrizedLabels = Record<string, string | undefined>;
+export type ParametrizedLabels = Record<string, string | undefined>;
 export declare class ParametrizedLabelResolver<T extends ParametrizedLabels = ParametrizedLabels> {
     private defaultLabels;
     private labels;
@@ -8,4 +8,3 @@ export declare class ParametrizedLabelResolver<T extends ParametrizedLabels = Pa
     private formatValue;
     private formatDate;
 }
-//# sourceMappingURL=ParametrizedLabelResolver.d.ts.map

package/build/ParametrizedLabelResolver.js

@@ -13,7 +13,7 @@ export class ParametrizedLabelResolver {
     resolvePluralKey(key, args) {
         for (let arg of args) {
             if (typeof arg === "number") {
-                const maybeNewKey = `${key}[\\=${arg}]`;
+                const maybeNewKey = `${String(key)}[\\=${arg}]`;
                 if (maybeNewKey in this.labels || maybeNewKey in this.defaultLabels) {
                     return maybeNewKey;
                 }
@@ -42,4 +42,3 @@ export class ParametrizedLabelResolver {
         }
     }
 }
-//# sourceMappingURL=ParametrizedLabelResolver.js.map

package/build/ScopedRegistryLitElement.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from "lit-element/lit-element.js";
+declare global {
+    interface ShadowRootInit {
+        customElements?: CustomElementRegistry;
+    }
+    interface ShadowRoot {
+        importNode(node: Node, deep?: boolean): Node;
+    }
+}
+export type ElementDefinitionsMap = {
+    [key: string]: typeof HTMLElement;
+};
+/**
+ * Typescript would not let us use the mixin directly when upgrading Lit from 2.2.8 to 2.7.2
+ *
+ * From https://github.com/lit/lit/blob/main/packages/labs/scoped-registry-mixin/
+ */
+export declare class ScopedRegistryLitElement extends LitElement {
+    static elementDefinitions?: ElementDefinitionsMap;
+    static registry?: CustomElementRegistry;
+    createRenderRoot(): ShadowRoot;
+}

package/build/ScopedRegistryLitElement.js

@@ -0,0 +1,23 @@
+import { LitElement } from "lit-element/lit-element.js";
+import { adoptStyles } from "@lit/reactive-element/css-tag.js";
+/**
+ * Typescript would not let us use the mixin directly when upgrading Lit from 2.2.8 to 2.7.2
+ *
+ * From https://github.com/lit/lit/blob/main/packages/labs/scoped-registry-mixin/
+ */
+export class ScopedRegistryLitElement extends LitElement {
+    createRenderRoot() {
+        const constructor = this.constructor;
+        if (constructor.elementDefinitions && !constructor.registry) {
+            constructor.registry = new CustomElementRegistry();
+            Object.entries(constructor.elementDefinitions).forEach(([tagName, klass]) => constructor.registry.define(tagName, klass));
+        }
+        const init = {
+            ...constructor.shadowRootOptions,
+            customElements: constructor.registry,
+        };
+        const renderRoot = this.renderOptions.creationScope = this.attachShadow(init);
+        adoptStyles(renderRoot, constructor.elementStyles);
+        return renderRoot;
+    }
+}

package/build/decorators.d.ts

@@ -2,4 +2,3 @@ import { PropertyDeclaration } from "@lit/reactive-element";
 import { ClassElement } from "@lit/reactive-element/decorators/base";
 export declare const customElement: (tagName: string) => (clazz: CustomElementConstructor) => void;
 export declare function jsonProperty(defaultValue: any, options?: PropertyDeclaration): (attribute: Object | ClassElement, name?: PropertyKey | undefined) => any;
-//# sourceMappingURL=decorators.d.ts.map

package/build/decorators.js

@@ -29,4 +29,3 @@ export function jsonProperty(defaultValue, options) {
         ...(options !== null && options !== void 0 ? options : {})
     });
 }
-//# sourceMappingURL=decorators.js.map

package/build/deep-equal.d.ts

@@ -1,2 +1 @@
 export declare function deepEqual(a: any, b: any): boolean;
-//# sourceMappingURL=deep-equal.d.ts.map

package/build/deep-equal.js

@@ -62,4 +62,3 @@ export function deepEqual(a, b) {
         return false;
     }
 }
-//# sourceMappingURL=deep-equal.js.map

package/build/delay.d.ts

@@ -1,2 +1 @@
 export declare const delay: (ms: number) => Promise<unknown>;
-//# sourceMappingURL=delay.d.ts.map

package/build/delay.js

@@ -1,2 +1 @@
 export const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
-//# sourceMappingURL=delay.js.map

package/build/designSystemVariables.d.ts

@@ -62,4 +62,3 @@ export declare const designSystemVariables: {
     transitionDuration: import("./FtCssVariables").FtCssVariable;
     transitionTimingFunction: import("./FtCssVariables").FtCssVariable;
 };
-//# sourceMappingURL=designSystemVariables.d.ts.map

package/build/designSystemVariables.js

@@ -63,4 +63,3 @@ export const designSystemVariables = {
     transitionDuration: FtCssVariableFactory.create("--ft-transition-duration", "UNKNOWN", "250ms"),
     transitionTimingFunction: FtCssVariableFactory.create("--ft-transition-timing-function", "UNKNOWN", "ease-in-out"),
 };
-//# sourceMappingURL=designSystemVariables.js.map

package/build/events.d.ts

@@ -1,4 +1,4 @@
-export declare type FtNotificationType = "info" | "warning" | "error";
+export type FtNotificationType = "info" | "warning" | "error";
 export interface FtNotificationEventDetail {
     type: FtNotificationType;
     message: string;
@@ -6,4 +6,3 @@ export interface FtNotificationEventDetail {
 export declare class FtNotificationEvent extends CustomEvent<FtNotificationEventDetail> {
     constructor(detail: FtNotificationEventDetail);
 }
-//# sourceMappingURL=events.d.ts.map

package/build/events.js

@@ -3,4 +3,3 @@ export class FtNotificationEvent extends CustomEvent {
         super("ft-notification", { bubbles: true, composed: true, detail });
     }
 }
-//# sourceMappingURL=events.js.map

package/build/generic-types.d.ts

@@ -1,2 +1,2 @@
-export declare type Optional<T> = T | null | undefined;
-//# sourceMappingURL=generic-types.d.ts.map
+export type Optional<T> = T | null | undefined;
+export type Constructor<T> = new (...args: any[]) => T;

package/build/generic-types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=generic-types.js.map

package/build/globals.d.ts

@@ -5,4 +5,3 @@ export * as litClassMap from "lit/directives/class-map.js";
 export * as litStyleMap from "lit/directives/style-map.js";
 export * as litUnsafeHTML from "lit-html/directives/unsafe-html.js";
 export * as wcUtils from "./index";
-//# sourceMappingURL=globals.d.ts.map

package/build/globals.js

@@ -5,4 +5,3 @@ export * as litClassMap from "lit/directives/class-map.js";
 export * as litStyleMap from "lit/directives/style-map.js";
 export * as litUnsafeHTML from "lit-html/directives/unsafe-html.js";
 export * as wcUtils from "./index";
-//# sourceMappingURL=globals.js.map