taggedjs 2.5.22 → 2.5.24

package/js/tag/TemplaterResult.class.d.ts

@@ -1,5 +1,5 @@
-import { Context, Tag } from './Tag.class.js';
-import { BaseTagSupport, TagSupport } from './TagSupport.class.js';
+import { Context, Tag, Dom } from './Tag.class.js';
+import { BaseSupport, Support } from './Support.class.js';
 import { Props } from '../Props.js';
 import { TagChildren, TagWrapper } from './tag.utils.js';
 import { Provider } from '../state/providers.js';
@@ -10,16 +10,18 @@ import { Subscription } from '../subject/subject.utils.js';
 import { InsertBefore } from '../interpolations/InsertBefore.type.js';
 import { TagValues } from './html.js';
 import { Subject } from '../subject/index.js';
+import { ValueTypes } from './ValueTypes.enum.js';
+import { ObjectChildren } from '../interpolations/optimizers/ObjectNode.types.js';
 export type OriginalFunction = (() => Tag) & {
     compareTo: string;
 };
-export type Wrapper = ((tagSupport: BaseTagSupport | TagSupport, subject: TagSubject) => TagSupport) & {
+export type Wrapper = ((newSupport: BaseSupport | Support, subject: TagSubject, prevSupport?: BaseSupport | Support) => Support) & {
     parentWrap: TagWrapper<any>;
 };
 export type TagGlobal = {
     destroy$: Subject<any>;
-    oldest: BaseTagSupport | TagSupport;
-    newest?: BaseTagSupport | TagSupport;
+    oldest: BaseSupport | Support;
+    newest?: BaseSupport | Support;
     context: Context;
     providers: Provider[];
     /** Indicator of re-rending. Saves from double rending something already rendered */
@@ -32,19 +34,25 @@ export type TagGlobal = {
     destroyCallback?: OnDestroyCallback;
     init?: OnInitCallback;
     locked?: true;
-    blocked: (BaseTagSupport | TagSupport)[];
-    childTags: TagSupport[];
+    blocked: (BaseSupport | Support)[];
+    childTags: Support[];
+    clones: Clone[];
+    callbackMaker?: true;
 };
+export type Clone = (Element | Text | ChildNode);
 export declare class TemplaterResult {
     props: Props;
-    tagJsType: string;
+    tagJsType: ValueTypes;
     tagged: boolean;
     wrapper?: Wrapper;
     madeChildIntoSubject?: boolean;
-    tag?: Tag;
+    tag?: Tag | Dom;
     children: TagChildren;
     arrayValue?: unknown;
     constructor(props: Props);
     key(arrayValue: unknown): this;
+    /** children */
     html(strings: string[] | TemplateStringsArray, ...values: TagValues): this;
+    /** children */
+    dom(strings: ObjectChildren, ...values: TagValues): this;
 }

package/js/tag/TemplaterResult.class.js

@@ -1,9 +1,10 @@
-import { Tag } from './Tag.class.js';
+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 = 'templater';
+    tagJsType = ValueTypes.templater;
     tagged;
     wrapper;
     madeChildIntoSubject;
@@ -12,16 +13,25 @@ export class TemplaterResult {
     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;
+    }
 }
 //# 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,MAAM,gBAAgB,CAAA;AAW7C,OAAO,EAAW,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAsC3E,MAAM,OAAO,eAAe;IAWP;IAVnB,SAAS,GAAG,WAAW,CAAA;IACvB,MAAM,CAAU;IAChB,OAAO,CAAU;IAEjB,oBAAoB,CAAU;IAE9B,GAAG,CAAM;IACT,QAAQ,GAAgB,IAAI,YAAY,CAAC,EAAW,CAAC,CAAA;IACrD,UAAU,CAAU,CAAC,yCAAyC;IAE9D,YAAmB,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;IAAG,CAAC;IAEnC,GAAG,CAAE,UAAmB;QACtB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,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;CACF"}
+{"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"}

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

@@ -1,12 +1,18 @@
+export declare const empty = "";
 export declare enum ValueTypes {
     unknown = "unknown",
-    tag = "tag",// this one might be bad
+    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",
     string = "string",
+    number = "number",
     boolean = "boolean",
     function = "function",
     undefined = "undefined"

package/js/tag/ValueTypes.enum.js

@@ -1,13 +1,19 @@
+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";

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,CAAN,IAAY,UAeX;AAfD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IAEnB,yBAAW,CAAA;IACX,qCAAuB,CAAA;IACvB,4CAA8B,CAAA;IAE9B,oCAAsB,CAAA;IACtB,iCAAmB,CAAA;IAEnB,2BAAa,CAAA;IACb,+BAAiB,CAAA;IACjB,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;IACrB,qCAAuB,CAAA;AACzB,CAAC,EAfW,UAAU,KAAV,UAAU,QAerB"}
+{"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"}

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

@@ -1,10 +1,8 @@
 import { InterpolateSubject } from './update/processFirstSubject.utils.js';
 import { Counts } from '../interpolations/interpolateTemplate.js';
-import { InsertBefore } from '../interpolations/InsertBefore.type.js';
-import { BaseTagSupport, TagSupport } from './TagSupport.class.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, insertBefore: InsertBefore, valueType: ValueTypes): false | "changed-simple-value" | "array" | 2 | "different-tag";
+newValue: unknown, valueType: ValueTypes): false | "changed-simple-value" | "array" | 2 | "different-tag";
 export declare function isSimpleType(value: any): boolean;
-export declare function destroyArrayTag(tagSupport: TagSupport, counts: Counts): void;
-export declare function restoreTagMarker(lastSupport: BaseTagSupport | TagSupport): void;
+export declare function destroyArrayTag(support: Support, counts: Counts): void;

package/js/tag/checkDestroyPrevious.function.js

@@ -1,10 +1,9 @@
 import { isStaticTag } from '../isInstance.js';
 import { isLikeTags } from './isLikeTags.function.js';
 import { destroyTagMemory } from './destroyTag.function.js';
-import { insertAfter } from '../insertAfter.function.js';
 import { ValueTypes } from './ValueTypes.enum.js';
 export function checkDestroyPrevious(subject, // existing.value is the old value
-newValue, insertBefore, valueType) {
+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
@@ -18,25 +17,22 @@ newValue, insertBefore, valueType) {
         if (newValue instanceof Function && lastValue instanceof Function) {
             return false;
         }
-        destroySimpleValue(insertBefore, displaySubject);
+        destroySimpleValue(displaySubject);
         return 'changed-simple-value';
     }
     const arraySubject = subject;
     const wasArray = arraySubject.lastArray;
     // no longer an array
     if (wasArray && valueType !== ValueTypes.tagArray) {
-        const placeholderElm = arraySubject.placeholder;
         delete arraySubject.lastArray;
-        delete arraySubject.placeholder;
-        insertAfter(insertBefore, placeholderElm);
-        for (let index = wasArray.length - 1; index >= 0; --index) {
-            const { tagSupport } = wasArray[index];
-            destroyArrayTag(tagSupport, { added: 0, removed: 0 });
+        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.tagSupport;
+    const lastSupport = tagSubject.support;
     // no longer tag or component?
     if (lastSupport) {
         const isValueTag = isStaticTag(newValue);
@@ -44,11 +40,10 @@ newValue, insertBefore, valueType) {
         const newTag = newValue;
         if (isSubjectTag && isValueTag) {
             // its a different tag now
-            if (!isLikeTags(newTag, lastSupport)) {
+            const likeTags = isLikeTags(newTag, lastSupport);
+            if (!likeTags) {
                 // put template back down
-                restoreTagMarker(lastSupport);
                 destroyTagMemory(lastSupport);
-                // delete lastSupport.global.deleted // ???
                 return 2;
             }
             return false;
@@ -59,8 +54,6 @@ newValue, insertBefore, valueType) {
         if (newValue && newValue.oneRender) {
             return false;
         }
-        // put template back down
-        restoreTagMarker(lastSupport);
         // destroy old component, value is not a component
         destroyTagMemory(lastSupport);
         // delete lastSupport.global.deleted // ???
@@ -69,33 +62,18 @@ newValue, insertBefore, valueType) {
     return false;
 }
 export function isSimpleType(value) {
-    return ['string', 'number', 'boolean'].includes(value);
+    return [
+        ValueTypes.string,
+        ValueTypes.number,
+        ValueTypes.boolean,
+    ].includes(value);
 }
-export function destroyArrayTag(tagSupport, counts) {
-    tagSupport.destroy({
+export function destroyArrayTag(support, counts) {
+    support.destroy({
         stagger: counts.removed++,
     });
-    const insertBefore = tagSupport.global.insertBefore;
-    const parentNode = insertBefore.parentNode;
-    parentNode.removeChild(insertBefore);
 }
-function destroySimpleValue(insertBefore, // always a template tag
-subject) {
-    const clone = subject.clone;
-    const parent = clone.parentNode;
-    // 1 put the template back down
-    parent.insertBefore(insertBefore, clone);
-    parent.removeChild(clone);
-    delete subject.clone;
+function destroySimpleValue(subject) {
     delete subject.lastValue;
 }
-export function restoreTagMarker(lastSupport) {
-    const insertBefore = lastSupport.global.insertBefore;
-    const global = lastSupport.global;
-    const placeholderElm = global.placeholder;
-    if (placeholderElm) {
-        insertAfter(insertBefore, placeholderElm);
-        delete global.placeholder;
-    }
-}
 //# 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":"AACA,OAAO,EAAE,WAAW,EAAE,MAAK,kBAAkB,CAAA;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAK,0BAA0B,CAAA;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAK,0BAA0B,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAK,4BAA4B,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,UAAU,oBAAoB,CAClC,OAA2B,EAAE,kCAAkC;AAC/D,QAAiB,EACjB,YAA0B,EAC1B,SAAqB;IAErB,MAAM,cAAc,GAAG,OAAyB,CAAA;IAChD,MAAM,YAAY,GAAG,WAAW,IAAI,cAAc,CAAA;IAClD,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAA,CAAC,kFAAkF;IAE7H,4CAA4C;IAC5C,IAAG,YAAY,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC1C,0CAA0C;QAC1C,MAAM,OAAO,GAAG,OAAM,CAAC,QAAQ,CAAC,CAAA;QAChC,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,OAAM,CAAC,SAAS,CAAC,KAAK,OAAO,EAAG,CAAC;YAC5D,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAG,QAAQ,YAAY,QAAQ,IAAK,SAAiB,YAAY,QAAQ,EAAE,CAAC;YAC1E,OAAO,KAAK,CAAA;QACd,CAAC;QAED,kBAAkB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;QAChD,OAAO,sBAAsB,CAAA;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,OAA0B,CAAA;IAC/C,MAAM,QAAQ,GAAG,YAAY,CAAC,SAAS,CAAA;IAEvC,qBAAqB;IACrB,IAAI,QAAQ,IAAI,SAAS,KAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;QAChD,MAAM,cAAc,GAAG,YAAY,CAAC,WAAmB,CAAA;QACvD,OAAO,YAAY,CAAC,SAAS,CAAA;QAC7B,OAAO,YAAY,CAAC,WAAW,CAAA;QAC/B,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;QAGzC,KAAK,IAAI,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;YAC1D,MAAM,EAAC,UAAU,EAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;YACpC,eAAe,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EAAE,OAAO,EAAC,CAAC,EAAC,CAAC,CAAA;QACnD,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,UAAU,GAAG,OAAqB,CAAA;IACxC,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAA;IAEzC,8BAA8B;IAC9B,IAAG,WAAW,EAAE,CAAC;QACf,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;QACxC,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAEhD,MAAM,MAAM,GAAG,QAAsB,CAAA;QACrC,IAAG,YAAY,IAAI,UAAU,EAAE,CAAC;YAE9B,0BAA0B;YAC1B,IAAG,CAAC,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,CAAC;gBACpC,yBAAyB;gBACzB,gBAAgB,CAAC,WAAW,CAAC,CAAA;gBAC7B,gBAAgB,CAAC,WAAW,CAAC,CAAA;gBAC7B,2CAA2C;gBAC3C,OAAO,CAAC,CAAA;YACV,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAG,SAAS,KAAK,UAAU,CAAC,YAAY,EAAE,CAAC;YACzC,OAAO,KAAK,CAAA,CAAC,4BAA4B;QAC3C,CAAC;QAGD,IAAG,QAAQ,IAAK,QAAgB,CAAC,SAAS,EAAE,CAAC;YAC3C,OAAO,KAAK,CAAA;QACd,CAAC;QAED,yBAAyB;QACzB,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAE7B,kDAAkD;QAClD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC7B,2CAA2C;QAC3C,OAAO,eAAe,CAAA;IACxB,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAU;IACrC,OAAO,CAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,UAAsB,EACtB,MAAc;IAEd,UAAU,CAAC,OAAO,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE;KAC1B,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,YAAuB,CAAA;IAC9D,MAAM,UAAU,GAAG,YAAY,CAAC,UAAwB,CAAA;IACxD,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;AACtC,CAAC;AAED,SAAS,kBAAkB,CACzB,YAA0B,EAAE,wBAAwB;AACpD,OAAuB;IAEvB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAgB,CAAA;IACtC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAwB,CAAA;IAG7C,+BAA+B;IAC/B,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IACxC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IAEzB,OAAO,OAAO,CAAC,KAAK,CAAA;IACpB,OAAO,OAAO,CAAC,SAAS,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,WAAwC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAC,YAAuB,CAAA;IAC/D,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;IACjC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;IACzC,IAAG,cAAc,EAAE,CAAC;QAClB,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;QACzC,OAAO,MAAM,CAAC,WAAW,CAAA;IAC3B,CAAC;AACH,CAAC"}
+{"version":3,"file":"checkDestroyPrevious.function.js","sourceRoot":"","sources":["../../ts/tag/checkDestroyPrevious.function.ts"],"names":[],"mappings":"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"}

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

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

package/js/tag/cloneValueArray.function.js

@@ -2,19 +2,21 @@ import { deepClone } from '../deepFunctions.js';
 import { ValueTypes } from './ValueTypes.enum.js';
 import { getValueType } from './getValueType.function.js';
 export function cloneValueArray(values) {
-    return values.map((value) => {
-        const tag = value;
-        switch (getValueType(value)) {
-            case ValueTypes.tagComponent:
-                const tagComponent = value;
-                return deepClone(tagComponent.props);
-            case ValueTypes.tag:
-            case ValueTypes.templater:
-                return cloneValueArray(tag.values);
-            case ValueTypes.tagArray:
-                return cloneValueArray(tag);
-        }
-        return deepClone(value);
-    });
+    return values.map(cloneTagJsValue);
+}
+export function cloneTagJsValue(value) {
+    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);
+    }
+    return deepClone(value);
 }
 //# 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,CAAC,KAAK,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,KAAY,CAAA;QAExB,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAG,CAAC;YAC7B,KAAK,UAAU,CAAC,YAAY;gBAC1B,MAAM,YAAY,GAAG,KAAwB,CAAA;gBAC7C,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAEtC,KAAK,UAAU,CAAC,GAAG,CAAC;YACpB,KAAK,UAAU,CAAC,SAAS;gBACvB,OAAO,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YAEpC,KAAK,UAAU,CAAC,QAAQ;gBACtB,OAAO,eAAe,CAAC,GAAuB,CAAC,CAAA;QACnD,CAAC;QAED,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC"}
+{"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"}

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

@@ -1,6 +1,6 @@
-import { TagSupport } from './TagSupport.class.js';
+import { Support } from './Support.class.js';
 export type DestroyOptions = {
     stagger: number;
     byParent?: boolean;
 };
-export declare function getChildTagsToDestroy(childTags: TagSupport[], allTags?: TagSupport[]): TagSupport[];
+export declare function getChildTagsToDestroy(childTags: Support[], allTags?: Support[]): Support[];

package/js/tag/destroy.support.js

@@ -2,8 +2,7 @@ export function getChildTagsToDestroy(childTags, allTags = []) {
     for (let index = childTags.length - 1; index >= 0; --index) {
         const cTag = childTags[index];
         allTags.push(cTag);
-        childTags.splice(index, 1);
-        getChildTagsToDestroy(cTag.global.childTags, allTags);
+        getChildTagsToDestroy(cTag.subject.global.childTags, allTags);
     }
     return allTags;
 }

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,SAAuB,EACvB,UAAwB,EAAE;IAE1B,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,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAC1B,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IACvD,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"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"}

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

@@ -1,2 +1,2 @@
-import { BaseTagSupport, TagSupport } from './TagSupport.class.js';
-export declare function destroyTagMemory(oldTagSupport: TagSupport | BaseTagSupport): void;
+import { BaseSupport, Support } from './Support.class.js';
+export declare function destroyTagMemory(oldSupport: Support | BaseSupport): void;

package/js/tag/destroyTag.function.js

@@ -1,7 +1,8 @@
-export function destroyTagMemory(oldTagSupport) {
+export function destroyTagMemory(oldSupport) {
+    const global = oldSupport.subject.global;
     // must destroy oldest which is tag with elements on stage
-    const oldest = oldTagSupport.global.oldest;
+    const oldest = global.oldest;
     oldest.destroy();
-    oldTagSupport.global.context = {};
+    oldSupport.subject.global.context = [];
 }
 //# sourceMappingURL=destroyTag.function.js.map

package/js/tag/destroyTag.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"destroyTag.function.js","sourceRoot":"","sources":["../../ts/tag/destroyTag.function.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAC9B,aAA0C;IAE1C,0DAA0D;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAoB,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,CAAA;IAEhB,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;AACnC,CAAC"}
+{"version":3,"file":"destroyTag.function.js","sourceRoot":"","sources":["../../ts/tag/destroyTag.function.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAC9B,UAAiC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CAAA;IACxC,0DAA0D;IAC1D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAiB,CAAA;IACvC,MAAM,CAAC,OAAO,EAAE,CAAA;IAEhB,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;AACxC,CAAC"}

package/js/tag/domMetaCollector.d.ts

@@ -0,0 +1,3 @@
+import { ObjectChildren } from '../interpolations/optimizers/ObjectNode.types.js';
+/** Converts strings & values into dom meta */
+export declare function getDomMeta(strings: string[], values: unknown[]): ObjectChildren;

package/js/tag/domMetaCollector.js

@@ -0,0 +1,26 @@
+import { htmlInterpolationToDomMeta } from '../interpolations/optimizers/htmlInterpolationToDomMeta.function.js';
+import { getStringsId } from './getStringsId.function.js';
+import { isLastRunMatched } from './isLastRunMatched.function.js';
+const lastRuns = {};
+/** Converts strings & values into dom meta */
+export function getDomMeta(strings, values) {
+    const stringId = getStringsId(strings, values);
+    const lastRun = lastRuns[stringId];
+    const matches = lastRun && isLastRunMatched(strings, values, lastRun);
+    let domMeta;
+    if (matches) {
+        domMeta = lastRun.domMeta;
+        return domMeta;
+    }
+    domMeta = htmlInterpolationToDomMeta(strings, values);
+    const template = {
+        interpolation: undefined,
+        string: undefined,
+        strings,
+        values,
+        domMeta,
+    };
+    lastRuns[stringId] = template;
+    return domMeta;
+}
+//# sourceMappingURL=domMetaCollector.js.map

package/js/tag/domMetaCollector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domMetaCollector.js","sourceRoot":"","sources":["../../ts/tag/domMetaCollector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qEAAqE,CAAA;AAChH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAGjE,MAAM,QAAQ,GAAmC,EAAE,CAAA;AAEnD,8CAA8C;AAC9C,MAAM,UAAU,UAAU,CACxB,OAAiB,EACjB,MAAiB;IAEjB,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,IAAI,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACrE,IAAI,OAAuB,CAAA;IAE3B,IAAG,OAAO,EAAE,CAAC;QACX,OAAO,GAAG,OAAO,CAAC,OAAyB,CAAA;QAC3C,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,GAAG,0BAA0B,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IACrD,MAAM,QAAQ,GAAG;QACf,aAAa,EAAE,SAAgB;QAC/B,MAAM,EAAE,SAAgB;QACxB,OAAO;QACP,MAAM;QAEN,OAAO;KACR,CAAA;IAED,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAA;IAE7B,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -0,0 +1 @@
+export declare function getStringsId(strings: string[], values: any[]): number;

package/js/tag/getStringsId.function.js

@@ -0,0 +1,7 @@
+export function getStringsId(strings, values) {
+    const array = strings.map(x => x.length);
+    array.push(strings.length);
+    // array.push(values.length)
+    return Number(array.join(''));
+}
+//# sourceMappingURL=getStringsId.function.js.map

package/js/tag/getStringsId.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStringsId.function.js","sourceRoot":"","sources":["../../ts/tag/getStringsId.function.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,YAAY,CAC1B,OAAiB,EACjB,MAAa;IAEb,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACxC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC1B,4BAA4B;IAC5B,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;AAC/B,CAAC"}

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

@@ -1 +1 @@
-export declare function getSupportInCycle(): import("./TagSupport.class.js").BaseTagSupport | import("./TagSupport.class.js").TagSupport | undefined;
+export declare function getSupportInCycle(): import("./Support.class.js").BaseSupport | import("./Support.class.js").Support | undefined;

package/js/tag/getSupportInCycle.function.js

@@ -1,5 +1,5 @@
 import { setUse } from '../state/index.js';
 export function getSupportInCycle() {
-    return setUse.memory.stateConfig.tagSupport;
+    return setUse.memory.stateConfig.support;
 }
 //# sourceMappingURL=getSupportInCycle.function.js.map

package/js/tag/getSupportInCycle.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSupportInCycle.function.js","sourceRoot":"","sources":["../../ts/tag/getSupportInCycle.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAK,mBAAmB,CAAA;AAEzC,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;AAC7C,CAAC"}
+{"version":3,"file":"getSupportInCycle.function.js","sourceRoot":"","sources":["../../ts/tag/getSupportInCycle.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAK,mBAAmB,CAAA;AAEzC,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAA;AAC1C,CAAC"}

package/js/tag/getTagWrap.function.js

@@ -1,73 +1,82 @@
 import { runTagCallback } from '../interpolations/bindSubjectCallback.function.js';
-import { deepClone } from '../deepFunctions.js';
-import { TagSupport } from './TagSupport.class.js';
+import { Support } from './Support.class.js';
 import { castProps } from '../alterProp.function.js';
 import { setUse } from '../state/setUse.function.js';
 import { ValueTypes } from './ValueTypes.enum.js';
 import { html } from './html.js';
+import { syncFunctionProps } from './update/updateExistingTagComponent.function.js';
 /** creates/returns a function that when called then calls the original component function
  * Gets used as templater.wrapper()
  */
 export function getTagWrap(templater, result) {
     const stateArray = setUse.memory.stateConfig.array;
     // this function gets called by taggedjs
-    const wrapper = function (lastTagSupport, subject) {
-        const global = lastTagSupport.global;
-        ++global.renderCount;
-        const childSubject = templater.children;
-        const lastArray = global.oldest?.templater.children.lastArray;
-        if (lastArray) {
-            childSubject.lastArray = lastArray;
-        }
-        // result.original
-        const originalFunction = result.original; // (innerTagWrap as any).original as unknown as TagComponent
-        let props = templater.props;
-        // When defined, this must be an update where my new props have already been made for me
-        const preCastedProps = lastTagSupport.propsConfig.castProps;
-        const castedProps = preCastedProps || castProps(props, lastTagSupport, stateArray);
-        const latestCloned = props.map(props => deepClone(props)); // castedProps
-        // CALL ORIGINAL COMPONENT FUNCTION
-        let tag = originalFunction(...castedProps);
-        if (tag instanceof Function) {
-            tag = tag();
-        }
-        if (!tag || tag.tagJsType !== ValueTypes.tag) {
-            tag = html `${tag}`; // component returned a non-component value
-        }
-        tag.templater = templater;
-        templater.tag = tag;
-        tag.memory.arrayValue = templater.arrayValue; // tag component could have been used in array.map
-        const tagSupport = new TagSupport(templater, lastTagSupport.ownerTagSupport, subject, castedProps, global.renderCount);
-        tagSupport.global = global;
-        const nowState = setUse.memory.stateConfig.array;
-        tagSupport.memory.state.push(...nowState);
-        if (templater.madeChildIntoSubject) {
-            const value = childSubject.value;
-            for (let index = value.length - 1; index >= 0; --index) {
-                const kid = value[index];
-                const values = kid.values;
-                for (let index = values.length - 1; index >= 0; --index) {
-                    const value = values[index];
-                    if (!(value instanceof Function)) {
-                        continue;
-                    }
-                    const valuesValue = kid.values[index];
-                    if (valuesValue.isChildOverride) {
-                        continue; // already overwritten
-                    }
-                    // all functions need to report to me
-                    kid.values[index] = function (...args) {
-                        const ownerSupport = tagSupport.ownerTagSupport;
-                        return runTagCallback(value, // callback
-                        ownerSupport, this, // bindTo
-                        args);
-                    };
-                    valuesValue.isChildOverride = true;
+    const wrapper = (newSupport, subject, lastSupport) => executeWrap(stateArray, templater, result, newSupport, subject, lastSupport);
+    return wrapper;
+}
+function executeWrap(stateArray, templater, result, newSupport, subject, lastSupport) {
+    const global = newSupport.subject.global;
+    ++global.renderCount;
+    const childSubject = templater.children;
+    const lastArray = global.oldest?.templater.children.lastArray;
+    if (lastArray) {
+        childSubject.lastArray = lastArray;
+    }
+    // result.original
+    const originalFunction = result.original; // (innerTagWrap as any).original as unknown as TagComponent
+    let props = templater.props;
+    // When defined, this must be an update where my new props have already been made for me
+    let preCastedProps = newSupport.propsConfig.castProps;
+    const lastCastProps = lastSupport?.propsConfig.castProps;
+    if (lastCastProps) {
+        newSupport.propsConfig.castProps = lastCastProps;
+        preCastedProps = syncFunctionProps(newSupport, lastSupport, lastSupport.ownerSupport, props);
+    }
+    const castedProps = preCastedProps || castProps(props, newSupport, stateArray, 0);
+    // CALL ORIGINAL COMPONENT FUNCTION
+    let tag = originalFunction(...castedProps);
+    if (tag instanceof Function) {
+        tag = tag();
+    }
+    const unknown = !tag || (tag.tagJsType && ![ValueTypes.tag, ValueTypes.dom].includes(tag.tagJsType));
+    if (unknown) {
+        tag = html `${tag}`; // component returned a non-component value
+    }
+    tag.templater = templater;
+    templater.tag = tag;
+    tag.arrayValue = templater.arrayValue; // tag component could have been used in array.map
+    const support = new Support(templater, newSupport.ownerSupport, subject, castedProps, global.renderCount);
+    support.subject.global = global;
+    // ??? this should be set by outside?
+    global.oldest = global.oldest || support;
+    // ??? new - removed
+    // global.newest = support
+    const nowState = setUse.memory.stateConfig.array;
+    support.state.push(...nowState);
+    if (templater.madeChildIntoSubject) {
+        const value = childSubject.value;
+        for (let index = value.length - 1; index >= 0; --index) {
+            const kid = value[index];
+            const values = kid.values;
+            for (let index = values.length - 1; index >= 0; --index) {
+                const value = values[index];
+                if (!(value instanceof Function)) {
+                    continue;
+                }
+                const valuesValue = kid.values[index];
+                if (valuesValue.isChildOverride) {
+                    continue; // already overwritten
                 }
+                // all functions need to report to me
+                kid.values[index] = function (...args) {
+                    return runTagCallback(value, // callback
+                    support.ownerSupport, this, // bindTo
+                    args, support.state);
+                };
+                valuesValue.isChildOverride = true;
             }
         }
-        return tagSupport;
-    };
-    return wrapper;
+    }
+    return support;
 }
 //# sourceMappingURL=getTagWrap.function.js.map