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

package/build/redux.d.ts

@@ -1,30 +1,27 @@
 import { FtLitElement } from "./FtLitElement";
 import { Action, AnyAction, CaseReducerActions, CreateSliceOptions, Dispatch, Observable, Reducer, Slice, SliceCaseReducers, Store, Unsubscribe } from "@reduxjs/toolkit";
 import { Optional } from "./generic-types";
-export declare type ReduxSelector<T, U extends FtLitElementRedux> = (rootState: T, element: U) => unknown;
-interface ReduxProperty<T, U extends FtLitElementRedux> {
-    selector: ReduxSelector<T, U>;
+import { PropertyDeclaration } from "lit";
+export type ReduxSelector<State, Element extends FtLitElementRedux> = (rootState: State, element: Element) => unknown;
+interface ReduxProperty<State, Element extends FtLitElementRedux> {
     store?: string;
+    selector: ReduxSelector<State, Element>;
 }
-export interface ReduxPropertyInit<T, U extends FtLitElementRedux> {
+export interface ReduxPropertyInit<State, Element extends FtLitElementRedux> extends PropertyDeclaration {
     store?: string;
-    selector?: ReduxSelector<T, U>;
-    hasChanged?: (value: U, oldValue: U) => boolean;
-    attribute?: string | boolean;
+    selector?: ReduxSelector<State, Element>;
 }
-export declare const redux: <T, U extends FtLitElementRedux>(selectorOrInit?: ReduxSelector<T, U> | ReduxPropertyInit<T, U> | undefined, hasChanged?: ((value: U, oldValue: U) => boolean) | undefined) => (proto: Object, name: string) => void;
+export declare const redux: <State, Element_1 extends FtLitElementRedux>(propertyInit?: ReduxPropertyInit<State, Element_1> | undefined) => (proto: Object, name: string) => void;
+declare const internalStoresUnsubscribers: unique symbol;
+declare const internalStores: unique symbol;
 export declare class FtLitElementRedux extends FtLitElement {
     reduxProperties?: Map<string, ReduxProperty<unknown, FtLitElementRedux>>;
-    private readonly internalStoresUnsubscribers;
-    private readonly internalStores;
+    private readonly [internalStoresUnsubscribers];
+    private readonly [internalStores];
     private getUnnamedStore;
-    /**@deprecated*/
-    get store(): any;
-    /**@deprecated*/
-    protected set store(store: Optional<Store>);
-    getStore<ReturnType = Optional<Store>>(name?: string): ReturnType;
-    protected addStore(store: Store, name?: string): void;
-    protected removeStore(storeOrName: Store | string): void;
+    getStore<ReturnType = Optional<FtReduxStore>>(name?: string): ReturnType;
+    protected addStore(store: FtReduxStore, name?: string): void;
+    protected removeStore(storeOrName: FtReduxStore | string): void;
     private setupStore;
     private setupStores;
     private updateFromStores;
@@ -52,16 +49,13 @@ export declare class FtReduxStore<State = any, CR extends SliceCaseReducers<Stat
     getState(): State;
     replaceReducer(nextReducer: Reducer<State, A>): void;
     subscribe(listener: () => void): Unsubscribe;
-    actions: CaseReducerActions<CR>;
+    actions: CaseReducerActions<CR, string>;
     get name(): string;
-    get reducer(): Reducer<State, AnyAction>;
+    get reducer(): Reducer<State>;
     get caseReducers(): { [Type in keyof CR]: CR[Type] extends {
         reducer: infer Reducer_1;
     } ? Reducer_1 : CR[Type]; };
     getInitialState(): State;
 }
-/**@deprecated Use FtReduxStore.get instead*/
-export declare function getStore(slice: Slice, name?: string): Store;
 export declare function clearAllStores(): void;
 export {};
-//# sourceMappingURL=redux.d.ts.map

package/build/redux.js

@@ -1,84 +1,64 @@
+var _a, _b;
 import { FtLitElement } from "./FtLitElement";
 import { configureStore, createSlice } from "@reduxjs/toolkit";
 import { deepEqual } from "./deep-equal";
-const isReduxPropertyInit = (o) => {
-    return typeof o === "object" && (Object.keys(o).length === 0
-        || typeof o.store === "string"
-        || o.selector != null
-        || typeof o.hasChanged === "function"
-        || o.attribute != null);
-};
-export const redux = (// TODO next major version: Remove compat
-selectorOrInit, hasChanged) => {
-    var _a;
-    const init = isReduxPropertyInit(selectorOrInit) ? selectorOrInit : {};
-    hasChanged = (_a = hasChanged !== null && hasChanged !== void 0 ? hasChanged : init.hasChanged) !== null && _a !== void 0 ? _a : ((a, b) => !deepEqual(a, b));
+import { property } from "lit/decorators.js";
+export const redux = (propertyInit) => {
+    const init = propertyInit !== null && propertyInit !== void 0 ? propertyInit : {};
     return (proto, name) => {
-        var _a, _b;
-        proto.constructor.createProperty(name, {
-            hasChanged,
-            attribute: (_a = init.attribute) !== null && _a !== void 0 ? _a : false
-        });
+        var _c;
+        const litPropertyInit = {
+            hasChanged: ((a, b) => !deepEqual(a, b)),
+            attribute: false,
+            ...init
+        };
+        property(litPropertyInit)(proto, name);
         const reduxProto = proto;
         reduxProto.reduxProperties = reduxProto.reduxProperties || new Map();
-        const selector = (_b = (isReduxPropertyInit(selectorOrInit) ? init.selector : selectorOrInit)) !== null && _b !== void 0 ? _b : (s => s[name]);
-        reduxProto.reduxProperties.set(name, { selector, store: init.store });
+        reduxProto.reduxProperties.set(name, {
+            selector: (_c = init.selector) !== null && _c !== void 0 ? _c : ((s) => s[name]),
+            store: init.store
+        });
     };
 };
+const internalStoresUnsubscribers = Symbol("internalStoresUnsubscribers");
+const internalStores = Symbol("internalStores");
 export class FtLitElementRedux extends FtLitElement {
     constructor() {
         super(...arguments);
-        this.internalStoresUnsubscribers = new Map();
-        this.internalStores = new Map();
+        this[_a] = new Map();
+        this[_b] = new Map();
     }
     getUnnamedStore() {
-        if (this.internalStores.size > 1) {
+        if (this[internalStores].size > 1) {
             throw new Error("Cannot resolve unnamed store when multiple stores are configured.");
         }
-        return [...this.internalStores.values()][0];
-    }
-    /**@deprecated*/
-    get store() {
-        return this.getUnnamedStore(); // Compatibility with use of setter and getter without override TODO next major version: Remove compat
-    }
-    /**@deprecated*/
-    set store(store) {
-        this.unsubscribeFromStores();
-        this.internalStores.clear();
-        if (store) {
-            this.addStore(store);
-        }
+        return [...this[internalStores].values()][0];
     }
     getStore(name) {
-        var _a;
         return (name == null
-            ? ((_a = this.getUnnamedStore()) !== null && _a !== void 0 ? _a : this.store) // Compatibility with getter override TODO next major version: Remove compat
-            : this.internalStores.get(name));
+            ? this.getUnnamedStore()
+            : this[internalStores].get(name));
     }
     addStore(store, name) {
-        name = name !== null && name !== void 0 ? name : (isFtReduxStore(store) ? store.name : "ft-lit-element-redux-default-store");
+        name = name !== null && name !== void 0 ? name : store.name;
         this.unsubscribeFromStore(name);
         this.setupStore(name, store);
     }
     removeStore(storeOrName) {
-        const name = typeof storeOrName === "string" ? storeOrName : (isFtReduxStore(storeOrName) ? storeOrName.name : "ft-lit-element-redux-default-store");
+        const name = typeof storeOrName === "string" ? storeOrName : storeOrName.name;
         this.unsubscribeFromStore(name);
-        this.internalStores.delete(name);
+        this[internalStores].delete(name);
     }
     setupStore(name, store) {
-        this.internalStores.set(name, store);
-        this.updateFromStores();
+        this[internalStores].set(name, store);
         this.subscribeToStore(name, store);
+        this.updateFromStores();
     }
     setupStores() {
         this.unsubscribeFromStores();
-        if (this.internalStores.size === 0 && this.store != null) { // Compatibility with getter override TODO next major version: Remove compat
-            this.addStore(this.store);
-        }
-        else {
-            this.updateFromStores();
-            this.internalStores.forEach((store, name) => this.subscribeToStore(name, store));
-        }
+        this[internalStores].forEach((store, name) => this.subscribeToStore(name, store));
+        this.updateFromStores();
     }
     updateFromStores() {
         if (this.reduxProperties) {
@@ -94,17 +74,17 @@ export class FtLitElementRedux extends FtLitElement {
         }
     }
     subscribeToStore(name, store) {
-        this.internalStoresUnsubscribers.set(name, store.subscribe(() => this.updateFromStores()));
+        this[internalStoresUnsubscribers].set(name, store.subscribe(() => this.updateFromStores()));
         this.onStoreAvailable(name);
     }
     unsubscribeFromStores() {
-        Object.keys(this.internalStoresUnsubscribers).forEach(key => this.unsubscribeFromStore(key));
+        Object.keys(this[internalStoresUnsubscribers]).forEach(key => this.unsubscribeFromStore(key));
     }
     unsubscribeFromStore(name) {
-        if (this.internalStoresUnsubscribers.has(name)) {
-            this.internalStoresUnsubscribers.get(name)();
+        if (this[internalStoresUnsubscribers].has(name)) {
+            this[internalStoresUnsubscribers].get(name)();
         }
-        this.internalStoresUnsubscribers.delete(name);
+        this[internalStoresUnsubscribers].delete(name);
     }
     onStoreAvailable(name) {
     }
@@ -117,11 +97,29 @@ export class FtLitElementRedux extends FtLitElement {
         super.disconnectedCallback();
     }
 }
+_a = internalStoresUnsubscribers, _b = internalStores;
 function isFtReduxStore(o) {
-    var _a;
-    return (_a = o) === null || _a === void 0 ? void 0 : _a.isFtReduxStore;
+    var _c;
+    return (_c = o === null || o === void 0 ? void 0 : o.isFtReduxStore) !== null && _c !== void 0 ? _c : false;
 }
 export class FtReduxStore {
+    static get(nameOrOptions) {
+        if (!window.ftReduxStores) {
+            window.ftReduxStores = {};
+        }
+        const name = typeof nameOrOptions === "string" ? nameOrOptions : nameOrOptions.name;
+        const options = typeof nameOrOptions === "string" ? undefined : nameOrOptions;
+        const maybeExistingStore = window.ftReduxStores[name];
+        if (isFtReduxStore(maybeExistingStore)) {
+            return maybeExistingStore;
+        }
+        if (options == null) {
+            return undefined;
+        }
+        const reduxSlice = createSlice(options);
+        const reduxStore = configureStore({ reducer: reduxSlice.reducer });
+        return window.ftReduxStores[options.name] = new FtReduxStore(reduxSlice, reduxStore);
+    }
     constructor(reduxSlice, reduxStore) {
         this.reduxSlice = reduxSlice;
         this.reduxStore = reduxStore;
@@ -141,26 +139,6 @@ export class FtReduxStore {
             }
         });
     }
-    static get(nameOrOptions) {
-        if (!window.ftReduxStores) {
-            window.ftReduxStores = {};
-        }
-        const name = typeof nameOrOptions === "string" ? nameOrOptions : nameOrOptions.name;
-        const options = typeof nameOrOptions === "string" ? undefined : nameOrOptions;
-        const maybeExistingStore = window.ftReduxStores[name];
-        if (isFtReduxStore(maybeExistingStore)) {
-            return maybeExistingStore;
-        }
-        if (options == null) {
-            return undefined;
-        }
-        const reduxSlice = createSlice(options);
-        if (maybeExistingStore) { // TODO next major version: Remove compat
-            return new FtReduxStore(reduxSlice, maybeExistingStore);
-        }
-        const reduxStore = configureStore({ reducer: reduxSlice.reducer });
-        return window.ftReduxStores[options.name] = new FtReduxStore(reduxSlice, reduxStore);
-    }
     // Implement Store
     get dispatch() {
         throw new Error("Don't use this method, actions are automatically dispatched when called.");
@@ -190,19 +168,6 @@ export class FtReduxStore {
         return this.reduxSlice.getInitialState();
     }
 }
-// TODO next major version: Remove this
-/**@deprecated Use FtReduxStore.get instead*/
-export function getStore(slice, name) {
-    if (!window.ftReduxStores) {
-        window.ftReduxStores = {};
-    }
-    const storeName = name || slice.name;
-    if (!window.ftReduxStores[storeName]) {
-        window.ftReduxStores[storeName] = configureStore({ reducer: slice.reducer });
-    }
-    return window.ftReduxStores[storeName];
-}
 export function clearAllStores() {
     window.ftReduxStores = {};
 }
-//# sourceMappingURL=redux.js.map

package/build/revivers.d.ts

@@ -1,3 +1,2 @@
 export declare function dateReviver(...dateKeys: string[]): (key: string, value: any) => any;
 export declare function parseDate(value: string): Date;
-//# sourceMappingURL=revivers.d.ts.map

package/build/revivers.js

@@ -15,4 +15,3 @@ export function parseDate(value) {
         .replace(/^(.+)(\+\d{2})(\d{2})$/, (s, date, h, m) => date + h + ":" + m);
     return new Date(value);
 }
-//# sourceMappingURL=revivers.js.map

package/build/rollup-globals.d.ts

@@ -7,4 +7,3 @@ export declare const rollupGlobals: {
     "lit/directives/unsafe-html.js": string;
     "@fluid-topics/ft-wc-utils": string;
 };
-//# sourceMappingURL=rollup-globals.d.ts.map

package/build/rollup-globals.js

@@ -7,4 +7,3 @@ export const rollupGlobals = {
     "lit/directives/unsafe-html.js": "ftGlobals.litUnsafeHTML",
     "@fluid-topics/ft-wc-utils": "ftGlobals.wcUtils"
 };
-//# sourceMappingURL=rollup-globals.js.map

package/build/silent-define.d.ts

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

package/build/silent-define.js

@@ -15,4 +15,3 @@ catch (e) {
         }
     };
 }
-//# sourceMappingURL=silent-define.js.map

package/build/silent-define.min.js

@@ -14,4 +14,4 @@
      *
      * @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
      */
-if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,n=window.customElements.get,s=window.customElements,o=new WeakMap,i=new WeakMap,c=new WeakMap,r=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,o){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(o))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const r=o.prototype.attributeChangedCallback,a=new Set(o.observedAttributes||[]);w(o,a,r);const l={elementClass:o,connectedCallback:o.prototype.connectedCallback,disconnectedCallback:o.prototype.disconnectedCallback,adoptedCallback:o.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:o.formAssociated,formAssociatedCallback:o.prototype.formAssociatedCallback,formDisabledCallback:o.prototype.formDisabledCallback,formResetCallback:o.prototype.formResetCallback,formStateRestoreCallback:o.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,l),this._definitionsByClass.set(o,l);let h=n.call(s,t);h||(h=d(t),e.call(s,t,h)),this===window.customElements&&(c.set(o,l),l.standInClass=h);const u=this._awaitingUpgrade.get(t);if(u){this._awaitingUpgrade.delete(t);for(const t of u)i.delete(t),m(t,l,!0)}const f=this._whenDefinedPromises.get(t);return void 0!==f&&(f.resolve(o),this._whenDefinedPromises.delete(t)),o}upgrade(){b.push(this),s.upgrade.apply(s,arguments),b.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let n=this._whenDefinedPromises.get(t);return void 0===n&&(n={},n.promise=new Promise((t=>n.resolve=t)),this._whenDefinedPromises.set(t,n)),n.promise}_upgradeWhenDefined(t,e,n){let s=this._awaitingUpgrade.get(e);s||this._awaitingUpgrade.set(e,s=new Set),n?s.add(t):s.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const n=c.get(this.constructor);if(!n)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],n.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),o.set(e,n),e},window.HTMLElement.prototype=t.prototype;const l=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!l(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),l(e)||(e=r.get(e)?.getRootNode()||document)}return e.customElements},d=e=>class{static get formAssociated(){return!0}constructor(){const n=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(n,HTMLElement.prototype);const s=h(n)||window.customElements,o=s._getDefinition(e);return o?m(n,o):i.set(n,s),n}connectedCallback(){const t=o.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=o.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){o.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=o.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=o.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=o.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=o.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},w=(t,e,n)=>{if(0===e.size||void 0===n)return;const s=t.prototype.setAttribute;s&&(t.prototype.setAttribute=function(t,o){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);s.call(this,i,o),n.call(this,i,t,o)}else s.call(this,i,o)});const o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){const s=t.toLowerCase();if(e.has(s)){const t=this.getAttribute(s);o.call(this,s),n.call(this,s,t,null)}else o.call(this,s)})},u=e=>{const n=Object.getPrototypeOf(e);if(n!==window.HTMLElement)return n===t||"HTMLElement"===n?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):u(n)},m=(t,e,n=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),o.set(t,e),a=t;try{new e.elementClass}catch(t){u(e.elementClass),new e.elementClass}e.observedAttributes.forEach((n=>{t.hasAttribute(n)&&e.attributeChangedCallback.call(t,n,null,t.getAttribute(n))})),n&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},f=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=f.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const E=(t,e,n)=>{const s=(n?Object.getPrototypeOf(n):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=s.apply(n||this,arguments);return void 0!==t&&r.set(t,this),b.pop(),t}};E(ShadowRoot,"createElement",document),E(ShadowRoot,"importNode",document),E(Element,"insertAdjacentHTML");const M=(t,e)=>{const n=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...n,set(t){b.push(this),n.set.call(this,t),b.pop()}})};if(M(Element,"innerHTML"),M(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,n=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...n){const s=e.call(this,...n);return t.set(s,this),s},n.forEach((e=>{const n=window.ElementInternals.prototype,s=n[e];n[e]=function(...e){const n=t.get(this);if(!0!==o.get(n).formAssociated)throw new DOMException(`Failed to execute ${s} on 'ElementInternals': The target element is not a form-associated custom element.`);s?.call(this,...e)}}));class s extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class i{constructor(t){const e=new Map;t.forEach(((t,n)=>{const s=t.getAttribute("name"),o=e.get(s)||[];this[+n]=t,o.push(t),e.set(s,o)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new s(t))}))}namedItem(t){return this[t]}}const c=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=c.get.call(this,[]),e=[];for(const n of t){const t=o.get(n);t&&!0!==t.formAssociated||e.push(n)}return new i(e)}})}}try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,n,s)=>{try{e.bind(window.customElements)(t,n,s)}catch(e){console.info(t,n,s,e)}}}}();
+if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,n=window.customElements.get,s=window.customElements,o=new WeakMap,i=new WeakMap,c=new WeakMap,r=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,o){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(o))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const r=o.prototype.attributeChangedCallback,a=new Set(o.observedAttributes||[]);w(o,a,r);const l={elementClass:o,connectedCallback:o.prototype.connectedCallback,disconnectedCallback:o.prototype.disconnectedCallback,adoptedCallback:o.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:o.formAssociated,formAssociatedCallback:o.prototype.formAssociatedCallback,formDisabledCallback:o.prototype.formDisabledCallback,formResetCallback:o.prototype.formResetCallback,formStateRestoreCallback:o.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,l),this._definitionsByClass.set(o,l);let h=n.call(s,t);h||(h=d(t),e.call(s,t,h)),this===window.customElements&&(c.set(o,l),l.standInClass=h);const u=this._awaitingUpgrade.get(t);if(u){this._awaitingUpgrade.delete(t);for(const t of u)i.delete(t),m(t,l,!0)}const f=this._whenDefinedPromises.get(t);return void 0!==f&&(f.resolve(o),this._whenDefinedPromises.delete(t)),o}upgrade(){b.push(this),s.upgrade.apply(s,arguments),b.pop()}get(t){const e=this._definitionsByTag.get(t);return e?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let n=this._whenDefinedPromises.get(t);return void 0===n&&(n={},n.promise=new Promise((t=>n.resolve=t)),this._whenDefinedPromises.set(t,n)),n.promise}_upgradeWhenDefined(t,e,n){let s=this._awaitingUpgrade.get(e);s||this._awaitingUpgrade.set(e,s=new Set),n?s.add(t):s.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const n=c.get(this.constructor);if(!n)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],n.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),o.set(e,n),e},window.HTMLElement.prototype=t.prototype;const l=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!l(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),l(e)||(e=r.get(e)?.getRootNode()||document)}return e.customElements},d=e=>class{static get formAssociated(){return!0}constructor(){const n=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(n,HTMLElement.prototype);const s=h(n)||window.customElements,o=s._getDefinition(e);return o?m(n,o):i.set(n,s),n}connectedCallback(){const t=o.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=o.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){const t=o.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=o.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=o.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=o.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=o.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},w=(t,e,n)=>{if(0===e.size||void 0===n)return;const s=t.prototype.setAttribute;s&&(t.prototype.setAttribute=function(t,o){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);s.call(this,i,o),n.call(this,i,t,o)}else s.call(this,i,o)});const o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){const s=t.toLowerCase();if(e.has(s)){const t=this.getAttribute(s);o.call(this,s),n.call(this,s,t,null)}else o.call(this,s)})},u=e=>{const n=Object.getPrototypeOf(e);if(n!==window.HTMLElement)return n===t||"HTMLElement"===n?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):u(n)},m=(t,e,n=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),o.set(t,e),a=t;try{new e.elementClass}catch(t){u(e.elementClass),new e.elementClass}e.observedAttributes.forEach((n=>{t.hasAttribute(n)&&e.attributeChangedCallback.call(t,n,null,t.getAttribute(n))})),n&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},f=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=f.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const E=(t,e,n=void 0)=>{const s=(n?Object.getPrototypeOf(n):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=s.apply(n||this,arguments);return void 0!==t&&r.set(t,this),b.pop(),t}};E(ShadowRoot,"createElement",document),E(ShadowRoot,"importNode",document),E(Element,"insertAdjacentHTML");const M=(t,e)=>{const n=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...n,set(t){b.push(this),n.set.call(this,t),b.pop()}})};if(M(Element,"innerHTML"),M(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,n=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...n){const s=e.call(this,...n);return t.set(s,this),s},n.forEach((e=>{const n=window.ElementInternals.prototype,s=n[e];n[e]=function(...e){const n=t.get(this);if(!0!==o.get(n).formAssociated)throw new DOMException(`Failed to execute ${s} on 'ElementInternals': The target element is not a form-associated custom element.`);s?.call(this,...e)}}));class s extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class i{constructor(t){const e=new Map;t.forEach(((t,n)=>{const s=t.getAttribute("name"),o=e.get(s)||[];this[+n]=t,o.push(t),e.set(s,o)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new s(t))}))}namedItem(t){return this[t]}}const c=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=c.get.call(this,[]),e=[];for(const n of t){const t=o.get(n);t&&!0!==t.formAssociated||e.push(n)}return new i(e)}})}}try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,n,s)=>{try{e.bind(window.customElements)(t,n,s)}catch(e){console.info(t,n,s,e)}}}}();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "0.3.71",
+  "version": "1.0.0-alpha.1",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -13,9 +13,8 @@
     "lib/*"
   ],
   "dependencies": {
-    "@lit-labs/scoped-registry-mixin": "1.0.1",
-    "@reduxjs/toolkit": "^1.6.2",
-    "lit": "2.2.8"
+    "@reduxjs/toolkit": "1.9.5",
+    "lit": "2.7.2"
   },
-  "gitHead": "aeaa883cc0e3596e6cc75d282aa99de3c603f6a2"
+  "gitHead": "bb54c217f788a915a443db6f496f02e176d05306"
 }