taggedjs 2.0.1 → 2.1.2

package/js/js/Tag.utils.js

@@ -0,0 +1,102 @@
+import { getTagSupport } from "./getTagSupport.js";
+import { config as providers } from "./providers.js";
+import { ValueSubject } from "./ValueSubject.js";
+import { runBeforeRender } from "./tagRunner.js";
+export function getSubjectFunction(value, tag) {
+    return new ValueSubject(bindSubjectFunction(value, tag));
+}
+/**
+ * @param {*} value
+ * @param {Tag} tag
+ * @returns
+ */
+export function bindSubjectFunction(value, tag) {
+    function subjectFunction(element, args) {
+        const renderCount = tag.tagSupport.renderCount;
+        const method = value.bind(element);
+        const callbackResult = method(...args);
+        if (renderCount !== tag.tagSupport.renderCount) {
+            return; // already rendered
+        }
+        tag.tagSupport.render();
+        if (callbackResult instanceof Promise) {
+            callbackResult.then(() => {
+                tag.tagSupport.render();
+            });
+        }
+        return callbackResult;
+    }
+    subjectFunction.tagFunction = value;
+    return subjectFunction;
+}
+/**
+ *
+ * @param {*} templater
+ * @param {ExistingValue} existing
+ * @param {Tag} ownerTag
+ */
+export function setValueRedraw(templater, // latest tag function to call for rendering
+existing, ownerTag) {
+    // redraw does not communicate to parent
+    templater.redraw = () => {
+        // Find previous variables
+        const existingTag = existing.tag;
+        const tagSupport = existingTag?.tagSupport || getTagSupport(templater); // this.tagSupport
+        // signify to other operations that a rendering has occurred so they do not need to render again
+        ++tagSupport.renderCount;
+        existing.tagSupport = tagSupport;
+        // const self = this as any
+        const self = templater;
+        tagSupport.mutatingRender = tagSupport.mutatingRender || existing.tagSupport?.mutatingRender || ( /* TODO: we might be able to remove this last OR */self.tagSupport.mutatingRender);
+        const runtimeOwnerTag = existingTag?.ownerTag || ownerTag;
+        runBeforeRender(tagSupport, tagSupport.oldest);
+        if (tagSupport.oldest) {
+            tagSupport.oldest.beforeRedraw();
+        }
+        else {
+            providers.ownerTag = runtimeOwnerTag;
+        }
+        const retag = templater.wrapper();
+        retag.tagSupport = tagSupport;
+        if (tagSupport.oldest) {
+            tagSupport.oldest.afterRender();
+        }
+        else {
+            retag.afterRender();
+        }
+        templater.newest = retag;
+        retag.ownerTag = runtimeOwnerTag;
+        const oldest = tagSupport.oldest = tagSupport.oldest || retag;
+        tagSupport.newest = retag;
+        const oldestTagSupport = oldest.tagSupport;
+        oldest.tagSupport = oldestTagSupport || tagSupport;
+        oldest.tagSupport.templater = templater;
+        // retag.getTemplate() // cause lastTemplateString to render
+        retag.setSupport(tagSupport);
+        const isSameTag = existingTag && existingTag.isLikeTag(retag);
+        // If previously was a tag and seems to be same tag, then just update current tag with new values
+        if (isSameTag) {
+            oldest.updateByTag(retag);
+            return;
+        }
+        existing.set(templater);
+        return retag;
+    };
+}
+export function elementDestroyCheck(nextSibling, stagger) {
+    const onDestroyDoubleWrap = nextSibling.ondestroy; // nextSibling.getAttribute('onDestroy')
+    if (!onDestroyDoubleWrap) {
+        return;
+    }
+    const onDestroyWrap = onDestroyDoubleWrap.tagFunction;
+    if (!onDestroyWrap) {
+        return;
+    }
+    const onDestroy = onDestroyWrap.tagFunction;
+    if (!onDestroy) {
+        return;
+    }
+    const event = { target: nextSibling, stagger };
+    return onDestroy(event);
+}
+//# sourceMappingURL=Tag.utils.js.map

