@fluid-topics/ft-wc-utils 1.3.13 → 1.3.15

package/build/CacheRegistry.d.ts

@@ -20,6 +20,7 @@ export declare class CacheRegistry extends WithEventBus {
     register(key: string, loader: () => Promise<any>, final?: boolean): void;
     registerFinal(key: string, loader: () => Promise<any>): void;
     clearAll(dispatchEvent?: boolean): string[];
+    clearMatching(matcher: (key: string) => boolean, dispatchEvent?: boolean): string[];
     clear(key: string, dispatchEvent?: boolean): string | undefined;
     private forceClear;
     private clearClearTimeout;

package/build/CacheRegistry.js

@@ -18,16 +18,15 @@ export class CacheRegistry extends WithEventBus {
         this.content[key] = { ...content, loader, final, status };
     }
     registerFinal(key, loader) {
-        this.forceClear(key); // Force the final content to be reloaded when the loader changes
         this.register(key, loader, true);
     }
     clearAll(dispatchEvent = true) {
-        const clearedKeys = [];
-        for (const key in this.content) {
-            if (this.clear(key, false) != undefined) {
-                clearedKeys.push(key);
-            }
-        }
+        return this.clearMatching(() => true, dispatchEvent);
+    }
+    clearMatching(matcher, dispatchEvent = true) {
+        const clearedKeys = Object.keys(this.content)
+            .filter(matcher)
+            .filter((key) => this.clear(key, false) != undefined);
         if (dispatchEvent && clearedKeys.length > 0) {
             this.dispatchEvent(new ClearCacheEvent(clearedKeys));
         }
@@ -92,7 +91,7 @@ export class CacheRegistry extends WithEventBus {
                 content.status = "LOADING";
                 content.promise = cancelable(loader());
                 return content.promise
-                    .then(value => {
+                    .then((value) => {
                     content.status = "RESOLVED";
                     content.value = value;
                     if (ttl != null) {
@@ -101,7 +100,7 @@ export class CacheRegistry extends WithEventBus {
                     }
                     return value;
                 })
-                    .catch(error => {
+                    .catch((error) => {
                     var _a;
                     if (!((_a = content.promise) === null || _a === void 0 ? void 0 : _a.isCanceled)) {
                         content.status = "ERROR";
@@ -123,10 +122,10 @@ export class CacheRegistry extends WithEventBus {
         return ((_a = this.content[key]) === null || _a === void 0 ? void 0 : _a.status) !== undefined && ((_b = this.content[key]) === null || _b === void 0 ? void 0 : _b.status) !== "REGISTERED";
     }
     resolvedKeys() {
-        return Object.keys(this.content).filter(key => { var _a; return ((_a = this.content[key]) === null || _a === void 0 ? void 0 : _a.status) === "RESOLVED"; });
+        return Object.keys(this.content).filter((key) => { var _a; return ((_a = this.content[key]) === null || _a === void 0 ? void 0 : _a.status) === "RESOLVED"; });
     }
     resolvedValues() {
-        return this.resolvedKeys().map(key => this.content[key].value);
+        return this.resolvedKeys().map((key) => this.content[key].value);
     }
     keys() {
         return Object.keys(this.content);

package/build/decorators.d.ts

@@ -1,5 +1,9 @@
 import { PropertyDeclaration } from "@lit/reactive-element";
 export declare const customElement: (tagName: string) => (clazz: CustomElementConstructor) => void;
 export declare function jsonProperty(defaultValue: any, options?: PropertyDeclaration): PropertyDecorator;
+/**
+ * @deprecated use numberProperty instead
+ */
 export declare function optionalNumberProperty(options?: PropertyDeclaration): PropertyDecorator;
+export declare function numberProperty(options?: PropertyDeclaration): PropertyDecorator;
 export declare function isNumber(value: any): boolean;

package/build/decorators.js

@@ -23,17 +23,24 @@ export function jsonProperty(defaultValue, options) {
             },
             toAttribute: (value) => {
                 return JSON.stringify(value);
-            }
+            },
         },
         hasChanged,
-        ...(options !== null && options !== void 0 ? options : {})
+        ...(options !== null && options !== void 0 ? options : {}),
     });
 }
+/**
+ * @deprecated use numberProperty instead
+ */
 export function optionalNumberProperty(options) {
+    return numberProperty(options);
+}
+export function numberProperty(options) {
     return property({
         type: Object,
         converter: {
             fromAttribute: (value) => {
+                console.log("from attribute", value, options);
                 if (value == null) {
                     return undefined;
                 }
@@ -41,9 +48,10 @@ export function optionalNumberProperty(options) {
             },
             toAttribute: (value) => {
                 return value == null ? undefined : "" + value;
-            }
+            },
         },
-        ...(options !== null && options !== void 0 ? options : {})
+        useDefault: true,
+        ...(options !== null && options !== void 0 ? options : {}),
     });
 }
 export function isNumber(value) {

package/build/floating.d.ts

@@ -1,3 +1,4 @@
 import { ComputePositionReturn, Placement, Strategy } from "@floating-ui/dom";
+import { FtCssVariable } from "@fluid-topics/design-system-variables";
 export declare function computeOffsetPosition(reference: HTMLElement, element: HTMLElement, placement: Placement): Promise<ComputePositionReturn>;
-export declare function computeOffsetAutoPosition(reference: HTMLElement, element: HTMLElement, placement?: Placement, allowedPlacements?: Placement[], strategy?: Strategy, maxHeightCssVariable?: string, offsetValue?: number): Promise<ComputePositionReturn>;
+export declare function computeOffsetAutoPosition(reference: HTMLElement, element: HTMLElement, placement?: Placement, allowedPlacements?: Placement[], strategy?: Strategy, maxHeightCssVariable?: string | FtCssVariable, offsetValue?: number): Promise<ComputePositionReturn>;

package/build/floating.js

@@ -29,8 +29,11 @@ export async function computeOffsetAutoPosition(reference, element, placement, a
             autoPlacement({ allowedPlacements: allowedPlacements }),
             size({
                 apply({ availableHeight, elements }) {
+                    if (typeof maxHeightCssVariable === "string") {
+                        maxHeightCssVariable = `var(${maxHeightCssVariable})`;
+                    }
                     if (maxHeightCssVariable) {
-                        elements.floating.style.maxHeight = `min(${Math.max(0, availableHeight)}px, var(${maxHeightCssVariable}))`;
+                        elements.floating.style.maxHeight = `min(${Math.max(0, availableHeight)}px, ${maxHeightCssVariable})`;
                     }
                     else {
                         elements.floating.style.maxHeight = `${Math.max(0, availableHeight)}px`;