taggedjs 2.8.43 → 3.0.2

package/js/tag/update/processSubscribe.function.js

@@ -1,17 +1,23 @@
 import { setupSubscribe } from './setupSubscribe.function.js';
-export function processSubscribe(value, contextItem, ownerSupport, counts, appendTo, insertBefore) {
-    return setupSubscribe(value.Observables, contextItem, ownerSupport, counts, value.callback, appendTo, insertBefore);
-}
+import { ValueTypes } from '../ValueTypes.enum.js';
 export function processSubscribeWith(value, contextItem, ownerSupport, counts, appendTo, insertBefore) {
-    const observables = value.Observables;
-    const subscription = setupSubscribe(observables, contextItem, ownerSupport, counts, value.callback, appendTo, insertBefore);
-    if (!subscription.hasEmitted) {
-        const obValue = observables[0]?.value;
-        subscription.valueHandler((obValue || value.withDefault), 0);
+    const subContext = setupSubscribe(value, contextItem, ownerSupport, counts, appendTo, insertBefore);
+    if (!subContext.hasEmitted) {
+        emitSubContext(value, subContext);
     }
-    return subscription;
+    return subContext;
+}
+export function emitSubContext(value, subContext) {
+    const observables = value.Observables;
+    const obValue = observables[0]?.value;
+    subContext.valueHandler((obValue || value.withDefault), 0);
 }
 export function processSignal(value, contextItem, ownerSupport, counts, appendTo) {
-    setupSubscribe([value], contextItem, ownerSupport, counts, undefined, appendTo);
+    const subValue = {
+        tagJsType: ValueTypes.subscribe,
+        states: [],
+        Observables: [value],
+    };
+    setupSubscribe(subValue, contextItem, ownerSupport, counts, appendTo);
 }
 //# sourceMappingURL=processSubscribe.function.js.map

package/js/tag/update/processSubscribe.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"processSubscribe.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processSubscribe.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAM7D,MAAM,UAAU,gBAAgB,CAC9B,KAAqB,EACrB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAAkB,EAClB,YAAmB;IAEnB,OAAO,cAAc,CACnB,KAAK,CAAC,WAAW,EACjB,WAAkC,EAClC,YAAY,EACZ,MAAM,EACN,KAAK,CAAC,QAAQ,EACd,QAAQ,EACR,YAAY,CACb,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,KAAqB,EACrB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAAkB,EAClB,YAAmB;IAEnB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;IACrC,MAAM,YAAY,GAAG,cAAc,CACjC,WAAW,EACX,WAAkC,EAClC,YAAY,EACZ,MAAM,EACN,KAAK,CAAC,QAAQ,EACd,QAAQ,EACR,YAAY,CACb,CAAA;IAED,IAAG,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAI,WAAW,CAAC,CAAC,CAAS,EAAE,KAAK,CAAA;QAC9C,YAAY,CAAC,YAAY,CACvB,CAAC,OAAO,IAAI,KAAK,CAAC,WAAW,CAAkB,EAC/C,CAAC,CACF,CAAA;IACH,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAAwB,EACxB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAAkB;IAElB,cAAc,CACZ,CAAC,KAAK,CAAC,EACP,WAAkC,EAClC,YAAY,EACZ,MAAM,EACN,SAAS,EACT,QAAQ,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"processSubscribe.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processSubscribe.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGlD,MAAM,UAAU,oBAAoB,CAClC,KAAqB,EACrB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAAkB,EAClB,YAAmB;IAEnB,MAAM,UAAU,GAAG,cAAc,CAC/B,KAAK,EACL,WAAkC,EAClC,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,YAAY,CACb,CAAA;IAED,IAAG,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;IACnC,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAqB,EACrB,UAAsB;IAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;IACrC,MAAM,OAAO,GAAI,WAAW,CAAC,CAAC,CAAS,EAAE,KAAK,CAAA;IAC9C,UAAU,CAAC,YAAY,CACrB,CAAC,OAAO,IAAI,KAAK,CAAC,WAAW,CAAkB,EAC/C,CAAC,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAAwB,EACxB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAAkB;IAElB,MAAM,QAAQ,GAAmB;QAC/B,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC,KAAK,CAAC;KACI,CAAA;IAE1B,cAAc,CACZ,QAAQ,EACR,WAAkC,EAClC,YAAY,EACZ,MAAM,EACN,QAAQ,CACT,CAAA;AACH,CAAC"}

package/js/tag/update/processSubscribeWith.function.d.ts

@@ -0,0 +1,6 @@
+import { SubscribeValue } from '../../tagJsVars/subscribe.function.js';
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../ContextItem.type.js';
+import { SubContext } from './SubContext.type.js';
+export declare function processSubscribeWith(value: SubscribeValue, contextItem: ContextItem, ownerSupport: AnySupport, insertBefore?: Text, appendTo?: Element): SubContext;
+export declare function emitSubContext(value: SubscribeValue, subContext: SubContext): void;

package/js/tag/update/processSubscribeWith.function.js

@@ -0,0 +1,26 @@
+import { setupSubscribe } from './setupSubscribe.function.js';
+export function processSubscribeWith(value, contextItem, ownerSupport, insertBefore, appendTo) {
+    const subContext = setupSubscribe(value, contextItem, ownerSupport, insertBefore, appendTo);
+    if (!subContext.hasEmitted) {
+        emitSubContext(value, subContext);
+    }
+    return subContext;
+}
+export function emitSubContext(value, subContext) {
+    const observables = value.Observables;
+    const observable = observables[0];
+    if (!subContext.hasEmitted) {
+        if ('withDefault' in value) {
+            subContext.subValueHandler(value.withDefault, 0);
+            return;
+        }
+        if ('value' in observable) {
+            subContext.subValueHandler(observable.value, 0);
+            return;
+        }
+        return; // nothing to emit
+    }
+    const emitValue = subContext.lastValues[0].value;
+    subContext.subValueHandler(emitValue, 0);
+}
+//# sourceMappingURL=processSubscribeWith.function.js.map

package/js/tag/update/processSubscribeWith.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processSubscribeWith.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processSubscribeWith.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAK7D,MAAM,UAAU,oBAAoB,CAClC,KAAqB,EACrB,WAAwB,EACxB,YAAwB,EACxB,YAAmB,EACnB,QAAkB;IAElB,MAAM,UAAU,GAAG,cAAc,CAC/B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,CACT,CAAA;IAED,IAAG,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;IACnC,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAqB,EACrB,UAAsB;IAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAA;IACrC,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAGjC,IAAG,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,IAAG,aAAa,IAAI,KAAK,EAAE,CAAC;YAC1B,UAAU,CAAC,eAAe,CACxB,KAAK,CAAC,WAAW,EACjB,CAAC,CACF,CAAA;YACD,OAAM;QACR,CAAC;QAED,IAAG,OAAO,IAAI,UAAU,EAAE,CAAC;YACzB,UAAU,CAAC,eAAe,CACvB,UAAkB,CAAC,KAAK,EACzB,CAAC,CACF,CAAA;YACD,OAAM;QAER,CAAC;QAED,OAAM,CAAC,kBAAkB;IAC3B,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAChD,UAAU,CAAC,eAAe,CACxB,SAAS,EACT,CAAC,CACF,CAAA;AACH,CAAC"}

package/js/tag/update/processTagArray.d.ts

@@ -1,7 +1,6 @@
 import { TemplaterResult } from '../getTemplaterResult.function.js';
-import type { TagCounts } from '../../tag/TagCounts.type.js';
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { Tag } from '../Tag.type.js';
 import { ContextItem } from '../ContextItem.type.js';
-export declare function processTagArray(subject: ContextItem, value: (TemplaterResult | Tag)[], // arry of Tag classes
-ownerSupport: AnySupport, counts: TagCounts, appendTo?: Element): void;
+export declare function processTagArray(contextItem: ContextItem, value: (TemplaterResult | Tag)[], // arry of Tag classes
+ownerSupport: AnySupport, appendTo?: Element): void;

package/js/tag/update/processTagArray.js

@@ -2,14 +2,14 @@
 import { tagValueUpdateHandler } from './tagValueUpdateHandler.function.js';
 import { compareArrayItems } from './compareArrayItems.function.js';
 import { createAndProcessContextItem } from './createAndProcessContextItem.function.js';
-export function processTagArray(subject, value, // arry of Tag classes
-ownerSupport, counts, appendTo) {
-    const noLast = subject.lastArray === undefined;
+export function processTagArray(contextItem, value, // arry of Tag classes
+ownerSupport, appendTo) {
+    const noLast = contextItem.lastArray === undefined;
     if (noLast) {
-        subject.lastArray = [];
+        contextItem.lastArray = [];
     }
-    const lastArray = subject.lastArray;
-    let runtimeInsertBefore = subject.placeholder;
+    const lastArray = contextItem.lastArray;
+    let runtimeInsertBefore = contextItem.placeholder;
     let removed = 0;
     /** 🗑️ remove previous items first */
     const filteredLast = [];
@@ -31,34 +31,34 @@ ownerSupport, counts, appendTo) {
             }
             removed = removed + newRemoved;
         }
-        subject.lastArray = filteredLast;
+        contextItem.lastArray = filteredLast;
     }
     const length = value.length;
     for (let index = 0; index < length; ++index) {
-        const newSubject = reviewArrayItem(value, index, subject.lastArray, ownerSupport, runtimeInsertBefore, counts, appendTo);
+        const newSubject = reviewArrayItem(value, index, contextItem.lastArray, ownerSupport, runtimeInsertBefore, appendTo);
         runtimeInsertBefore = newSubject.placeholder;
     }
 }
 function reviewArrayItem(array, index, lastArray, ownerSupport, runtimeInsertBefore, // used during updates
-counts, appendTo) {
+appendTo) {
     const item = array[index];
     const previous = lastArray[index];
     if (previous) {
-        return reviewPreviousArrayItem(item, previous, lastArray, ownerSupport, index, runtimeInsertBefore, counts, appendTo);
+        return reviewPreviousArrayItem(item, previous, lastArray, ownerSupport, index, runtimeInsertBefore, appendTo);
     }
-    const contextItem = createAndProcessContextItem(item, ownerSupport, counts, runtimeInsertBefore, appendTo);
+    const contextItem = createAndProcessContextItem(item, ownerSupport, lastArray, runtimeInsertBefore, appendTo);
     // Added to previous array
     lastArray.push(contextItem);
     return contextItem;
 }
 function reviewPreviousArrayItem(value, itemSubject, lastArray, ownerSupport, index, runtimeInsertBefore, // used during updates
-counts, appendTo) {
+appendTo) {
     const couldBeSame = lastArray.length > index;
     if (couldBeSame) {
-        tagValueUpdateHandler(value, ownerSupport, itemSubject, counts);
+        tagValueUpdateHandler(value, itemSubject, ownerSupport);
         return itemSubject;
     }
-    const contextItem = createAndProcessContextItem(value, ownerSupport, counts, runtimeInsertBefore, appendTo);
+    const contextItem = createAndProcessContextItem(value, ownerSupport, lastArray, runtimeInsertBefore, appendTo);
     // Added to previous array
     lastArray.push(contextItem);
     return contextItem;

package/js/tag/update/processTagArray.js.map

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

package/js/tag/update/processTagComponentInit.function.d.ts

@@ -1,7 +1,6 @@
-import type { TagCounts } from '../../tag/TagCounts.type.js';
 import { ContextItem } from '../ContextItem.type.js';
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { TagJsVar } from '../../tagJsVars/tagJsVar.type.js';
 export declare function processTagComponentInit(value: TagJsVar, contextItem: ContextItem, // could be tag via result.tag
 ownerSupport: AnySupport, // owningSupport
-counts: TagCounts, appendTo?: Element): AnySupport | undefined;
+_insertBefore?: Text, appendTo?: Element): AnySupport | undefined;

