taggedjs 2.1.2 → 2.3.25

package/js/js/templater.utils.js

@@ -0,0 +1,99 @@
+import { getTagSupport } from "./getTagSupport.js";
+import { isTagInstance } from "./isInstance.js";
+import { runAfterRender, runBeforeRedraw, runBeforeRender } from "./tagRunner.js";
+import { setUse } from "./setUse.function.js";
+export class TemplaterResult {
+    tagged;
+    wrapper;
+    newest;
+    oldest;
+    tagSupport;
+    constructor(props) {
+        this.tagSupport = getTagSupport(0, this, props);
+    }
+    redraw;
+    isTemplater = true;
+    forceRenderTemplate(tagSupport, ownerTag) {
+        const tag = this.wrapper();
+        tag.setSupport(tagSupport);
+        tag.afterRender();
+        this.oldest = tag;
+        tagSupport.oldest = tag;
+        this.oldest = tag;
+        this.newest = tag;
+        tag.ownerTag = ownerTag;
+        return tag;
+    }
+    renderWithSupport(tagSupport, existingTag, ownerTag) {
+        /* BEFORE RENDER */
+        // signify to other operations that a rendering has occurred so they do not need to render again
+        ++tagSupport.memory.renderCount;
+        const runtimeOwnerTag = existingTag?.ownerTag || ownerTag;
+        if (tagSupport.oldest) {
+            // ensure props are the last ones used
+            tagSupport.props = tagSupport.latestProps;
+            tagSupport.clonedProps = tagSupport.latestClonedProps;
+            // tagSupport.oldest.beforeRedraw()
+            runBeforeRedraw(tagSupport, tagSupport.oldest);
+        }
+        else {
+            // first time render
+            runBeforeRender(tagSupport, runtimeOwnerTag);
+            // TODO: Logic below most likely could live within providers.ts inside the runBeforeRender function
+            const providers = setUse.memory.providerConfig;
+            providers.ownerTag = runtimeOwnerTag;
+        }
+        /* END: BEFORE RENDER */
+        const templater = this;
+        const retag = templater.wrapper();
+        /* AFTER */
+        tagSupport.latestProps = retag.tagSupport.props;
+        tagSupport.latestClonedProps = retag.tagSupport.clonedProps;
+        retag.setSupport(tagSupport);
+        runAfterRender(tagSupport, retag);
+        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.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 { remit: false, retag };
+        }
+        return { remit: true, retag };
+    }
+}
+/* rewriter */
+export function getNewProps(props, templater) {
+    function callback(toCall, callWith) {
+        const callbackResult = toCall(...callWith);
+        templater.newest?.ownerTag?.tagSupport.render();
+        return callbackResult;
+    }
+    const isPropTag = isTagInstance(props);
+    const watchProps = isPropTag ? 0 : props;
+    const newProps = resetFunctionProps(watchProps, callback);
+    return newProps;
+}
+function resetFunctionProps(props, callback) {
+    if (typeof (props) !== 'object') {
+        return props;
+    }
+    const newProps = { ...props };
+    Object.entries(newProps).forEach(([name, value]) => {
+        if (value instanceof Function) {
+            newProps[name] = (...args) => {
+                return callback(value, args);
+            };
+            return;
+        }
+        newProps[name] = value;
+    });
+    return newProps;
+}
+//# sourceMappingURL=templater.utils.js.map

package/js/js/templater.utils.js.map

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

package/js/js/updateTag.utils.d.ts

@@ -0,0 +1,6 @@
+import { TagSubject } from "./Tag.utils.js";
+import { TagSupport } from "./getTagSupport.js";
+import { Subject } from "./Subject.js";
+import { TemplaterResult } from "./templater.utils.js";
+import { Tag } from "./Tag.class.js";
+export declare function updateExistingValue(existing: Subject<Tag> | TemplaterResult | TagSubject, value: TemplaterResult | TagSupport | Function | Subject<any>, tag: Tag): void;

