taggedjs 2.8.44 → 3.0.3

package/js/interpolations/attributes/processFunctionAttr.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processFunctionAttr.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/processFunctionAttr.function.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEzD,gEAAgE;AAChE,MAAM,UAAU,mBAAmB,CACjC,KAAY,EACZ,aAA0B,EAAE,iBAAiB;AAC7C,QAAgB,EAChB,OAAoB,EACpB,QAAkB;IAElB,MAAM,UAAU,GAAI,KAAa,EAAE,CAAA;IAEnC,MAAM,gBAAgB,GAAa;QACjC,SAAS,EAAE,cAAc;QAEzB,gBAAgB,EAAE,CAAC,MAAW,EAAE,EAAE;YAChC,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAA;YACpC,IAAI,QAAQ,CAAC,gBAAgB,EAAG,CAAC;gBAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;gBACzD,OAAO,GAAG,CAAA;YACZ,CAAC;QACH,CAAC;QAED,eAAe,EAAE,CACf,MAAe,EACf,YAAyB,EACzB,YAAwB,EACxB,EAAE;YACF,MAAM,QAAQ,GAAI,KAAa,EAAE,CAAA;YACjC,OAAO,UAAU,CAAC,QAAQ,CAAC,eAAe,CACxC,QAAQ,EACR,UAAU,EACV,YAAY,CACb,CAAA;QACH,CAAC;QACD,WAAW,EAAE,YAAY;QACzB,oBAAoB,EAAE,YAAY;QAClC,OAAO,EAAE,CACP,YAAyB,EACzB,YAAwB,EACxB,EAAE;YACF,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;QACvD,CAAC;QACD,aAAa,EAAE,CACb,KAAU,EACV,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,EAAE;YACF,EAAE,WAAW,CAAC,WAAW,CAAA;YAEzB,MAAM,QAAQ,GAAI,KAAa,EAAE,CAAA;YACjC,oCAAoC;YACpC,gDAAgD;YAEhD,UAAU,CAAC,QAAQ,CAAC,aAAa,CAC/B,QAAQ,EAAE,sBAAsB;YAChC,UAAU,EACV,YAAY,EACZ,MAAM,CACP,CAAA;YAED,UAAU,CAAC,KAAK,GAAG,QAAQ,CAAA;QAC7B,CAAC;KACF,CAAA;IAED,MAAM,UAAU,GAAoB;QAClC,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,IAAI;QACZ,OAAO;QACP,aAAa;QACb,KAAK,EAAE,UAAU,EAAE,+BAA+B;QAClD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC;QAErC,mBAAmB;QACnB,UAAU,EAAE,CAAC,CAAC;QACd,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,IAAI,OAAO,EAAE;QACvB,OAAO,EAAE,IAAI,OAAO,EAAE;KACvB,CAAA;IAED,MAAM,WAAW,GAAoB;QACnC,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,OAAO;QACP,aAAa;QACb,KAAK;QACL,QAAQ,EAAE,gBAAgB;QAE1B,mBAAmB;QACnB,UAAU,EAAE,CAAC,CAAC;QACd,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,IAAI,OAAO,EAAE;QACvB,OAAO,EAAE,IAAI,OAAO,EAAE;KACvB,CAAA;IAED,UAAU,CAAC,QAAQ,CAAC,oBAAoB,CACtC,QAAQ,EACR,UAAU,EACV,OAAO,EACP,UAAU,CAAC,QAAQ,EACnB,UAAU,EACV,EAAgB,EAChB,QAAQ,CACT,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/js/interpolations/attributes/processNameValueAttribute.function.d.ts

@@ -2,7 +2,7 @@ import { HowToSet } from './howToSetInputValue.function.js';
 import { TagGlobal } from '../../tag/getTemplaterResult.function.js';
 import { SpecialDefinition } from '../../render/attributes/Special.types.js';
 import { ContextItem } from '../../tag/ContextItem.type.js';
-import { AnySupport } from '../../tag/AnySupport.type.js';
-import type { TagCounts } from '../../tag/TagCounts.type.js';
-export declare function processDynamicNameValueAttribute(attrName: string, value: any | TagGlobal, contextItem: ContextItem, element: Element, howToSet: HowToSet, support: AnySupport, counts: TagCounts, isSpecial: SpecialDefinition): void;
-export declare function processNonDynamicAttr(attrName: string, value: string, element: Element, howToSet: HowToSet, counts: TagCounts, support: AnySupport, isSpecial: SpecialDefinition): void;
+import { AnySupport } from '../../tag/index.js';
+import { AttributeContextItem } from '../../tag/AttributeContextItem.type.js';
+export declare function processDynamicNameValueAttribute(attrName: string, value: any | TagGlobal, contextItem: AttributeContextItem, element: Element, howToSet: HowToSet, support: AnySupport, isSpecial: SpecialDefinition): void | ContextItem;
+export declare function processNonDynamicAttr(attrName: string, value: string, element: Element, howToSet: HowToSet, isSpecial: SpecialDefinition, context: ContextItem): ContextItem | void;

package/js/interpolations/attributes/processNameValueAttribute.function.js

@@ -1,17 +1,24 @@
 import { specialAttribute } from './specialAttribute.js';
-import { processTagCallbackFun } from '../../render/attributes/processAttribute.function.js';
-import { BasicTypes } from '../../tag/ValueTypes.enum.js';
-export function processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, counts, isSpecial) {
+import { setNonFunctionInputValue } from './howToSetInputValue.function.js';
+import { processFunctionAttr } from './processFunctionAttr.function.js';
+export function processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, isSpecial) {
     contextItem.element = element;
     contextItem.howToSet = howToSet;
-    if (typeof (value) === BasicTypes.function) {
-        return processTagCallbackFun(contextItem, value, support, attrName, element);
-    }
     contextItem.attrName = attrName;
     contextItem.isSpecial = isSpecial;
-    return processNonDynamicAttr(attrName, value, element, howToSet, counts, support, isSpecial);
+    if (value?.tagJsType) {
+        return processTagJsAttribute(attrName, value, contextItem, support, element);
+    }
+    return processNonDynamicAttr(attrName, value, element, howToSet, isSpecial, contextItem);
 }
