taggedjs 2.3.25 → 2.3.26

package/_js/ElementTarget.interface.d.ts

@@ -0,0 +1,7 @@
+export interface ElementTargetEvent extends Event {
+    target: HTMLElement;
+}
+export interface InputElementTargetEvent extends Event {
+    target: HTMLElement;
+    value: string | null;
+}

package/_js/ElementTarget.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ElementTarget.interface.js.map

package/_js/ElementTarget.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTarget.interface.js","sourceRoot":"","sources":["../ts/ElementTarget.interface.ts"],"names":[],"mappings":""}

package/_js/ElementTargetEvent.interface.d.ts

@@ -0,0 +1,6 @@
+export interface ElementTargetEvent extends Event {
+    target: HTMLElement;
+}
+export interface InputElementTargetEvent extends Event {
+    target: HTMLInputElement;
+}

package/_js/ElementTargetEvent.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ElementTargetEvent.interface.js.map

package/_js/ElementTargetEvent.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementTargetEvent.interface.js","sourceRoot":"","sources":["../ts/ElementTargetEvent.interface.ts"],"names":[],"mappings":""}

package/_js/Tag.class.d.ts

@@ -0,0 +1,69 @@
+import { TagSupport } from "./getTagSupport.js";
+import { Provider } from "./providers.js";
+import { Subscription } from "./Subject.js";
+import { Counts } from "./interpolateTemplate.js";
+import { State } from "./state.js";
+import { InterpolatedTemplates } from "./interpolations.js";
+export declare const variablePrefix = "__tagvar";
+export declare const escapeVariable: string;
+export declare const escapeSearch: RegExp;
+export type Context = {
+    [index: string]: any;
+};
+export type TagMemory = Record<string, any> & {
+    context: Context;
+    state: State;
+    providers: Provider[];
+};
+export interface TagTemplate {
+    interpolation: InterpolatedTemplates;
+    string: string;
+    strings: string[];
+    values: unknown[];
+    context: Context;
+}
+export declare class Tag {
+    strings: string[];
+    values: any[];
+    isTag: boolean;
+    clones: (Element | Text | ChildNode)[];
+    cloneSubs: Subscription[];
+    children: Tag[];
+    tagSupport: TagSupport;
+    ownerTag?: Tag;
+    insertBefore?: Element;
+    appElement?: Element;
+    arrayValue?: unknown;
+    constructor(strings: string[], values: any[]);
+    beforeRedraw(): void;
+    afterRender(): void;
+    /** Used for array, such as array.map(), calls aka array.map(x => html``.key(x)) */
+    key(arrayValue: unknown): this;
+    destroy(options?: DestroyOptions): Promise<number>;
+    destroySubscriptions(): void;
+    destroyClones({ stagger }?: DestroyOptions): Promise<number>;
+    updateByTag(tag: Tag): void;
+    lastTemplateString: string | undefined;
+    /** A method of passing down the same render method */
+    setSupport(tagSupport: TagSupport): void;
+    updateConfig(strings: string[], values: any[]): void;
+    getTemplate(): TagTemplate;
+    isLikeTag(tag: Tag): boolean;
+    update(): Context;
+    updateValues(values: any[]): Context;
+    updateContext(context: Context): Context;
+    getAppElement(): Tag;
+    /** Used during HMR only where static content itself could have been edited */
+    rebuild(): void;
+    buildBeforeElement(insertBefore: Element, options?: ElementBuildOptions): (ChildNode | Element)[];
+}
+type DestroyOptions = {
+    stagger: number;
+    byParent?: boolean;
+};
+export type ElementBuildOptions = {
+    counts: Counts;
+    forceElement?: boolean;
+};
+export declare function processNewValue(hasValue: boolean, value: any, context: Context, variableName: string, tag: Tag): void;
+export {};

package/_js/Tag.class.js

