@fluid-topics/ft-wc-utils 2.0.26 → 2.0.28

package/build/CancelablePromise.d.ts

@@ -1,7 +1,7 @@
 export declare class CanceledPromiseError<T> extends Error {
-    canceledPromiseResult?: T | PromiseLike<T> | undefined;
-    canceledPromiseError?: any;
-    constructor(message: string, canceledPromiseResult?: T | PromiseLike<T> | undefined, canceledPromiseError?: any);
+    canceledPromiseResult?: (T | PromiseLike<T>) | undefined;
+    canceledPromiseError?: any | undefined;
+    constructor(message: string, canceledPromiseResult?: (T | PromiseLike<T>) | undefined, canceledPromiseError?: any | undefined);
 }
 export declare class CancelablePromise<T> extends Promise<T> {
     isCanceled: boolean;

package/build/ScopedRegistryLitElement.d.ts

@@ -18,5 +18,12 @@ export type ElementDefinitionsMap = {
 export declare class ScopedRegistryLitElement extends LitElement {
     static elementDefinitions?: ElementDefinitionsMap;
     static registry?: CustomElementRegistry;
+    private get scopedRegistryConstructor();
     createRenderRoot(): ShadowRoot;
+    static canDefineScopedElement(tagName: string): boolean;
+    static defineScopedElements(definitions: ElementDefinitionsMap): void;
+    static defineScopedElement(tagName: string, klass: typeof HTMLElement): void;
+    canDefineScopedElement(tagName: string): boolean;
+    defineScopedElements(definitions: ElementDefinitionsMap): void;
+    defineScopedElement(tagName: string, klass: typeof HTMLElement): void;
 }

package/build/ScopedRegistryLitElement.js

@@ -6,11 +6,14 @@ import { adoptStyles } from "@lit/reactive-element/css-tag.js";
  * From https://github.com/lit/lit/blob/main/packages/labs/scoped-registry-mixin/
  */
 export class ScopedRegistryLitElement extends LitElement {
+    get scopedRegistryConstructor() {
+        return this.constructor;
+    }
     createRenderRoot() {
-        const constructor = this.constructor;
+        const constructor = this.scopedRegistryConstructor;
         if (constructor.elementDefinitions && !constructor.registry) {
             constructor.registry = new CustomElementRegistry();
-            Object.entries(constructor.elementDefinitions).forEach(([tagName, klass]) => constructor.registry.define(tagName, klass));
+            constructor.defineScopedElements(constructor.elementDefinitions);
         }
         const init = {
             ...constructor.shadowRootOptions,
@@ -20,4 +23,24 @@ export class ScopedRegistryLitElement extends LitElement {
         adoptStyles(renderRoot, constructor.elementStyles);
         return renderRoot;
     }
+    static canDefineScopedElement(tagName) {
+        return !!this.registry && !this.registry.get(tagName);
+    }
+    static defineScopedElements(definitions) {
+        Object.entries(definitions).forEach(([tagName, klass]) => this.defineScopedElement(tagName, klass));
+    }
+    static defineScopedElement(tagName, klass) {
+        if (this.canDefineScopedElement(tagName)) {
+            this.registry.define(tagName, klass);
+        }
+    }
+    canDefineScopedElement(tagName) {
+        return this.scopedRegistryConstructor.canDefineScopedElement(tagName);
+    }
+    defineScopedElements(definitions) {
+        this.scopedRegistryConstructor.defineScopedElements(definitions);
+    }
+    defineScopedElement(tagName, klass) {
+        this.scopedRegistryConstructor.defineScopedElement(tagName, klass);
+    }
 }

package/build/decorators.js

@@ -1,24 +1,23 @@
 import { property } from "lit/decorators.js";
-import { hasChanged, minmax } from "./helpers";
+import { deepCopy, hasChanged, minmax, } from "./helpers";
 export const customElement = (tagName) => (clazz) => {
     if (!window.customElements.get(tagName)) {
         window.customElements.define(tagName, clazz);
     }
 };
 export function jsonProperty(defaultValue, options) {
-    const fallback = () => JSON.parse(JSON.stringify(defaultValue));
     return property({
         type: Object,
         converter: {
             fromAttribute: (value) => {
                 if (value == null) {
-                    return fallback();
+                    return deepCopy(defaultValue);
                 }
                 try {
                     return JSON.parse(value);
                 }
                 catch {
-                    return fallback();
+                    return deepCopy(defaultValue);
                 }
             },
             toAttribute: (value) => {