package/js/js/updateTag.utils.js

@@ -0,0 +1,84 @@
+import { setValueRedraw } from "./Tag.utils.js";
+import { deepClone } from "./deepFunctions.js";
+import { isSubjectInstance, isTagComponent } from "./isInstance.js";
+import { bindSubjectCallback } from "./bindSubjectCallback.function.js";
+function updateExistingTagComponent(tag, tempResult, existingSubject, subjectValue) {
+    const latestProps = tempResult.tagSupport.props;
+    const existingTag = existingSubject.tag;
+    // previously was something else, now a tag component
+    if (!existingSubject.tag) {
+        setValueRedraw(tempResult, existingSubject, tag);
+        tempResult.redraw();
+        return;
+    }
+    // tag existingTag
+    const oldFunction = existingTag.tagSupport.templater.wrapper.original;
+    const newFunction = tempResult.wrapper.original;
+    const isSameTag = oldFunction === newFunction;
+    if (!isSameTag) {
+        existingTag.destroy();
+    }
+    const oldTagSetup = existingTag.tagSupport;
+    oldTagSetup.latestProps = latestProps;
+    oldTagSetup.latestClonedProps = tempResult.tagSupport.clonedProps;
+    const subjectTagSupport = subjectValue?.tagSupport;
+    // old props may have changed, reclone first
+    const oldCloneProps = deepClone(subjectTagSupport.props); // tagSupport.clonedProps
+    const oldProps = subjectTagSupport?.props; // tagSupport.props
+    if (existingTag) {
+        const equal = oldTagSetup.hasPropChanges(oldProps, oldCloneProps, latestProps);
+        if (equal) {
+            return;
+        }
+    }
+    setValueRedraw(tempResult, existingSubject, tag);
+    oldTagSetup.templater = tempResult;
+    existingSubject.value.tag = oldTagSetup.newest = tempResult.redraw();
+    if (!isSameTag) {
+        existingSubject.tag = existingSubject.value.tag;
+    }
+    return;
+}
+function updateExistingTag(templater, ogTag, existingSubject) {
+    const tagSupport = ogTag.tagSupport;
+    const oldest = tagSupport.oldest;
+    oldest.beforeRedraw();
+    const retag = templater.wrapper();
+    // move my props onto tagSupport
+    tagSupport.latestProps = retag.tagSupport.props;
+    tagSupport.latestClonedProps = retag.tagSupport.clonedProps;
+    tagSupport.memory = retag.tagSupport.memory;
+    retag.setSupport(tagSupport);
+    templater.newest = retag;
+    tagSupport.newest = retag;
+    oldest.afterRender();
+    ogTag.updateByTag(retag);
+    existingSubject.set(templater);
+    return;
+}
+export function updateExistingValue(existing, value, tag) {
+    const subjectValue = existing.value;
+    const ogTag = subjectValue?.tag;
+    const tempResult = value;
+    const existingSubject = existing;
+    // handle already seen tag components
+    if (isTagComponent(tempResult)) {
+        return updateExistingTagComponent(tag, tempResult, existingSubject, subjectValue);
+    }
+    // handle already seen tags
+    if (ogTag) {
+        return updateExistingTag(value, ogTag, existingSubject);
+    }
+    // now its a function
+    if (value instanceof Function) {
+        existingSubject.set(bindSubjectCallback(value, tag));
+        return;
+    }
+    if (isSubjectInstance(value)) {
+        existingSubject.set(value.value); // let ValueSubject now of newest value
+        return;
+    }
+    existingSubject.set(value); // let ValueSubject now of newest value
+    return;
+}
+//# sourceMappingURL=updateTag.utils.js.map

package/js/js/updateTag.utils.js.map

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

package/js/onDestroy.d.ts

@@ -0,0 +1,2 @@
+export type OnDestroyCallback = () => unknown;
+export declare function onDestroy(callback: OnDestroyCallback): void;