@@ -0,0 +1,258 @@
+import { getSubjectFunction, setValueRedraw } from "./Tag.utils.js";
+import { ValueSubject } from "./ValueSubject.js";
+import { runAfterRender, runBeforeDestroy, runBeforeRedraw } from "./tagRunner.js";
+import { isSubjectInstance, isTagComponent, isTagInstance } from "./isInstance.js";
+import { buildClones } from "./render.js";
+import { interpolateElement, interpolateString } from "./interpolateElement.js";
+import { afterElmBuild } from "./interpolateTemplate.js";
+import { elementDestroyCheck } from "./elementDestroyCheck.function.js";
+import { updateExistingValue } from "./updateTag.utils.js";
+export const variablePrefix = '__tagvar';
+export const escapeVariable = '--' + variablePrefix + '--';
+const prefixSearch = new RegExp(variablePrefix, 'g');
+export const escapeSearch = new RegExp(escapeVariable, 'g');
+export class Tag {
+    strings;
+    values;
+    isTag = true;
+    clones = []; // elements on document
+    cloneSubs = []; // subscriptions created by clones
+    children = []; // tags on me
+    tagSupport;
+    // only present when a child of a tag
+    ownerTag;
+    insertBefore;
+    appElement; // only seen on this.getAppElement().appElement
+    // present only when an array. Populated by this.key()
+    arrayValue;
+    constructor(strings, values) {
+        this.strings = strings;
+        this.values = values;
+    }
+    beforeRedraw() {
+        runBeforeRedraw(this.tagSupport, this);
+    }
+    afterRender() {
+        runAfterRender(this.tagSupport, this);
+    }
+    /** Used for array, such as array.map(), calls aka array.map(x => html``.key(x)) */
+    key(arrayValue) {
+        this.arrayValue = arrayValue;
+        return this;
+    }
+    async destroy(options = {
+        stagger: 0,
+        byParent: false, // Only destroy clones of direct children
+    }) {
+        // the isComponent check maybe able to be removed
+        const isComponent = this.tagSupport ? true : false;
+        if (isComponent) {
+            runBeforeDestroy(this.tagSupport, this);
+        }
+        this.destroySubscriptions();
+        const promises = this.children.map((kid) => kid.destroy({ ...options, byParent: true }));
+        if (!options.byParent) {
+            options.stagger = await this.destroyClones(options);
+        }
+        if (this.ownerTag) {
+            this.ownerTag.children = this.ownerTag.children.filter(child => child !== this);
+        }
+        await Promise.all(promises);
+        return options.stagger;
+    }
+    destroySubscriptions() {
+        this.cloneSubs.forEach(cloneSub => cloneSub.unsubscribe());
+        this.cloneSubs.length = 0;
+    }
+    async destroyClones({ stagger } = {
+        stagger: 0,
+    }) {
+        const promises = this.clones.reverse().map((clone, index) => {
+            let promise = Promise.resolve();
+            if (clone.ondestroy) {
+                promise = elementDestroyCheck(clone, stagger);
+            }
+            promise.then(() => {
+                clone.parentNode?.removeChild(clone);
+                const ownerTag = this.ownerTag;
+                if (ownerTag) {
+                    // Sometimes my clones were first registered to my owner, remove them
+                    ownerTag.clones = ownerTag.clones.filter(compareClone => compareClone !== clone);
+                }
+            });
+            return promise;
+        });
+        await Promise.all(promises);
+        // this.clones.length = 0
+        return stagger;
+    }
+    updateByTag(tag) {
+        this.updateConfig(tag.strings, tag.values);
+        this.tagSupport.templater = tag.tagSupport.templater;
+    }
+    lastTemplateString = undefined; // used to compare templates for updates
+    /** A method of passing down the same render method */
+    setSupport(tagSupport) {
+        this.tagSupport = tagSupport;
+        this.tagSupport.mutatingRender = tagSupport.mutatingRender;
+    }
+    updateConfig(strings, values) {
+        this.strings = strings;
+        this.updateValues(values);
+    }
+    getTemplate() {
+        const string = this.strings.map((string, index) => {
+            const safeString = string.replace(prefixSearch, escapeVariable);
+            const endString = safeString + (this.values.length > index ? `{${variablePrefix}${index}}` : '');
+            // const trimString = index === 0 || index === this.strings.length-1 ? endString.trim() : endString
+            const trimString = endString.replace(/>\s*/g, '>').replace(/\s*</g, '<');
+            return trimString;
+        }).join('');
+        const interpolation = interpolateString(string);
+        this.lastTemplateString = interpolation.string;
+        return {
+            interpolation,
+            // string,
+            string: interpolation.string,
+            strings: this.strings,
+            values: this.values,
+            context: this.tagSupport?.memory.context || {},
+        };
+    }
+    isLikeTag(tag) {
+        const { string } = tag.getTemplate();
+        if (string !== this.lastTemplateString) {
+            console.log('string !== this.lastTemplateString', { string, lastTemplateString: this.lastTemplateString });
+        }
+        if (string !== this.lastTemplateString) {
+            console.log('ejected here - 5');
+            return false;
+        }
+        if (tag.values.length !== this.values.length) {
+            console.log('length', tag.values.length, this.values.length);
+        }
+        if (tag.values.length !== this.values.length) {
+            console.log('ejected here - 4');
+            return false;
+        }
+        const allVarsMatch = tag.values.every((value, index) => {
+            const compareTo = this.values[index];
+            const isFunctions = value instanceof Function && compareTo instanceof Function;
+            if (isFunctions) {
+                const stringMatch = value.toString() === compareTo.toString();
+                if (stringMatch) {
+                    return true;
+                }
+                console.log('ejected here - 3');
+                return false;
+            }
+            const tag = value;
+            if (isTagInstance(tag) && isTagInstance(compareTo)) {
+                tag.ownerTag = this; // let children know I own them
+                this.children.push(tag); // record children I created        
+                tag.lastTemplateString || tag.getTemplate().string; // ensure last template string is generated
+                if (tag.isLikeTag(compareTo)) {
+                    return true;
+                }
+                console.log('ejected here - 0');
+                return false;
+            }
+            return true;
+        });
+        if (allVarsMatch) {
+            return true;
+        }
+        console.log('ejected here - 1');
+        return false;
+    }
+    update() {
+        return this.updateContext(this.tagSupport.memory.context);
+    }
+    updateValues(values) {
+        this.values = values;
+        return this.updateContext(this.tagSupport.memory.context);
+    }
+    updateContext(context) {
+        this.strings.map((_string, index) => {
+            const variableName = variablePrefix + index;
+            const hasValue = this.values.length > index;
+            const value = this.values[index];
+            // is something already there?
+            const existing = context[variableName];
+            if (existing) {
+                return updateExistingValue(existing, value, this, variableName);
+            }
+            // 🆕 First time values below
+            processNewValue(hasValue, value, context, variableName, this);
+        });
+        return context;
+    }
+    getAppElement() {
+        let tag = this;
+        while (tag.ownerTag) {
+            tag = tag.ownerTag;
+        }
+        return tag;
+    }
+    /** Used during HMR only where static content itself could have been edited */
+    rebuild() {
+        const insertBefore = this.insertBefore;
+        if (!insertBefore) {
+            const err = new Error('Cannot rebuild. Previous insertBefore element is not defined on tag');
+            err.tag = this;
+            throw err;
+        }
+        this.buildBeforeElement(insertBefore, {
+            forceElement: true,
+            counts: { added: 0, removed: 0 },
+        });
+    }
+    buildBeforeElement(insertBefore, options = {
+        forceElement: false,
+        counts: { added: 0, removed: 0 },
+    }) {
+        this.insertBefore = insertBefore;
+        const context = this.update();
+        const template = this.getTemplate();
+        // const ownerTag = this.ownerTag
+        const temporary = document.createElement('div');
+        temporary.id = 'tag-temp-holder';
+        // render content with a first child that we can know is our first element
+        temporary.innerHTML = `<template tag-wrap="22">${template.string}</template>`;
+        // const clonesBefore = this.clones.map(clone => clone)
+        const intClones = interpolateElement(temporary, context, template, this, // this.ownerTag || this,
+        { forceElement: options.forceElement });
+        this.clones.length = 0;
+        const clones = buildClones(temporary, insertBefore);
+        this.clones.push(...clones);
+        if (intClones.length) {
+            this.clones = this.clones.filter(cloneFilter => !intClones.find(clone => clone === cloneFilter));
+        }
+        this.clones.forEach(clone => afterElmBuild(clone, options));
+        return this.clones;
+    }
+}
+export function processNewValue(hasValue, value, context, variableName, tag) {
+    if (isTagComponent(value)) {
+        const existing = context[variableName] = new ValueSubject(value);
+        setValueRedraw(value, existing, tag);
+        return;
+    }
+    if (value instanceof Function) {
+        context[variableName] = getSubjectFunction(value, tag);
+        return;
+    }
+    if (!hasValue) {
+        return; // more strings than values, stop here
+    }
+    if (isTagInstance(value)) {
+        value.ownerTag = tag;
+        tag.children.push(value);
+    }
+    if (isSubjectInstance(value)) {
+        context[variableName] = value;
+        return;
+    }
+    context[variableName] = new ValueSubject(value);
+}
+//# sourceMappingURL=Tag.class.js.map

