@spearwolf/shadow-objects 0.1.0

package/src/elements/ShaeElement.js

@@ -0,0 +1,58 @@
+import { createSignal } from '@spearwolf/signalize';
+import { GlobalNS } from '../constants.js';
+import { readNamespaceAttribute } from '../utils/attr-utils.js';
+import { toNamespace } from '../utils/toNamespace.js';
+import { ShadowEnv } from '../view/ShadowEnv.js';
+import { ATTR_NS } from './constants.js';
+export class ShaeElement extends HTMLElement {
+    static { this.observedAttributes = [ATTR_NS]; }
+    get ns() {
+        return this.ns$.value;
+    }
+    set ns(ns) {
+        if (typeof ns === 'symbol') {
+            this.ns$.set(ns);
+        }
+        else {
+            this.ns$.set(toNamespace(ns));
+        }
+    }
+    constructor() {
+        super();
+        this.isShaeElement = true;
+        this.ns$ = createSignal(GlobalNS);
+        this.#needsSyncShadowObjects = false;
+        this.ns$.onChange((ns) => {
+            if (typeof ns === 'string' && ns.length > 0) {
+                if (this.getAttribute(ATTR_NS) !== ns) {
+                    this.setAttribute(ATTR_NS, ns);
+                }
+            }
+            else {
+                this.removeAttribute(ATTR_NS);
+            }
+        });
+    }
+    connectedCallback() {
+        this.#updateNs();
+    }
+    attributeChangedCallback(name) {
+        if (name === ATTR_NS) {
+            this.#updateNs();
+        }
+    }
+    #needsSyncShadowObjects;
+    syncShadowObjects() {
+        if (this.#needsSyncShadowObjects)
+            return;
+        this.#needsSyncShadowObjects = true;
+        queueMicrotask(() => {
+            this.#needsSyncShadowObjects = false;
+            ShadowEnv.get(this.ns)?.sync();
+        });
+    }
+    #updateNs() {
+        this.ns$.set(readNamespaceAttribute(this));
+    }
+}
+//# sourceMappingURL=ShaeElement.js.map

package/src/elements/ShaeElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaeElement.js","sourceRoot":"","sources":["../../../src/elements/ShaeElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,sBAAsB,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAEvC,MAAM,OAAO,WAAY,SAAQ,WAAW;aACnC,uBAAkB,GAAG,CAAC,OAAO,CAAC,AAAZ,CAAa;IAMtC,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,EAAE,CAAC,EAAmB;QACxB,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;YAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAjBD,kBAAa,GAAG,IAAI,CAAC;QAErB,QAAG,GAAG,YAAY,CAAkB,QAAQ,CAAC,CAAC;QAsCvD,4BAAuB,GAAG,KAAK,CAAC;QArB9B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE;YACvB,IAAI,OAAO,EAAE,KAAK,QAAQ,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5C,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;oBACtC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBACjC,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,wBAAwB,CAAC,IAAY;QACnC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC;IACH,CAAC;IAED,uBAAuB,CAAS;IAEhC,iBAAiB;QACf,IAAI,IAAI,CAAC,uBAAuB;YAAE,OAAO;QACzC,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;QACpC,cAAc,CAAC,GAAG,EAAE;YAClB,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;YACrC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,CAAC"}

package/src/elements/ShaeEntElement.d.ts

