taggedjs 2.1.2 → 2.3.26

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;

package/_js/gateway/tagGateway.utils.js

@@ -0,0 +1,139 @@
+import { redrawTag, tagElement } from "../index.js";
+import { loadTagGateway } from "./loadTagGateway.function.js";
+const gateways = {};
+export const gatewayTagIds = {};
+export function checkAllGateways() {
+    Object.entries(gateways).forEach(([id, gateways]) => checkGateways(gateways));
+}
+export function checkGateways(gateways) {
+    gateways.forEach(gateway => checkGateway(gateway));
+}
+function checkGateway(gateway) {
+    const { element } = gateway;
+    if (document.body.contains(element)) {
+        return; // its still good, do not continue to destroy
+    }
+    destroyGateway(gateway);
+    return false;
+}
+export function destroyGateway(gateway) {
+    const { id, observer, tag } = gateway;
+    observer.disconnect();
+    tag.destroy();
+    delete gateways[id];
+}
+export function getTagId(component) {
+    const componentString = functionToHtmlId(component);
+    return '__tagTemplate_' + componentString;
+}
+function parsePropsString(element) {
+    const propsString = element.getAttribute('props');
+    if (!propsString) {
+        return { element };
+    }
+    try {
+        const props = JSON.parse(propsString);
+        // attribute eventProps as output bindings
+        const eventPropsString = element.getAttribute('events');
+        if (eventPropsString) {
+            eventPropsString.split(',').map(x => x.trim()).map((name) => {
+                props[name] = (value) => dispatchEvent(name, { detail: { [name]: value } });
+            });
+        }
+        const dispatchEvent = function (name, eventData) {
+            const event = new CustomEvent(name, eventData);
+            element.dispatchEvent(event);
+        };
+        // props.dispatchEvent = dispatchEvent
+        return props;
+    }
+    catch (err) {
+        console.warn('Failed to parse props on element', { element, propsString });
+        throw err;
+    }
+}
+/** adds to gateways[id].push */
+function watchElement(id, targetNode, tag, component) {
+    let lastTag = tag;
+    const observer = new MutationObserver(mutationsList => {
+        if (!checkGateway(gateway)) {
+            return;
+        }
+        for (const mutation of mutationsList) {
+            if (mutation.type === 'attributes') {
+                updateTag();
+            }
+        }
+    });
+    function updateTag() {
+        const templater = tag.tagSupport.templater;
+        const oldProps = templater.tagSupport.props;
+        const newProps = parsePropsString(targetNode);
+        templater.tagSupport.props = newProps;
+        const isSameProps = JSON.stringify(oldProps) === JSON.stringify(newProps);
+        if (isSameProps) {
+            return; // no reason to update, same props
+        }
+        templater.tagSupport.latestProps = newProps;
+        const result = redrawTag(lastTag, templater);
+        // update records
+        gateway.tag = lastTag = result.retag;
+    }
+    loadTagGateway(component);
+    const gateway = {
+        id, tag, observer, component, element: targetNode, updateTag,
+    };
+    gateways[id] = gateways[id] || [];
+    gateways[id].push(gateway);
+    targetNode.gateway = gateway;
+    // Configure the observer to watch for changes in child nodes and attributes
+    const config = { attributes: true };
+    // Start observing the target node for specified changes
+    observer.observe(targetNode, config);
+    return gateway;
+}
+function functionToHtmlId(func) {
+    // Convert function to string
+    let funcString = func.toString();
+    // Remove spaces and replace special characters with underscores
+    let cleanedString = funcString.replace(/\s+/g, '_')
+        .replace(/[^\w\d]/g, '_');
+    // Ensure the ID starts with a letter
+    if (!/^[a-zA-Z]/.test(cleanedString)) {
+        cleanedString = 'fn_' + cleanedString;
+    }
+    return cleanedString;
+}
+export function checkByElement(element) {
+    const id = element.id || element.getAttribute('id');
+    if (!id) {
+        const message = 'Cannot check a tag on element with no id attribute';
+        console.warn(message, { id, element });
+        throw new Error(message);
+    }
+    const component = gatewayTagIds[id];
+    if (!component) {
+        const message = `Cannot find a tag registered by id of ${id}`;
+        console.warn(message, { id, element });
+        throw new Error(message);
+    }
+    return checkElement(id, element, component);
+}
+export function checkElement(id, element, component) {
+    const gateway = element.gateway;
+    if (gateway) {
+        gateway.updateTag();
+        return gateway;
+    }
+    const props = parsePropsString(element);
+    try {
+        const { tag } = tagElement(component, element, props);
+        // watch element AND add to gateways[id].push()
+        return watchElement(id, element, tag, component);
+    }
+    catch (err) {
+        console.warn('Failed to render component to element', { component, element, props });
+        throw err;
+    }
+}
+//# sourceMappingURL=tagGateway.utils.js.map

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

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