-export function processNonDynamicAttr(attrName, value, element, howToSet, counts, support, isSpecial) {
+function processTagJsAttribute(name, value, contextItem, ownerSupport, element) {
+    value.processInitAttribute(name, value, element, value, contextItem, ownerSupport, setNonFunctionInputValue);
+    contextItem.tagJsVar = value;
+}
+export function processNonDynamicAttr(attrName, value, element, howToSet, isSpecial, context) {
+    if (typeof value === 'function') {
+        return processFunctionAttr(value, context, attrName, element, howToSet);
+    }
     if (isSpecial) {
         return specialAttribute(attrName, value, element, isSpecial);
     }

package/js/interpolations/attributes/processNameValueAttribute.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"processNameValueAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/processNameValueAttribute.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAA;AAI5F,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,MAAM,UAAU,gCAAgC,CAC9C,QAAgB,EAChB,KAAsB,EACtB,WAAwB,EACxB,OAAgB,EAChB,QAAkB,EAClB,OAAmB,EACnB,MAAiB,EACjB,SAA4B;IAE5B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAA;IAC7B,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAE/B,IAAG,OAAM,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,QAAQ,EAAG,CAAC;QAC1C,OAAO,qBAAqB,CAC1B,WAAW,EACX,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,CACR,CAAA;IACH,CAAC;IAED,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,SAAS,GAAG,SAAS,CAAA;IAEjC,OAAO,qBAAqB,CAC1B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,CACV,CAAA;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,KAAa,EACb,OAAgB,EAChB,QAAkB,EAClB,MAAiB,EACjB,OAAmB,EACnB,SAA4B;IAE5B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,gBAAgB,CACrB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,CACV,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,OAAsB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;AACnD,CAAC"}
+{"version":3,"file":"processNameValueAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/processNameValueAttribute.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAY,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAOrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,MAAM,UAAU,gCAAgC,CAC9C,QAAgB,EAChB,KAAsB,EACtB,WAAiC,EACjC,OAAgB,EAChB,QAAkB,EAClB,OAAmB,EACnB,SAA4B;IAE5B,WAAW,CAAC,OAAO,GAAG,OAAsB,CAAA;IAC5C,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,SAAS,GAAG,SAAS,CAAA;IAEjC,IAAI,KAAK,EAAE,SAAS,EAAG,CAAC;QACtB,OAAO,qBAAqB,CAC1B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,CACR,CAAA;IACH,CAAC;IAED,OAAO,qBAAqB,CAC1B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,CACZ,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAC5B,IAAY,EACZ,KAAe,EACf,WAAwB,EACxB,YAAwB,EACxB,OAAgB;IAEhB,KAAK,CAAC,oBAAoB,CACxB,IAAI,EACJ,KAAK,EACL,OAAsB,EACtB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,wBAAwB,CACzB,CAAA;IAED,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,KAAa,EACb,OAAgB,EAChB,QAAkB,EAClB,SAA4B,EAC5B,OAAoB;IAEpB,IAAI,OAAO,KAAK,KAAK,UAAU,EAAG,CAAC;QACjC,OAAO,mBAAmB,CACxB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAsB,EACtB,QAAQ,CACT,CAAA;IACH,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,gBAAgB,CACrB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,CACV,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,OAAsB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;AACnD,CAAC"}

package/js/interpolations/attributes/renderTagArray.function.d.ts

@@ -1,2 +1,2 @@
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport } from '../../tag/index.js';
 export declare function renderTagUpdateArray(supports: AnySupport[]): void;

package/js/interpolations/attributes/renderTagArray.function.js

@@ -7,10 +7,13 @@ export function renderTagUpdateArray(supports) {
     paint();
 }
 function mapTagUpdate(support) {
-    const global = support.context.global;
+    const context = support.context;
+    const global = context.global;
     if (!global) {
+        context.tagJsVar.processUpdate(context.value, context, support.ownerSupport, []);
         return; // while rendering a parent, a child may have been deleted (pinbowl)
     }
-    renderSupport(global.newest);
+    const stateMeta = context.state;
+    renderSupport(stateMeta.newest);
 }
 //# sourceMappingURL=renderTagArray.function.js.map

package/js/interpolations/attributes/renderTagArray.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderTagArray.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/renderTagArray.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAK,wCAAwC,CAAA;AAErE,MAAM,UAAU,oBAAoB,CAClC,QAAsB;IAEtB,EAAE,QAAQ,CAAC,KAAK,CAAA;IAEhB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IAE9B,EAAE,QAAQ,CAAC,KAAK,CAAA;IAGhB,KAAK,EAAE,CAAA;AACT,CAAC;AAED,SAAS,YAAY,CAAC,OAAmB;IACvC,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,IAAG,CAAC,MAAM,EAAE,CAAC;QACX,OAAM,CAAC,oEAAoE;IAC7E,CAAC;IAED,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"renderTagArray.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/renderTagArray.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAK,wCAAwC,CAAA;AAErE,MAAM,UAAU,oBAAoB,CAClC,QAAsB;IAEtB,EAAE,QAAQ,CAAC,KAAK,CAAA;IAEhB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IAE9B,EAAE,QAAQ,CAAC,KAAK,CAAA;IAEhB,KAAK,EAAE,CAAA;AACT,CAAC;AAED,SAAS,YAAY,CAAC,OAAmB;IACvC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,MAA0B,CAAA;IAEjD,IAAG,CAAC,MAAM,EAAE,CAAC;QACX,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC5B,OAAO,CAAC,KAAK,EACb,OAAO,EACP,OAAO,CAAC,YAA0B,EAClC,EAAE,CACH,CAAA;QACD,OAAM,CAAC,oEAAoE;IAC7E,CAAC;IAED,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA;IAC/B,aAAa,CAAC,SAAS,CAAC,MAAoB,CAAC,CAAA;AAC/C,CAAC"}

package/js/interpolations/attributes/specialAttribute.js