package/js/js/Tag.utils.js.map

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

package/js/js/ValueSubject.d.ts

@@ -0,0 +1,6 @@
+import { Subject } from './Subject.js';
+export declare class ValueSubject extends Subject {
+    value: any;
+    constructor(initialValue: any);
+    subscribe(callback: any): import("./Subject.js").Subscription;
+}

package/js/js/ValueSubject.js

@@ -0,0 +1,15 @@
+import { Subject } from './Subject.js';
+export class ValueSubject extends Subject {
+    value;
+    constructor(initialValue) {
+        super();
+        this.value = initialValue;
+    }
+    subscribe(callback) {
+        const unsubscribe = super.subscribe(callback);
+        // Call the callback immediately with the current value
+        callback(this.value);
+        return unsubscribe;
+    }
+}
+//# sourceMappingURL=ValueSubject.js.map

package/js/js/ValueSubject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueSubject.js","sourceRoot":"","sources":["../ts/ValueSubject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,OAAO,YAAa,SAAQ,OAAO;IACvC,KAAK,CAAK;IAEV,YAAY,YAAiB;QAC3B,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,KAAK,GAAG,YAAY,CAAA;IAC3B,CAAC;IAED,SAAS,CAAC,QAAa;QACrB,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAE7C,uDAAuD;QACvD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAEpB,OAAO,WAAW,CAAA;IACpB,CAAC;CACF"}

package/js/js/deepFunctions.d.ts

@@ -0,0 +1,2 @@
+export declare function deepClone(obj: any, visited?: WeakMap<WeakKey, any>): any;
+export declare function deepEqual(obj1: any, obj2: any): boolean;

package/js/js/deepFunctions.js

@@ -0,0 +1,76 @@
+export function deepClone(obj, visited = new WeakMap()) {
+    // If obj is a primitive type or null, return it directly
+    if (obj === null || typeof obj !== 'object') {
+        return obj;
+    }
+    // If obj is already visited, return the cloned reference
+    if (visited.has(obj)) {
+        return visited.get(obj);
+    }
+    // Handle special cases like Date and RegExp
+    if (obj instanceof Date) {
+        return new Date(obj);
+    }
+    if (obj instanceof RegExp) {
+        return new RegExp(obj);
+    }
+    // Create an empty object or array with the same prototype
+    const clone = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj));
+    // Register the cloned object to avoid cyclic references
+    visited.set(obj, clone);
+    // Clone each property or element of the object or array
+    if (Array.isArray(obj)) {
+        for (let i = 0; i < obj.length; i++) {
+            clone[i] = deepClone(obj[i], visited);
+        }
+    }
+    else {
+        for (const key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                clone[key] = deepClone(obj[key], visited);
+            }
+        }
+    }
+    return clone;
+}
+export function deepEqual(obj1, obj2) {
+    if (obj1 === obj2) {
+        return true;
+    }
+    if (typeof obj1 !== 'object' ||
+        typeof obj2 !== 'object' ||
+        obj1 === null ||
+        obj2 === null) {
+        return false;
+    }
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length) {
+        return false;
+    }
+    for (const key of keys1) {
+        if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) {
+            if (obj1[key] instanceof Function && obj2[key] instanceof Function && obj1[key].toString() === obj2[key].toString()) {
+                continue;
+            }
+            return false;
+        }
+    }
+    // Check if obj1 and obj2 are both arrays
+    if (Array.isArray(obj1) && Array.isArray(obj2)) {
+        if (obj1.length !== obj2.length) {
+            return false;
+        }
+        for (let i = 0; i < obj1.length; i++) {
+            if (!deepEqual(obj1[i], obj2[i])) {
+                return false;
+            }
+        }
+    }
+    else if (Array.isArray(obj1) || Array.isArray(obj2)) {
+        // One is an array, and the other is not
+        return false;
+    }
+    return true;
+}
+//# sourceMappingURL=deepFunctions.js.map

package/js/js/deepFunctions.js.map

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

package/js/js/elementInitCheck.d.ts