package/_js/getCallback.d.ts

@@ -0,0 +1,3 @@
+type Callback = <T>(...args: unknown[]) => (T | void);
+export declare let getCallback: () => (callback: Callback) => () => void;
+export {};

package/_js/getCallback.js

@@ -0,0 +1,50 @@
+import { setUse } from "./setUse.function.js";
+import { getStateValue } from "./state.js";
+export let getCallback = () => (callback) => () => {
+    throw new Error('The real callback function was called and that should never occur');
+};
+setUse({
+    beforeRender: (tagSupport) => initMemory(tagSupport),
+    beforeRedraw: (tagSupport) => initMemory(tagSupport),
+    // afterRender: (tagSupport: TagSupport) => {},
+});
+function updateState(stateFrom, stateTo) {
+    stateFrom.forEach((state, index) => {
+        const fromValue = getStateValue(state);
+        const callback = stateTo[index].callback;
+        if (callback) {
+            callback(fromValue); // set the value
+        }
+        stateTo[index].lastValue = fromValue; // record the value
+    });
+}
+function initMemory(tagSupport) {
+    getCallback = () => {
+        const oldState = setUse.memory.stateConfig.array;
+        const callbackMaker = (callback) => {
+            const trigger = (...args) => triggerStateUpdate(tagSupport, callback, oldState, ...args);
+            return trigger;
+        };
+        return callbackMaker;
+    };
+}
+function triggerStateUpdate(tagSupport, callback, oldState, ...args) {
+    const state = tagSupport.memory.state;
+    const newest = state.newest;
+    // ensure that the oldest has the latest values first
+    updateState(newest, oldState);
+    // run the callback
+    const promise = callback(...args);
+    // send the oldest state changes into the newest
+    updateState(oldState, newest);
+    tagSupport.render();
+    // TODO: turn back on below
+    if (promise instanceof Promise) {
+        promise.finally(() => {
+            // send the oldest state changes into the newest
+            updateState(oldState, newest);
+            tagSupport.render();
+        });
+    }
+}
+//# sourceMappingURL=getCallback.js.map

package/_js/getCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCallback.js","sourceRoot":"","sources":["../ts/getCallback.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAA2B,aAAa,EAAE,MAAM,YAAY,CAAA;AAInE,MAAM,CAAC,IAAI,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC,QAAkB,EAAE,EAAE,CAAC,GAAS,EAAE;IAChE,MAAM,IAAI,KAAK,CAAC,mEAAmE,CAAC,CAAA;AACtF,CAAC,CAAA;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,UAAsB,EAAE,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC;IAChE,YAAY,EAAE,CAAC,UAAsB,EAAE,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC;IAChE,+CAA+C;CAChD,CAAC,CAAA;AAEF,SAAS,WAAW,CAClB,SAA2B,EAC3B,OAAyB;IAEzB,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACjC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAA;QAExC,IAAG,QAAQ,EAAE,CAAC;YACZ,QAAQ,CAAE,SAAS,CAAE,CAAA,CAAC,gBAAgB;QACxC,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,SAAS,CAAA,CAAC,mBAAmB;IAC1D,CAAC,CAAC,CAAA;AACJ,CAAC;AAKD,SAAS,UAAU,CAAE,UAAsB;IACzC,WAAW,GAAG,GAAG,EAAE;QACjB,MAAM,QAAQ,GAAqB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAA;QAElE,MAAM,aAAa,GAAkB,CACnC,QAAkB,EAClB,EAAE;YACF,MAAM,OAAO,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,CAAA;YAC/F,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,aAAa,CAAA;IACtB,CAAC,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CACzB,UAAsB,EACtB,QAAkB,EAClB,QAA0B,EAC1B,GAAG,IAAW;IAEd,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,KAAc,CAAA;IAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAE3B,qDAAqD;IACrD,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAE7B,mBAAmB;IACnB,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAA;IAEjC,gDAAgD;IAChD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE7B,UAAU,CAAC,MAAM,EAAE,CAAA;IAEnB,2BAA2B;IAC3B,IAAG,OAAO,YAAY,OAAO,EAAE,CAAC;QAC9B,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE;YACnB,gDAAgD;YAChD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAE7B,UAAU,CAAC,MAAM,EAAE,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC"}

package/_js/getTagSupport.d.ts

