@fluid-topics/ft-wc-utils 0.0.88

package/build/Debouncer.d.ts

@@ -0,0 +1,12 @@
+export declare class Debouncer {
+    private timeout;
+    private _debounce?;
+    private callbacks;
+    constructor(timeout?: number);
+    run(callback: Function, timeout?: number): void;
+    queue(callback: Function, timeout?: number): void;
+    cancel(): void;
+    private debounce;
+    private runCallbacks;
+}
+//# sourceMappingURL=Debouncer.d.ts.map

package/build/Debouncer.js

@@ -0,0 +1,30 @@
+export class Debouncer {
+    constructor(timeout = 0) {
+        this.timeout = timeout;
+        this.callbacks = [];
+    }
+    run(callback, timeout) {
+        this.callbacks = [callback];
+        this.debounce(timeout);
+    }
+    queue(callback, timeout) {
+        this.callbacks.push(callback);
+        this.debounce(timeout);
+    }
+    cancel() {
+        if (this._debounce != null) {
+            window.clearTimeout(this._debounce);
+        }
+    }
+    debounce(timeout) {
+        this.cancel();
+        this._debounce = window.setTimeout(() => this.runCallbacks(), timeout !== null && timeout !== void 0 ? timeout : this.timeout);
+    }
+    runCallbacks() {
+        for (let callback of this.callbacks) {
+            callback();
+        }
+        this.callbacks = [];
+    }
+}
+//# sourceMappingURL=Debouncer.js.map

package/build/FtLitElement.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, PropertyValues } from "lit";
+import { CSSResultGroup } from "@lit/reactive-element/css-tag";
+export { ElementDefinitionsMap } from "@lit-labs/scoped-registry-mixin";
+declare const FtLitElement_base: typeof LitElement;
+export declare class FtLitElement extends FtLitElement_base {
+    private readonly proto;
+    private readonly constructorName;
+    constructor();
+    protected getStyles(): CSSResultGroup;
+    protected getTemplate(): unknown;
+    protected render(): unknown;
+    adoptedCallback(): void;
+    protected updated(props: PropertyValues): void;
+    protected contentAvailableCallback(props: PropertyValues): void;
+}
+//# sourceMappingURL=FtLitElement.d.ts.map

package/build/FtLitElement.js