@@ -0,0 +1,2 @@
+import { Counts } from "./interpolateTemplate.js";
+export declare function elementInitCheck(nextSibling: Element | ChildNode, counts: Counts): void;

package/js/js/elementInitCheck.js

@@ -0,0 +1,18 @@
+export function elementInitCheck(nextSibling, counts) {
+    const onInitDoubleWrap = nextSibling.oninit;
+    if (!onInitDoubleWrap) {
+        return;
+    }
+    const onInitWrap = onInitDoubleWrap.tagFunction;
+    if (!onInitWrap) {
+        return;
+    }
+    const onInit = onInitWrap.tagFunction;
+    if (!onInit) {
+        return;
+    }
+    const event = { target: nextSibling, stagger: counts.added };
+    onInit(event);
+    ++counts.added;
+}
+//# sourceMappingURL=elementInitCheck.js.map

package/js/js/elementInitCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementInitCheck.js","sourceRoot":"","sources":["../ts/elementInitCheck.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAC9B,WAAgC,EAChC,MAAc;IAEd,MAAM,gBAAgB,GAAI,WAAmB,CAAC,MAAM,CAAA;IACpD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpB,OAAO;IACX,CAAC;IAED,MAAM,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAC;IAChD,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO;IACX,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC;IACtC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO;IACX,CAAC;IAED,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;IAC7D,MAAM,CAAC,KAAK,CAAC,CAAC;IACd,EAAE,MAAM,CAAC,KAAK,CAAC;AACjB,CAAC"}

package/js/js/getCallback.d.ts

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

package/js/js/getCallback.js

@@ -0,0 +1,53 @@
+import { getStateValue } from "./state.js";
+import { setUse } from "./tagRunner.js";
+export let getCallback = () => (callback) => () => {
+    throw new Error('The real callback function was called and that should never occur');
+};
+setUse({
+    beforeRender: (tagSupport) => {
+        tagSupport.callbacks = [];
+        getCallback = () => {
+            const callbackMaker = (callback) => {
+                const trigger = () => {
+                    const state = tagSupport.state;
+                    const oldest = callbackMaker.state; // state.oldest as StateConfigArray
+                    const newest = state.newest;
+                    // ensure that the oldest has the latest values first
+                    updateState(newest, oldest);
+                    // run the callback
+                    const promise = callback();
+                    // send the oldest state changes into the newest
+                    updateState(oldest, newest);
+                    tagSupport.render();
+                    if (promise instanceof Promise) {
+                        promise.finally(() => {
+                            // send the oldest state changes into the newest
+                            updateState(oldest, newest);
+                            tagSupport.render();
+                        });
+                    }
+                };
+                const state = tagSupport.state;
+                trigger.state = state;
+                return trigger;
+            };
+            const callbacks = tagSupport.callbacks;
+            callbacks.push(callbackMaker);
+            return callbackMaker;
+        };
+    },
+    afterRender: (tagSupport) => {
+        const callbacks = tagSupport.callbacks;
+        callbacks.forEach(callback => {
+            const state = tagSupport.state;
+            callback.state = [...state.newest];
+        });
+    }
+});
+function updateState(stateFrom, stateTo) {
+    stateFrom.forEach((state, index) => {
+        const oldValue = getStateValue(state);
+        const [checkValue] = stateTo[index](oldValue);
+    });
+}
+//# sourceMappingURL=getCallback.js.map