package/js/tag/update/processTagComponentInit.function.js

@@ -2,13 +2,11 @@ import { processFirstSubjectComponent, processReplacementComponent } from './pro
 import { getNewGlobal } from './getNewGlobal.function.js';
 export function processTagComponentInit(value, contextItem, // could be tag via result.tag
 ownerSupport, // owningSupport
-counts, appendTo) {
+_insertBefore, appendTo) {
     getNewGlobal(contextItem);
     if (appendTo) {
-        const processResult = processFirstSubjectComponent(value, contextItem, ownerSupport, counts, appendTo);
-        return processResult;
+        return processFirstSubjectComponent(value, contextItem, ownerSupport, appendTo);
     }
-    const processResult = processReplacementComponent(value, contextItem, ownerSupport, counts);
-    return processResult;
+    return processReplacementComponent(value, contextItem, ownerSupport);
 }
 //# sourceMappingURL=processTagComponentInit.function.js.map

package/js/tag/update/processTagComponentInit.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"processTagComponentInit.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagComponentInit.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAA;AAItH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAKzD,MAAM,UAAU,uBAAuB,CACrC,KAAe,EACf,WAAwB,EAAE,8BAA8B;AACxD,YAAwB,EAAE,gBAAgB;AAC1C,MAAiB,EACjB,QAAkB;IAElB,YAAY,CAAC,WAAW,CAAqB,CAAA;IAE7C,IAAG,QAAQ,EAAE,CAAC;QACZ,MAAM,aAAa,GAAG,4BAA4B,CAChD,KAAwB,EACxB,WAAiC,EACjC,YAAY,EACZ,MAAM,EACN,QAAmB,CACpB,CAAA;QAED,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,MAAM,aAAa,GAAG,2BAA2B,CAC/C,KAAwB,EACxB,WAAiC,EACjC,YAAY,EACZ,MAAM,CACP,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC"}
+{"version":3,"file":"processTagComponentInit.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagComponentInit.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAA;AAGtH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAKzD,MAAM,UAAU,uBAAuB,CACrC,KAAe,EACf,WAAwB,EAAE,8BAA8B;AACxD,YAAwB,EAAE,gBAAgB;AAC1C,aAAoB,EACpB,QAAkB;IAElB,YAAY,CAAC,WAAiC,CAAqB,CAAA;IAEnE,IAAG,QAAQ,EAAE,CAAC;QACZ,OAAO,4BAA4B,CACjC,KAAwB,EACxB,WAAiC,EACjC,YAAY,EACZ,QAAmB,CACpB,CAAA;IACH,CAAC;IAED,OAAO,2BAA2B,CAChC,KAAwB,EACxB,WAAiC,EACjC,YAAY,CACb,CAAA;AACH,CAAC"}