@@ -0,0 +1,21 @@
+import { Props } from "./Props.js";
+import { Tag, TagMemory } from "./Tag.class.js";
+import { TemplaterResult } from "./templater.utils.js";
+export declare class TagSupport {
+    templater: TemplaterResult;
+    props?: unknown;
+    clonedProps: Props;
+    latestProps: Props;
+    latestClonedProps: Props;
+    memory: TagMemory;
+    constructor(templater: TemplaterResult, props?: unknown);
+    oldest?: Tag;
+    newest?: Tag;
+    hasPropChanges(props: any, // natural props
+    pastCloneProps: any, // previously cloned props
+    compareToProps: any): boolean;
+    mutatingRender(): Tag;
+    render(): Tag;
+    renderExistingTag(tag: Tag, newTemplater: TemplaterResult): boolean;
+}
+export declare function getTagSupport(templater: TemplaterResult, props?: Props): TagSupport;

package/_js/getTagSupport.js

@@ -0,0 +1,110 @@
+import { deepClone, deepEqual } from "./deepFunctions.js";
+import { getNewProps } from "./templater.utils.js";
+export class TagSupport {
+    templater;
+    props;
+    // props from **constructor** are converted for comparing over renders
+    clonedProps;
+    latestProps; // new props NOT cloned props
+    latestClonedProps;
+    memory = {
+        context: {}, // populated after reading interpolated.values array converted to an object {variable0, variable:1}
+        state: {
+            newest: [],
+        },
+        providers: [],
+        /** Indicator of re-rending. Saves from double rending something already rendered */
+        renderCount: 0,
+    };
+    constructor(templater, props) {
+        this.templater = templater;
+        this.props = props;
+        this.latestProps = props; // getNewProps(props, templater)
+        const latestProps = getNewProps(props, templater);
+        this.latestClonedProps = deepClone(latestProps);
+        this.clonedProps = this.latestClonedProps;
+    }
+    // TODO: these below may not be in use
+    oldest;
+    newest;
+    hasPropChanges(props, // natural props
+    pastCloneProps, // previously cloned props
+    compareToProps) {
+        const oldProps = this.props;
+        const isCommonEqual = props === undefined && props === compareToProps;
+        const isEqual = isCommonEqual || deepEqual(pastCloneProps, oldProps);
+        return !isEqual;
+    }
+    mutatingRender() {
+        const message = 'Tag function "render()" was called in sync but can only be called async';
+        console.error(message, { tagSupport: this });
+        throw new Error(message);
+    } // loaded later and only callable async
+    render() {
+        ++this.memory.renderCount;
+        return this.mutatingRender();
+    } // ensure this function still works even during deconstructing
+    renderExistingTag(tag, newTemplater) {
+        const preRenderCount = this.memory.renderCount;
+        providersChangeCheck(tag);
+        // When the providers were checked, a render to myself occurred and I do not need to re-render again
+        if (preRenderCount !== this.memory.renderCount) {
+            return true;
+        }
+        const oldTemplater = tag.tagSupport.templater;
+        const nowProps = newTemplater.tagSupport.props; // natural props
+        const oldProps = oldTemplater?.tagSupport.props; // previously cloned props
+        const newProps = newTemplater.tagSupport.clonedProps; // new props cloned
+        console.log('rendering existing tag');
+        return renderTag(this, nowProps, oldProps, newProps, this.templater);
+    }
+}
+export function getTagSupport(templater, props) {
+    const tagSupport = new TagSupport(templater, props);
+    return tagSupport;
+}
+function providersChangeCheck(tag) {
+    const providersWithChanges = tag.tagSupport.memory.providers.filter(provider => {
+        return !deepEqual(provider.instance, provider.clone);
+    });
+    // reset clones
+    providersWithChanges.forEach(provider => {
+        const appElement = tag.getAppElement();
+        handleProviderChanges(appElement, provider);
+        provider.clone = deepClone(provider.instance);
+    });
+}
+function handleProviderChanges(appElement, provider) {
+    const tagsWithProvider = getTagsWithProvider(appElement, provider);
+    tagsWithProvider.forEach(({ tag, renderCount, provider }) => {
+        const unRendered = renderCount === tag.tagSupport.memory.renderCount;
+        if (unRendered) {
+            provider.clone = deepClone(provider.instance);
+            tag.tagSupport.render();
+        }
+    });
+}
+function getTagsWithProvider(tag, provider, memory = []) {
+    const hasProvider = tag.tagSupport.memory.providers.find(xProvider => xProvider.constructMethod === provider.constructMethod);
+    if (hasProvider) {
+        memory.push({
+            tag,
+            renderCount: tag.tagSupport.memory.renderCount,
+            provider: hasProvider
+        });
+    }
+    tag.children.forEach(child => getTagsWithProvider(child, provider, memory));
+    return memory;
+}
+function renderTag(tagSupport, nowProps, // natural props
+oldProps, // previously NOT cloned props
+newProps, // now props cloned
+templater) {
+    const hasPropsChanged = tagSupport.hasPropChanges(nowProps, newProps, oldProps);
+    tagSupport.newest = templater.redraw(); // No change detected, just redraw me only
+    if (!hasPropsChanged) {
+        return true;
+    }
+    return false;
+}
+//# sourceMappingURL=getTagSupport.js.map