package/js/js/getCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCallback.js","sourceRoot":"","sources":["../ts/getCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,aAAa,EAAE,MAAM,YAAY,CAAA;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAIvC,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;AAOD,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,UAA8B,EAAE,EAAE;QAC/C,UAAU,CAAC,SAAS,GAAG,EAAE,CAAA;QAEzB,WAAW,GAAG,GAAG,EAAE;YAEjB,MAAM,aAAa,GAAG,CACpB,QAAkB,EAClB,EAAE;gBACF,MAAM,OAAO,GAAG,GAAG,EAAE;oBACnB,MAAM,KAAK,GAAG,UAAU,CAAC,KAAc,CAAA;oBACvC,MAAM,MAAM,GAAI,aAAqB,CAAC,KAAK,CAAA,CAAC,mCAAmC;oBAC/E,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;oBAE3B,qDAAqD;oBACrD,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;oBAE3B,mBAAmB;oBACnB,MAAM,OAAO,GAAG,QAAQ,EAAE,CAAA;oBAE1B,gDAAgD;oBAChD,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;oBAE3B,UAAU,CAAC,MAAM,EAAE,CAAA;oBAEnB,IAAG,OAAO,YAAY,OAAO,EAAE,CAAC;wBAC9B,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE;4BACnB,gDAAgD;4BAChD,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;4BAE3B,UAAU,CAAC,MAAM,EAAE,CAAA;wBACrB,CAAC,CAAC,CAAA;oBACJ,CAAC;gBACH,CAAC,CAAA;gBAED,MAAM,KAAK,GAAG,UAAU,CAAC,KAAc,CAAA;gBACvC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;gBAErB,OAAO,OAAO,CAAA;YAChB,CAAC,CAAA;YAED,MAAM,SAAS,GAAG,UAAU,CAAC,SAAkB,CAAA;YAC/C,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YAE7B,OAAO,aAAa,CAAA;QACtB,CAAC,CAAA;IACH,CAAC;IACD,WAAW,EAAE,CAAC,UAA8B,EAAE,EAAE;QAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAkB,CAAA;QAC/C,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,KAAc,CAAA;YACvC,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,MAAa,CAAC,CAAA;QAC3C,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAC,CAAA;AAEF,SAAS,WAAW,CAClB,SAA2B,EAC3B,OAAyB;IAEzB,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACjC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QACrC,MAAM,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAE,QAAQ,CAAE,CAAA;IACjD,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/js/js/getTagSupport.d.ts

@@ -0,0 +1,20 @@
+import { Tag } from "./Tag.class.js";
+import { TemplaterResult } from "./tag.js";
+export interface TagSupport {
+    templater?: TemplaterResult;
+    /** Indicator of re-rending. Saves from double rending something already rendered */
+    renderCount: 0;
+    mutatingRender: () => any;
+    render: () => any;
+    /**
+     *
+     * @param {*} props value.props
+     * @param {*} newProps value.newProps
+     * @param {*} compareToProps compareSupport.templater.props
+     * @returns {boolean}
+     */
+    hasPropChanges: (props: any, newProps: any, compareToProps: any) => boolean;
+    oldest?: Tag;
+    newest?: Tag;
+}
+export declare function getTagSupport(templater?: TemplaterResult): TagSupport;

package/js/js/getTagSupport.js

@@ -0,0 +1,20 @@
+import { deepEqual } from "./deepFunctions.js";
+export function getTagSupport(templater) {
+    const tagSupport = {
+        templater,
+        renderCount: 0,
+        mutatingRender: () => { throw new Error('Tag function "render()" was called in sync but can only be called async'); }, // loaded later and only callable async
+        render: () => {
+            ++tagSupport.renderCount;
+            return tagSupport.mutatingRender();
+        }, // ensure this function still works even during deconstructing
+        hasPropChanges: (props, newProps, compareToProps) => {
+            const oldProps = tagSupport.templater.cloneProps;
+            const isCommonEqual = props === undefined && props === compareToProps;
+            const isEqual = isCommonEqual || deepEqual(newProps, oldProps);
+            return !isEqual;
+        },
+    };
+    return tagSupport;
+}
+//# sourceMappingURL=getTagSupport.js.map