package/js/tag/update/processTagInit.function.d.ts

@@ -1,5 +1,4 @@
-import type { TagCounts } from '../../tag/TagCounts.type.js';
 import { ContextItem } from '../ContextItem.type.js';
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { TagJsVar } from '../../tagJsVars/tagJsVar.type.js';
-export declare function processTagInit(value: TagJsVar, contextItem: ContextItem, ownerSupport: AnySupport, counts: TagCounts, appendTo?: Element | undefined, insertBefore?: Text): AnySupport;
+export declare function processTagInit(value: TagJsVar, contextItem: ContextItem, ownerSupport: AnySupport, insertBefore?: Text, appendTo?: Element | undefined): AnySupport;

package/js/tag/update/processTagInit.function.js

@@ -1,9 +1,10 @@
 import { processTag } from '../../render/update/processTag.function.js';
 import { processNewSubjectTag } from './processNewSubjectTag.function.js';
-export function processTagInit(value, contextItem, ownerSupport, counts, appendTo, insertBefore) {
+export function processTagInit(value, contextItem, ownerSupport, insertBefore, appendTo) {
+    contextItem.state = {};
     if (appendTo) {
-        return processNewSubjectTag(value, contextItem, ownerSupport, counts, appendTo, insertBefore);
+        return processNewSubjectTag(value, contextItem, ownerSupport, appendTo, insertBefore);
     }
-    return processTag(ownerSupport, contextItem, counts);
+    return processTag(ownerSupport, contextItem);
 }
 //# sourceMappingURL=processTagInit.function.js.map

package/js/tag/update/processTagInit.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"processTagInit.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagInit.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAA;AAKvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAIzE,MAAM,UAAU,cAAc,CAC5B,KAAe,EACf,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EACjB,QAA8B,EAC9B,YAAmB;IAEnB,IAAG,QAAQ,EAAE,CAAC;QACZ,OAAO,oBAAoB,CACzB,KAAwB,EACxB,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,YAAY,CACb,CAAA;IACH,CAAC;IAED,OAAO,UAAU,CACf,YAAY,EACZ,WAAiC,EACjC,MAAM,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"processTagInit.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagInit.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAA;AAIvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAIzE,MAAM,UAAU,cAAc,CAC5B,KAAe,EACf,WAAwB,EACxB,YAAwB,EACxB,YAAmB,EACnB,QAA8B;IAE9B,WAAW,CAAC,KAAK,GAAG,EAAE,CAAA;IAEtB,IAAG,QAAQ,EAAE,CAAC;QACZ,OAAO,oBAAoB,CACzB,KAAwB,EACxB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,YAAY,CACb,CAAA;IACH,CAAC;IAED,OAAO,UAAU,CACf,YAAY,EACZ,WAAiC,CAClC,CAAA;AACH,CAAC"}

package/js/tag/update/processTagResult.function.d.ts

@@ -1,3 +1,2 @@
-import { TagCounts } from '../TagCounts.type.js';
-import { AnySupport } from '../AnySupport.type.js';
-export declare function processFirstTagResult(support: AnySupport, counts: TagCounts, appendTo: Element): AnySupport;
+import { AnySupport } from '../index.js';
+export declare function processFirstTagResult(support: AnySupport, appendTo: Element): AnySupport;

package/js/tag/update/processTagResult.function.js

@@ -1,7 +1,7 @@
 import { buildBeforeElement } from '../../render/buildBeforeElement.function.js';
 import { paintAppend, paintAppends } from '../../render/paint.function.js';
-export function processFirstTagResult(support, counts, appendTo) {
-    const result = buildBeforeElement(support, counts, appendTo, undefined);
+export function processFirstTagResult(support, appendTo) {
+    const result = buildBeforeElement(support, appendTo, undefined);
     for (const dom of result.dom) {
         if (dom.domElement) {
             paintAppends.push([paintAppend, [appendTo, dom.domElement]]);

package/js/tag/update/processTagResult.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"processTagResult.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagResult.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAG1E,MAAM,UAAU,qBAAqB,CACnC,OAAmB,EACnB,MAAiB,EACjB,QAAiB;IAEjB,MAAM,MAAM,GAAG,kBAAkB,CAC/B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,CACV,CAAA;IAED,KAAI,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC;QAC5B,IAAG,GAAG,CAAC,UAAU,EAAE,CAAC;YAClB,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAC9D,CAAC;QACD,IAAG,GAAG,CAAC,MAAM,EAAE,CAAC;YACd,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1D,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"processTagResult.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagResult.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAG1E,MAAM,UAAU,qBAAqB,CACnC,OAAmB,EACnB,QAAiB;IAEjB,MAAM,MAAM,GAAG,kBAAkB,CAC/B,OAAO,EACP,QAAQ,EACR,SAAS,CACV,CAAA;IAED,KAAI,MAAM,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC;QAC5B,IAAG,GAAG,CAAC,UAAU,EAAE,CAAC;YAClB,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QAC9D,CAAC;QACD,IAAG,GAAG,CAAC,MAAM,EAAE,CAAC;YACd,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1D,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/js/tag/update/processUpdateSubscribe.d.ts

@@ -0,0 +1,4 @@
+import { ContextItem, AnySupport } from '../..';
+import { TagJsVar } from '../../tagJsVars/tagJsVar.type';
+import type { TagCounts } from '../TagCounts.type';
+export declare function processUpdateSubscribe(newValue: unknown, tagJsVar: TagJsVar, contextItem: ContextItem, ownerSupport: AnySupport, counts: TagCounts): void;

package/js/tag/update/processUpdateSubscribe.function.d.ts

@@ -0,0 +1,2 @@
+import { ContextItem, AnySupport, TemplateValue } from '../../index.js';
+export declare function processUpdateSubscribe(newValue: TemplateValue, contextItem: ContextItem, ownerSupport: AnySupport): void;

package/js/tag/update/processUpdateSubscribe.function.js

@@ -0,0 +1,22 @@
+import { checkStillSubscription } from './checkStillSubscription.function.js';
+import { emitSubContext } from './processSubscribeWith.function.js';
+export function processUpdateSubscribe(newValue, contextItem, ownerSupport) {
+    const resultNum = checkStillSubscription(newValue, // subValue,
+    contextItem, ownerSupport);
+    if (contextItem.hasEmitted !== true) {
+        const Observables = contextItem.value.Observables;
+        if (!Observables) {
+            return;
+        }
+        const Observable = Observables[0];
+        // const subValue = Observable.value
+        if (!('value' in Observable)) {
+            return; // its never emitted
+        }
+    }
+    if (resultNum === 0 && newValue.callback) {
+        const subContext = contextItem.subContext;
+        emitSubContext(newValue, subContext);
+    }
+}
+//# sourceMappingURL=processUpdateSubscribe.function.js.map

package/js/tag/update/processUpdateSubscribe.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processUpdateSubscribe.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processUpdateSubscribe.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,MAAM,UAAU,sBAAsB,CACpC,QAAuB,EACvB,WAAwB,EACxB,YAAwB;IAExB,MAAM,SAAS,GAAG,sBAAsB,CACtC,QAAyB,EAAE,YAAY;IACvC,WAAW,EACX,YAAY,CACb,CAAA;IAED,IAAI,WAAiC,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;QAC1D,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,WAAW,CAAA;QACjD,IAAG,CAAC,WAAW,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;QACjC,oCAAoC;QACpC,IAAI,CAAC,CAAC,OAAO,IAAI,UAAU,CAAC,EAAG,CAAC;YAC9B,OAAM,CAAC,oBAAoB;QAC7B,CAAC;IACH,CAAC;IAED,IAAG,SAAS,KAAK,CAAC,IAAK,QAA2B,CAAC,QAAQ,EAAE,CAAC;QAC5D,MAAM,UAAU,GAAG,WAAW,CAAC,UAAwB,CAAA;QACvD,cAAc,CAAC,QAA0B,EAAE,UAAU,CAAC,CAAA;IACxD,CAAC;AACH,CAAC"}

package/js/tag/update/processUpdateSubscribe.js

@@ -0,0 +1,15 @@
+import { checkSubContext } from './checkSubContext.function';
+export function processUpdateSubscribe(newValue, tagJsVar, contextItem, ownerSupport, counts) {
+    const subContext = contextItem.subContext;
+    const lastValues = subContext?.lastValues;
+    const subValue = lastValues[0].value;
+    const subTagJsVar = lastValues[0].tagJsVar;
+    console.log('processUpdateSubscribe', {
+        newValue,
+        valueOf: newValue?.value,
+        lastValues,
+        x: contextItem.subContext?.lastValues
+    });
+    checkSubContext(subValue, subTagJsVar, contextItem, ownerSupport, counts);
+}
+//# sourceMappingURL=processUpdateSubscribe.js.map

package/js/tag/update/processUpdateSubscribe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processUpdateSubscribe.js","sourceRoot":"","sources":["../../../ts/tag/update/processUpdateSubscribe.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,UAAU,sBAAsB,CACpC,QAAiB,EACjB,QAAkB,EAClB,WAAwB,EACxB,YAAwB,EACxB,MAAiB;IACjB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAC1C,MAAM,UAAU,GAAG,UAAU,EAAE,UAAmD,CAAC;IACnF,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrC,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE3C,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE;QACpC,QAAQ;QACR,OAAO,EAAG,QAAgB,EAAE,KAAK;QACjC,UAAU;QACV,CAAC,EAAE,WAAW,CAAC,UAAU,EAAE,UAAU;KACtC,CAAC,CAAC;IAEH,eAAe,CACb,QAAQ,EACR,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,CACP,CAAC;AACJ,CAAC"}

package/js/tag/update/setupSubscribe.function.d.ts

@@ -1,11 +1,13 @@
-import type { TagCounts } from '../TagCounts.type.js';
-import { AdvancedContextItem } from '../AdvancedContextItem.type.js';
-import { LikeObservable, SubscribeCallback } from '../../tagJsVars/subscribe.function.js';
-import { AnySupport } from '../AnySupport.type.js';
-import { SubContext } from './SubContext.type.js';
 import { ContextItem } from '../ContextItem.type.js';
-export declare function setupSubscribe(observables: LikeObservable<any>[], contextItem: AdvancedContextItem, ownerSupport: AnySupport, counts: TagCounts, callback?: SubscribeCallback<any>, appendTo?: Element, insertBeforeOriginal?: Text): SubContext;
+import { SubscribeValue } from '../../tagJsVars/subscribe.function.js';
+import { AnySupport } from '../index.js';
+import { OnSubOutput, SubContext } from './SubContext.type.js';
+import { LikeObservable } from '../../tagJsVars/processSubscribeWithAttribute.function.js';
+export declare function setupSubscribe(value: SubscribeValue, contextItem: ContextItem, ownerSupport: AnySupport, insertBeforeOriginal?: Text, // optional but will always be made
+appendTo?: Element): SubContext;
+/** After calling this function you need to set `contextItem.subContext = subContext` */
 export declare function setupSubscribeCallbackProcessor(observables: LikeObservable<any>[], ownerSupport: AnySupport, // ownerSupport ?
-counts: TagCounts, // used for animation stagger computing
-insertBefore: Text, callback?: SubscribeCallback<any>): SubContext;
+onOutput: OnSubOutput, tagJsVar: SubscribeValue, contextItem: ContextItem): SubContext;
+export declare function unsubscribeContext(contextItem: ContextItem): void;
 export declare function deleteAndUnsubscribe(contextItem: ContextItem, ownerSupport: AnySupport): 76 | undefined;
+export declare function checkToPaint(syncRun: boolean): void;

package/js/tag/update/setupSubscribe.function.js

@@ -1,74 +1,101 @@
 import { paint } from '../../render/paint.function.js';
 import { setUseMemory } from '../../state/setUseMemory.object.js';
-import { syncSupports } from '../../state/syncStates.function.js';
 import { forceUpdateExistingValue } from './forceUpdateExistingValue.function.js';
-import { getSupportWithState } from '../../interpolations/attributes/getSupportWithState.function.js';
-import { deleteSubContext } from './deleteSubContext.function.js';
-import { checkSubContext } from './checkSubContext.function.js';
+import { deleteSubContext } from './deleteContextSubContext.function.js';
 import { onFirstSubContext } from './onFirstSubContext.function.js';
 import { guaranteeInsertBefore } from '../guaranteeInsertBefore.function.js';
-export function setupSubscribe(observables, contextItem, ownerSupport, counts, callback, appendTo, insertBeforeOriginal) {
+import { valueToTagJsVar } from '../../tagJsVars/valueToTagJsVar.function.js';
+import { processUpdateSubscribe } from './processUpdateSubscribe.function.js';
+import { removeContextInCycle, setContextInCycle } from '../cycles/setContextInCycle.function.js';
+export function setupSubscribe(value, contextItem, ownerSupport, insertBeforeOriginal, // optional but will always be made
+appendTo) {
+    const observables = value.Observables;
     const { appendMarker, insertBefore } = guaranteeInsertBefore(appendTo, insertBeforeOriginal);
-    const subContext = setupSubscribeCallbackProcessor(observables, ownerSupport, counts, insertBefore, callback);
-    subContext.appendMarker = appendMarker;
-    contextItem.subContext = subContext;
-    // contextItem.handler = checkSubContext
-    contextItem.tagJsVar.processUpdate = checkSubContext;
-    return subContext;
-}
-export function setupSubscribeCallbackProcessor(observables, ownerSupport, // ownerSupport ?
-counts, // used for animation stagger computing
-insertBefore, callback) {
-    const component = getSupportWithState(ownerSupport);
-    let onOutput = function onSubValue(value) {
-        onFirstSubContext(value, subContext, ownerSupport, counts, insertBefore);
+    let onOutput = function onSubValue(value, syncRun, subContext) {
+        onFirstSubContext(value, subContext, ownerSupport, insertBefore);
         checkToPaint(syncRun);
         // MUTATION: from now on just run update
-        onOutput = function subscriptionUpdate(updateValue) {
+        onOutput = subContext.tagJsVar.onOutput = function subscriptionUpdate(updateValue, syncRun, subContext) {
             const aContext = subContext.contextItem;
-            forceUpdateExistingValue(aContext, updateValue, ownerSupport, { added: 0, removed: 0 });
+            forceUpdateExistingValue(aContext, updateValue, ownerSupport);
+            aContext.tagJsVar.processUpdate(updateValue, aContext, ownerSupport, [updateValue]);
+            // processUpdateContext(ownerSupport)
+            aContext.value = updateValue;
             checkToPaint(syncRun);
         };
     };
+    const subContext = setupSubscribeCallbackProcessor(observables, ownerSupport, (value, syncRun, subContext) => onOutput(value, syncRun, subContext), value, contextItem);
+    subContext.appendMarker = appendMarker;
+    contextItem.subContext = subContext;
+    value.processUpdate = processUpdateSubscribe;
+    value.onOutput = onOutput;
+    return subContext;
+}
+/** After calling this function you need to set `contextItem.subContext = subContext` */
+export function setupSubscribeCallbackProcessor(observables, ownerSupport, // ownerSupport ?
+onOutput, tagJsVar, contextItem) {
+    // const component = getSupportWithState(ownerSupport)
     // onValue mutates so function below calls original and mutation
-    function valueHandler(value, index) {
-        subContext.lastValues[index] = value;
-        valuesHandler(subContext.lastValues);
+    function subValueHandler(value, index) {
+        subContext.lastValues[index] = {
+            value,
+            tagJsVar: valueToTagJsVar(value),
+            oldTagJsVar: subContext.lastValues[index]?.tagJsVar
+        };
+        valuesHandler(subContext.lastValues, index);
     }
-    function valuesHandler(values) {
-        const newComponent = component.context.global.newest;
-        syncSupports(newComponent, component);
-        if (subContext.callback) {
-            const responseValue = subContext.callback(...values);
-            onOutput(responseValue);
+    function valuesHandler(newValues, index) {
+        const newestParentTagJsVar = subContext.tagJsVar;
+        const callback = newestParentTagJsVar?.callback;
+        if (callback) {
+            setContextInCycle(contextItem);
+            const responseValue = newestParentTagJsVar.callback(...newValues.map(x => x.value));
+            onOutput(responseValue, syncRun, subContext);
+            removeContextInCycle();
             return;
         }
-        onOutput(values[0]);
+        const newValue = newValues[index].value;
+        onOutput(newValue, syncRun, subContext);
     }
     let syncRun = true;
     const subContext = {
         lastValues: [],
-        valueHandler,
+        subValueHandler,
         valuesHandler,
-        callback,
+        tagJsVar,
         subscriptions: [],
     };
     // HINT: Must subscribe AFTER initial variable created above incase subscribing causes immediate run
     observables.forEach((observable, index) => {
         syncRun = true;
-        subContext.subscriptions.push(observable.subscribe(value => valueHandler(value, index)));
+        subContext.subscriptions.push(observable.subscribe(value => subValueHandler(value, index)));
         syncRun = false;
     });
+    tagJsVar.onOutput = onOutput;
     return subContext;
 }
-export function deleteAndUnsubscribe(contextItem, ownerSupport) {
+export function unsubscribeContext(contextItem) {
     const subscription = contextItem.subContext;
-    subscription.subscriptions.forEach(sub => sub.unsubscribe());
-    return deleteSubContext(contextItem, ownerSupport);
+    if (!subscription) {
+        return; // TODO: wonder why this happens, maybe subscription never emits?
+    }
+    const subscriptions = subscription.subscriptions;
+    subscriptions.forEach(sub => sub.unsubscribe());
+    delete contextItem.subContext;
+}
+export function deleteAndUnsubscribe(contextItem, ownerSupport) {
+    ++contextItem.updateCount;
+    const subContext = contextItem.subContext;
+    unsubscribeContext(contextItem);
+    return deleteSubContext(subContext, ownerSupport);
 }
-function checkToPaint(syncRun) {
-    if (!syncRun && !setUseMemory.stateConfig.support) {
-        paint();
+export function checkToPaint(syncRun) {
+    if (syncRun) {
+        return;
+    }
+    if (setUseMemory.stateConfig.support) {
+        return;
     }
+    paint();
 }
 //# sourceMappingURL=setupSubscribe.function.js.map

package/js/tag/update/setupSubscribe.function.js.map

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

package/js/tag/update/syncPriorPropFunction.function.d.ts

@@ -1,3 +1,3 @@
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { WrapRunner } from '../props/alterProp.function.js';
 export declare function syncPriorPropFunction(priorProp: WrapRunner, prop: WrapRunner, newSupport: AnySupport, ownerSupport: AnySupport, maxDepth: number, depth: number): WrapRunner | Record<string, WrapRunner> | WrapRunner[];

package/js/tag/update/tagValueUpdateHandler.function.d.ts

@@ -1,8 +1,7 @@
 import { SupportContextItem } from '../SupportContextItem.type.js';
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { TemplateValue } from '../TemplateValue.type.js';
 import { ContextItem } from '../ContextItem.type.js';
-import { TagCounts } from '../TagCounts.type.js';
 /** Checks if value has changed before updating. Used for all tag value updates. Determines if value changed since last render */
 export declare function tagValueUpdateHandler(newValue: TemplateValue, // newValue
-ownerSupport: AnySupport, contextItem: ContextItem | SupportContextItem, counts: TagCounts): void;
+contextItem: ContextItem | SupportContextItem, ownerSupport: AnySupport): number;

package/js/tag/update/tagValueUpdateHandler.function.js

@@ -1,11 +1,20 @@
 import { forceUpdateExistingValue } from './forceUpdateExistingValue.function.js';
 /** Checks if value has changed before updating. Used for all tag value updates. Determines if value changed since last render */
 export function tagValueUpdateHandler(newValue, // newValue
-ownerSupport, contextItem, counts) {
+contextItem, ownerSupport) {
+    const tagJsType = contextItem.tagJsVar.tagJsType;
+    const processUpdate = tagJsType && ['tag-conversion', 'element'].includes(tagJsType);
+    if (processUpdate) {
+        // calls processDesignElementUpdate
+        contextItem.tagJsVar.processUpdate(newValue, contextItem, ownerSupport, []);
+        contextItem.value = newValue;
+        return 0;
+    }
     // Do not continue if the value is just the same
     if (newValue === contextItem.value) {
-        return;
+        return 0;
     }
-    forceUpdateExistingValue(contextItem, newValue, ownerSupport, counts);
+    ++contextItem.updateCount;
+    return forceUpdateExistingValue(contextItem, newValue, ownerSupport);
 }
 //# sourceMappingURL=tagValueUpdateHandler.function.js.map

package/js/tag/update/tagValueUpdateHandler.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagValueUpdateHandler.function.js","sourceRoot":"","sources":["../../../ts/tag/update/tagValueUpdateHandler.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAMjF,iIAAiI;AACjI,MAAM,UAAU,qBAAqB,CACnC,QAAuB,EAAE,WAAW;AACpC,YAAwB,EACxB,WAA6C,EAC7C,MAAiB;IAEjB,gDAAgD;IAChD,IAAG,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;QAClC,OAAM;IACR,CAAC;IAED,wBAAwB,CACtB,WAAkC,EAClC,QAAQ,EACR,YAAY,EACZ,MAAM,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"tagValueUpdateHandler.function.js","sourceRoot":"","sources":["../../../ts/tag/update/tagValueUpdateHandler.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAA;AAKjF,iIAAiI;AACjI,MAAM,UAAU,qBAAqB,CACnC,QAAuB,EAAE,WAAW;AACpC,WAA6C,EAC7C,YAAwB;IAExB,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAA;IAChD,MAAM,aAAa,GAAG,SAAS,IAAI,CAAC,gBAAgB,EAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACnF,IAAI,aAAa,EAAG,CAAC;QACnB,mCAAmC;QACnC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAChC,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,CACxC,CAAA;QAED,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAA;QAE5B,OAAO,CAAC,CAAA;IACV,CAAC;IAED,gDAAgD;IAChD,IAAG,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;QAClC,OAAO,CAAC,CAAA;IACV,CAAC;IAED,EAAE,WAAW,CAAC,WAAW,CAAA;IACzB,OAAO,wBAAwB,CAC7B,WAAW,EACX,QAAQ,EACR,YAAY,CACb,CAAA;AACH,CAAC"}

package/js/tag/update/tryUpdateToTag.function.d.ts

@@ -1,8 +1,7 @@
-import { AnySupport } from '../AnySupport.type.js';
+import { AnySupport } from '../index.js';
 import { SupportContextItem } from '../SupportContextItem.type.js';
 import { TemplaterResult } from '../getTemplaterResult.function.js';
 import { ContextItem } from '../ContextItem.type.js';
-import { TagCounts } from '../TagCounts.type.js';
 /** result is an indication to ignore further processing but that does not seem in use anymore */
 export declare function tryUpdateToTag(contextItem: ContextItem | SupportContextItem, newValue: TemplaterResult, // newValue
-ownerSupport: AnySupport, counts: TagCounts): boolean;
+ownerSupport: AnySupport): boolean;