package/_js/Tag.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.class.js","sourceRoot":"","sources":["../ts/Tag.class.ts"],"names":[],"mappings":"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"}

package/_js/elementInitCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementInitCheck.js","sourceRoot":"","sources":["../ts/elementInitCheck.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gBAAgB,CAC9B,WAAgC,EAChC,MAAc;IAEd,MAAM,gBAAgB,GAAI,WAAmB,CAAC,MAAM,CAAA;IACpD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpB,OAAM;IACV,CAAC;IAED,MAAM,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAA;IAC/C,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAM;IACV,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,CAAA;IACrC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAM;IACV,CAAC;IAED,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAwC,CAAA;IAClG,MAAM,CAAC,KAAK,CAAC,CAAA;IACb,EAAE,MAAM,CAAC,KAAK,CAAA;AAChB,CAAC"}

package/_js/gateway/gateway.web.component.d.ts

@@ -0,0 +1,11 @@
+import { Gateway } from "./tagGateway.utils.js";
+/** <tag-element id="" props="json-string" />
+ * For Angular @NgModule({schemas: [CUSTOM_ELEMENTS_SCHEMA]}) is required
+ */
+export declare class TagElement extends HTMLElement {
+    gateway: Gateway;
+    constructor();
+    disconnectedCallback(): void;
+}
+/** Call me one time */
+export declare function initWebComponents(): void;