package/js/js/getTagSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTagSupport.js","sourceRoot":"","sources":["../ts/getTagSupport.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AA8B9C,MAAM,UAAU,aAAa,CAC3B,SAA2B;IAE3B,MAAM,UAAU,GAAe;QAC7B,SAAS;QACT,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,GAAG,EAAE,GAAE,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAA,CAAA,CAAC,EAAE,uCAAuC;QAC3J,MAAM,EAAE,GAAG,EAAE;YACX,EAAE,UAAU,CAAC,WAAW,CAAA;YACxB,OAAO,UAAU,CAAC,cAAc,EAAE,CAAA;QACpC,CAAC,EAAE,8DAA8D;QAEjE,cAAc,EAAE,CACd,KAAU,EACV,QAAa,EACb,cAAmB,EACnB,EAAE;YACF,MAAM,QAAQ,GAAI,UAAU,CAAC,SAAiB,CAAC,UAAU,CAAA;YACzD,MAAM,aAAa,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,cAAc,CAAA;YACrE,MAAM,OAAO,GAAG,aAAa,IAAI,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9D,OAAO,CAAC,OAAO,CAAA;QACjB,CAAC;KACF,CAAA;IAED,OAAO,UAAU,CAAA;AACnB,CAAC"}

package/js/js/html.d.ts

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

package/js/js/html.js

@@ -0,0 +1,5 @@
+import { Tag } from "./Tag.class.js";
+export function html(strings, ...values) {
+    return new Tag(strings, values);
+}
+//# sourceMappingURL=html.js.map

package/js/js/html.js.map

@@ -0,0 +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"}

package/js/js/index.d.ts

@@ -0,0 +1,10 @@
+export { html } from "./html.js";
+export { tag } from "./tag.js";
+export { Subject } from "./Subject.js";
+export { wait } from "./wait.js";
+export { renderAppToElement } from "./renderAppToElement.js";
+export { Tag } from "./Tag.class.js";
+export * from "./onInit.js";
+export { providers } from "./providers.js";
+export { state } from "./state.js";
+export { getCallback } from "./getCallback.js";

package/js/js/index.js

@@ -0,0 +1,12 @@
+export { html } from "./html.js";
+export { tag } from "./tag.js";
+export { Subject } from "./Subject.js";
+export { wait } from "./wait.js";
+export { renderAppToElement } from "./renderAppToElement.js";
+export { Tag } from "./Tag.class.js";
+// hooks
+export * from "./onInit.js";
+export { providers } from "./providers.js";
+export { state } from "./state.js";
+export { getCallback } from "./getCallback.js";
+//# sourceMappingURL=index.js.map

package/js/js/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAG9B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,QAAQ;AACR,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA"}

package/js/js/inputAttribute.d.ts

@@ -0,0 +1 @@
+export declare function inputAttribute(name: string, value: any, element: Element): void;

package/js/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.pop();
+        if (value) {
+            names.forEach(name => element.classList.remove(name));
+        }
+        else {
+            names.forEach(name => element.classList.add(name));
+        }
+        return;
+    }
+}
+//# sourceMappingURL=inputAttribute.js.map

package/js/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,GAAG,EAAE,CAAA;QACX,IAAG,KAAK,EAAE,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACvD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;QACpD,CAAC;QACD,OAAM;IACR,CAAC;AACH,CAAC"}

package/js/js/interpolateAttributes.d.ts

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

package/js/js/interpolateAttributes.js