@@ -1,12 +1,13 @@
-import { paintContent } from "../../render/paint.function.js";
+import { paintAfters, paintContent } from "../../render/paint.function.js";
 /** handles autofocus, autoselect, style., class. */
 export function specialAttribute(name, value, element, specialName) {
     switch (specialName) {
         case 'autofocus':
-            paintContent.push([autofocus, [element]]);
+            paintAfters.push([autofocus, [element]]);
+            // element.setAttribute("autofocus", 'true')
             return;
         case 'autoselect':
-            paintContent.push([autoselect, [element]]);
+            paintAfters.push([autoselect, [element]]);
             return;
         case 'style': {
             const names = name.split('.');
@@ -21,8 +22,8 @@ export function specialAttribute(name, value, element, specialName) {
 }
 function paintStyle(element, names, value) {
     const smallName = names[1];
-    element.style[smallName] = value;
-    element.style.setProperty(smallName, value);
+    element.style[smallName] = value; // style.backgroundGround
+    element.style.setProperty(smallName, value); // style.background-ground
 }
 function processSpecialClass(name, value, element) {
     const names = name.split('.');

package/js/interpolations/attributes/specialAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"specialAttribute.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/specialAttribute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAG7D,oDAAoD;AACpD,MAAM,UAAU,gBAAgB,CAC9B,IAAY,EACZ,KAAU,EACV,OAAgB,EAChB,WAA8B;IAE9B,QAAQ,WAAW,EAAE,CAAC;QAEpB,KAAK,WAAW;YACd,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACzC,OAAM;QAER,KAAK,YAAY;YACf,YAAY,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC1C,OAAM;QAER,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7B,YAAY,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,sCAAsC;YAE/F,OAAM;QACR,CAAC;QAED,KAAK,OAAO;YACV,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YACzC,OAAM;IACV,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,gCAAgC,WAAW,KAAK,IAAI,EAAE,CAAC,CAAA;AACzE,CAAC;AAED,SAAS,UAAU,CACjB,OAAoB,EACpB,KAAe,EACf,KAAU;IAEV,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAQ,CAAA;IAEjC,OAAO,CAAC,KAAK,CAAE,SAAS,CAAE,GAAG,KAAK,CAAA;IAClC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;AAC7C,CAAC;AAED,SAAS,mBAAmB,CAC1B,IAAY,EACZ,KAAU,EACV,OAAgB;IAEhB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC7B,KAAK,CAAC,KAAK,EAAE,CAAA,CAAC,eAAe;IAE7B,SAAS;IACT,IAAG,KAAK,EAAE,CAAC;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,YAAY,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;QACD,OAAM;IACR,CAAC;IAED,QAAQ;IACR,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACvD,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CACnB,OAAgB,EAAE,IAAY;IAE9B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC;AAED,SAAS,eAAe,CACtB,OAAgB,EAAE,IAAY;IAE9B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;AAChC,CAAC;AAED,SAAS,UAAU,CAAC,OAAoB;IACrC,OAAe,CAAC,MAAM,EAAE,CAAA;AAC3B,CAAC;AAED,SAAS,SAAS,CAAC,OAAoB;IACpC,OAAe,CAAC,KAAK,EAAE,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"specialAttribute.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/specialAttribute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAG1E,oDAAoD;AACpD,MAAM,UAAU,gBAAgB,CAC9B,IAAY,EACZ,KAAU,EACV,OAAgB,EAChB,WAA8B;IAE9B,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,WAAW;YACd,WAAW,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACxC,4CAA4C;YAC5C,OAAM;QAER,KAAK,YAAY;YACf,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACzC,OAAM;QAER,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7B,YAAY,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA,CAAC,sCAAsC;YAC/F,OAAM;QACR,CAAC;QAED,KAAK,OAAO;YACV,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YACzC,OAAM;IACV,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,gCAAgC,WAAW,KAAK,IAAI,EAAE,CAAC,CAAA;AACzE,CAAC;AAED,SAAS,UAAU,CACjB,OAAoB,EACpB,KAAe,EACf,KAAU;IAEV,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAQ,CAAA;IAEjC,OAAO,CAAC,KAAK,CAAE,SAAS,CAAE,GAAG,KAAK,CAAA,CAAC,yBAAyB;IAC5D,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA,CAAC,0BAA0B;AACxE,CAAC;AAED,SAAS,mBAAmB,CAC1B,IAAY,EACZ,KAAU,EACV,OAAgB;IAEhB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC7B,KAAK,CAAC,KAAK,EAAE,CAAA,CAAC,eAAe;IAE7B,SAAS;IACT,IAAG,KAAK,EAAE,CAAC;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,YAAY,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;QACD,OAAM;IACR,CAAC;IAED,QAAQ;IACR,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;IACvD,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CACnB,OAAgB,EAAE,IAAY;IAE9B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC;AAED,SAAS,eAAe,CACtB,OAAgB,EAAE,IAAY;IAE9B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;AAChC,CAAC;AAED,SAAS,UAAU,CAAC,OAAoB;IACrC,OAAe,CAAC,MAAM,EAAE,CAAA;AAC3B,CAAC;AAED,SAAS,SAAS,CAAC,OAAoB;IACpC,OAAe,CAAC,KAAK,EAAE,CAAA;AAC1B,CAAC"}

package/js/interpolations/attributes/updateAttribute.function.d.ts

@@ -1,5 +1,4 @@
 import { HowToSet } from './howToSetInputValue.function.js';
 import { AnySupport } from '../../tag/AnySupport.type.js';
 import { ContextItem } from '../../tag/ContextItem.type.js';
-import type { TagCounts } from '../../tag/TagCounts.type.js';
-export declare function updateNameOnlyAttrValue(values: unknown[], attrValue: string | boolean | Record<string, any>, lastValue: string | Record<string, any> | undefined, element: Element, ownerSupport: AnySupport, howToSet: HowToSet, context: ContextItem[], counts: TagCounts): void;
+export declare function updateNameOnlyAttrValue(values: unknown[], attrValue: string | boolean | Record<string, any>, lastValue: string | Record<string, any> | undefined, element: Element, ownerSupport: AnySupport, howToSet: HowToSet, context: ContextItem[]): void;

package/js/interpolations/attributes/updateAttribute.function.js

@@ -3,7 +3,7 @@ import { BasicTypes } from '../../tag/ValueTypes.enum.js';
 import { paintContent } from '../../render/paint.function.js';
 import { processNameOnlyAttrValue } from '../../render/attributes/processAttribute.function.js';
 import { isNoDisplayValue } from '../../render/attributes/isNoDisplayValue.function.js';
-export function updateNameOnlyAttrValue(values, attrValue, lastValue, element, ownerSupport, howToSet, context, counts) {
+export function updateNameOnlyAttrValue(values, attrValue, lastValue, element, ownerSupport, howToSet, context) {
     // check to remove previous attribute(s)
     if (lastValue) {
         if (isNoDisplayValue(attrValue)) {
@@ -28,7 +28,7 @@ export function updateNameOnlyAttrValue(values, attrValue, lastValue, element, o
             }
         }
     }
-    processNameOnlyAttrValue(values, attrValue, element, ownerSupport, howToSet, context, counts);
+    processNameOnlyAttrValue(values, attrValue, element, ownerSupport, howToSet, context);
 }
 function removeAttribute(element, name) {
     element.removeAttribute(name);

package/js/interpolations/attributes/updateAttribute.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/updateAttribute.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAGtB,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAG7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAGvF,MAAM,UAAU,uBAAuB,CACrC,MAAiB,EACjB,SAAiD,EACjD,SAAmD,EACnD,OAAgB,EAChB,YAAwB,EACxB,QAAkB,EAClB,OAAsB,EACtB,MAAiB;IAEjB,wCAAwC;IACxC,IAAG,SAAS,EAAE,CAAC;QACb,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAG,CAAC;YACjC,OAAO,CAAC,eAAe,CAAC,SAAmB,CAAC,CAAA;YAC5C,OAAM;QACR,CAAC;QAED,IAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC3C,MAAM,SAAS,GAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,CAAA;YACzD,IAAG,SAAS,EAAE,CAAC;gBACb,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,iCAAiC;oBAC/B,IAAG,IAAI,IAAK,SAAiB,EAAE,CAAC;wBAChC,SAAQ;oBACV,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,wBAAwB,CACtB,MAAM,EACN,SAAS,EACT,OAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,CACP,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CACtB,OAAgB,EAChB,IAAY;IAEZ,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;AAC/B,CAAC"}
+{"version":3,"file":"updateAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/updateAttribute.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAGtB,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAA;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAGvF,MAAM,UAAU,uBAAuB,CACrC,MAAiB,EACjB,SAAiD,EACjD,SAAmD,EACnD,OAAgB,EAChB,YAAwB,EACxB,QAAkB,EAClB,OAAsB;IAEtB,wCAAwC;IACxC,IAAG,SAAS,EAAE,CAAC;QACb,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAG,CAAC;YACjC,OAAO,CAAC,eAAe,CAAC,SAAmB,CAAC,CAAA;YAC5C,OAAM;QACR,CAAC;QAED,IAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC3C,MAAM,SAAS,GAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,CAAA;YACzD,IAAG,SAAS,EAAE,CAAC;gBACb,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,iCAAiC;oBAC/B,IAAG,IAAI,IAAK,SAAiB,EAAE,CAAC;wBAChC,SAAQ;oBACV,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,wBAAwB,CACtB,MAAM,EACN,SAAS,EACT,OAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,OAAO,CACR,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CACtB,OAAgB,EAChB,IAAY;IAEZ,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;AAC/B,CAAC"}

package/js/interpolations/attributes/updateNameOnlyAttrValue.function.d.ts

@@ -0,0 +1,4 @@
+import { HowToSet } from './howToSetInputValue.function.js';
+import { AnySupport } from '../../tag/index.js';
+import { ContextItem } from '../../tag/ContextItem.type.js';
+export declare function updateNameOnlyAttrValue(values: unknown[], attrValue: string | boolean | Record<string, any>, lastValue: string | Record<string, any> | undefined, element: Element, ownerSupport: AnySupport, howToSet: HowToSet, contexts: ContextItem[], parentContext: ContextItem): void;

package/js/interpolations/attributes/updateNameOnlyAttrValue.function.js

@@ -0,0 +1,39 @@
+// taggedjs-no-compile
+import { BasicTypes } from '../../tag/ValueTypes.enum.js';
+import { paintContent } from '../../render/paint.function.js';
+import { processStandAloneAttribute } from '../../render/attributes/processStandAloneAttribute.function.js';
+import { isNoDisplayValue } from '../../render/attributes/isNoDisplayValue.function.js';
+export function updateNameOnlyAttrValue(values, attrValue, lastValue, element, ownerSupport, howToSet, contexts, parentContext) {
+    // check to remove previous attribute(s)
+    if (lastValue) {
+        if (isNoDisplayValue(attrValue) || attrValue === '') {
+            element.removeAttribute(lastValue);
+            return;
+        }
+        if (typeof (lastValue) === BasicTypes.object) {
+            const isObStill = typeof (attrValue) === BasicTypes.object;
+            if (isObStill) {
+                for (const name in lastValue) {
+                    // if((attrValue as any)[name]) {
+                    if (name in attrValue) {
+                        continue;
+                    }
+                    paintContent.push([removeAttribute, [element, name]]);
+                }
+            }
+            else {
+                for (const name in lastValue) {
+                    paintContent.push([removeAttribute, [element, name]]);
+                }
+            }
+        }
+    }
+    const standAloneResult = processStandAloneAttribute(values, attrValue, element, ownerSupport, howToSet, contexts, parentContext);
+    if (standAloneResult) {
+        contexts.push(...standAloneResult);
+    }
+}
+function removeAttribute(element, name) {
+    element.removeAttribute(name);
+}
+//# sourceMappingURL=updateNameOnlyAttrValue.function.js.map

package/js/interpolations/attributes/updateNameOnlyAttrValue.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateNameOnlyAttrValue.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/updateNameOnlyAttrValue.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAGtB,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAC3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAEvF,MAAM,UAAU,uBAAuB,CACrC,MAAiB,EACjB,SAAiD,EACjD,SAAmD,EACnD,OAAgB,EAChB,YAAwB,EACxB,QAAkB,EAClB,QAAuB,EACvB,aAA0B;IAE1B,wCAAwC;IACxC,IAAG,SAAS,EAAE,CAAC;QACb,IAAI,gBAAgB,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,EAAE,EAAG,CAAC;YACrD,OAAO,CAAC,eAAe,CAAC,SAAmB,CAAC,CAAA;YAC5C,OAAM;QACR,CAAC;QAED,IAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC3C,MAAM,SAAS,GAAG,OAAM,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,MAAM,CAAA;YACzD,IAAG,SAAS,EAAE,CAAC;gBACb,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,iCAAiC;oBAC/B,IAAG,IAAI,IAAK,SAAiB,EAAE,CAAC;wBAChC,SAAQ;oBACV,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,KAAK,MAAM,IAAI,IAAK,SAAoB,EAAE,CAAC;oBACzC,YAAY,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,gBAAgB,GAAG,0BAA0B,CACjD,MAAM,EACN,SAAS,EACT,OAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,CACd,CAAA;IAED,IAAG,gBAAgB,EAAE,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAE,GAAG,gBAAgB,CAAE,CAAA;IACtC,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CACtB,OAAgB,EAChB,IAAY;IAEZ,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;AAC/B,CAAC"}

package/js/interpolations/interpolateTemplate.d.ts

@@ -1,5 +1,5 @@
 import { InterpolateSubject } from '../tag/update/processFirstSubject.utils.js';
-import { AnySupport } from '../tag/AnySupport.type.js';
+import { AnySupport } from '../tag/index.js';
 export type Template = Element & {
     content: any;
 };

package/js/interpolations/optimizers/ObjectNode.types.d.ts

@@ -10,9 +10,10 @@ export type ObjectText = ObjectNode & {
     domElement?: Text;
 };
 export type Attribute = [
-    string,
-    any?,
-    SpecialDefinition?
+    attrName: string,
+    value?: any,
+    isSpecial?: SpecialDefinition,
+    howToSet?: any
 ] | [any];
 export type ObjectElement = ObjectNode & {
     at?: Attribute[];
@@ -25,11 +26,7 @@ export type DomObjectText = ObjectText & {
     marker: Text;
 };
 export type DomObjectElement = ObjectElement & {
-    at: [
-        string,
-        any,
-        boolean
-    ][];
+    at: Attribute[];
     domElement: HTMLElement;
     ch?: DomObjectChildren;
     marker?: Text;

package/js/interpolations/optimizers/attachDynamicDom.function.d.ts

@@ -1,7 +1,5 @@
 import { AnySupport } from "../../tag/AnySupport.type.js";
 import { ContextItem } from "../../tag/ContextItem.type.js";
-import type { TagCounts } from '../../tag/TagCounts.type.js';
-export declare function attachDynamicDom(value: any, context: ContextItem[], support: AnySupport, // owner
-counts: TagCounts, // used for animation stagger computing
-depth: number, // used to indicate if variable lives within an owner's element
-appendTo?: Element, insertBefore?: Text): void;
+export declare function attachDynamicDom(value: any, contexts: ContextItem[], support: AnySupport, // owner
+parentContext: ContextItem, depth: number, // used to indicate if variable lives within an owner's element
+appendTo?: HTMLElement, insertBefore?: Text): ContextItem;

package/js/interpolations/optimizers/attachDynamicDom.function.js

@@ -1,22 +1,25 @@
 // taggedjs-no-compile
 import { paintAppend, paintAppends, paintBefore, paintCommands } from "../../render/paint.function.js";
-import { addOneContext } from "../../render/index.js";
+import { addOneContext } from "../../render/addOneContext.function.js";
 import { empty } from "../../tag/ValueTypes.enum.js";
 import { domProcessContextItem } from "./domProcessContextItem.function.js";
-export function attachDynamicDom(value, context, support, // owner
-counts, // used for animation stagger computing
-depth, // used to indicate if variable lives within an owner's element
+export function attachDynamicDom(value, contexts, support, // owner
+parentContext, depth, // used to indicate if variable lives within an owner's element
 appendTo, insertBefore) {
     const marker = document.createTextNode(empty);
     const isWithinOwnerElement = depth > 0;
-    const contextItem = addOneContext(value, context, isWithinOwnerElement);
+    const contextItem = addOneContext(value, contexts, isWithinOwnerElement, parentContext);
     contextItem.placeholder = marker;
+    contextItem.element = appendTo;
     if (appendTo) {
         paintAppends.push([paintAppend, [appendTo, marker]]);
     }
     else {
-        paintCommands.push([paintBefore, [insertBefore, marker]]);
+        paintCommands.push([
+            paintBefore, [insertBefore, marker, 'attachDynamicDom.attachDynamicDom']
+        ]);
     }
-    domProcessContextItem(value, support, contextItem, counts, appendTo, insertBefore);
+    domProcessContextItem(value, support, contextItem, appendTo, insertBefore);
+    return contextItem;
 }
 //# sourceMappingURL=attachDynamicDom.function.js.map

package/js/interpolations/optimizers/attachDynamicDom.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachDynamicDom.function.js","sourceRoot":"","sources":["../../../ts/interpolations/optimizers/attachDynamicDom.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAEtB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAGtG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,MAAM,UAAU,gBAAgB,CAC9B,KAAU,EACV,OAAsB,EACtB,OAAmB,EAAE,QAAQ;AAC7B,MAAiB,EAAE,uCAAuC;AAC1D,KAAa,EAAE,+DAA+D;AAC9E,QAAkB,EAClB,YAAmB;IAEnB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,oBAAoB,GAAG,KAAK,GAAG,CAAC,CAAA;IACtC,MAAM,WAAW,GAAG,aAAa,CAC/B,KAAK,EACL,OAAO,EACP,oBAAoB,CACrB,CAAA;IAED,WAAW,CAAC,WAAW,GAAG,MAAM,CAAA;IAEhC,IAAG,QAAQ,EAAE,CAAC;QACZ,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;IACtD,CAAC;SAAM,CAAC;QACN,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,qBAAqB,CACnB,KAAK,EACL,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,YAAY,CACb,CAAA;AACH,CAAC"}
+{"version":3,"file":"attachDynamicDom.function.js","sourceRoot":"","sources":["../../../ts/interpolations/optimizers/attachDynamicDom.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAEtB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAGtG,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,MAAM,UAAU,gBAAgB,CAC9B,KAAU,EACV,QAAuB,EACvB,OAAmB,EAAE,QAAQ;AAC7B,aAA0B,EAC1B,KAAa,EAAE,+DAA+D;AAC9E,QAAsB,EACtB,YAAmB;IAEnB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,oBAAoB,GAAG,KAAK,GAAG,CAAC,CAAA;IACtC,MAAM,WAAW,GAAG,aAAa,CAC/B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,aAAa,CACd,CAAA;IAED,WAAW,CAAC,WAAW,GAAG,MAAM,CAAA;IAChC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAA;IAE9B,IAAG,QAAQ,EAAE,CAAC;QACZ,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;IACtD,CAAC;SAAM,CAAC;QACN,aAAa,CAAC,IAAI,CAAC;YACjB,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,mCAAmC,CAAC;SACzE,CAAC,CAAA;IACJ,CAAC;IAED,qBAAqB,CACnB,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,CACb,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/js/interpolations/optimizers/domProcessContextItem.function.d.ts

@@ -1,5 +1,3 @@
 import { AnySupport } from "../../tag/AnySupport.type.js";
 import { ContextItem } from "../../tag/ContextItem.type.js";
-import { TagCounts } from "../../tag/index.js";
-export declare function domProcessContextItem(value: any, support: AnySupport, contextItem: ContextItem, counts: TagCounts, // used for animation stagger computing
-appendTo?: Element, insertBefore?: Text): void;
+export declare function domProcessContextItem(value: any, support: AnySupport, contextItem: ContextItem, appendTo?: Element, insertBefore?: Text): void;

package/js/interpolations/optimizers/domProcessContextItem.function.js

@@ -1,13 +1,12 @@
-// taggedjs-no-compile
-import { processFirstSubjectValue } from "../../tag/update/processFirstSubjectValue.function.js";
-export function domProcessContextItem(value, support, contextItem, counts, // used for animation stagger computing
-appendTo, insertBefore) {
-    // how to handle value updates
-    // contextItem.handler = tagValueUpdateHandler
+import { removeContextInCycle, setContextInCycle } from "../../tag/cycles/setContextInCycle.function.js";
+export function domProcessContextItem(value, support, contextItem, appendTo, insertBefore) {
     const subject = support.context;
-    subject.locked = true;
-    processFirstSubjectValue(value, contextItem, support, counts, appendTo, insertBefore);
-    delete subject.locked;
+    subject.locked = 3;
+    contextItem.element = contextItem.element || appendTo;
+    setContextInCycle(contextItem);
+    contextItem.tagJsVar.processInit(value, contextItem, support, insertBefore, appendTo);
+    removeContextInCycle();
     contextItem.value = value;
+    delete subject.locked;
 }
 //# sourceMappingURL=domProcessContextItem.function.js.map

package/js/interpolations/optimizers/domProcessContextItem.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"domProcessContextItem.function.js","sourceRoot":"","sources":["../../../ts/interpolations/optimizers/domProcessContextItem.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAEtB,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAMhG,MAAM,UAAU,qBAAqB,CACnC,KAAU,EACV,OAAmB,EACnB,WAAwB,EACxB,MAAiB,EAAE,uCAAuC;AAC1D,QAAkB,EAClB,YAAmB;IAEnB,8BAA8B;IAC9B,8CAA8C;IAE9C,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAA;IAErB,wBAAwB,CACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAAY,CACb,CAAA;IAED,OAAO,OAAO,CAAC,MAAM,CAAA;IACrB,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;AAC3B,CAAC"}
+{"version":3,"file":"domProcessContextItem.function.js","sourceRoot":"","sources":["../../../ts/interpolations/optimizers/domProcessContextItem.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAExG,MAAM,UAAU,qBAAqB,CACnC,KAAU,EACV,OAAmB,EACnB,WAAwB,EACxB,QAAkB,EAClB,YAAmB;IAEnB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAElB,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,IAAI,QAAuB,CAAA;IACpE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE9B,WAAW,CAAC,QAAQ,CAAC,WAAW,CAC9B,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAY,EACZ,QAAQ,CACT,CAAA;IAED,oBAAoB,EAAE,CAAA;IAEtB,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;IAEzB,OAAO,OAAO,CAAC,MAAM,CAAA;AACvB,CAAC"}

package/js/isInstance.d.ts

@@ -1,5 +1,5 @@
 import { SubjectLike } from './subject/subject.utils.js';
-import { AnySupport } from './tag/AnySupport.type.js';
+import { AnySupport } from './tag/index.js';
 import { StringTag } from './tag/StringTag.type.js';
 import { TemplaterResult } from './tag/getTemplaterResult.function.js';
 export declare function isSimpleType(value: any): boolean;

package/js/isInstance.js

@@ -36,6 +36,8 @@ export function isPromise(value) {
 }
 export function isFunction(value) {
     return typeof value === BasicTypes.function;
+    // TODO: Start using this instead
+    return value instanceof Function;
 }
 export function isObject(value) {
     return typeof (value) === BasicTypes.object && value !== null;

package/js/isInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInstance.js","sourceRoot":"","sources":["../ts/isInstance.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAa,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE5F,MAAM,UAAU,YAAY,CAAC,KAAU;IACrC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,cAAc,CAAC,MAAM,CAAC;QAC3B,KAAK,cAAc,CAAC,MAAM,CAAC;QAC3B,KAAK,cAAc,CAAC,OAAO;YACzB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,kCAAkC;AAClC,MAAM,UAAU,WAAW,CACzB,KAA6C;IAE7C,IAAG,CAAC,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,SAAS,GAAI,KAAmB,CAAC,SAAsB,CAAA;IAC7D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,SAAS;YACvB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,cAAc,CAC5B,KAAqD;IAErD,MAAM,OAAO,GAAI,KAAyB,EAAE,SAAS,CAAA;IACrD,OAAO,OAAO,KAAK,UAAU,CAAC,YAAY,IAAI,OAAO,KAAK,UAAU,CAAC,WAAW,CAAA;AAClF,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAC/B,OAAgC;IAEhC,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,OAAO,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,QAAQ,CAAA;AAC9E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAU;IAClC,OAAO,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAU;IACnC,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC,QAAQ,CAAA;AAC7C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAU;IACjC,OAAO,OAAM,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,MAAM,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9D,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAU;IAChC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC7B,CAAC"}
+{"version":3,"file":"isInstance.js","sourceRoot":"","sources":["../ts/isInstance.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAa,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE5F,MAAM,UAAU,YAAY,CAAC,KAAU;IACrC,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,cAAc,CAAC,MAAM,CAAC;QAC3B,KAAK,cAAc,CAAC,MAAM,CAAC;QAC3B,KAAK,cAAc,CAAC,OAAO;YACzB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,kCAAkC;AAClC,MAAM,UAAU,WAAW,CACzB,KAA6C;IAE7C,IAAG,CAAC,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,SAAS,GAAI,KAAmB,CAAC,SAAsB,CAAA;IAC7D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,GAAG,CAAC;QACpB,KAAK,UAAU,CAAC,SAAS;YACvB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,cAAc,CAC5B,KAAqD;IAErD,MAAM,OAAO,GAAI,KAAyB,EAAE,SAAS,CAAA;IACrD,OAAO,OAAO,KAAK,UAAU,CAAC,YAAY,IAAI,OAAO,KAAK,UAAU,CAAC,WAAW,CAAA;AAClF,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAC/B,OAAgC;IAEhC,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,OAAO,OAAO,CAAC,SAAS,KAAK,UAAU,CAAC,QAAQ,CAAA;AAC9E,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAU;IAClC,OAAO,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAU;IACnC,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC,QAAQ,CAAA;IAC3C,iCAAiC;IACjC,OAAO,KAAK,YAAY,QAAQ,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAU;IACjC,OAAO,OAAM,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,MAAM,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9D,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAU;IAChC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAC7B,CAAC"}

package/js/render/addOneContext.function.d.ts

@@ -0,0 +1,4 @@
+import { ContextItem } from '../tag/ContextItem.type.js';
+export declare function getNewContext(value: unknown, contexts: ContextItem[], withinOwnerElement: boolean, parentContext: ContextItem): ContextItem;
+/** auto adds onto parent.contexts */
+export declare function addOneContext(value: unknown, contexts: ContextItem[], withinOwnerElement: boolean, parentContext: ContextItem): ContextItem;

package/js/render/addOneContext.function.js

@@ -0,0 +1,26 @@
+import { Subject } from '../subject/Subject.class.js';
+import { valueToTagJsVar } from '../tagJsVars/valueToTagJsVar.function.js';
+export function getNewContext(value, contexts, withinOwnerElement, parentContext) {
+    const contextItem = {
+        updateCount: 0,
+        value,
+        destroy$: new Subject(),
+        render$: new Subject(),
+        tagJsVar: valueToTagJsVar(value),
+        withinOwnerElement,
+        parentContext,
+        // TODO: remove with html``
+        // valueIndex: contexts?.length || -1, // when -1 its a raw bolt value
+        // valueIndex: contexts.length
+        valueIndex: parentContext.varCounter,
+    };
+    return contextItem;
+}
+/** auto adds onto parent.contexts */
+export function addOneContext(value, contexts, withinOwnerElement, parentContext) {
+    const contextItem = getNewContext(value, contexts, withinOwnerElement, parentContext);
+    contexts.push(contextItem);
+    ++parentContext.varCounter;
+    return contextItem;
+}
+//# sourceMappingURL=addOneContext.function.js.map

package/js/render/addOneContext.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addOneContext.function.js","sourceRoot":"","sources":["../../ts/render/addOneContext.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAE1E,MAAM,UAAU,aAAa,CAC3B,KAAc,EACd,QAAuB,EACvB,kBAA2B,EAC3B,aAA0B;IAE1B,MAAM,WAAW,GAAgB;QAC/B,WAAW,EAAE,CAAC;QACd,KAAK;QACL,QAAQ,EAAE,IAAI,OAAO,EAAQ;QAC7B,OAAO,EAAE,IAAI,OAAO,EAAQ;QAC5B,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC;QAChC,kBAAkB;QAElB,aAAa;QAEb,2BAA2B;QAC3B,sEAAsE;QACtE,8BAA8B;QAC9B,UAAU,EAAG,aAAoC,CAAC,UAAU;KAC7D,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,qCAAqC;AACrC,MAAM,UAAU,aAAa,CAC3B,KAAc,EACd,QAAuB,EACvB,kBAA2B,EAC3B,aAA0B;IAE1B,MAAM,WAAW,GAAG,aAAa,CAC/B,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,aAAa,CACd,CAAA;IAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC1B,EAAG,aAAoC,CAAC,UAAU,CAAA;IAElD,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/js/render/afterRender.function.d.ts

@@ -1,6 +1,9 @@
-import { AnySupport } from '../tag/AnySupport.type.js';
+import { AnySupport } from '../tag/index.js';
 /** Compares states of previous renders
  * @property support - The workflow that supports a single tag
  * @property ownerSupport - undefined when "support" is the app element
  */
-export declare function runAfterRender(support: AnySupport, ownerSupport?: AnySupport): void;
+export declare function runAfterSupportRender(support: AnySupport, ownerSupport?: AnySupport): void;
+/** run after rendering anything with state */
+export declare function runAfterRender(): void;
+export declare function clearStateConfig(): void;

package/js/render/afterRender.function.js

@@ -1,21 +1,37 @@
 import { setUseMemory } from '../state/setUseMemory.object.js';
-import { checkStateMismatch } from '../tag/checkStateMismatch.function.js';
+import { removeContextInCycle } from '../tag/cycles/setContextInCycle.function.js';
 /** Compares states of previous renders
  * @property support - The workflow that supports a single tag
  * @property ownerSupport - undefined when "support" is the app element
  */
-export function runAfterRender(support, ownerSupport) {
+export function runAfterSupportRender(support, ownerSupport) {
     const subject = support.context;
     ++subject.renderCount;
+    runAfterRender();
+    setUseMemory.tagClosed$.next(ownerSupport);
+}
+/** run after rendering anything with state */
+export function runAfterRender() {
+    saveState();
+    // TODO: prove this is worth having
+    // checkStateMismatch(config, support)
+    clearStateConfig();
+    // setUseMemory.tagClosed$.next(ownerSupport)
+}
+function saveState() {
+    const config = setUseMemory.stateConfig;
+    const subject = config.context;
+    subject.state = subject.state || {};
+    subject.state.newer = { ...config };
+    const support = config.support;
+    subject.state.newest = support;
+}
+export function clearStateConfig() {
     const config = setUseMemory.stateConfig;
-    support.state = config.stateArray;
-    support.states = config.states;
-    subject.global.newest = support;
-    checkStateMismatch(config, support);
     delete config.prevSupport; // only this one really needed
     delete config.support;
-    delete config.stateArray;
+    delete config.state;
     delete config.states;
-    setUseMemory.tagClosed$.next(ownerSupport);
+    removeContextInCycle();
 }
 //# sourceMappingURL=afterRender.function.js.map

package/js/render/afterRender.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"afterRender.function.js","sourceRoot":"","sources":["../../ts/render/afterRender.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAA;AAE1E;;;GAGG;AACH,MAAM,UAAU,cAAc,CAC5B,OAAmB,EACnB,YAAyB;IAEzB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,EAAE,OAAO,CAAC,WAAW,CAAA;IAErB,MAAM,MAAM,GAAgB,YAAY,CAAC,WAAW,CAAA;IAEpD,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAA;IACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IAC9B,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,CAAA;IAE/B,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAEnC,OAAO,MAAM,CAAC,WAAW,CAAA,CAAC,8BAA8B;IACxD,OAAO,MAAM,CAAC,OAAO,CAAA;IACrB,OAAQ,MAAc,CAAC,UAAU,CAAA;IACjC,OAAQ,MAAc,CAAC,MAAM,CAAA;IAE7B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;AAC5C,CAAC"}
+{"version":3,"file":"afterRender.function.js","sourceRoot":"","sources":["../../ts/render/afterRender.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAG9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AAElF;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAmB,EACnB,YAAyB;IAEzB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,EAAE,OAAO,CAAC,WAAW,CAAA;IAErB,cAAc,EAAE,CAAA;IAChB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;AAC5C,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,cAAc;IAC5B,SAAS,EAAE,CAAA;IACX,mCAAmC;IACnC,sCAAsC;IACtC,gBAAgB,EAAE,CAAA;IAElB,6CAA6C;AAC/C,CAAC;AAED,SAAS,SAAS;IAChB,MAAM,MAAM,GAAgB,YAAY,CAAC,WAAW,CAAA;IACpD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAsB,CAAA;IAC7C,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAA;IACnC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;IAC9B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAA;AAChC,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,MAAM,GAAgB,YAAY,CAAC,WAAW,CAAA;IAEpD,OAAO,MAAM,CAAC,WAAW,CAAA,CAAC,8BAA8B;IACxD,OAAO,MAAM,CAAC,OAAO,CAAA;IACrB,OAAQ,MAAc,CAAC,KAAK,CAAA;IAC5B,OAAQ,MAAc,CAAC,MAAM,CAAA;IAC7B,oBAAoB,EAAE,CAAA;AACxB,CAAC"}

package/js/render/attributes/createDynamicAttribute.function.d.ts

@@ -1,10 +1,10 @@
 import { HowToSet } from '../../interpolations/attributes/howToSetInputValue.function.js';
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport } from '../../tag/index.js';
 import { ContextItem } from '../../tag/ContextItem.type.js';
-import type { TagCounts } from '../../tag/TagCounts.type.js';
 import { SpecialDefinition } from './Special.types.js';
+import { AttributeContextItem } from '../../tag/AttributeContextItem.type.js';
 /** Support string attributes with dynamics Ex: <div style="color:black;font-size::${fontSize};"></div> */
-export declare function createDynamicArrayAttribute(attrName: string, array: any[], element: HTMLElement, context: ContextItem[], howToSet: HowToSet, //  = howToSetInputValue
-support: AnySupport, counts: TagCounts, values: unknown[], varNumber: number): void;
-export declare function createDynamicAttribute(attrName: string, value: any, element: Element, context: ContextItem[], howToSet: HowToSet, //  = howToSetInputValue
-support: AnySupport, counts: TagCounts, isSpecial: SpecialDefinition, varIndex: number): void;
+export declare function createDynamicArrayAttribute(attrName: string, array: any[], element: HTMLElement, contexts: ContextItem[], howToSet: HowToSet, //  = howToSetInputValue
+values: unknown[], parentContext: ContextItem): ContextItem[];
+export declare function createDynamicAttribute(attrName: string, value: any, element: HTMLElement, context: ContextItem[], parentContext: ContextItem, howToSet: HowToSet, //  = howToSetInputValue
+support: AnySupport, isSpecial: SpecialDefinition, varIndex: number): void | AttributeContextItem;

package/js/render/attributes/createDynamicAttribute.function.js

@@ -1,34 +1,43 @@
 // taggedjs-no-compile
+import { BasicTypes } from '../../tag/index.js';
 import { processDynamicNameValueAttribute } from '../../interpolations/attributes/processNameValueAttribute.function.js';
 import { processUpdateAttrContext } from './processUpdateAttrContext.function.js';
 import { getTagVarIndex } from './getTagVarIndex.function.js';
 import { valueToTagJsVar } from '../../tagJsVars/valueToTagJsVar.function.js';
+import { Subject } from '../../subject/Subject.class.js';
+import { processTagCallbackFun } from './processAttribute.function.js';
 /** Support string attributes with dynamics Ex: <div style="color:black;font-size::${fontSize};"></div> */
-export function createDynamicArrayAttribute(attrName, array, element, context, howToSet, //  = howToSetInputValue
-support, counts, values, varNumber) {
-    const startIndex = context.length;
+export function createDynamicArrayAttribute(attrName, array, element, contexts, howToSet, //  = howToSetInputValue
+values, parentContext) {
+    const startIndex = contexts.length;
+    const createdContexts = [];
     // loop all to attach context and processors
     array.forEach((value) => {
         const valueVar = getTagVarIndex(value);
         if (valueVar >= 0) {
-            const myIndex = context.length;
+            const myIndex = contexts.length;
             const tagJsVar = valueToTagJsVar(value);
             const contextItem = {
+                updateCount: 0,
                 isAttr: true,
                 element,
                 attrName: attrName,
                 withinOwnerElement: true,
                 tagJsVar,
-                valueIndex: context.length,
-                valueIndexSetBy: 'createDynamicArrayAttribute',
+                valueIndex: parentContext.varCounter, // contexts.length,
+                parentContext,
+                destroy$: new Subject(),
+                render$: new Subject(),
             };
             // contextItem.handler =
-            tagJsVar.processUpdate = function arrayItemHanlder(value, newSupport, contextItem, counts, newValues) {
+            tagJsVar.processUpdate = function arrayItemHandler(value, contextItem, newSupport, newValues) {
+                ++contextItem.updateCount;
                 setBy(newValues);
             };
             const pushValue = values[myIndex];
             contextItem.value = pushValue;
-            context.push(contextItem);
+            createdContexts.push(contextItem);
+            ++parentContext.varCounter;
         }
     });
     function setBy(values) {
@@ -36,6 +45,7 @@ support, counts, values, varNumber) {
         howToSet(element, attrName, concatValue);
     }
     setBy(values);
+    return createdContexts;
 }
 function buildNewValueFromArray(array, values, startIndex) {
     return array.reduce((all, value) => {
@@ -50,21 +60,33 @@ function buildNewValueFromArray(array, values, startIndex) {
         return all;
     }, []);
 }
-export function createDynamicAttribute(attrName, value, element, context, howToSet, //  = howToSetInputValue
-support, counts, isSpecial, varIndex) {
+export function createDynamicAttribute(attrName, value, element, context, parentContext, howToSet, //  = howToSetInputValue
+support, isSpecial, varIndex) {
+    if (typeof (value) === BasicTypes.function) {
+        ++parentContext.varCounter;
+        return processTagCallbackFun(
+        // contextItem,
+        value, support, attrName, element);
+    }
     const tagJsVar = valueToTagJsVar(value);
     const contextItem = {
+        updateCount: 0,
         isAttr: true,
         element,
         attrName,
+        howToSet,
+        value,
         withinOwnerElement: true,
         tagJsVar,
+        destroy$: new Subject(),
+        render$: new Subject(),
         valueIndex: varIndex,
-        valueIndexSetBy: 'createDynamicAttribute',
+        parentContext,
     };
     context.push(contextItem);
     tagJsVar.processUpdate = processUpdateAttrContext;
-    processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, counts, isSpecial);
+    processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, isSpecial);
     contextItem.value = value;
+    return contextItem;
 }
 //# sourceMappingURL=createDynamicAttribute.function.js.map