package/_js/gateway/gateway.web.component.js

@@ -0,0 +1,20 @@
+import { checkByElement, destroyGateway } from "./tagGateway.utils.js";
+/** <tag-element id="" props="json-string" />
+ * For Angular @NgModule({schemas: [CUSTOM_ELEMENTS_SCHEMA]}) is required
+ */
+export class TagElement extends HTMLElement {
+    gateway;
+    constructor() {
+        super();
+        // attributes are not available right away
+        setTimeout(() => this.gateway = checkByElement(this), 0);
+    }
+    disconnectedCallback() {
+        destroyGateway(this.gateway);
+    }
+}
+/** Call me one time */
+export function initWebComponents() {
+    customElements.define('tag-element', TagElement);
+}
+//# sourceMappingURL=gateway.web.component.js.map

package/_js/gateway/gateway.web.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gateway.web.component.js","sourceRoot":"","sources":["../../ts/gateway/gateway.web.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAE/E;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC,OAAO,CAAU;IAEjB;QACE,KAAK,EAAE,CAAA;QACP,0CAA0C;QAC1C,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAC1D,CAAC;IAED,oBAAoB;QAClB,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAC9B,CAAC;CACF;AAED,uBAAuB;AACvB,MAAM,UAAU,iBAAiB;IAC/B,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AAClD,CAAC"}

package/_js/gateway/index.d.ts

@@ -0,0 +1,3 @@
+export { loadTagGateway } from "./loadTagGateway.function.js";
+export { initWebComponents } from "./gateway.web.component.js";
+export { tagGateway } from "./tagGateway.function.js";

package/_js/gateway/index.js

@@ -0,0 +1,4 @@
+export { loadTagGateway } from "./loadTagGateway.function.js";
+export { initWebComponents } from "./gateway.web.component.js";
+export { tagGateway } from "./tagGateway.function.js";
+//# sourceMappingURL=index.js.map

package/_js/gateway/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ts/gateway/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA"}

package/_js/gateway/loadTagGateway.function.d.ts

@@ -0,0 +1,2 @@
+import { TagComponent } from "../index.js";
+export declare function loadTagGateway(component: TagComponent): string;

package/_js/gateway/loadTagGateway.function.js

@@ -0,0 +1,18 @@
+import { initWebComponents } from "./gateway.web.component.js";
+import { gatewayTagIds, getTagId } from "./tagGateway.utils.js";
+let hasInitWebComponents = false;
+export function loadTagGateway(component) {
+    if (!hasInitWebComponents) {
+        try {
+            initWebComponents();
+        }
+        catch (err) {
+            throw err;
+        }
+        hasInitWebComponents = true;
+    }
+    const id = getTagId(component);
+    gatewayTagIds[id] = component;
+    return id;
+}
+//# sourceMappingURL=loadTagGateway.function.js.map

package/_js/gateway/loadTagGateway.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadTagGateway.function.js","sourceRoot":"","sources":["../../ts/gateway/loadTagGateway.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE/D,IAAI,oBAAoB,GAAG,KAAK,CAAA;AAEhC,MAAM,UAAU,cAAc,CAAC,SAAuB;IACpD,IAAG,CAAC,oBAAoB,EAAE,CAAC;QACzB,IAAI,CAAC;YACH,iBAAiB,EAAE,CAAA;QACrB,CAAC;QAAC,OAAM,GAAG,EAAE,CAAC;YACZ,MAAM,GAAG,CAAA;QACX,CAAC;QAED,oBAAoB,GAAG,IAAI,CAAA;IAC7B,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,CAAA;AACX,CAAC"}

package/_js/gateway/tagGateway.function.d.ts

@@ -0,0 +1,4 @@
+import { TagComponent } from "../index.js";
+export declare const tagGateway: (component: TagComponent) => {
+    id: string;
+};