package/_js/getTagSupport.js.map

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

package/_js/html.d.ts

@@ -0,0 +1,2 @@
+import { Tag } from "./Tag.class.js";
+export declare function html(strings: string[] | TemplateStringsArray, ...values: unknown[]): Tag;

package/{js/js → _js}/html.js.map

@@ -1 +1 @@
-{"version":3,"file":"html.js","sourceRoot":"","sources":["../ts/html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,UAAU,IAAI,CAClB,OAAiB,EACjB,GAAG,MAAiB;IAEpB,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AACjC,CAAC"}
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../ts/html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,UAAU,IAAI,CAClB,OAAwC,EACxC,GAAG,MAAiB;IAEpB,OAAO,IAAI,GAAG,CAAC,OAAmB,EAAE,MAAM,CAAC,CAAA;AAC7C,CAAC"}

package/_js/index.d.ts

@@ -0,0 +1,20 @@
+/** Must use .js and NOT .ts extensions here */
+export * from "./ElementTargetEvent.interface.js";
+export * from "./html.js";
+export * from "./Subject.js";
+export * from "./interpolateElement.js";
+export * from "./getTagSupport.js";
+export * from "./redrawTag.function.js";
+export * from "./gateway/index.js";
+export { isTagComponent } from "./isInstance.js";
+export { tags, tag } from "./tag.js";
+export { TagComponent } from "./templater.utils.js";
+export { tagElement } from "./tagElement.js";
+export { Tag } from "./Tag.class.js";
+export { runBeforeRender } from "./tagRunner.js";
+export { setUse } from "./setUse.function.js";
+export { providers } from "./providers.js";
+export { state0, state } from "./state.js";
+export * from "./onInit.js";
+export * from "./onDestroy.js";
+export * from "./getCallback.js";

package/_js/index.js

@@ -0,0 +1,25 @@
+/** Must use .js and NOT .ts extensions here */
+export * from "./ElementTargetEvent.interface.js";
+export * from "./html.js";
+export * from "./Subject.js";
+export * from "./interpolateElement.js";
+export * from "./getTagSupport.js";
+export * from "./redrawTag.function.js";
+export * from "./gateway/index.js";
+// TODO: export *
+export { isTagComponent } from "./isInstance.js";
+export { tags, tag } from "./tag.js";
+export { tagElement } from "./tagElement.js";
+export { Tag } from "./Tag.class.js";
+export { runBeforeRender } from "./tagRunner.js";
+export { setUse } from "./setUse.function.js";
+/* hooks */
+// TODO: export *
+export { providers } from "./providers.js";
+// TODO: export *
+export { state0, state } from "./state.js";
+export * from "./onInit.js";
+export * from "./onDestroy.js";
+export * from "./getCallback.js";
+/* end: hooks */
+//# sourceMappingURL=index.js.map

package/_js/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAE/C,cAAc,mCAAmC,CAAA;AAEjD,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAElC,iBAAiB;AACjB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,WAAW;AACT,iBAAiB;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,iBAAiB;AACjB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAClC,gBAAgB"}

package/_js/inputAttribute.js

@@ -0,0 +1,19 @@
+export function inputAttribute(name, value, element) {
+    const names = name.split('.');
+    // style.position = "absolute"
+    if (names[0] === 'style') {
+        element.style[names[1]] = value;
+    }
+    // Example: class.width-full = "true"
+    if (names[0] === 'class') {
+        names.shift();
+        if (value) {
+            names.forEach(name => element.classList.add(name));
+        }
+        else {
+            names.forEach(name => element.classList.remove(name));
+        }
+        return;
+    }
+}
+//# sourceMappingURL=inputAttribute.js.map

package/_js/inputAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputAttribute.js","sourceRoot":"","sources":["../ts/inputAttribute.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAC5B,IAAY,EACZ,KAAU,EACV,OAAgB;IAEhB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAE7B,8BAA8B;IAC9B,IAAG,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC;QACvB,OAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IAC1C,CAAC;IAED,qCAAqC;IACrC,IAAG,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC;QACxB,KAAK,CAAC,KAAK,EAAE,CAAA;QACb,IAAG,KAAK,EAAE,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;QACpD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACvD,CAAC;QACD,OAAM;IACR,CAAC;AACH,CAAC"}

package/{js/js → _js}/interpolateAttributes.d.ts

@@ -1,3 +1,4 @@
 import { Context, Tag } from "./Tag.class.js";
 export declare function interpolateAttributes(child: Element, scope: Context, ownerTag: Tag): void;
-export declare function isSpecialAttr(attrName: string): boolean;
+/** Looking for (class | style) followed by a period */
+export declare function isSpecialAttr(attrName: string | String): boolean;