@@ -0,0 +1,39 @@
+import { html, LitElement } from "lit";
+import { ScopedRegistryHost } from "@lit-labs/scoped-registry-mixin";
+export class FtLitElement extends ScopedRegistryHost(LitElement) {
+    constructor() {
+        super();
+        this.constructorName = this.constructor.name;
+        this.proto = this.constructor.prototype;
+    }
+    getStyles() {
+        return [];
+    }
+    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()}
+        `;
+    }
+    adoptedCallback() {
+        if (Object.getPrototypeOf(this) !== this.constructorName) {
+            Object.setPrototypeOf(this, this.proto);
+        }
+    }
+    updated(props) {
+        super.updated(props);
+        setTimeout(() => this.contentAvailableCallback(props), 0);
+    }
+    contentAvailableCallback(props) {
+    }
+}
+//# sourceMappingURL=FtLitElement.js.map

package/build/ParametrizedLabelResolver.d.ts

@@ -0,0 +1,8 @@
+export declare type ParametrizedLabels = Record<string, string | undefined>;
+export declare class ParametrizedLabelResolver<T extends ParametrizedLabels> {
+    private defaultLabels;
+    private labels;
+    constructor(defaultLabels: T, labels: T);
+    resolve(key: keyof T, ...args: any[]): string | NonNullable<T[keyof T]>;
+}
+//# sourceMappingURL=ParametrizedLabelResolver.d.ts.map

package/build/ParametrizedLabelResolver.js

@@ -0,0 +1,13 @@
+export class ParametrizedLabelResolver {
+    constructor(defaultLabels, labels) {
+        this.defaultLabels = defaultLabels;
+        this.labels = labels;
+    }
+    resolve(key, ...args) {
+        var _a, _b;
+        let label = (_b = (_a = this.labels[key]) !== null && _a !== void 0 ? _a : this.defaultLabels[key]) !== null && _b !== void 0 ? _b : "";
+        args.forEach((value, index) => label = label.replace(new RegExp(`\\{${index}\\}`, "g"), value));
+        return label;
+    }
+}
+//# sourceMappingURL=ParametrizedLabelResolver.js.map

package/build/decorators.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,30 @@
+import { property } from "lit/decorators.js";
+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();
+                }
+                try {
+                    return JSON.parse(value);
+                }
+                catch {
+                    return fallback();
+                }
+            },
+            toAttribute: (value) => {
+                return JSON.stringify(value);
+            }
+        },
+        ...(options !== null && options !== void 0 ? options : {})
+    });
+}
+//# sourceMappingURL=decorators.js.map

package/build/index.d.ts

@@ -0,0 +1,9 @@
+import "./silent-define";
+export declare const isSafari: boolean;
+export * from "./Debouncer";
+export * from "./decorators";
+export * from "./FtLitElement";
+export * from "./storybook";
+export * from "./redux";
+export * from "./ParametrizedLabelResolver";
+//# sourceMappingURL=index.d.ts.map

package/build/index.js

@@ -0,0 +1,11 @@
+var _a, _b, _c;
+import "./silent-define";
+export const isSafari = (navigator.vendor && !!navigator.vendor.match(/apple/i))
+    || ((_c = (_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "") === "[object SafariRemoteNotification]";
+export * from "./Debouncer";
+export * from "./decorators";
+export * from "./FtLitElement";
+export * from "./storybook";
+export * from "./redux";
+export * from "./ParametrizedLabelResolver";
+//# sourceMappingURL=index.js.map

package/build/redux.d.ts

@@ -0,0 +1,19 @@
+import { FtLitElement } from "./FtLitElement";
+import { Slice, Store } from "@reduxjs/toolkit";
+export declare type ReduxSelector<T> = (rootState: T) => unknown;
+export declare const redux: <T, U = unknown>(selector: ReduxSelector<T>, hasChanged?: ((value: U, oldValue: U) => boolean) | undefined) => (proto: Object, name: string) => void;
+export declare abstract class FtLitElementRedux extends FtLitElement {
+    reduxProperties?: Map<string, ReduxSelector<unknown>>;
+    private unsubscribeFromStore;
+    abstract get store(): any;
+    private updateFromStore;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface Window {
+        reduxStores?: Record<string, Store>;
+    }
+}
+export declare function getStore(slice: Slice): Store;
+//# sourceMappingURL=redux.d.ts.map

package/build/redux.js

@@ -0,0 +1,50 @@
+import { FtLitElement } from "./FtLitElement";
+import { configureStore } from "@reduxjs/toolkit";
+export const redux = (selector, hasChanged) => {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    return (proto, name) => {
+        proto.constructor.createProperty(name, {
+            attribute: false,
+            hasChanged,
+        });
+        const reduxProto = proto;
+        reduxProto.reduxProperties = reduxProto.reduxProperties || new Map();
+        reduxProto.reduxProperties.set(name, selector);
+    };
+};
+export class FtLitElementRedux extends FtLitElement {
+    updateFromStore() {
+        const rootState = this.store.getState();
+        if (this.reduxProperties) {
+            this.reduxProperties.forEach((selector, reduxProperty) => {
+                this[reduxProperty] = selector(rootState);
+            });
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateFromStore();
+        this.unsubscribeFromStore = this.store.subscribe(() => {
+            this.updateFromStore();
+        });
+    }
+    disconnectedCallback() {
+        if (this.unsubscribeFromStore) {
+            this.unsubscribeFromStore();
+        }
+        super.disconnectedCallback();
+    }
+}
+export function getStore(slice) {
+    if (!window.reduxStores) {
+        window.reduxStores = {};
+    }
+    const name = slice.name;
+    if (!window.reduxStores[name]) {
+        window.reduxStores[name] = configureStore({
+            reducer: slice.reducer
+        });
+    }
+    return window.reduxStores[name];
+}
+//# sourceMappingURL=redux.js.map

package/build/silent-define.d.ts

@@ -0,0 +1,2 @@
+import "@webcomponents/scoped-custom-element-registry";
+//# sourceMappingURL=silent-define.d.ts.map

package/build/silent-define.js

@@ -0,0 +1,18 @@
+import "@webcomponents/scoped-custom-element-registry";
+try {
+    // Throws expected error to replace default window.customElements.define
+    //@ts-ignore
+    window.customElements.define("custom-element", null);
+}
+catch (e) {
+    const initialDefine = window.customElements.define;
+    window.customElements.define = (name, constructor, options) => {
+        try {
+            initialDefine.bind(window.customElements)(name, constructor, options);
+        }
+        catch (e) {
+            console.warn(name, constructor, options, e);
+        }
+    };
+}
+//# sourceMappingURL=silent-define.js.map

package/build/silent-define.min.js

@@ -0,0 +1 @@
+!function(){(function(){function t(t){var n=0;return function(){return n<t.length?{done:!1,value:t[n++]}:{done:!0}}}function n(n){var e="undefined"!=typeof Symbol&&Symbol.iterator&&n[Symbol.iterator];return e?e.call(n):{next:t(n)}}function e(t){if(!(t instanceof Array)){t=n(t);for(var e,i=[];!(e=t.next()).done;)i.push(e.value);t=i}return t}var i="function"==typeof Object.create?Object.create:function(t){function n(){}return n.prototype=t,new n};var o,r=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var n=0;n<t.length;++n){var e=t[n];if(e&&e.Math==Math)return e}throw Error("Cannot find global object")}(this),a=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(n,e,i){return n=t(n,e),i&&Reflect.setPrototypeOf(n,i.prototype),n}}return function(t,n,e){return void 0===e&&(e=t),e=i(e.prototype||Object.prototype),Function.prototype.apply.call(t,e,n)||e}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var c;t:{var u={};try{u.__proto__={a:!0},c=u.a;break t}catch(t){}c=!1}o=c?function(t,n){if(t.__proto__=n,t.__proto__!==n)throw new TypeError(t+" is not extensible");return t}:null}var s=o;if(!ShadowRoot.prototype.createElement){var l,f=window.HTMLElement,h=window.customElements.define,w=window.customElements.get,d=window.customElements,v=new WeakMap,b=new WeakMap,m=new WeakMap,y=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,e){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(e))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var i=e.prototype.attributeChangedCallback,o=new Set(e.observedAttributes||[]);if(j(e,o,i),i={g:e,connectedCallback:e.prototype.connectedCallback,disconnectedCallback:e.prototype.disconnectedCallback,adoptedCallback:e.prototype.adoptedCallback,attributeChangedCallback:i,formAssociated:e.formAssociated,formAssociatedCallback:e.prototype.formAssociatedCallback,formDisabledCallback:e.prototype.formDisabledCallback,formResetCallback:e.prototype.formResetCallback,formStateRestoreCallback:e.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,i),this.o.set(e,i),(o=w.call(d,t))||(o=p(t),h.call(d,t,o)),this===window.customElements&&(m.set(e,i),i.s=o),o=this.h.get(t)){this.h.delete(t);for(var r=(o=n(o)).next();!r.done;r=o.next())r=r.value,b.delete(r),E(r,i,!0)}return void 0!==(i=this.i.get(t))&&(i.resolve(e),this.i.delete(t)),e},window.CustomElementRegistry.prototype.upgrade=function(){M.push(this),d.upgrade.apply(d,arguments),M.pop()},window.CustomElementRegistry.prototype.get=function(t){var n;return null==(n=this.l.get(t))?void 0:n.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var n=this.j(t);if(void 0!==n)return Promise.resolve(n.g);var e=this.i.get(t);return void 0===e&&((e={}).promise=new Promise((function(t){return e.resolve=t})),this.i.set(t,e)),e.promise},window.CustomElementRegistry.prototype.m=function(t,n,e){var i=this.h.get(n);i||this.h.set(n,i=new Set),e?i.add(t):i.delete(t)},window.HTMLElement=function(){var t=l;if(t)return l=void 0,t;var n=m.get(this.constructor);if(!n)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(f,[],n.s),Object.setPrototypeOf(t,this.constructor.prototype),v.set(t,n),t},window.HTMLElement.prototype=f.prototype;var p=function(t){function n(){var n=Reflect.construct(f,[],this.constructor);Object.setPrototypeOf(n,HTMLElement.prototype);t:{var e=n.getRootNode();if(!(e===document||e instanceof ShadowRoot)){if((e=M[M.length-1])instanceof CustomElementRegistry){var i=e;break t}(e=e.getRootNode())===document||e instanceof ShadowRoot||(e=(null==(i=y.get(e))?void 0:i.getRootNode())||document)}i=e.customElements}return(e=(i=i||window.customElements).j(t))?E(n,e):b.set(n,i),n}return r.Object.defineProperty(n,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),n.prototype.connectedCallback=function(){var n=v.get(this);n?n.connectedCallback&&n.connectedCallback.apply(this,arguments):b.get(this).m(this,t,!0)},n.prototype.disconnectedCallback=function(){var n=v.get(this);n?n.disconnectedCallback&&n.disconnectedCallback.apply(this,arguments):b.get(this).m(this,t,!1)},n.prototype.adoptedCallback=function(){var t,n;null==(t=v.get(this))||null==(n=t.adoptedCallback)||n.apply(this,arguments)},n.prototype.formAssociatedCallback=function(){var t,n=v.get(this);n&&n.formAssociated&&(null==n||null==(t=n.formAssociatedCallback)||t.apply(this,arguments))},n.prototype.formDisabledCallback=function(){var t,n=v.get(this);null!=n&&n.formAssociated&&(null==n||null==(t=n.formDisabledCallback)||t.apply(this,arguments))},n.prototype.formResetCallback=function(){var t,n=v.get(this);null!=n&&n.formAssociated&&(null==n||null==(t=n.formResetCallback)||t.apply(this,arguments))},n.prototype.formStateRestoreCallback=function(){var t,n=v.get(this);null!=n&&n.formAssociated&&(null==n||null==(t=n.formStateRestoreCallback)||t.apply(this,arguments))},n},j=function(t,n,e){if(0!==n.size&&void 0!==e){var i=t.prototype.setAttribute;i&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),n.has(t)){var r=this.getAttribute(t);i.call(this,t,o),e.call(this,t,r,o)}else i.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),n.has(t)){var i=this.getAttribute(t);o.call(this,t),e.call(this,t,i,null)}else o.call(this,t)})}},g=function(t){var n=Object.getPrototypeOf(t);if(n!==window.HTMLElement)return n===f?Object.setPrototypeOf(t,window.HTMLElement):g(n)},E=function(t,n,e){e=void 0!==e&&e,Object.setPrototypeOf(t,n.g.prototype),v.set(t,n),l=t;try{new n.g}catch(t){g(n.g),new n.g}n.observedAttributes.forEach((function(e){t.hasAttribute(e)&&n.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&n.connectedCallback&&t.isConnected&&n.connectedCallback.call(t)},O=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var n=O.apply(this,arguments);return t.customElements&&(n.customElements=t.customElements),n};var M=[document],R=function(t,n,e){var i=(e?Object.getPrototypeOf(e):t.prototype)[n];t.prototype[n]=function(){M.push(this);var t=i.apply(e||this,arguments);return void 0!==t&&y.set(t,this),M.pop(),t}};R(ShadowRoot,"createElement",document),R(ShadowRoot,"importNode",document),R(Element,"insertAdjacentHTML");var k=function(t){var n=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},n,{set:function(t){M.push(this),n.set.call(this,t),M.pop()}}))};if(k(Element),k(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var C=new WeakMap,T=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var n=[],i=0;i<arguments.length;++i)n[i]=arguments[i];return n=T.call.apply(T,[this].concat(e(n))),C.set(n,this),n},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var n=window.ElementInternals.prototype,i=n[t];n[t]=function(t){for(var n=[],o=0;o<arguments.length;++o)n[o]=arguments[o];if(o=C.get(this),!0!==v.get(o).formAssociated)throw new DOMException("Failed to execute "+i+" on 'ElementInternals': The target element is not a form-associated custom element.");null==i||i.call.apply(i,[this].concat(e(n)))}}));var S=function(t){var n=a(Array,[].concat(e(t)),this.constructor);return n.h=t,n},x=S,A=Array;if(x.prototype=i(A.prototype),x.prototype.constructor=x,s)s(x,A);else for(var H in A)if("prototype"!=H)if(Object.defineProperties){var L=Object.getOwnPropertyDescriptor(A,H);L&&Object.defineProperty(x,H,L)}else x[H]=A[H];x.u=A.prototype,r.Object.defineProperty(S.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var F=function(t){var n=this,e=new Map;t.forEach((function(t,i){var o=t.getAttribute("name"),r=e.get(o)||[];n[+i]=t,r.push(t),e.set(o,r)})),this.length=t.length,e.forEach((function(t,e){t&&(n[e]=1===t.length?t[0]:new S(t))}))};F.prototype.namedItem=function(t){return this[t]};var W=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=W.get.call(this,[]),e=[],i=(t=n(t)).next();!i.done;i=t.next()){i=i.value;var o=v.get(i);o&&!0!==o.formAssociated||e.push(i)}return new F(e)}})}}}).call(self);try{window.customElements.define("custom-element",null)}catch(t){const n=window.customElements.define;window.customElements.define=(t,e,i)=>{try{n.bind(window.customElements)(t,e,i)}catch(n){console.warn(t,e,i,n)}}}}();

package/build/storybook.d.ts

@@ -0,0 +1,12 @@
+export declare function rawHtmlStory(rawHtml: string): {
+    (): import("lit-html").TemplateResult<1>;
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+export declare function rawCodeStory(story: any): void;
+//# sourceMappingURL=storybook.d.ts.map

package/build/storybook.js

@@ -0,0 +1,23 @@
+import { html } from "lit";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+export function rawHtmlStory(rawHtml) {
+    const story = () => html `${unsafeHTML(rawHtml)}`;
+    story.parameters = {
+        docs: {
+            source: {
+                code: rawHtml,
+            },
+        },
+    };
+    return story;
+}
+export function rawCodeStory(story) {
+    story.parameters = {
+        docs: {
+            source: {
+                type: "code",
+            },
+        },
+    };
+}
+//# sourceMappingURL=storybook.js.map

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@fluid-topics/ft-wc-utils",
+  "version": "0.0.88",
+  "description": "Internal web components tools",
+  "author": "Fluid Topics <devtopics@antidot.net>",
+  "license": "ISC",
+  "main": "build/index.js",
+  "typings": "build/index",
+  "files": [
+    "build/*.ts",
+    "build/*.js"
+  ],
+  "dependencies": {
+    "@lit-labs/scoped-registry-mixin": "1.0.0",
+    "@reduxjs/toolkit": "^1.6.2",
+    "@webcomponents/scoped-custom-element-registry": "0.0.4"
+  },
+  "peerDependencies": {
+    "lit": "^2.0.2"
+  },
+  "gitHead": "220e53dba55dfa1de1560abbc30067555f72198c"
+}