@@ -0,0 +1,69 @@
+import { Subject } from "./Subject.js";
+import { inputAttribute } from "./inputAttribute.js";
+const startRegX = /^\s*{/;
+const endRegX = /}\s*$/;
+export function interpolateAttributes(child, scope, ownerTag) {
+    child.getAttributeNames().forEach(attrName => {
+        const value = child.getAttribute(attrName);
+        const isSpecial = isSpecialAttr(attrName);
+        // An attempt to replicate React
+        if (value && value.search(startRegX) >= 0 && value.search(endRegX) >= 0) {
+            // get the code inside the brackets like "variable0" or "{variable0}"
+            const code = value.replace('{', '').split('').reverse().join('').replace('}', '').split('').reverse().join('');
+            const result = scope[code];
+            // attach as callback
+            if (result instanceof Function) {
+                ;
+                child[attrName] = function (...args) {
+                    result(child, args);
+                };
+                return;
+            }
+            if (result instanceof Subject) {
+                child.removeAttribute(attrName);
+                const callback = (newAttrValue) => {
+                    if (newAttrValue instanceof Function) {
+                        ;
+                        child[attrName] = function (...args) {
+                            newAttrValue(child, args);
+                        };
+                        child[attrName].tagFunction = newAttrValue;
+                        return;
+                    }
+                    if (isSpecial) {
+                        inputAttribute(attrName, newAttrValue, child);
+                    }
+                    if (newAttrValue) {
+                        child.setAttribute(attrName, newAttrValue);
+                    }
+                    const isDeadValue = newAttrValue === undefined || newAttrValue === false || newAttrValue === null;
+                    if (isDeadValue) {
+                        child.removeAttribute(attrName);
+                        return;
+                    }
+                    // value is 0
+                    child.setAttribute(attrName, newAttrValue);
+                };
+                const sub = result.subscribe(callback);
+                ownerTag.cloneSubs.push(sub); // this is where unsubscribe is picked up
+                return;
+            }
+            // child.setAttribute(attrName, result)
+            /*
+            if(attrName === 'style') {
+              return
+            }
+            */
+            child.setAttribute(attrName, result.value);
+            return;
+        }
+        // Non dynamic
+        if (isSpecial) {
+            return inputAttribute(attrName, value, child);
+        }
+    });
+}
+export function isSpecialAttr(attrName) {
+    return attrName.search(/^(class|style)(\.)/) >= 0;
+}
+//# sourceMappingURL=interpolateAttributes.js.map

package/js/js/interpolateAttributes.js.map

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

package/js/js/interpolateContentTemplates.d.ts

@@ -0,0 +1,3 @@
+import { Tag } from "./Tag.class.js";
+/** Returns subscriptions[] that will need to be unsubscribed from when element is destroyed */
+export declare function interpolateContentTemplates(element: Element, variable: any, ownerTag: Tag): void;

package/js/js/interpolateContentTemplates.js

@@ -0,0 +1,47 @@
+import { interpolateTemplate } from "./interpolateTemplate.js";
+/** Returns subscriptions[] that will need to be unsubscribed from when element is destroyed */
+export function interpolateContentTemplates(element, variable, ownerTag) {
+    if (!element.children || element.tagName === 'TEMPLATE') {
+        return; // done
+    }
+    const counts = {
+        added: 0,
+        removed: 0,
+    };
+    const children = new Array(...element.children);
+    children.forEach((child, index) => {
+        interpolateChild(child, index, children);
+        if (child.children) {
+            const nextKids = new Array(...child.children);
+            nextKids.forEach((subChild, index) => {
+                if (isRenderEndTemplate(subChild)) {
+                    interpolateChild(subChild, index, nextKids);
+                }
+                interpolateContentTemplates(subChild, variable, ownerTag);
+            });
+        }
+    });
+    function interpolateChild(child, index, children) {
+        children.forEach((child, subIndex) => {
+            if (subIndex < index) {
+                return; // too low
+            }
+            if (child.tagName !== 'TEMPLATE') {
+                return; // not a template
+            }
+            if (child.getAttribute('interpolate') === undefined || child.getAttribute('end') === undefined) {
+                return; // not a rendering template
+            }
+            return child;
+        });
+        interpolateTemplate(child, variable, ownerTag, counts);
+    }
+    return;
+}
+function isRenderEndTemplate(child) {
+    const isTemplate = child.tagName === 'TEMPLATE';
+    return isTemplate &&
+        child.getAttribute('interpolate') !== undefined &&
+        child.getAttribute('end') !== undefined;
+}
+//# sourceMappingURL=interpolateContentTemplates.js.map