package/js/onDestroy.js

@@ -0,0 +1,20 @@
+import { setUse } from "./setUse.function.js";
+/** When undefined, it means a tag is being built for the first time so do run destroy(s) */
+let destroyCurrentTagSupport;
+export function onDestroy(callback) {
+    if (!destroyCurrentTagSupport.memory) {
+        console.error('xxx', destroyCurrentTagSupport);
+    }
+    destroyCurrentTagSupport.memory.destroyCallback = callback;
+}
+setUse({
+    beforeRender: tagSupport => destroyCurrentTagSupport = tagSupport,
+    beforeRedraw: tagSupport => destroyCurrentTagSupport = tagSupport,
+    beforeDestroy: (tagSupport, tag) => {
+        const callback = tagSupport.memory.destroyCallback;
+        if (callback) {
+            callback();
+        }
+    }
+});
+//# sourceMappingURL=onDestroy.js.map

package/js/onDestroy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onDestroy.js","sourceRoot":"","sources":["../ts/onDestroy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,4FAA4F;AAC5F,IAAI,wBAAoC,CAAA;AAExC,MAAM,UAAU,SAAS,CACvB,QAA2B;IAE3B,IAAG,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAC,wBAAwB,CAAC,CAAA;IAC/C,CAAC;IAED,wBAAwB,CAAC,MAAM,CAAC,eAAe,GAAG,QAAQ,CAAA;AAC5D,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,wBAAwB,GAAG,UAAU;IACjE,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,wBAAwB,GAAG,UAAU;IACjE,aAAa,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,EAAE;QACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,eAAe,CAAA;QAElD,IAAG,QAAQ,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC;CACF,CAAC,CAAA"}

package/js/onInit.d.ts

@@ -1,6 +1,2 @@
-import { Tag } from "./Tag.class.js";
 export type OnInitCallback = () => unknown;
-/** When undefined, it means a tag is being built for the first time so do run init(s) */
-export declare let initCurrentTag: Tag | undefined;
-export declare function setCurrentInitTag(tag: Tag | undefined): void;
 export declare function onInit(callback: OnInitCallback): void;

package/js/onInit.js

