taggedjs 2.5.24 → 2.6.2

package/js/tag/TemplaterResult.class.js

@@ -1,37 +1,14 @@
-import { Tag, Dom } from './Tag.class.js';
-import { ValueSubject } from '../subject/index.js';
-import { kidsToTagArraySubject } from './kidsToTagArraySubject.function.js';
 import { ValueTypes } from './ValueTypes.enum.js';
-export class TemplaterResult {
-    props;
-    tagJsType = ValueTypes.templater;
-    tagged;
-    wrapper;
-    madeChildIntoSubject;
-    tag;
-    children = new ValueSubject([]);
-    arrayValue; // used for tag components used in arrays
-    constructor(props) {
-        this.props = props;
-        this.html.dom = this.dom.bind(this);
-    }
-    key(arrayValue) {
-        this.arrayValue = arrayValue;
-        return this;
-    }
-    /** children */
-    html(strings, ...values) {
-        const children = new Tag(strings, values);
-        const childSubject = kidsToTagArraySubject(children, this);
-        this.children = childSubject;
-        return this;
-    }
-    /** children */
-    dom(strings, ...values) {
-        const children = new Dom(strings, values);
-        const childSubject = kidsToTagArraySubject(children, this);
-        this.children = childSubject;
-        return this;
-    }
+export function getTemplaterResult(propWatch, props) {
+    const templater = {
+        propWatch,
+        props,
+        tagJsType: ValueTypes.templater,
+        key: function keyTemplate(arrayValue) {
+            templater.arrayValue = arrayValue;
+            return templater;
+        }
+    };
+    return templater;
 }
 //# sourceMappingURL=TemplaterResult.class.js.map

package/js/tag/TemplaterResult.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplaterResult.class.js","sourceRoot":"","sources":["../../ts/tag/TemplaterResult.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAWlD,OAAO,EAAW,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AA4CjD,MAAM,OAAO,eAAe;IAWP;IAVnB,SAAS,GAAG,UAAU,CAAC,SAAS,CAAA;IAChC,MAAM,CAAU;IAChB,OAAO,CAAU;IAEjB,oBAAoB,CAAU;IAE9B,GAAG,CAAY;IACf,QAAQ,GAAgB,IAAI,YAAY,CAAgB,EAAE,CAAC,CAAA;IAC3D,UAAU,CAAU,CAAC,yCAAyC;IAE9D,YAAmB,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;QAC5B,IAAI,CAAC,IAAY,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC9C,CAAC;IAED,GAAG,CAAE,UAAmB;QACtB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;IACf,IAAI,CACF,OAAwC,EACxC,GAAG,MAAiB;QAEpB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAmB,EAAE,MAAM,CAAC,CAAA;QACrD,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC1D,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;IACf,GAAG,CACD,OAAuB,EACvB,GAAG,MAAiB;QAEpB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACzC,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC1D,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;CACF"}
+{"version":3,"file":"TemplaterResult.class.js","sourceRoot":"","sources":["../../ts/tag/TemplaterResult.class.ts"],"names":[],"mappings":"AAUA,OAAO,EAAa,UAAU,EAAE,MAAM,sBAAsB,CAAA;AA8D5D,MAAM,UAAU,kBAAkB,CAChC,SAAsB,EACtB,KAAa;IAEb,MAAM,SAAS,GAAoB;QACjC,SAAS;QACT,KAAK;QACL,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,GAAG,EAAE,SAAS,WAAW,CAAC,UAAmB;YAC3C,SAAS,CAAC,UAAU,GAAG,UAAU,CAAA;YACjC,OAAO,SAAS,CAAA;QAClB,CAAC;KACF,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/js/tag/ValueTypes.enum.d.ts

@@ -1,19 +1,29 @@
 export declare const empty = "";
-export declare enum ValueTypes {
-    unknown = "unknown",
-    tag = "tag",// html''
-    dom = "dom",// compiled version of html''
-    templater = "templater",
-    tagComponent = "tag-component",
-    object = "object",
-    tagArray = "tag-array",
-    subject = "subject",
-    tagJsSubject = "tagJsSubject",
-    oneRender = "oneRender",
-    date = "date",
+export declare enum ImmutableTypes {
     string = "string",
     number = "number",
     boolean = "boolean",
-    function = "function",
     undefined = "undefined"
 }
+export declare enum BasicTypes {
+    function = "function",
+    date = "date",
+    unknown = "unknown",
+    object = "object"
+}
+export type ValueType = [string];
+type ValueTypeObject = {
+    tag: ValueType;
+    dom: ValueType;
+    templater: ValueType;
+    tagComponent: ValueType;
+    tagArray: ValueType;
+    subject: ValueType;
+    tagJsSubject: ValueType;
+    renderOnce: ValueType;
+    stateRender: ValueType;
+    version: number;
+};
+/** Used as direct memory comparisons, the strings are never compared, just the array */
+export declare const ValueTypes: ValueTypeObject;
+export {};

package/js/tag/ValueTypes.enum.js

@@ -1,21 +1,30 @@
 export const empty = '';
-export var ValueTypes;
-(function (ValueTypes) {
-    ValueTypes["unknown"] = "unknown";
-    ValueTypes["tag"] = "tag";
-    ValueTypes["dom"] = "dom";
-    ValueTypes["templater"] = "templater";
-    ValueTypes["tagComponent"] = "tag-component";
-    ValueTypes["object"] = "object";
-    ValueTypes["tagArray"] = "tag-array";
-    ValueTypes["subject"] = "subject";
-    ValueTypes["tagJsSubject"] = "tagJsSubject";
-    ValueTypes["oneRender"] = "oneRender";
-    ValueTypes["date"] = "date";
-    ValueTypes["string"] = "string";
-    ValueTypes["number"] = "number";
-    ValueTypes["boolean"] = "boolean";
-    ValueTypes["function"] = "function";
-    ValueTypes["undefined"] = "undefined";
-})(ValueTypes || (ValueTypes = {}));
+export var ImmutableTypes;
+(function (ImmutableTypes) {
+    ImmutableTypes["string"] = "string";
+    ImmutableTypes["number"] = "number";
+    ImmutableTypes["boolean"] = "boolean";
+    ImmutableTypes["undefined"] = "undefined";
+})(ImmutableTypes || (ImmutableTypes = {}));
+export var BasicTypes;
+(function (BasicTypes) {
+    BasicTypes["function"] = "function";
+    BasicTypes["date"] = "date";
+    BasicTypes["unknown"] = "unknown";
+    BasicTypes["object"] = "object";
+})(BasicTypes || (BasicTypes = {}));
+const version = Date.now();
+/** Used as direct memory comparisons, the strings are never compared, just the array */
+export const ValueTypes = {
+    tag: ['html'], // html'' aka StringTag | DomTag
+    dom: ['dom'], // compiled version of html''
+    templater: ['templater'],
+    tagComponent: ['tagComponent'],
+    tagArray: ['tagArray'],
+    subject: ['subject'],
+    tagJsSubject: ['tagJsSubject'],
+    renderOnce: ['renderOnce'],
+    stateRender: ['stateRender'],
+    version,
+};
 //# sourceMappingURL=ValueTypes.enum.js.map

package/js/tag/ValueTypes.enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueTypes.enum.js","sourceRoot":"","sources":["../../ts/tag/ValueTypes.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEvB,MAAM,CAAN,IAAY,UAqBX;AArBD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IAEnB,yBAAW,CAAA;IACX,yBAAW,CAAA;IAEX,qCAAuB,CAAA;IACvB,4CAA8B,CAAA;IAC9B,+BAAiB,CAAA;IAEjB,oCAAsB,CAAA;IACtB,iCAAmB,CAAA;IACnB,2CAA6B,CAAA;IAC7B,qCAAuB,CAAA;IAEvB,2BAAa,CAAA;IACb,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,qCAAuB,CAAA;AACzB,CAAC,EArBW,UAAU,KAAV,UAAU,QAqBrB"}
+{"version":3,"file":"ValueTypes.enum.js","sourceRoot":"","sources":["../../ts/tag/ValueTypes.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEvB,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;IACnB,yCAAuB,CAAA;AACzB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAkBD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;AAE1B,wFAAwF;AACxF,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,gCAAgC;IAC/C,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,6BAA6B;IAE3C,SAAS,EAAE,CAAC,WAAW,CAAC;IACxB,YAAY,EAAE,CAAC,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,YAAY,EAAE,CAAC,cAAc,CAAC;IAE9B,UAAU,EAAE,CAAC,YAAY,CAAC;IAC1B,WAAW,EAAE,CAAC,aAAa,CAAC;IAE5B,OAAO;CACR,CAAA"}

package/js/tag/buildBeforeElement.function.d.ts

@@ -0,0 +1,10 @@
+import { ElementBuildOptions } from '../interpolations/interpolateTemplate.js';
+import { AnySupport } from './Support.class.js';
+import { ContextItem, Context } from './Context.types.js';
+/** Function that kicks off actually putting tags down as HTML elements */
+export declare function buildBeforeElement(support: AnySupport, element?: Element, insertBefore?: Text, options?: ElementBuildOptions): {
+    context: Context;
+    subs: import("../interpolations/subscribeToTemplate.function.js").SubToTemplateOptions[];
+    dom: import("../interpolations/optimizers/ObjectNode.types.js").DomObjectChildren;
+};
+export declare function addOneContext(value: unknown, context: Context, withinOwnerElement: boolean): ContextItem;

package/js/tag/buildBeforeElement.function.js

@@ -0,0 +1,47 @@
+import { attachDomElements } from '../interpolations/optimizers/attachDomElements.function.js';
+import { checkSimpleValueChange } from './index.js';
+import { getDomMeta } from './domMetaCollector.js';
+import { ValueTypes } from './ValueTypes.enum.js';
+import { painting } from './paint.function.js';
+/** Function that kicks off actually putting tags down as HTML elements */
+export function buildBeforeElement(support, element, insertBefore, options) {
+    const global = support.subject.global;
+    global.oldest = support;
+    global.newest = support;
+    ++painting.locks;
+    const result = getHtmlDomMeta(support, options, element, insertBefore);
+    global.htmlDomMeta = result.dom;
+    --painting.locks;
+    // return fragment
+    return result;
+}
+function getHtmlDomMeta(support, options = {
+    counts: { added: 0, removed: 0 },
+}, appendTo, insertBefore) {
+    const domMeta = loadDomMeta(support);
+    const thisTag = support.templater.tag;
+    const values = thisTag.values;
+    const context = [];
+    const global = support.subject.global;
+    global.context = context;
+    const result = attachDomElements(domMeta, values, support, options.counts, context, 0, appendTo, insertBefore);
+    return result;
+}
+function loadDomMeta(support) {
+    const templater = support.templater;
+    const thisTag = templater.tag; // || templater
+    if (thisTag.tagJsType === ValueTypes.dom) {
+        return thisTag.dom;
+    }
+    return getDomMeta(thisTag.strings, thisTag.values);
+}
+export function addOneContext(value, context, withinOwnerElement) {
+    const contextItem = {
+        value,
+        checkValueChange: checkSimpleValueChange,
+        withinOwnerElement,
+    };
+    context.push(contextItem);
+    return contextItem;
+}
+//# sourceMappingURL=buildBeforeElement.function.js.map

package/js/tag/buildBeforeElement.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildBeforeElement.function.js","sourceRoot":"","sources":["../../ts/tag/buildBeforeElement.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAA;AAO9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,0EAA0E;AAC1E,MAAM,UAAU,kBAAkB,CAChC,OAAmB,EACnB,OAAiB,EACjB,YAAmB,EACnB,OAA6B;IAE7B,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IAEzD,MAAM,CAAC,MAAM,GAAG,OAAO,CAAA;IACvB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAA;IAEvB,EAAE,QAAQ,CAAC,KAAK,CAAA;IAChB,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,CAAA;IACtE,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;IAC/B,EAAE,QAAQ,CAAC,KAAK,CAAA;IAEhB,kBAAkB;IAClB,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,cAAc,CACrB,OAAmB,EACnB,UAA+B;IAC7B,MAAM,EAAE,EAAC,KAAK,EAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAC;CAC9B,EACD,QAAkB,EAClB,YAAmB;IAEnB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACpC,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAyB,CAAA;IAC3D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;IAC7B,MAAM,OAAO,GAAyB,EAAE,CAAA;IAExC,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;IAExB,MAAM,MAAM,GAAG,iBAAiB,CAC9B,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,CAAC,MAAM,EACd,OAAO,EACP,CAAC,EACD,QAAQ,EACR,YAAY,CACb,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,WAAW,CAAC,OAAmB;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,MAAM,OAAO,GAAI,SAAS,CAAC,GAA0B,CAAA,CAAC,eAAe;IAErE,IAAG,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,GAAG,EAAE,CAAC;QACxC,OAAQ,OAAkB,CAAC,GAAiB,CAAA;IAC9C,CAAC;IAED,OAAO,UAAU,CAAE,OAAqB,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;AACnE,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAAc,EACd,OAAgB,EAChB,kBAA2B;IAE3B,MAAM,WAAW,GAAgB;QAC/B,KAAK;QACL,gBAAgB,EAAE,sBAAsB;QACxC,kBAAkB;KACnB,CAAA;IAED,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAGzB,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/js/tag/buildSupportContext.function.d.ts

@@ -0,0 +1,3 @@
+import { AnySupport } from './Support.class.js';
+import { ContextItem } from './Tag.class.js';
+export declare function buildSupportContext(support: AnySupport): ContextItem[];

package/js/tag/buildSupportContext.function.js

@@ -0,0 +1,15 @@
+export function buildSupportContext(support) {
+    const global = support.subject.global;
+    const context = global.context = [];
+    const thisTag = support.templater.tag;
+    const values = thisTag.values; // this.values || thisTag.values
+    for (const value of values) {
+        // 🆕 First time values below
+        context.push({
+            value,
+            global,
+        });
+    }
+    return context;
+}
+//# sourceMappingURL=buildSupportContext.function.js.map

package/js/tag/buildSupportContext.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSupportContext.function.js","sourceRoot":"","sources":["../../ts/tag/buildSupportContext.function.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,mBAAmB,CACjC,OAAmB;IAEnB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG,EAAmB,CAAA;IACpD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAyB,CAAA;IAC3D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA,CAAC,gCAAgC;IAE9D,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,6BAA6B;QAC7B,OAAO,CAAC,IAAI,CAAC;YACX,KAAK;YACL,MAAM;SACP,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/js/tag/checkDestroyPrevious.function.d.ts

@@ -1,8 +1,5 @@
-import { InterpolateSubject } from './update/processFirstSubject.utils.js';
-import { Counts } from '../interpolations/interpolateTemplate.js';
-import { Support } from './Support.class.js';
-import { ValueTypes } from './ValueTypes.enum.js';
-export declare function checkDestroyPrevious(subject: InterpolateSubject, // existing.value is the old value
-newValue: unknown, valueType: ValueTypes): false | "changed-simple-value" | "array" | 2 | "different-tag";
-export declare function isSimpleType(value: any): boolean;
-export declare function destroyArrayTag(support: Support, counts: Counts): void;
+import { ContextItem } from './Context.types.js';
+export declare function checkArrayValueChange(newValue: unknown, subject: ContextItem): false | 9;
+export declare function destroyArray(subject: ContextItem, lastArray: any[]): void;
+export declare function checkSimpleValueChange(newValue: unknown, subject: ContextItem): -1 | 6;
+export declare function checkTagValueChange(newValue: unknown, subject: ContextItem): false | 7 | 8;

package/js/tag/checkDestroyPrevious.function.js

@@ -1,79 +1,61 @@
-import { isStaticTag } from '../isInstance.js';
+import { isArray, isStaticTag } from '../isInstance.js';
+import { destroyArrayItem } from './update/processTagArray.js';
 import { isLikeTags } from './isLikeTags.function.js';
-import { destroyTagMemory } from './destroyTag.function.js';
-import { ValueTypes } from './ValueTypes.enum.js';
-export function checkDestroyPrevious(subject, // existing.value is the old value
-newValue, valueType) {
-    const displaySubject = subject;
-    const hasLastValue = 'lastValue' in displaySubject;
-    const lastValue = displaySubject.lastValue; // TODO: we maybe able to use displaySubject.value and remove concept of lastValue
-    // was simple value but now something bigger
-    if (hasLastValue && lastValue !== newValue) {
-        // below is faster than using getValueType
-        const newType = typeof (newValue);
-        if (isSimpleType(newType) && typeof (lastValue) === newType) {
-            return false;
-        }
-        if (newValue instanceof Function && lastValue instanceof Function) {
-            return false;
-        }
-        destroySimpleValue(displaySubject);
-        return 'changed-simple-value';
-    }
-    const arraySubject = subject;
-    const wasArray = arraySubject.lastArray;
-    // no longer an array
-    if (wasArray && valueType !== ValueTypes.tagArray) {
-        delete arraySubject.lastArray;
-        for (let index = wasArray.array.length - 1; index >= 0; --index) {
-            const { support } = wasArray.array[index];
-            destroyArrayTag(support, { added: 0, removed: 0 });
-        }
-        return 'array';
-    }
-    const tagSubject = subject;
-    const lastSupport = tagSubject.support;
-    // no longer tag or component?
-    if (lastSupport) {
-        const isValueTag = isStaticTag(newValue);
-        const isSubjectTag = isStaticTag(subject._value);
-        const newTag = newValue;
-        if (isSubjectTag && isValueTag) {
-            // its a different tag now
-            const likeTags = isLikeTags(newTag, lastSupport);
-            if (!likeTags) {
-                // put template back down
-                destroyTagMemory(lastSupport);
-                return 2;
-            }
-            return false;
-        }
-        if (valueType === ValueTypes.tagComponent) {
-            return false; // its still a tag component
-        }
-        if (newValue && newValue.oneRender) {
-            return false;
-        }
-        // destroy old component, value is not a component
-        destroyTagMemory(lastSupport);
-        // delete lastSupport.global.deleted // ???
-        return 'different-tag';
+import { paintRemoves } from './paint.function.js';
+import { getNewGlobal } from './update/getNewGlobal.function.js';
+import { destroySupport } from './destroySupport.function.js';
+import { processUpdateRegularValue } from './update/processRegularValue.function.js';
+import { BasicTypes } from './ValueTypes.enum.js';
+export function checkArrayValueChange(newValue, subject) {
+    // no longer an array?
+    if (!isArray(newValue)) {
+        const lastArray = subject.lastArray;
+        destroyArray(subject, lastArray);
+        return 9; // 'array'
     }
     return false;
 }
-export function isSimpleType(value) {
-    return [
-        ValueTypes.string,
-        ValueTypes.number,
-        ValueTypes.boolean,
-    ].includes(value);
+export function destroyArray(subject, lastArray) {
+    const counts = { added: 0, removed: 0 };
+    delete subject.lastArray;
+    for (let index = 0; index < lastArray.length; ++index) {
+        destroyArrayItem(lastArray[index], counts);
+    }
 }
-export function destroyArrayTag(support, counts) {
-    support.destroy({
-        stagger: counts.removed++,
-    });
+export function checkSimpleValueChange(newValue, subject) {
+    const isBadValue = newValue === null || newValue === undefined;
+    if (isBadValue || !(typeof (newValue) === BasicTypes.object)) {
+        // This will cause all other values to render
+        processUpdateRegularValue(newValue, subject);
+        return -1; // no need to destroy, just update display
+    }
+    const elm = subject.simpleValueElm;
+    delete subject.simpleValueElm;
+    paintRemoves.push(elm);
+    return 6; // 'changed-simple-value'
 }
-function destroySimpleValue(subject) {
-    delete subject.lastValue;
+export function checkTagValueChange(newValue, subject) {
+    const global = subject.global;
+    const lastSupport = global?.newest;
+    const isValueTag = isStaticTag(newValue);
+    const newTag = newValue;
+    if (isValueTag) {
+        // its a different tag now
+        const likeTags = isLikeTags(newTag, lastSupport);
+        if (!likeTags) {
+            destroySupport(lastSupport, 0);
+            subject.global = getNewGlobal();
+            return 7; // 'tag-swap'
+        }
+        return false;
+    }
+    const isTag = newValue?.tagJsType;
+    if (isTag) {
+        return false; // its still a tag component
+    }
+    // destroy old component, value is not a component
+    destroySupport(lastSupport, 0);
+    delete subject.global;
+    return 8; // 'no-longer-tag'
 }
 //# sourceMappingURL=checkDestroyPrevious.function.js.map

package/js/tag/checkDestroyPrevious.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkDestroyPrevious.function.js","sourceRoot":"","sources":["../../ts/tag/checkDestroyPrevious.function.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"checkDestroyPrevious.function.js","sourceRoot":"","sources":["../../ts/tag/checkDestroyPrevious.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAK,kBAAkB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAK,6BAA6B,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAK,0BAA0B,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,OAAO,EAAE,yBAAyB,EAAgB,MAAM,0CAA0C,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,UAAU,qBAAqB,CACnC,QAAiB,EACjB,OAAoB;IAEpB,sBAAsB;IACtB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAsB,CAAA;QAChD,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAEhC,OAAO,CAAC,CAAA,CAAC,UAAU;IACrB,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,OAAoB,EACpB,SAAgB;IAEhB,MAAM,MAAM,GAAG,EAAC,KAAK,EAAC,CAAC,EAAE,OAAO,EAAC,CAAC,EAAC,CAAA;IACnC,OAAO,OAAO,CAAC,SAAS,CAAA;IAExB,KAAK,IAAI,KAAK,GAAC,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC;QACpD,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IAC5C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,QAAiB,EACjB,OAAoB;IAEpB,MAAM,UAAU,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAA;IAC9D,IAAG,UAAU,IAAI,CAAC,CAAC,OAAM,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3D,6CAA6C;QAC7C,yBAAyB,CACvB,QAAwB,EACxB,OAAO,CACR,CAAA;QAED,OAAO,CAAC,CAAC,CAAA,CAAE,0CAA0C;IACvD,CAAC;IAED,MAAM,GAAG,GAAG,OAAO,CAAC,cAAyB,CAAA;IAC7C,OAAO,OAAO,CAAC,cAAc,CAAA;IAC7B,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEtB,OAAO,CAAC,CAAA,CAAC,yBAAyB;AACpC,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,QAAiB,EACjB,OAAoB;IAEpB,MAAM,MAAM,GAAG,OAAO,CAAC,MAA0B,CAAA;IACjD,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,CAAA;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,QAAmB,CAAA;IAElC,IAAG,UAAU,EAAE,CAAC;QACd,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;QAChD,IAAG,CAAC,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;YAC9B,OAAO,CAAC,MAAM,GAAG,YAAY,EAAE,CAAA;YAC/B,OAAO,CAAC,CAAA,CAAC,aAAa;QACxB,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,KAAK,GAAI,QAAgB,EAAE,SAAS,CAAA;IAC1C,IAAG,KAAK,EAAE,CAAC;QACT,OAAO,KAAK,CAAA,CAAC,4BAA4B;IAC3C,CAAC;IAED,kDAAkD;IAClD,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;IAC9B,OAAO,OAAO,CAAC,MAAM,CAAA;IAErB,OAAO,CAAC,CAAA,CAAC,kBAAkB;AAC7B,CAAC"}

package/js/tag/clonePropsBy.function.d.ts

@@ -0,0 +1,6 @@
+import { Props } from '../Props.js';
+import { AnySupport } from './Support.class.js';
+export declare function clonePropsBy(support: AnySupport, props: Props, castProps?: Props): {
+    latest: Props;
+    castProps: Props | undefined;
+} | undefined;

package/js/tag/clonePropsBy.function.js

@@ -0,0 +1,27 @@
+import { ValueTypes } from './ValueTypes.enum.js';
+import { cloneTagJsValue } from './cloneValueArray.function.js';
+import { deepCompareDepth, shallowCompareDepth } from './hasSupportChanged.function.js';
+import { PropWatches } from './tag.js';
+export function clonePropsBy(support, props, castProps) {
+    const templater = support.templater;
+    if (templater.tagJsType === ValueTypes.stateRender) {
+        return;
+    }
+    switch (templater.propWatch) {
+        case PropWatches.IMMUTABLE:
+            return support.propsConfig = {
+                latest: props,
+                castProps,
+            };
+        case PropWatches.SHALLOW:
+            return support.propsConfig = {
+                latest: props.map(x => cloneTagJsValue(x, shallowCompareDepth)),
+                castProps,
+            };
+    }
+    return support.propsConfig = {
+        latest: props.map(props => cloneTagJsValue(props, deepCompareDepth)),
+        castProps,
+    };
+}
+//# sourceMappingURL=clonePropsBy.function.js.map

package/js/tag/clonePropsBy.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clonePropsBy.function.js","sourceRoot":"","sources":["../../ts/tag/clonePropsBy.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAG,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,UAAU,YAAY,CAC1B,OAAmB,EACnB,KAAY,EACZ,SAAiB;IAEjB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,IAAG,SAAS,CAAC,SAAS,KAAK,UAAU,CAAC,WAAW,EAAE,CAAC;QAClD,OAAM;IACR,CAAC;IAED,QAAQ,SAAS,CAAC,SAAS,EAAE,CAAC;QAC5B,KAAK,WAAW,CAAC,SAAS;YACxB,OAAO,OAAO,CAAC,WAAW,GAAG;gBAC3B,MAAM,EAAE,KAAK;gBACb,SAAS;aACV,CAAA;QAEH,KAAK,WAAW,CAAC,OAAO;YACtB,OAAO,OAAO,CAAC,WAAW,GAAG;gBAC3B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;gBAC/D,SAAS;aACV,CAAA;IACL,CAAC;IAED,OAAO,OAAO,CAAC,WAAW,GAAG;QAC3B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;QACpE,SAAS;KACV,CAAA;AACH,CAAC"}

package/js/tag/cloneValueArray.function.d.ts

@@ -1,3 +1,4 @@
-import { Tag } from './Tag.class.js';
-export declare function cloneValueArray<T>(values: (T | Tag | Tag[])[]): T[];
-export declare function cloneTagJsValue<T>(value: T | Tag | Tag[]): T;
+import { StringTag } from './Tag.class.js';
+export declare function cloneValueArray<T>(values: (T | StringTag | StringTag[])[]): T[];
+/** clones only what is needed to compare differences later */
+export declare function cloneTagJsValue<T>(value: T, maxDepth: number): T;

package/js/tag/cloneValueArray.function.js

@@ -1,22 +1,26 @@
 import { deepClone } from '../deepFunctions.js';
 import { ValueTypes } from './ValueTypes.enum.js';
-import { getValueType } from './getValueType.function.js';
+import { isArray } from '../isInstance.js';
 export function cloneValueArray(values) {
     return values.map(cloneTagJsValue);
 }
-export function cloneTagJsValue(value) {
+/** clones only what is needed to compare differences later */
+export function cloneTagJsValue(value, maxDepth) {
     const tag = value;
-    switch (getValueType(value)) {
-        case ValueTypes.tagComponent:
-            const tagComponent = value;
-            return deepClone(tagComponent.props);
-        case ValueTypes.dom:
-        case ValueTypes.tag:
-        case ValueTypes.templater:
-            return cloneValueArray(tag.values);
-        case ValueTypes.tagArray:
-            return cloneValueArray(tag);
+    const tagJsType = value?.tagJsType;
+    if (tagJsType) {
+        switch (tagJsType) {
+            case ValueTypes.stateRender:
+                return undefined;
+            case ValueTypes.dom:
+            case ValueTypes.tag:
+            case ValueTypes.templater:
+                return cloneValueArray(tag.values);
+        }
     }
-    return deepClone(value);
+    if (isArray(value)) {
+        return cloneValueArray(tag);
+    }
+    return deepClone(value, maxDepth);
 }
 //# sourceMappingURL=cloneValueArray.function.js.map

package/js/tag/cloneValueArray.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloneValueArray.function.js","sourceRoot":"","sources":["../../ts/tag/cloneValueArray.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,UAAU,eAAe,CAAI,MAA2B;IAC5D,OAAO,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,KAAsB;IACvD,MAAM,GAAG,GAAG,KAAY,CAAA;IAExB,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAG,CAAC;QAC7B,KAAK,UAAU,CAAC,YAAY;YAC1B,MAAM,YAAY,GAAG,KAAwB,CAAA;YAC7C,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAEtC,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,SAAS;YACvB,OAAO,eAAe,CAAC,GAAG,CAAC,MAAM,CAAM,CAAA;QAEzC,KAAK,UAAU,CAAC,QAAQ;YACtB,OAAO,eAAe,CAAC,GAAuB,CAAM,CAAA;IACxD,CAAC;IAED,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AACzB,CAAC"}
+{"version":3,"file":"cloneValueArray.function.js","sourceRoot":"","sources":["../../ts/tag/cloneValueArray.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAa,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,MAAM,UAAU,eAAe,CAC7B,MAAuC;IAEvC,OAAO,MAAM,CAAC,GAAG,CAAC,eAAsB,CAAC,CAAA;AAC3C,CAAC;AAED,8DAA8D;AAC9D,MAAM,UAAU,eAAe,CAC7B,KAAQ,EACR,QAAgB;IAEhB,MAAM,GAAG,GAAG,KAAkB,CAAA;IAE9B,MAAM,SAAS,GAAI,KAAa,EAAE,SAAsB,CAAA;IACxD,IAAG,SAAS,EAAE,CAAC;QACb,QAAQ,SAAS,EAAG,CAAC;YACnB,KAAK,UAAU,CAAC,WAAW;gBACzB,OAAO,SAAgB,CAAA;YAEzB,KAAK,UAAU,CAAC,GAAG,CAAC;YACpB,KAAK,UAAU,CAAC,GAAG,CAAC;YACpB,KAAK,UAAU,CAAC,SAAS;gBACvB,OAAO,eAAe,CAAC,GAAG,CAAC,MAAM,CAAM,CAAA;QAC3C,CAAC;IACH,CAAC;IAED,IAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,eAAe,CAAC,GAA6B,CAAM,CAAA;IAC5D,CAAC;IAED,OAAO,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AACnC,CAAC"}

package/js/tag/destroy.support.d.ts

@@ -1,6 +1,8 @@
-import { Support } from './Support.class.js';
-export type DestroyOptions = {
-    stagger: number;
-    byParent?: boolean;
+import { Subscription } from '../subject/subject.utils.js';
+import { AnySupport } from './Support.class.js';
+import { Context } from './Context.types.js';
+export declare function getChildTagsToDestroy(childTags: Context): void;
+export declare function getChildTagsToSoftDestroy(childTags: Context, tags?: AnySupport[], subs?: Subscription<any>[]): {
+    subs: Subscription<any>[];
+    tags: AnySupport[];
 };
-export declare function getChildTagsToDestroy(childTags: Support[], allTags?: Support[]): Support[];

package/js/tag/destroy.support.js

@@ -1,9 +1,47 @@
-export function getChildTagsToDestroy(childTags, allTags = []) {
-    for (let index = childTags.length - 1; index >= 0; --index) {
-        const cTag = childTags[index];
-        allTags.push(cTag);
-        getChildTagsToDestroy(cTag.subject.global.childTags, allTags);
+import { isTagComponent } from '../isInstance.js';
+import { runBeforeDestroy } from './tagRunner.js';
+export function getChildTagsToDestroy(childTags) {
+    for (const child of childTags) {
+        const lastArray = child.lastArray;
+        if (lastArray) {
+            getChildTagsToDestroy(lastArray);
+            continue;
+        }
+        const global = child.global;
+        if (!global) {
+            continue; // not a support contextItem
+        }
+        const support = global.newest;
+        const iSubs = global.subscriptions;
+        if (iSubs) {
+            iSubs.forEach(iSub => iSub.unsubscribe());
+        }
+        if (isTagComponent(support.templater)) {
+            runBeforeDestroy(support);
+        }
+        const subTags = global.context;
+        getChildTagsToDestroy(subTags);
     }
-    return allTags;
+}
+export function getChildTagsToSoftDestroy(childTags, tags = [], subs = []) {
+    for (const child of childTags) {
+        const global = child.global;
+        if (!global) {
+            continue;
+        }
+        const support = global.newest;
+        if (support) {
+            tags.push(support);
+            const iSubs = global.subscriptions;
+            if (iSubs) {
+                subs.push(...iSubs);
+            }
+        }
+        const subTags = global.context;
+        if (subTags) {
+            getChildTagsToSoftDestroy(subTags, tags, subs);
+        }
+    }
+    return { tags, subs };
 }
 //# sourceMappingURL=destroy.support.js.map

package/js/tag/destroy.support.js.map

@@ -1 +1 @@
-{"version":3,"file":"destroy.support.js","sourceRoot":"","sources":["../../ts/tag/destroy.support.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,qBAAqB,CACnC,SAAoB,EACpB,UAAqB,EAAE;IAEvB,KAAK,IAAI,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QAE7B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClB,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAC/D,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"destroy.support.js","sourceRoot":"","sources":["../../ts/tag/destroy.support.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,MAAM,UAAU,qBAAqB,CACnC,SAAkB;IAElB,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,IAAG,SAAS,EAAE,CAAC;YACb,qBAAqB,CAAC,SAAS,CAAC,CAAA;YAChC,SAAQ;QACV,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ,CAAC,4BAA4B;QACvC,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;QAClC,IAAG,KAAK,EAAE,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QAC3C,CAAC;QAED,IAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QAC3B,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAkB,CAAA;QACzC,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,SAAkB,EAClB,OAAqB,EAAE,EACvB,OAA4B,EAAE;IAE9B,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAE/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ;QACV,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,IAAG,OAAO,EAAE,CAAC;YACX,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAClB,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;YAClC,IAAG,KAAK,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAkB,CAAA;QACzC,IAAG,OAAO,EAAE,CAAC;YACX,yBAAyB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;IAED,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAA;AACrB,CAAC"}

package/js/tag/destroySupport.function.d.ts

@@ -0,0 +1,2 @@
+import { AnySupport } from './Support.class.js';
+export declare function destroySupport(support: AnySupport, stagger: number): number | Promise<number>;

package/js/tag/destroySupport.function.js

@@ -0,0 +1,21 @@
+import { runBeforeDestroy } from './tagRunner.js';
+import { getChildTagsToDestroy } from './getChildTagsToDestroy.function.js';
+import { smartRemoveKids } from './smartRemoveKids.function.js';
+export function destroySupport(support, stagger) {
+    const global = support.subject.global;
+    global.deleted = true;
+    const context = global.context;
+    getChildTagsToDestroy(context);
+    if (global.destroy$) {
+        global.destroy$.next();
+        runBeforeDestroy(support);
+    }
+    // first paint
+    const promises = [];
+    stagger = smartRemoveKids(support, promises, stagger);
+    if (promises.length) {
+        return Promise.all(promises).then(() => stagger);
+    }
+    return stagger;
+}
+//# sourceMappingURL=destroySupport.function.js.map