package/js/js/interpolateContentTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolateContentTemplates.js","sourceRoot":"","sources":["../ts/interpolateContentTemplates.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEtE,+FAA+F;AAC/F,MAAM,UAAU,2BAA2B,CACzC,OAAgB,EAChB,QAAa,EACb,QAAa;IAEb,IAAK,CAAC,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,OAAO,KAAK,UAAU,EAAG,CAAC;QAC1D,OAAM,CAAC,OAAO;IAChB,CAAC;IACD,MAAM,MAAM,GAAW;QACrB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;KACX,CAAA;IAED,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,GAAI,OAAO,CAAC,QAAgB,CAAC,CAAA;IAExD,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChC,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;QAExC,IAAK,KAAK,CAAC,QAAQ,EAAG,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;YAC7C,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;gBACnC,IAAK,mBAAmB,CAAC,QAAQ,CAAC,EAAG,CAAC;oBACpC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;gBAC7C,CAAC;gBAED,2BAA2B,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC3D,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,gBAAgB,CACvB,KAAc,EACd,KAAa,EACb,QAAmB;QAEnB,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YACnC,IAAK,QAAQ,GAAG,KAAK,EAAG,CAAC;gBACvB,OAAM,CAAC,UAAU;YACnB,CAAC;YAED,IAAK,KAAK,CAAC,OAAO,KAAG,UAAU,EAAG,CAAC;gBACjC,OAAM,CAAC,iBAAiB;YAC1B,CAAC;YAED,IAAK,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,KAAG,SAAS,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,EAAG,CAAC;gBAC/F,OAAM,CAAC,2BAA2B;YACpC,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;QAEF,mBAAmB,CACjB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,CACP,CAAA;IACH,CAAC;IAED,OAAM;AACR,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAc;IACzC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAG,UAAU,CAAA;IAC7C,OAAO,UAAU;QACjB,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,SAAS;QAC/C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,CAAA;AACzC,CAAC"}

package/js/js/interpolateElement.d.ts

@@ -0,0 +1,14 @@
+import { Context, Tag } from "./Tag.class.js";
+/**
+ *
+ * @param {*} element
+ * @param {*} context
+ * @param {Tag} ownerTag
+ */
+export declare function interpolateElement(element: Element, context: Context, // variables used to evaluate
+ownerTag: Tag): void;
+/** Convert interpolations into template tags */
+export declare function interpolateElementChild(child: Element): {
+    string: string;
+    keys: string[];
+};

package/js/js/interpolateElement.js

@@ -0,0 +1,35 @@
+import { interpolateAttributes } from "./interpolateAttributes.js";
+import { interpolateToTemplates } from "./interpolations.js";
+import { interpolateContentTemplates } from "./interpolateContentTemplates.js";
+import { escapeSearch, variablePrefix } from "./Tag.class.js";
+/**
+ *
+ * @param {*} element
+ * @param {*} context
+ * @param {Tag} ownerTag
+ */
+export function interpolateElement(element, context, // variables used to evaluate
+ownerTag) {
+    const result = interpolateElementChild(element);
+    if (result.keys.length) {
+        interpolateContentTemplates(element, context, ownerTag);
+    }
+    interpolateAttributes(element, context, ownerTag);
+    function processChildren(children) {
+        new Array(...children).forEach(child => {
+            interpolateAttributes(child, context, ownerTag);
+            if (child.children) {
+                processChildren(child.children);
+            }
+        });
+    }
+    processChildren(element.children);
+}
+/** Convert interpolations into template tags */
+export function interpolateElementChild(child) {
+    const result = interpolateToTemplates(child.innerHTML);
+    result.string = result.string.replace(escapeSearch, variablePrefix);
+    child.innerHTML = result.string;
+    return result;
+}
+//# sourceMappingURL=interpolateElement.js.map

package/js/js/interpolateElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolateElement.js","sourceRoot":"","sources":["../ts/interpolateElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAgB,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE3E;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAChC,OAAgB,EAChB,OAAgB,EAAE,6BAA6B;AAC/C,QAAa;IAEb,MAAM,MAAM,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAA;IAE/C,IAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACtB,2BAA2B,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;IACzD,CAAC;IAED,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;IAEjD,SAAS,eAAe,CAAC,QAAwB;QAC/C,IAAI,KAAK,CAAC,GAAG,QAAe,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC5C,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;YAE/C,IAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAClB,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;YACjC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;AACnC,CAAC;AAED,gDAAgD;AAChD,MAAM,UAAU,uBAAuB,CACrC,KAAc;IAEd,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;IACnE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAA;IAC/B,OAAO,MAAM,CAAA;AACf,CAAC"}