@@ -1,17 +1,19 @@
-import { setUse } from "./tagRunner.js";
-/** When undefined, it means a tag is being built for the first time so do run init(s) */
-export let initCurrentTag;
-export function setCurrentInitTag(tag) {
-    initCurrentTag = tag;
+import { setUse } from "./setUse.function.js";
+function setCurrentTagSupport(support) {
+    setUse.memory.initCurrentSupport = support;
 }
 export function onInit(callback) {
-    if (!initCurrentTag) {
-        callback();
+    if (!setUse.memory.initCurrentSupport) {
+        console.warn('possible init issue?');
+        return;
+    }
+    if (!setUse.memory.initCurrentSupport.memory.init) {
+        setUse.memory.initCurrentSupport.memory.init = callback;
+        callback(); // fire init
     }
 }
 setUse({
-    beforeRender: (_tagSupport, tag) => {
-        setCurrentInitTag(tag);
-    }
+    beforeRender: tagSupport => setCurrentTagSupport(tagSupport),
+    beforeRedraw: tagSupport => setCurrentTagSupport(tagSupport),
 });
 //# sourceMappingURL=onInit.js.map

package/js/onInit.js.map

@@ -1 +1 @@
-{"version":3,"file":"onInit.js","sourceRoot":"","sources":["../ts/onInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAIvC,yFAAyF;AACzF,MAAM,CAAC,IAAI,cAA+B,CAAA;AAE1C,MAAM,UAAU,iBAAiB,CAAC,GAAoB;IACpD,cAAc,GAAG,GAAG,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,QAAwB;IAExB,IAAG,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,EAAE,CAAA;IACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE;QACjC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"onInit.js","sourceRoot":"","sources":["../ts/onInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,SAAS,oBAAoB,CAAC,OAAmB;IAC/C,MAAM,CAAC,MAAM,CAAC,kBAAkB,GAAG,OAAO,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,QAAwB;IAExB,IAAG,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;QACpC,OAAM;IACR,CAAC;IAED,IAAG,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAA;QACvD,QAAQ,EAAE,CAAA,CAAC,YAAY;IACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC;IAC5D,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC;CAC7D,CAAC,CAAA"}

package/js/processSubjectComponent.function.d.ts

@@ -0,0 +1,8 @@
+import { TemplaterResult } from "./templater.utils.js";
+import { Counts } from "./interpolateTemplate.js";
+import { Tag } from "./Tag.class.js";
+import { TagSubject } from "./Tag.utils.js";
+export declare function processSubjectComponent(value: TemplaterResult, result: TagSubject, template: Element, ownerTag: Tag, options: {
+    counts: Counts;
+    forceElement?: boolean;
+}): import("./Clones.type.js").Clones;

package/js/processSubjectComponent.function.js

@@ -0,0 +1,53 @@
+import { runBeforeRedraw, runBeforeRender } from "./tagRunner.js";
+import { setUse } from "./setUse.function.js";
+import { processTagResult } from "./processTagResult.function.js";
+export function processSubjectComponent(value, result, template, ownerTag, options) {
+    // TODO: This below check not needed in production mode
+    if (value.tagged !== true) {
+        let name = value.wrapper.original.name || value.wrapper.original.constructor?.name;
+        if (name === 'Function') {
+            name = undefined;
+        }
+        const label = name || value.wrapper.original.toString().substring(0, 120);
+        const error = new Error(`Not a tag component. Wrap your function with tag(). Example tag(props => html\`\`) on component:\n\n${label}\n\n`);
+        throw error;
+    }
+    const templater = value;
+    const tagSupport = value.tagSupport;
+    tagSupport.mutatingRender = () => {
+        // Is this NOT my first render
+        if (result.tag) {
+            const exit = tagSupport.renderExistingTag(result.tag, templater);
+            if (exit) {
+                return result.tag;
+            }
+        }
+        // draw to my parent
+        const newest = tagSupport.newest = ownerTag.tagSupport.render();
+        return newest;
+    };
+    let retag = templater.newest;
+    const providers = setUse.memory.providerConfig;
+    providers.ownerTag = ownerTag;
+    const isFirstTime = !retag || options.forceElement;
+    if (isFirstTime) {
+        if (!retag) {
+            runBeforeRender(tagSupport, ownerTag);
+        }
+        // only true when options.forceElement
+        if (retag) {
+            runBeforeRedraw(tagSupport, retag);
+        }
+        retag = templater.forceRenderTemplate(tagSupport, ownerTag);
+    }
+    ownerTag.children.push(retag);
+    tagSupport.latestProps = retag.tagSupport.props;
+    tagSupport.latestClonedProps = retag.tagSupport.clonedProps;
+    tagSupport.memory = retag.tagSupport.memory;
+    retag.setSupport(tagSupport);
+    const clones = processTagResult(retag, result, // The element set here will be removed from document. Also result.tag will be added in here
+    template, // <template end interpolate /> (will be removed)
+    options);
+    return clones;
+}
+//# sourceMappingURL=processSubjectComponent.function.js.map

package/js/processSubjectComponent.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processSubjectComponent.function.js","sourceRoot":"","sources":["../ts/processSubjectComponent.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAG7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAGjE,MAAM,UAAU,uBAAuB,CACrC,KAAsB,EACtB,MAAkB,EAClB,QAAiB,EACjB,QAAa,EACb,OAAiD;IAEjD,uDAAuD;IACvD,IAAG,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;QACzB,IAAI,IAAI,GAAuB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAA;QAEtG,IAAG,IAAI,KAAK,UAAU,EAAE,CAAC;YACvB,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAC,GAAG,CAAC,CAAA;QACxE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,uGAAuG,KAAK,MAAM,CAAC,CAAA;QAC3I,MAAM,KAAK,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,KAAwB,CAAA;IAC1C,MAAM,UAAU,GAAe,KAAK,CAAC,UAAU,CAAA;IAE/C,UAAU,CAAC,cAAc,GAAG,GAAG,EAAE;QAC/B,8BAA8B;QAC9B,IAAG,MAAM,CAAC,GAAG,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;YAChE,IAAG,IAAI,EAAE,CAAC;gBACR,OAAO,MAAM,CAAC,GAAG,CAAA;YACnB,CAAC;QACH,CAAC;QAED,oBAAoB;QACpB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAA;QAC/D,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,IAAI,KAAK,GAAG,SAAS,CAAC,MAAa,CAAA;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAA;IAC9C,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAE7B,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,CAAA;IAElD,IAAG,WAAW,EAAE,CAAC;QACf,IAAG,CAAC,KAAK,EAAE,CAAC;YACV,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QACvC,CAAC;QAED,sCAAsC;QACtC,IAAG,KAAK,EAAE,CAAC;YACT,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,GAAG,SAAS,CAAC,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAC7D,CAAC;IAED,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAE7B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAA;IAC/C,UAAU,CAAC,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAA;IAC3D,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAA;IAE3C,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAE5B,MAAM,MAAM,GAAG,gBAAgB,CAC7B,KAAK,EACL,MAAM,EAAE,4FAA4F;IACpG,QAAQ,EAAE,iDAAiD;IAC3D,OAAO,CACR,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/js/processSubjectValue.function.d.ts

@@ -0,0 +1,16 @@
+import { Clones } from "./Clones.type.js";
+import { Tag } from "./Tag.class.js";
+import { Counts, Template } from "./interpolateTemplate.js";
+type processOptions = {
+    forceElement?: boolean;
+    counts: Counts;
+};
+export type ClonesAndPromise = {
+    clones: Clones;
+    promise?: Promise<any>;
+};
+export declare function processSubjectValue(value: any, result: any, // could be tag via result.tag
+template: Template, // <template end interpolate /> (will be removed)
+tag: Tag, // owner
+options: processOptions): ClonesAndPromise;
+export {};

package/js/processSubjectValue.function.js

@@ -0,0 +1,122 @@
+import { processSubjectComponent } from "./processSubjectComponent.function.js";
+import { processTagResult } from "./processTagResult.function.js";
+import { isTagComponent, isTagInstance } from "./isInstance.js";
+import { processTagArray } from "./processTagArray.js";
+import { getTagSupport } from "./getTagSupport.js";
+import { updateBetweenTemplates } from "./interpolateTemplate.js";
+var ValueTypes;
+(function (ValueTypes) {
+    ValueTypes["tag"] = "tag";
+    ValueTypes["tagArray"] = "tag-array";
+    ValueTypes["tagComponent"] = "tag-component";
+    ValueTypes["value"] = "value";
+})(ValueTypes || (ValueTypes = {}));
+function getValueType(value) {
+    if (isTagComponent(value)) {
+        return ValueTypes.tagComponent;
+    }
+    if (isTagInstance(value)) {
+        return ValueTypes.tag;
+    }
+    if (value instanceof Array && value.every(x => isTagInstance(x))) {
+        return ValueTypes.tagArray;
+    }
+    return ValueTypes.value;
+}
+export function processSubjectValue(value, result, // could be tag via result.tag
+template, // <template end interpolate /> (will be removed)
+tag, // owner
+options) {
+    const valueType = getValueType(value);
+    // Previously was simple value, now its a tag of some sort
+    if (valueType !== ValueTypes.value && result.clone) {
+        const clone = result.clone;
+        const parent = clone.parentNode;
+        template.removeAttribute('removedAt');
+        parent.insertBefore(template, clone);
+        parent.removeChild(clone);
+        delete result.clone;
+        // result.clone = template
+    }
+    switch (valueType) {
+        case ValueTypes.tag:
+            return {
+                clones: processTag(value, result, template, tag, options)
+            };
+        case ValueTypes.tagArray:
+            return {
+                clones: processTagArray(result, value, template, tag, options)
+            };
+        case ValueTypes.tagComponent:
+            return {
+                clones: processSubjectComponent(value, result, template, tag, options)
+            };
+    }
+    // *if processing WAS a tag BUT NOW its some other non-tag value
+    if (result.tag) {
+        return {
+            clones: [],
+            promise: processWasTag(value, result, template, options),
+        };
+    }
+    return {
+        clones: processRegularValue(value, result, template, tag)
+    };
+}
+function processRegularValue(value, result, // could be tag via result.tag
+template, // <template end interpolate /> (will be removed)
+tag) {
+    const before = result.clone || template; // Either the template is on the doc OR its the first element we last put on doc
+    // Processing of regular values
+    const clone = updateBetweenTemplates(value, before);
+    result.clone = clone; // remember single element put down, for future updates
+    const clones = [];
+    const oldPos = tag.clones.indexOf(before); // is the insertBefore guide being considered one of the tags clones?
+    const isOnlyGuideInClones = oldPos >= 0 && !tag.clones.includes(clone);
+    const exchangeGuideForClone = isOnlyGuideInClones && !before.parentNode; // guide is in clones AND guide is not on the document
+    if (exchangeGuideForClone) {
+        tag.clones.splice(oldPos, 1); // remove insertBefore guide from tag
+        tag.clones.push(clone); // exchange guide for element actually on document
+        clones.push(clone); // record the one element that in the end is on the document
+    }
+    return clones;
+}
+function processTag(value, result, // could be tag via result.tag
+template, // <template end interpolate /> (will be removed)
+tag, // owner
+options) {
+    // first time seeing this tag?
+    if (!value.tagSupport) {
+        value.tagSupport = getTagSupport({});
+        // asking me to render will cause my parent to render
+        value.tagSupport.mutatingRender = tag.tagSupport.mutatingRender;
+        value.tagSupport.oldest = value.tagSupport.oldest || value;
+        tag.children.push(value);
+        value.ownerTag = tag;
+    }
+    const clones = processTagResult(value, result, // Function will attach result.tag
+    template, options);
+    return clones;
+}
+function processWasTag(value, result, // could be tag via result.tag,
+template, // <template end interpolate /> (will be removed)
+options) {
+    const tag = result.tag;
+    // put the template back
+    const lastFirstChild = result.clone || template; // result.tag.clones[0] // template.lastFirstChild
+    // const parentNode = lastFirstChild.parentNode || template.parentNode
+    // put the template back down
+    lastFirstChild.parentNode.insertBefore(template, lastFirstChild);
+    // cleanup old
+    if (result.clone) {
+        result.clone.parentNode.removeChild(result.clone);
+    }
+    delete result.tag;
+    const stagger = options.counts.removed;
+    const promise = tag.destroy({ stagger }).then(animated => options.counts.removed = stagger + animated);
+    delete result.tag;
+    const clone = updateBetweenTemplates(value, template);
+    result.clone = clone;
+    return promise;
+}
+//# sourceMappingURL=processSubjectValue.function.js.map

package/js/processSubjectValue.function.js.map

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

package/js/processTagArray.d.ts

@@ -1,5 +1,9 @@
+import { Clones } from "./Clones.type.js";
 import { Tag } from "./Tag.class.js";
 import { Counts } from "./interpolateTemplate.js";
 export declare function processTagArray(result: any, value: Tag[], // arry of Tag classes
 template: Element, // <template end interpolate />
-ownerTag: Tag, counts: Counts): void;
+ownerTag: Tag, options: {
+    counts: Counts;
+    forceElement?: boolean;
+}): Clones;

package/js/processTagArray.js

@@ -1,7 +1,9 @@
-import { processTagResult } from "./interpolateTemplate.js";
+import { getTagSupport } from "./getTagSupport.js";
+import { processTagResult } from "./processTagResult.function.js";
 export function processTagArray(result, value, // arry of Tag classes
 template, // <template end interpolate />
-ownerTag, counts) {
+ownerTag, options) {
+    const clones = [];
     result.lastArray = result.lastArray || []; // {tag, index}[] populated in processTagResult
     let removed = 0;
     /** 🗑️ remove previous items first */
@@ -12,15 +14,24 @@ ownerTag, counts) {
         if (lessLength || subArrayValue !== item.tag.arrayValue) {
             const last = result.lastArray[index];
             const tag = last.tag;
-            tag.destroy(counts.removed, false);
+            tag.destroy({
+                stagger: options.counts.removed,
+                byParent: false
+            });
             ++removed;
-            ++counts.removed;
+            ++options.counts.removed;
             return false;
         }
         return true;
     });
+    // const masterBefore = template || (template as any).clone
+    const before = template || template.clone;
     value.forEach((subTag, index) => {
-        subTag.tagSupport = ownerTag.tagSupport;
+        subTag.tagSupport = getTagSupport({}); // {...ownerTag.tagSupport} // ownerTag.tagSupport.templater
+        subTag.tagSupport.mutatingRender = () => {
+            ownerTag.tagSupport.render();
+            return subTag;
+        }; // fake having a render function
         subTag.ownerTag = ownerTag;
         ownerTag.children.push(subTag);
         if (subTag.arrayValue === undefined) {
@@ -36,14 +47,14 @@ ownerTag, counts) {
             if (previous.tag.arrayValue === subTag.arrayValue) {
                 previous.tag.updateValues(subTag.values);
             }
-            return;
+            return [];
         }
-        const before = template || template.clone;
-        processTagResult(subTag, result, before, {
+        const nextClones = processTagResult(subTag, result, before, {
             index,
-            counts,
+            ...options,
         });
+        clones.push(...nextClones);
     });
-    return;
+    return clones;
 }
 //# sourceMappingURL=processTagArray.js.map

package/js/processTagArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"processTagArray.js","sourceRoot":"","sources":["../ts/processTagArray.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,MAAM,UAAU,eAAe,CAC7B,MAAW,EACX,KAAY,EAAE,sBAAsB;AACpC,QAAiB,EAAE,+BAA+B;AAClD,QAAa,EACb,MAAc;IAEd,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,EAAE,CAAA,CAAC,+CAA+C;IAEzF,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,sCAAsC;IACtC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CACzC,IAAS,EACT,KAAa,EACb,EAAE;QACF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,GAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA;QACrC,MAAM,aAAa,GAAG,MAAM,EAAE,UAAU,CAAA;QACxC,IAAG,UAAU,IAAI,aAAa,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;YACvD,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;YACpC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;YACpB,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAClC,EAAE,OAAO,CAAA;YACT,EAAE,MAAM,CAAC,OAAO,CAAA;YAChB,OAAO,KAAK,CAAA;QACd,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAA;QACvC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAC1B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAE9B,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACpC,0FAA0F;YAC1F,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBAChD,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,mEAAmE,CAAC,CACzF;gBAAC,GAAW,CAAC,IAAI,GAAG,eAAe,CAAA;gBACpC,MAAM,GAAG,CAAA;YACX,CAAC;QACH,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,QAAQ,CAAC,GAAG,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,EAAE,CAAC;gBAClD,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC1C,CAAC;YACD,OAAM;QACR,CAAC;QAED,MAAM,MAAM,GAAG,QAAQ,IAAK,QAAgB,CAAC,KAAK,CAAA;QAClD,gBAAgB,CACd,MAAM,EACN,MAAM,EACN,MAAM,EACN;YACE,KAAK;YACL,MAAM;SACP,CACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAM;AACR,CAAC"}
+{"version":3,"file":"processTagArray.js","sourceRoot":"","sources":["../ts/processTagArray.ts"],"names":[],"mappings":"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"}

package/js/processTagResult.function.d.ts

@@ -0,0 +1,10 @@
+import { Tag } from "./Tag.class.js";
+import { Clones } from "./Clones.type.js";
+import { Counts } from "./interpolateTemplate.js";
+export declare function processTagResult(tag: Tag, result: any, // used for recording past and current value
+insertBefore: Element, // <template end interpolate />
+{ index, counts, forceElement, }: {
+    index?: number;
+    counts: Counts;
+    forceElement?: boolean;
+}): Clones;

package/js/processTagResult.function.js

@@ -0,0 +1,39 @@
+export function processTagResult(tag, result, // used for recording past and current value
+insertBefore, // <template end interpolate />
+{ index, counts, forceElement, }) {
+    // *for
+    if (index !== undefined) {
+        const existing = result.lastArray[index];
+        if (existing?.tag.isLikeTag(tag)) {
+            existing.tag.updateByTag(tag);
+            return [];
+        }
+        const lastFirstChild = insertBefore; // tag.clones[0] // insertBefore.lastFirstChild
+        const clones = tag.buildBeforeElement(lastFirstChild, { counts, forceElement });
+        result.lastArray.push({
+            tag, index
+        });
+        return clones;
+    }
+    // *if appears we already have seen
+    if (result.tag && !forceElement) {
+        // are we just updating an if we already had?
+        if (result.tag.isLikeTag(tag)) {
+            // components
+            if (result instanceof Function) {
+                const newTag = result(result.tag.tagSupport);
+                result.tag.updateByTag(newTag);
+                return [];
+            }
+            result.tag.updateByTag(tag);
+            return []; // no clones created in element already on stage
+        }
+    }
+    const clones = tag.buildBeforeElement(insertBefore, {
+        counts,
+        forceElement,
+    });
+    result.tag = tag; // let reprocessing know we saw this previously as an if
+    return clones;
+}
+//# sourceMappingURL=processTagResult.function.js.map

package/js/processTagResult.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processTagResult.function.js","sourceRoot":"","sources":["../ts/processTagResult.function.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,gBAAgB,CAC9B,GAAQ,EACR,MAAW,EAAE,4CAA4C;AACzD,YAAqB,EAAE,+BAA+B;AACtD,EACE,KAAK,EAAE,MAAM,EAAE,YAAY,GAK5B;IAED,OAAO;IACP,IAAG,KAAK,KAAK,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAExC,IAAG,QAAQ,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YAChC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAC7B,OAAO,EAAE,CAAA;QACX,CAAC;QAED,MAAM,cAAc,GAAG,YAAY,CAAA,CAAC,+CAA+C;QAEnF,MAAM,MAAM,GAAG,GAAG,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAC,MAAM,EAAE,YAAY,EAAC,CAAC,CAAA;QAE7E,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACpB,GAAG,EAAE,KAAK;SACX,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,mCAAmC;IACnC,IAAG,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,6CAA6C;QAC7C,IAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,aAAa;YACb,IAAG,MAAM,YAAY,QAAQ,EAAE,CAAC;gBAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;gBAC5C,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;gBAC9B,OAAO,EAAE,CAAA;YACX,CAAC;YAED,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAE3B,OAAO,EAAE,CAAA,CAAC,gDAAgD;QAC5D,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAG,GAAG,CAAC,kBAAkB,CAAC,YAAY,EAAE;QAClD,MAAM;QACN,YAAY;KACb,CAAC,CAAA;IACF,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA,CAAC,wDAAwD;IAEzE,OAAO,MAAM,CAAA;AACf,CAAC"}