package/_js/gateway/tagGateway.function.js

@@ -0,0 +1,49 @@
+import { checkElement, getTagId } from "./tagGateway.utils.js";
+const namedTimeouts = {};
+export const tagGateway = function tagGateway(component) {
+    const id = getTagId(component);
+    if (namedTimeouts[id]) {
+        return namedTimeouts[id];
+    }
+    let intervalId;
+    let hitCount = 0;
+    const interval = 5;
+    function findElements() {
+        const elements = checkTagElementsById(id, component);
+        if (!elements.length) {
+            return elements.length;
+        }
+        // Element has been found, load
+        if (intervalId) {
+            clearInterval(intervalId);
+        }
+        delete namedTimeouts[id];
+        return elements.length;
+    }
+    function findElement() {
+        intervalId = setInterval(() => {
+            hitCount = hitCount + interval;
+            if (hitCount >= 2000) {
+                clearInterval(intervalId);
+                throw new Error(`TaggedJs Element ${id} not found`);
+            }
+            findElements();
+        }, interval);
+    }
+    const elementCounts = findElements();
+    if (elementCounts) {
+        return { id };
+    }
+    findElement();
+    namedTimeouts[id] = { id };
+    return namedTimeouts[id];
+};
+function checkTagElementsById(id, component) {
+    const elements = document.querySelectorAll('#' + id);
+    return checkTagElements(id, elements, component);
+}
+function checkTagElements(id, elements, component) {
+    elements.forEach(element => checkElement(id, element, component));
+    return elements;
+}
+//# sourceMappingURL=tagGateway.function.js.map

package/_js/gateway/tagGateway.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagGateway.function.js","sourceRoot":"","sources":["../../ts/gateway/tagGateway.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE9D,MAAM,aAAa,GAAwB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAC3C,SAAuB;IAEvB,MAAM,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAE9B,IAAG,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,OAAO,aAAa,CAAC,EAAE,CAAC,CAAA;IAC1B,CAAC;IAED,IAAI,UAA0B,CAAA;IAC9B,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,MAAM,QAAQ,GAAG,CAAC,CAAA;IAElB,SAAS,YAAY;QACnB,MAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;QAEpD,IAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,OAAO,QAAQ,CAAC,MAAM,CAAA;QACxB,CAAC;QAED,+BAA+B;QAC/B,IAAG,UAAU,EAAE,CAAC;YACd,aAAa,CAAC,UAAU,CAAC,CAAA;QAC3B,CAAC;QACD,OAAO,aAAa,CAAC,EAAE,CAAC,CAAA;QAExB,OAAO,QAAQ,CAAC,MAAM,CAAA;IACxB,CAAC;IAED,SAAS,WAAW;QAClB,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAC5B,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;YAE9B,IAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;gBACpB,aAAa,CAAC,UAAU,CAAC,CAAA;gBACzB,MAAM,IAAI,KAAK,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAA;YACrD,CAAC;YAED,YAAY,EAAE,CAAA;QAChB,CAAC,EAAE,QAAQ,CAAC,CAAA;IACd,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,EAAE,CAAA;IACpC,IAAG,aAAa,EAAE,CAAC;QACjB,OAAO,EAAE,EAAE,EAAE,CAAA;IACf,CAAC;IAED,WAAW,EAAE,CAAA;IAEb,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,CAAA;IAE1B,OAAO,aAAa,CAAC,EAAE,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,SAAS,oBAAoB,CAC3B,EAAU,EACV,SAAuB;IAEvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,EAAE,CAAC,CAAA;IACpD,OAAO,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;AAClD,CAAC;AAED,SAAS,gBAAgB,CACvB,EAAU,EACV,QAA6B,EAC7B,SAAuB;IAEvB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEjE,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/_js/gateway/tagGateway.utils.d.ts

@@ -0,0 +1,21 @@
+import { TagComponent, Tag } from "../index.js";
+export declare const gatewayTagIds: {
+    [id: string]: TagComponent;
+};
+export declare function checkAllGateways(): void;
+export declare function checkGateways(gateways: Gateway[]): void;
+export declare function destroyGateway(gateway: Gateway): void;
+export declare function getTagId(component: TagComponent): string;
+export type EventData = {
+    detail: Record<string, any>;
+};
+export type Gateway = {
+    tag: Tag;
+    id: string;
+    observer: MutationObserver;
+    element: HTMLElement;
+    component: TagComponent;
+    updateTag: () => unknown;
+};
+export declare function checkByElement(element: HTMLElement | Element): Gateway;
+export declare function checkElement(id: string, element: Element, component: TagComponent): Gateway;