taggedjs 2.1.1 → 2.3.25

package/js/js/getTagSupport.d.ts

@@ -0,0 +1,22 @@
+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;
+    depth: number;
+    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(depth: number, templater: TemplaterResult, props?: Props): TagSupport;

package/js/js/getTagSupport.js

@@ -0,0 +1,116 @@
+import { deepClone, deepEqual } from "./deepFunctions.js";
+import { getNewProps } from "./templater.utils.js";
+/*
+{
+  depth,
+}
+*/
+export class TagSupport {
+    templater;
+    props;
+    depth = 0; // TODO: maybe remove
+    // 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
+        return renderTag(this, nowProps, oldProps, newProps, this.templater);
+    }
+}
+export function getTagSupport(depth, templater, props) {
+    const tagSupport = new TagSupport(templater, props);
+    tagSupport.depth = depth;
+    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/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/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/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,OAAwC,EACxC,GAAG,MAAiB;IAEpB,OAAO,IAAI,GAAG,CAAC,OAAmB,EAAE,MAAM,CAAC,CAAA;AAC7C,CAAC"}

package/js/js/index.d.ts

@@ -0,0 +1,19 @@
+/** Must use .js and NOT .ts extensions here */
+export * from "./html.js";
+export * from "./Subject.js";
+export * from "./interpolateElement.js";
+export * from "./getTagSupport.js";
+export * from "./redrawTag.function.js";
+export * from "./tagGateway.function.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 { state } from "./state.js";
+export * from "./onInit.js";
+export * from "./onDestroy.js";
+export * from "./getCallback.js";

package/js/js/index.js

@@ -0,0 +1,24 @@
+/** Must use .js and NOT .ts extensions here */
+export * from "./html.js";
+export * from "./Subject.js";
+export * from "./interpolateElement.js";
+export * from "./getTagSupport.js";
+export * from "./redrawTag.function.js";
+export * from "./tagGateway.function.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 { state } from "./state.js";
+export * from "./onInit.js";
+export * from "./onDestroy.js";
+export * from "./getCallback.js";
+/* end: hooks */
+//# 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,+CAA+C;AAE/C,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AAExC,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,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAClC,gBAAgB"}

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

package/js/js/interpolateAttributes.js

@@ -0,0 +1,127 @@
+import { inputAttribute } from "./inputAttribute.js";
+import { isSubjectInstance } from "./isInstance.js";
+export function interpolateAttributes(child, scope, ownerTag) {
+    const attrNames = child.getAttributeNames();
+    const isTextArea = child.nodeName === 'TEXTAREA';
+    if (isTextArea && !attrNames.includes('value')) {
+        const value = child.getAttribute('textVarValue'); // (child as any).value
+        processAttribute('textVarValue', value, child, scope, ownerTag, (_name, value) => child.value = value);
+    }
+    const howToSet = (name, value) => child.setAttribute(name, value);
+    attrNames.forEach(attrName => {
+        const value = child.getAttribute(attrName);
+        processAttribute(attrName, value, child, scope, ownerTag, howToSet);
+    });
+}
+/** Looking for (class | style) followed by a period */
+export function isSpecialAttr(attrName) {
+    return attrName.search(/^(class|style)(\.)/) >= 0;
+}
+function processAttribute(attrName, value, child, scope, ownerTag, howToSet) {
+    if (isTagVar(value)) {
+        return processScopedNameValueAttr(attrName, value, child, scope, ownerTag, howToSet);
+    }
+    if (isTagVar(attrName)) {
+        const contextValueSubject = getContextValueByVarString(scope, attrName);
+        let lastValue;
+        // the above callback gets called immediately since its a ValueSubject()
+        const sub = contextValueSubject.subscribe((value) => {
+            processNameOnlyAttr(value, lastValue, child, ownerTag, howToSet);
+            lastValue = value;
+        });
+        ownerTag.cloneSubs.push(sub); // this is where unsubscribe is picked up
+        child.removeAttribute(attrName);
+        return;
+    }
+    // Non dynamic
+    const isSpecial = isSpecialAttr(attrName);
+    if (isSpecial) {
+        return inputAttribute(attrName, value, child);
+    }
+}
+const startRegX = /^\s*{__tagvar/;
+const endRegX = /}\s*$/;
+function isTagVar(value) {
+    return value && value.search(startRegX) >= 0 && value.search(endRegX) >= 0;
+}
+function processNameOnlyAttr(attrValue, lastValue, child, ownerTag, howToSet) {
+    if (lastValue && lastValue != attrValue) {
+        if (typeof (lastValue) === 'string') {
+            child.removeAttribute(lastValue);
+        }
+        else if (lastValue instanceof Object) {
+            Object.entries(lastValue).forEach(([name]) => child.removeAttribute(name));
+        }
+    }
+    if (typeof (lastValue) === 'string') {
+        if (!attrValue.length) {
+            return;
+        }
+        processNameValueAttr(attrValue, '', child, ownerTag, howToSet);
+        return;
+    }
+    if (attrValue instanceof Object) {
+        Object.entries(attrValue).forEach(([name, value]) => processNameValueAttr(name, value, child, ownerTag, howToSet));
+        return;
+    }
+}
+function getContextValueByVarString(scope, value) {
+    const code = value.replace('{', '').split('').reverse().join('').replace('}', '').split('').reverse().join('');
+    return scope[code];
+}
+function processNameValueAttr(attrName, result, child, ownerTag, howToSet) {
+    const isSpecial = isSpecialAttr(attrName);
+    // attach as callback
+    if (result instanceof Function) {
+        ;
+        child[attrName] = function (...args) {
+            return result(child, args);
+        };
+        return;
+    }
+    if (isSubjectInstance(result)) {
+        child.removeAttribute(attrName);
+        const callback = (newAttrValue) => processSubjectValue(newAttrValue, child, attrName, isSpecial, result, howToSet);
+        // the above callback gets called immediately since its a ValueSubject()
+        const sub = result.subscribe(callback);
+        ownerTag.cloneSubs.push(sub); // this is where unsubscribe is picked up
+        return;
+    }
+    howToSet(attrName, result);
+    // child.setAttribute(attrName, result.value)
+    return;
+}
+function processSubjectValue(newAttrValue, child, attrName, isSpecial, result, howToSet) {
+    if (newAttrValue instanceof Function) {
+        ;
+        child[attrName] = function (...args) {
+            return newAttrValue(child, args);
+        };
+        child[attrName].tagFunction = newAttrValue;
+        return;
+    }
+    if (isSpecial) {
+        inputAttribute(attrName, newAttrValue, child);
+        return;
+    }
+    if (newAttrValue) {
+        howToSet(attrName, newAttrValue);
+        // child.setAttribute(attrName, newAttrValue)
+        return;
+    }
+    const isDeadValue = newAttrValue === undefined || newAttrValue === false || newAttrValue === null;
+    if (isDeadValue) {
+        child.removeAttribute(attrName);
+        return;
+    }
+    // value is 0
+    howToSet(attrName, newAttrValue);
+    // child.setAttribute(attrName, newAttrValue)
+}
+function processScopedNameValueAttr(attrName, value, // {__tagVarN}
+child, scope, ownerTag, howToSet) {
+    // get the code inside the brackets like "variable0" or "{variable0}"
+    const result = getContextValueByVarString(scope, value);
+    return processNameValueAttr(attrName, result, child, ownerTag, howToSet);
+}
+//# 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,5 @@
+import { Clones } from "./Clones.type.js";
+import { Tag } from "./Tag.class.js";
+import { InterpolateOptions } from "./interpolateElement.js";
+/** Returns subscriptions[] that will need to be unsubscribed from when element is destroyed */
+export declare function interpolateContentTemplates(element: Element, variable: any, tag: Tag, options: InterpolateOptions): Clones;

package/js/js/interpolateContentTemplates.js

@@ -0,0 +1,57 @@
+import { interpolateTemplate } from "./interpolateTemplate.js";
+const templateSearch = new RegExp('\\s*<template interpolate end id="__tagvar(\\d{1,4})"([^>]*)></template>(\\s*)');
+/** Returns subscriptions[] that will need to be unsubscribed from when element is destroyed */
+export function interpolateContentTemplates(element, variable, tag, options) {
+    if (!element.children || element.tagName === 'TEMPLATE') {
+        return []; // done
+    }
+    const counts = {
+        added: 0,
+        removed: 0,
+    };
+    const clones = [];
+    const children = new Array(...element.children);
+    if (element.tagName === 'TEXTAREA') {
+        scanTextAreaValue(element);
+    }
+    children.forEach((child, index) => {
+        const nextClones = interpolateChild(child, options, variable, tag, counts);
+        if (child.tagName === 'TEXTAREA') {
+            scanTextAreaValue(child);
+        }
+        clones.push(...nextClones);
+        if (child.children) {
+            const nextKids = new Array(...child.children);
+            nextKids.forEach(subChild => {
+                if (isRenderEndTemplate(subChild)) {
+                    interpolateChild(subChild, options, variable, tag, counts);
+                }
+                const nextClones = interpolateContentTemplates(subChild, variable, tag, options);
+                clones.push(...nextClones);
+            });
+        }
+    });
+    return clones;
+}
+function interpolateChild(child, options, variable, tag, counts) {
+    const clones = interpolateTemplate(child, variable, tag, counts, options);
+    return clones;
+}
+function isRenderEndTemplate(child) {
+    const isTemplate = child.tagName === 'TEMPLATE';
+    return isTemplate &&
+        child.getAttribute('interpolate') !== undefined &&
+        child.getAttribute('end') !== undefined;
+}
+function scanTextAreaValue(textarea) {
+    const value = textarea.value;
+    if (value.search(templateSearch) >= 0) {
+        const match = value.match(/__tagvar(\d{1,4})/);
+        const result = match ? match[0] : '';
+        const token = '{' + result + '}';
+        // textarea.value = token
+        textarea.value = '';
+        textarea.setAttribute('textVarValue', token);
+    }
+}
+//# 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":"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"}

package/js/js/interpolateElement.d.ts

@@ -0,0 +1,9 @@
+import { Context, Tag } from "./Tag.class.js";
+import { Clones } from "./Clones.type.js";
+export type InterpolateOptions = {
+    /** make the element go on document */
+    forceElement?: boolean;
+    depth: number;
+};
+export declare function interpolateElement(element: Element, context: Context, // variables used to evaluate
+tag: Tag, options: InterpolateOptions): Clones;

package/js/js/interpolateElement.js

@@ -0,0 +1,32 @@
+import { interpolateAttributes } from "./interpolateAttributes.js";
+import { interpolateToTemplates } from "./interpolations.js";
+import { interpolateContentTemplates } from "./interpolateContentTemplates.js";
+import { escapeSearch, variablePrefix } from "./Tag.class.js";
+export function interpolateElement(element, context, // variables used to evaluate
+tag, options) {
+    const clones = [];
+    const result = interpolateElementChild(element, options.depth + 1);
+    if (result.keys.length) {
+        const nextClones = interpolateContentTemplates(element, context, tag, options);
+        clones.push(...nextClones);
+    }
+    interpolateAttributes(element, context, tag);
+    processChildrenAttributes(element.children, context, tag);
+    return clones;
+}
+function processChildrenAttributes(children, context, ownerTag) {
+    new Array(...children).forEach(child => {
+        interpolateAttributes(child, context, ownerTag);
+        if (child.children) {
+            processChildrenAttributes(child.children, context, ownerTag);
+        }
+    });
+}
+/** Convert interpolations into template tags */
+function interpolateElementChild(child, depth) {
+    const result = interpolateToTemplates(child.innerHTML, { depth });
+    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;AAS3E,MAAM,UAAU,kBAAkB,CAChC,OAAgB,EAChB,OAAgB,EAAE,6BAA6B;AAC/C,GAAQ,EACR,OAA2B;IAE3B,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,MAAM,MAAM,GAAG,uBAAuB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IAElE,IAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,2BAA2B,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAA;QAC9E,MAAM,CAAC,IAAI,CAAE,GAAG,UAAU,CAAE,CAAA;IAC9B,CAAC;IAED,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IAC5C,yBAAyB,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IAEzD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,yBAAyB,CAChC,QAAwB,EACxB,OAAgB,EAChB,QAAa;IAEb,IAAI,KAAK,CAAC,GAAG,QAAe,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC5C,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;QAE/C,IAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClB,yBAAyB,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,gDAAgD;AAChD,SAAS,uBAAuB,CAC9B,KAAc,EACd,KAAa;IAEb,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,CAAA;IAC/D,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/js/interpolateTemplate.d.ts

@@ -0,0 +1,17 @@
+import { Context, ElementBuildOptions, Tag } from "./Tag.class.js";
+import { InterpolateOptions } from "./interpolateElement.js";
+import { Clones } from "./Clones.type.js";
+export type Template = Element & {
+    clone: any;
+};
+export declare function interpolateTemplate(template: Template, // <template end interpolate /> (will be removed)
+context: Context, // variable scope of {`__tagvar${index}`:'x'}
+tag: Tag, // Tag class
+counts: Counts, // {added:0, removed:0}
+options: InterpolateOptions): Clones;
+export declare function updateBetweenTemplates(value: string | undefined | boolean | number, lastFirstChild: Element): Text;
+export type Counts = {
+    added: number;
+    removed: number;
+};
+export declare function afterElmBuild(elm: Element | ChildNode, options: ElementBuildOptions): void;

package/js/js/interpolateTemplate.js

@@ -0,0 +1,64 @@
+import { variablePrefix } from "./Tag.class.js";
+import { elementInitCheck } from "./elementInitCheck.js";
+import { processSubjectValue } from "./processSubjectValue.function.js";
+export function interpolateTemplate(template, // <template end interpolate /> (will be removed)
+context, // variable scope of {`__tagvar${index}`:'x'}
+tag, // Tag class
+counts, // {added:0, removed:0}
+options) {
+    const clones = [];
+    if (!template.hasAttribute('end')) {
+        return clones; // only care about starts
+    }
+    const variableName = template.getAttribute('id');
+    if (variableName?.substring(0, variablePrefix.length) !== variablePrefix) {
+        return clones; // ignore, not a tagVar
+    }
+    const result = context[variableName];
+    // const isSubject = isSubjectInstance(result)
+    let isForceElement = options.forceElement;
+    const callback = (templateNewValue) => {
+        const { clones } = processSubjectValue(templateNewValue, result, template, tag, { counts, forceElement: isForceElement });
+        if (isForceElement) {
+            isForceElement = false; // only can happen once
+        }
+        clones.push(...clones);
+        // TODO: See if we can remove
+        setTimeout(() => {
+            counts.added = 0; // reset
+            counts.removed = 0; // reset
+        }, 0);
+    };
+    const sub = result.subscribe(callback);
+    tag.cloneSubs.push(sub);
+    return clones;
+}
+// Function to update the value of x
+export function updateBetweenTemplates(value, lastFirstChild) {
+    const parent = lastFirstChild.parentNode;
+    // mimic React skipping to display EXCEPT for true does display on page
+    if (value === undefined || value === false || value === null) { // || value === true
+        value = '';
+    }
+    // Insert the new value (never use innerHTML here)
+    const textNode = document.createTextNode(value); // never innerHTML
+    parent.insertBefore(textNode, lastFirstChild);
+    /* remove existing nodes */
+    parent.removeChild(lastFirstChild);
+    if (lastFirstChild.nodeName === 'TEMPLATE') {
+        lastFirstChild.setAttribute('removedAt', Date.now().toString());
+    }
+    return textNode;
+}
+export function afterElmBuild(elm, options) {
+    if (!elm.getAttribute) {
+        return;
+    }
+    if (!options.forceElement) {
+        elementInitCheck(elm, options.counts);
+    }
+    if (elm.children) {
+        new Array(...elm.children).forEach(child => afterElmBuild(child, options));
+    }
+}
+//# sourceMappingURL=interpolateTemplate.js.map

package/js/js/interpolateTemplate.js.map

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

package/js/js/interpolations.d.ts

@@ -0,0 +1,8 @@
+export declare const interpolateReplace: RegExp;
+/** replaces ${x} with <template id="x-start"></template><template id="x-end"></template> */
+export declare function interpolateToTemplates(template: string, { depth }: {
+    depth: number;
+}): {
+    string: string;
+    keys: string[];
+};

package/js/js/interpolations.js

@@ -0,0 +1,17 @@
+export const interpolateReplace = /(?:<[^>]*>)|({__tagvar[^}]+})/g;
+/** replaces ${x} with <template id="x-start"></template><template id="x-end"></template> */
+export function interpolateToTemplates(template, { depth }) {
+    const keys = [];
+    const string = template.replace(interpolateReplace, (match, expression) => {
+        if (match.startsWith('<')) {
+            // If the match is an HTML tag, don't replace
+            return match;
+        }
+        const noBraces = expression.substring(1, expression.length - 1);
+        const id = noBraces;
+        keys.push(id);
+        return `<template interpolate end id="${id}" depth="${depth}"></template>`;
+    });
+    return { string, keys };
+}
+//# sourceMappingURL=interpolations.js.map

package/js/js/interpolations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolations.js","sourceRoot":"","sources":["../ts/interpolations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,gCAAgC,CAAA;AAElE,4FAA4F;AAC5F,MAAM,UAAU,sBAAsB,CACpC,QAAgB,EAChB,EAAC,KAAK,EAAkB;IAExB,MAAM,IAAI,GAAa,EAAE,CAAA;IACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;QACxE,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,6CAA6C;YAC7C,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAC,CAAC,CAAC,CAAA;QAC7D,MAAM,EAAE,GAAG,QAAQ,CAAA;QACnB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACb,OAAO,iCAAiC,EAAE,YAAY,KAAK,eAAe,CAAA;IAC5E,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AACzB,CAAC"}

package/js/js/isInstance.d.ts

@@ -0,0 +1,6 @@
+import { SubjectLike } from "./Subject.js";
+import { Tag } from "./Tag.class.js";
+import { TemplaterResult } from "./templater.utils.js";
+export declare function isTagComponent(value?: TemplaterResult): boolean;
+export declare function isTagInstance(tag?: Tag | unknown): boolean;
+export declare function isSubjectInstance(subject?: SubjectLike): Boolean;