@@ -0,0 +1,23 @@
+import { ComponentContext } from '../view/ComponentContext.js';
+import { ViewComponent } from '../view/ViewComponent.js';
+import { ShaeElement } from './ShaeElement.js';
+export declare class ShaeEntElement extends ShaeElement {
+    #private;
+    static observedAttributes: string[];
+    readonly isShaeEntElement = true;
+    readonly componentContext$: import("@spearwolf/signalize").SignalObject<ComponentContext>;
+    readonly viewComponent$: import("@spearwolf/signalize").SignalObject<ViewComponent>;
+    readonly token$: import("@spearwolf/signalize").SignalObject<string>;
+    get componentContext(): ComponentContext | undefined;
+    get viewComponent(): ViewComponent | undefined;
+    get uuid(): string | undefined;
+    get token(): string | undefined;
+    set token(token: string | undefined);
+    entParentNode?: ShaeEntElement;
+    constructor();
+    findShadowRootHost(): HTMLElement | undefined;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=ShaeEntElement.d.ts.map

package/src/elements/ShaeEntElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaeEntElement.d.ts","sourceRoot":"","sources":["../../../src/elements/ShaeEntElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAG7C,qBAAa,cAAe,SAAQ,WAAW;;IAC7C,OAAgB,kBAAkB,WAAmD;IAErF,QAAQ,CAAC,gBAAgB,QAAQ;IAEjC,QAAQ,CAAC,iBAAiB,gEAAgD;IAC1E,QAAQ,CAAC,cAAc,6DAA6C;IACpE,QAAQ,CAAC,MAAM,sDAAsC;IAErD,IAAI,gBAAgB,IAAI,gBAAgB,GAAG,SAAS,CAEnD;IAED,IAAI,aAAa,IAAI,aAAa,GAAG,SAAS,CAE7C;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAElC;IAED,aAAa,CAAC,EAAE,cAAc,CAAC;;IAgF/B,kBAAkB,IAAI,WAAW,GAAG,SAAS;IAmBpC,iBAAiB;IA0BjB,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAQ9C,oBAAoB;CA2IrB"}

package/src/elements/ShaeEntElement.js

@@ -0,0 +1,258 @@
+import { beQuiet, createEffect, createSignal } from '@spearwolf/signalize';
+import { ComponentContext } from '../view/ComponentContext.js';
+import { ShadowEnv } from '../view/ShadowEnv.js';
+import { ViewComponent } from '../view/ViewComponent.js';
+import { ShaeElement } from './ShaeElement.js';
+import { ATTR_TOKEN, RequestEntParentEventName, ReRequestEntParentEventName } from './constants.js';
+export class ShaeEntElement extends ShaeElement {
+    static { this.observedAttributes = [...ShaeElement.observedAttributes, ATTR_TOKEN]; }
+    get componentContext() {
+        return this.componentContext$.value;
+    }
+    get viewComponent() {
+        return this.viewComponent$.value;
+    }
+    get uuid() {
+        return this.viewComponent?.uuid;
+    }
+    get token() {
+        return this.token$.value;
+    }
+    set token(token) {
+        this.token$.set(token);
+    }
+    constructor() {
+        super();
+        this.isShaeEntElement = true;
+        this.componentContext$ = createSignal();
+        this.viewComponent$ = createSignal();
+        this.token$ = createSignal();
+        this.#shadowRootHostNeedsUpdate = true;
+        this.#onSlotChange = () => {
+            const shadowRootHost = this.findShadowRootHost();
+            if (shadowRootHost == null)
+                return;
+            this.dispatchEvent(new CustomEvent(ReRequestEntParentEventName, {
+                bubbles: true,
+                composed: true,
+                detail: { requester: this, shadowRootHost },
+            }));
+        };
+        this.#onReRequestParent = (event) => {
+            const requester = event.detail?.requester;
+            if (requester === this)
+                return;
+            if (!requester?.isShaeEntElement)
+                return;
+            if (requester.ns !== this.ns)
+                return;
+            const shadowRootHost = event.detail?.shadowRootHost;
+            if (shadowRootHost) {
+                if (this.#parentsOnTheWayToShae?.has(shadowRootHost)) {
+                    this.#dispatchRequestParent();
+                }
+            }
+        };
+        this.#onRequestParent = (event) => {
+            const requester = event.detail?.requester;
+            if (requester === this)
+                return;
+            if (!requester?.isShaeEntElement)
+                return;
+            if (requester.ns !== this.ns)
+                return;
+            event.stopPropagation();
+            requester.#setParent(this);
+        };
+        this.#updateTokenValue();
+        this.token$.onChange((token) => {
+            if (token == null) {
+                this.removeAttribute(ATTR_TOKEN);
+            }
+            else if (this.getAttribute(ATTR_TOKEN) !== token) {
+                this.setAttribute(ATTR_TOKEN, token);
+            }
+        });
+        this.ns$.onChange((ns) => {
+            this.componentContext$.set(ComponentContext.get(ns));
+            if (this.isConnected) {
+                this.#dispatchRequestParent();
+            }
+        });
+        createEffect(() => {
+            const vc = this.viewComponent$.get();
+            if (vc) {
+                const oldNs = vc.context?.ns;
+                return () => {
+                    vc.destroy();
+                    if (oldNs && oldNs !== this.ns) {
+                        ShadowEnv.get(oldNs)?.sync();
+                    }
+                    else {
+                        this.syncShadowObjects();
+                    }
+                };
+            }
+        });
+        this.token$.onChange((token) => {
+            const vc = this.viewComponent$.value;
+            if (vc) {
+                vc.token = token;
+                this.syncShadowObjects();
+            }
+        });
+    }
+    #unsubscribeViewComponentEffect;
+    #setupViewComponentEffect() {
+        this.#unsubscribeViewComponentEffect?.();
+        const unsubscribeComponentContext = this.componentContext$.onChange((context) => {
+            const token = this.token$.value;
+            let vc = this.viewComponent$.value;
+            if (vc) {
+                vc.context = context;
+            }
+            else if (context) {
+                vc = new ViewComponent(token, { context });
+                this.viewComponent$.set(vc);
+            }
+            this.syncShadowObjects();
+        });
+        this.#unsubscribeViewComponentEffect = () => {
+            unsubscribeComponentContext();
+        };
+    }
+    #destroyViewComponentEffect() {
+        this.#unsubscribeViewComponentEffect?.();
+        this.#unsubscribeViewComponentEffect = undefined;
+    }
+    #shadowRootHost;
+    #shadowRootHostNeedsUpdate;
+    findShadowRootHost() {
+        if (this.#shadowRootHostNeedsUpdate) {
+            this.#shadowRootHostNeedsUpdate = false;
+            let current = this;
+            while (current) {
+                if (current.parentElement == null) {
+                    const root = current.parentNode;
+                    if (root) {
+                        this.#shadowRootHost = root.host;
+                    }
+                    break;
+                }
+                current = current.parentElement;
+            }
+        }
+        return this.#shadowRootHost;
+    }
+    connectedCallback() {
+        this.#shadowRootHostNeedsUpdate = true;
+        this.addEventListener('slotchange', this.#onSlotChange, { capture: false, passive: false });
+        this.addEventListener(RequestEntParentEventName, this.#onRequestParent, { capture: false, passive: false });
+        this.#setupViewComponentEffect();
+        // --- token ---
+        beQuiet(() => this.#updateTokenValue());
+        // --- ns ---
+        super.connectedCallback();
+        // --- componentContext | viewComponent ---
+        if (this.componentContext == null) {
+            this.componentContext$.set(ComponentContext.get(this.ns));
+        }
+        // --- viewComponent.parent ---
+        this.#dispatchRequestParent();
+        // --- sync! ---
+        this.syncShadowObjects();
+    }
+    attributeChangedCallback(name) {
+        super.attributeChangedCallback(name);
+        if (name === ATTR_TOKEN) {
+            this.#updateTokenValue();
+        }
+    }
+    disconnectedCallback() {
+        this.#shadowRootHostNeedsUpdate = true;
+        this.removeEventListener('slotchange', this.#onSlotChange, { capture: false });
+        this.removeEventListener(RequestEntParentEventName, this.#onRequestParent, { capture: false });
+        this.#setParent(undefined);
+        this.componentContext$.set(undefined);
+        this.syncShadowObjects();
+        this.#destroyViewComponentEffect();
+    }
+    #dispatchRequestParent() {
+        // https://pm.dartus.fr/blog/a-complete-guide-on-shadow-dom-and-event-propagation/
+        this.dispatchEvent(new CustomEvent(RequestEntParentEventName, {
+            bubbles: true,
+            composed: true,
+            detail: { requester: this },
+        }));
+    }
+    #unsubscribeFromParent;
+    #parentsOnTheWayToShae;
+    #setParent(parent) {
+        if (this.entParentNode === parent)
+            return;
+        if (this.entParentNode) {
+            this.entParentNode.removeEventListener(ReRequestEntParentEventName, this.#onReRequestParent, { capture: false });
+        }
+        this.entParentNode = parent;
+        if (this.entParentNode) {
+            this.entParentNode.addEventListener(ReRequestEntParentEventName, this.#onReRequestParent, {
+                capture: false,
+                passive: false,
+            });
+        }
+        this.#parentsOnTheWayToShae = undefined;
+        // we memorize all elements on the way to the <shae-ent> parent so that we can
+        // request a new parent in case of a custom element upgrade with shae elements in the shadow dom
+        if (parent) {
+            const elements = [];
+            let current = this.parentElement;
+            while (current && current !== parent) {
+                elements.push(current);
+                if (current.parentElement == null && current.parentNode) {
+                    current = current.parentNode.host;
+                }
+                else {
+                    current = current.parentElement;
+                }
+            }
+            if (elements.length > 0) {
+                this.#parentsOnTheWayToShae = new WeakSet(elements);
+            }
+        }
+        this.#unsubscribeFromParent?.();
+        this.#unsubscribeFromParent = undefined;
+        if (parent) {
+            const [, unsubscribe] = createEffect(() => {
+                const vc = this.viewComponent$.get();
+                if (vc) {
+                    const parentVC = parent.viewComponent$.get();
+                    vc.parent = parentVC && parentVC.context === vc.context ? parentVC : undefined;
+                    if (vc.parent == null) {
+                        queueMicrotask(() => {
+                            this.#dispatchRequestParent();
+                        });
+                    }
+                    this.syncShadowObjects();
+                }
+            });
+            this.#unsubscribeFromParent = unsubscribe;
+        }
+        else {
+            const vc = this.viewComponent;
+            if (vc.parent) {
+                vc.parent = undefined;
+                this.syncShadowObjects();
+            }
+        }
+    }
+    #onSlotChange;
+    #onReRequestParent;
+    #onRequestParent;
+    #updateTokenValue() {
+        if (this.hasAttribute(ATTR_TOKEN)) {
+            const token = this.getAttribute(ATTR_TOKEN)?.trim() || undefined;
+            this.token$.set(token);
+        }
+    }
+}
+//# sourceMappingURL=ShaeEntElement.js.map

package/src/elements/ShaeEntElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaeEntElement.js","sourceRoot":"","sources":["../../../src/elements/ShaeEntElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAE,yBAAyB,EAAE,2BAA2B,EAAC,MAAM,gBAAgB,CAAC;AAElG,MAAM,OAAO,cAAe,SAAQ,WAAW;aAC7B,uBAAkB,GAAG,CAAC,GAAG,WAAW,CAAC,kBAAkB,EAAE,UAAU,CAAC,AAAlD,CAAmD;IAQrF,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;IACnC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK,CAAC,KAAyB;QACjC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QA7BD,qBAAgB,GAAG,IAAI,CAAC;QAExB,sBAAiB,GAAG,YAAY,EAAgC,CAAC;QACjE,mBAAc,GAAG,YAAY,EAA6B,CAAC;QAC3D,WAAM,GAAG,YAAY,EAAsB,CAAC;QAoGrD,+BAA0B,GAAG,IAAI,CAAC;QAmJlC,kBAAa,GAAG,GAAG,EAAE;YACnB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACjD,IAAI,cAAc,IAAI,IAAI;gBAAE,OAAO;YAEnC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,EAAE;gBAC3C,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAC,SAAS,EAAE,IAAI,EAAE,cAAc,EAAC;aAC1C,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,uBAAkB,GAAG,CAAC,KAAkB,EAAE,EAAE;YAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,SAAuC,CAAC;YAExE,IAAI,SAAS,KAAK,IAAI;gBAAE,OAAO;YAC/B,IAAI,CAAC,SAAS,EAAE,gBAAgB;gBAAE,OAAO;YACzC,IAAI,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;gBAAE,OAAO;YAErC,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAE,cAAyC,CAAC;YAE/E,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;oBACrD,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,qBAAgB,GAAG,CAAC,KAAkB,EAAE,EAAE;YACxC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,SAAuC,CAAC;YAExE,IAAI,SAAS,KAAK,IAAI;gBAAE,OAAO;YAC/B,IAAI,CAAC,SAAS,EAAE,gBAAgB;gBAAE,OAAO;YACzC,IAAI,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;gBAAE,OAAO;YAErC,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;QAnQA,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YAC7B,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;gBAClB,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;iBAAM,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,KAAK,EAAE,CAAC;gBACnD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE;YACvB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACrD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,GAAG,EAAE;YAChB,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;YACrC,IAAI,EAAE,EAAE,CAAC;gBACP,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC7B,OAAO,GAAG,EAAE;oBACV,EAAE,CAAC,OAAO,EAAE,CAAC;oBACb,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;wBAC/B,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;oBAC/B,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBAC3B,CAAC;gBACH,CAAC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YAC7B,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;YAErC,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC;gBACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,+BAA+B,CAAc;IAE7C,yBAAyB;QACvB,IAAI,CAAC,+BAA+B,EAAE,EAAE,CAAC;QAEzC,MAAM,2BAA2B,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9E,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAEhC,IAAI,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;YAEnC,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,CAAC;iBAAM,IAAI,OAAO,EAAE,CAAC;gBACnB,EAAE,GAAG,IAAI,aAAa,CAAC,KAAK,EAAE,EAAC,OAAO,EAAC,CAAC,CAAC;gBACzC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC9B,CAAC;YAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,+BAA+B,GAAG,GAAG,EAAE;YAC1C,2BAA2B,EAAE,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC;IAED,2BAA2B;QACzB,IAAI,CAAC,+BAA+B,EAAE,EAAE,CAAC;QACzC,IAAI,CAAC,+BAA+B,GAAG,SAAS,CAAC;IACnD,CAAC;IAED,eAAe,CAAe;IAC9B,0BAA0B,CAAQ;IAElC,kBAAkB;QAChB,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACpC,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;YAExC,IAAI,OAAO,GAAgB,IAAI,CAAC;YAChC,OAAO,OAAO,EAAE,CAAC;gBACf,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,EAAE,CAAC;oBAClC,MAAM,IAAI,GAAG,OAAO,CAAC,UAAwB,CAAC;oBAC9C,IAAI,IAAI,EAAE,CAAC;wBACT,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAmB,CAAC;oBAClD,CAAC;oBACD,MAAM;gBACR,CAAC;gBACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;YAClC,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAEQ,iBAAiB;QACxB,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;QAEvC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QAC1F,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QAE1G,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAEjC,gBAAgB;QAChB,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAExC,aAAa;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,2CAA2C;QAC3C,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC;YAClC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,+BAA+B;QAC/B,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAE9B,gBAAgB;QAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEQ,wBAAwB,CAAC,IAAY;QAC5C,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAErC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;QAEvC,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QAC7E,IAAI,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QAE7F,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAE3B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,sBAAsB;QACpB,kFAAkF;QAClF,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,yBAAyB,EAAE;YACzC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC;SAC1B,CAAC,CACH,CAAC;IACJ,CAAC;IAED,sBAAsB,CAAc;IACpC,sBAAsB,CAAwB;IAE9C,UAAU,CAAC,MAAuB;QAChC,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM;YAAE,OAAO;QAE1C,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,2BAA2B,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QACjH,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAE5B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,IAAI,CAAC,kBAAkB,EAAE;gBACxF,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,KAAK;aACf,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;QAExC,8EAA8E;QAC9E,gGAAgG;QAChG,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,QAAQ,GAAkB,EAAE,CAAC;YACnC,IAAI,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;YACjC,OAAO,OAAO,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;gBACrC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvB,IAAI,OAAO,CAAC,aAAa,IAAI,IAAI,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;oBACxD,OAAO,GAAI,OAAO,CAAC,UAAyB,CAAC,IAAmB,CAAC;gBACnE,CAAC;qBAAM,CAAC;oBACN,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;gBAClC,CAAC;YACH,CAAC;YACD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxB,IAAI,CAAC,sBAAsB,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,sBAAsB,EAAE,EAAE,CAAC;QAChC,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;QAExC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,YAAY,CAAC,GAAG,EAAE;gBACxC,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;gBACrC,IAAI,EAAE,EAAE,CAAC;oBACP,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;oBAC7C,EAAE,CAAC,MAAM,GAAG,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;oBAC/E,IAAI,EAAE,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;wBACtB,cAAc,CAAC,GAAG,EAAE;4BAClB,IAAI,CAAC,sBAAsB,EAAE,CAAC;wBAChC,CAAC,CAAC,CAAC;oBACL,CAAC;oBACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC3B,CAAC;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,sBAAsB,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;YAC9B,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC;gBACd,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC;gBACtB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,aAAa,CAWX;IAEF,kBAAkB,CAchB;IAEF,gBAAgB,CAUd;IAEF,iBAAiB;QACf,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;YACjE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC"}

package/src/elements/ShaePropElement.d.ts

@@ -0,0 +1,26 @@
+import type { ViewComponent } from '../view/ViewComponent.js';
+import type { ShaeEntElement } from './ShaeEntElement.js';
+export declare class ShaePropElement extends HTMLElement {
+    #private;
+    static observedAttributes: string[];
+    readonly isShaeEntElement = true;
+    protected readonly entNode$: import("@spearwolf/signalize").SignalObject<ShaeEntElement>;
+    protected readonly viewComponent$: import("@spearwolf/signalize").SignalObject<ViewComponent>;
+    protected readonly name$: import("@spearwolf/signalize").SignalObject<string>;
+    protected readonly valueIn$: import("@spearwolf/signalize").SignalObject<unknown>;
+    protected readonly valueOut$: import("@spearwolf/signalize").SignalObject<unknown>;
+    protected readonly type$: import("@spearwolf/signalize").SignalObject<string>;
+    protected readonly shouldTrim$: import("@spearwolf/signalize").SignalObject<boolean>;
+    get name(): string | undefined;
+    get value(): unknown;
+    set value(val: unknown);
+    get shouldTrim(): boolean;
+    get entNode(): ShaeEntElement | undefined;
+    set entNode(el: ShaeEntElement | undefined);
+    get viewComponent(): ViewComponent | undefined;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=ShaePropElement.d.ts.map

package/src/elements/ShaePropElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaePropElement.d.ts","sourceRoot":"","sources":["../../../src/elements/ShaePropElement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AA0DxD,qBAAa,eAAgB,SAAQ,WAAW;;IAC9C,MAAM,CAAC,kBAAkB,WAAoD;IAE7E,QAAQ,CAAC,gBAAgB,QAAQ;IAEjC,SAAS,CAAC,QAAQ,CAAC,QAAQ,8DAA8C;IACzE,SAAS,CAAC,QAAQ,CAAC,cAAc,6DAA6C;IAE9E,SAAS,CAAC,QAAQ,CAAC,KAAK,sDAAsC;IAC9D,SAAS,CAAC,QAAQ,CAAC,QAAQ,uDAAkB;IAC7C,SAAS,CAAC,QAAQ,CAAC,SAAS,uDAAkB;IAC9C,SAAS,CAAC,QAAQ,CAAC,KAAK,sDAAsC;IAC9D,SAAS,CAAC,QAAQ,CAAC,WAAW,uDAAsB;IAEpD,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,OAAO,EAErB;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,OAAO,IAAI,cAAc,GAAG,SAAS,CAExC;IAED,IAAI,OAAO,CAAC,EAAE,EAAE,cAAc,GAAG,SAAS,EAEzC;IAED,IAAI,aAAa,IAAI,aAAa,GAAG,SAAS,CAE7C;;IAkND,iBAAiB;IAUjB,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAoBrC,oBAAoB;CAsCrB"}