taggedjs 2.0.1 → 2.1.2

package/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/elementInitCheck.d.ts

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

package/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/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/getCallback.d.ts

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

package/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/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/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/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/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/html.d.ts

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

package/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/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/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/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/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/inputAttribute.d.ts

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

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.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/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/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/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/interpolateAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolateAttributes.js","sourceRoot":"","sources":["../ts/interpolateAttributes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,SAAS,GAAG,OAAO,CAAA;AACzB,MAAM,OAAO,GAAG,OAAO,CAAA;AAEvB,MAAM,UAAU,qBAAqB,CACnC,KAAc,EACd,KAAc,EACd,QAAa;IAEb,KAAK,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;QAC1C,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;QAEzC,gCAAgC;QAChC,IAAK,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAG,CAAC;YAC1E,qEAAqE;YACrE,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAC5G,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;YAE1B,qBAAqB;YACrB,IAAG,MAAM,YAAY,QAAQ,EAAE,CAAC;gBAC9B,CAAC;gBAAC,KAAa,CAAC,QAAQ,CAAC,GAAG,UAAS,GAAG,IAAW;oBACjD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACrB,CAAC,CAAA;gBACD,OAAM;YACR,CAAC;YAED,IAAG,MAAM,YAAY,OAAO,EAAE,CAAC;gBAC7B,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;gBAC/B,MAAM,QAAQ,GAAG,CAAC,YAAiB,EAAE,EAAE;oBACrC,IAAG,YAAY,YAAY,QAAQ,EAAE,CAAC;wBACpC,CAAC;wBAAC,KAAa,CAAC,QAAQ,CAAC,GAAG,UAAS,GAAG,IAAW;4BACjD,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;wBAC3B,CAAC,CAEA;wBAAC,KAAa,CAAC,QAAQ,CAAC,CAAC,WAAW,GAAG,YAAY,CAAA;wBAEpD,OAAM;oBACR,CAAC;oBAED,IAAI,SAAS,EAAE,CAAC;wBACd,cAAc,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;oBAC/C,CAAC;oBAED,IAAG,YAAY,EAAE,CAAC;wBAChB,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;oBAC5C,CAAC;oBAED,MAAM,WAAW,GAAG,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,KAAK,IAAI,YAAY,KAAK,IAAI,CAAA;oBACjG,IAAG,WAAW,EAAE,CAAC;wBACf,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;wBAC/B,OAAM;oBACR,CAAC;oBAED,aAAa;oBACb,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;gBAC5C,CAAC,CAAA;gBAED,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,QAAe,CAAC,CAAA;gBAC7C,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAC,yCAAyC;gBAEtE,OAAM;YACR,CAAC;YAED,uCAAuC;YACvC;;;;cAIE;YAEF,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;YAC1C,OAAM;QACR,CAAC;QAED,cAAc;QACd,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,QAAgB;IAC5C,OAAO,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACnD,CAAC"}

package/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/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/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/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/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/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"}

package/js/interpolateTemplate.d.ts

@@ -0,0 +1,21 @@
+import { Context, Tag } from "./Tag.class.js";
+import { TemplaterResult } from "./tag.js";
+export declare function interpolateTemplate(template: Element & {
+    clone?: any;
+}, // <template end interpolate /> (will be removed)
+context: Context, // variable scope of {`__tagVar${index}`:'x'}
+ownerTag: Tag, // Tag class
+counts: Counts): void;
+export declare function updateBetweenTemplates(value: any, lastFirstChild: Element): Text;
+export type Counts = {
+    added: 0;
+    removed: 0;
+};
+/** Returns {clones:[], subs:[]} */
+export declare function processTagResult(tag: Tag, result: any, // used for recording past and current value
+insertBefore: Element, // <template end interpolate />
+{ index, counts, }: {
+    index?: number;
+    counts: Counts;
+}): void;
+export declare function isTagComponent(value: unknown | TemplaterResult): boolean;