taggedjs 2.8.35 → 2.8.37

package/js/state/providersChangeCheck.function.js

@@ -1,6 +1,6 @@
 import { handleProviderChanges } from './handleProviderChanges.function.js';
 export function providersChangeCheck(support) {
-    const global = support.subject.global;
+    const global = support.context.global;
     const providers = global.providers;
     if (!providers) {
         return [];

package/js/state/signal.function.d.ts

@@ -0,0 +1,15 @@
+import { ValueTypes } from '../tag/ValueTypes.enum.js';
+import { ProcessInit } from '../tag/ProcessInit.type.js';
+import { SubscribeFn } from '../tagJsVars/subscribe.function.js';
+import { TagJsVar } from '../tagJsVars/tagJsVar.type.js';
+/** Checks if rendering cycle in process. Then creates object with "value" key and ability to "subscribe" to value changes */
+export declare function signal<T>(initialValue: T): SignalObject<T>;
+export type SignalObject<T> = TagJsVar & {
+    tagJsType: typeof ValueTypes.signal;
+    value: any;
+    subscribe: SubscribeFn<T>;
+    processInit: ProcessInit;
+    emit: (value: any) => any;
+};
+/** Creates object with "value" key and ability to "subscribe" to value changes */
+export declare function Signal<T>(initialValue: T): SignalObject<T>;

package/js/state/signal.function.js

@@ -0,0 +1,51 @@
+import { state } from './index.js';
+import { getSupportInCycle } from '../tag/getSupportInCycle.function.js';
+import { processSignal } from '../tag/update/processSubscribe.function.js';
+import { ValueTypes } from '../tag/ValueTypes.enum.js';
+import { deleteAndUnsubscribe } from '../tag/update/setupSubscribe.function.js';
+import { handleTagTypeChangeFrom } from '../tag/update/checkSubContext.function.js';
+/** Checks if rendering cycle in process. Then creates object with "value" key and ability to "subscribe" to value changes */
+export function signal(initialValue) {
+    const support = getSupportInCycle();
+    if (support) {
+        return state(() => Signal(initialValue));
+    }
+    return Signal(initialValue);
+}
+/** Creates object with "value" key and ability to "subscribe" to value changes */
+export function Signal(initialValue) {
+    let value = initialValue;
+    const subscribers = new Set();
+    const emit = (newValue) => {
+        // Notify all subscribers
+        subscribers.forEach(callback => callback(newValue));
+    };
+    return {
+        tagJsType: ValueTypes.signal,
+        processInit: processSignal,
+        // processUpdate: tagValueUpdateHandler,
+        // processUpdate: checkSubContext,
+        processUpdate: (newValue, ownerSupport, contextItem, _values, counts) => handleTagTypeChangeFrom(ValueTypes.signal, newValue, ownerSupport, contextItem, counts),
+        get value() {
+            return value;
+        },
+        set value(newValue) {
+            if (value !== newValue) {
+                value = newValue;
+                emit(newValue);
+            }
+        },
+        delete: deleteAndUnsubscribe,
+        emit,
+        subscribe(callback) {
+            callback(value); // emit initial value
+            subscribers.add(callback);
+            // Return an unsubscribe function
+            const unsub = () => subscribers.delete(callback);
+            // support traditional unsubscribe
+            unsub.unsubscribe = unsub;
+            return unsub;
+        },
+    };
+}
+//# sourceMappingURL=signal.function.js.map

package/js/state/signal.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal.function.js","sourceRoot":"","sources":["../../ts/state/signal.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAItD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAI/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AAGnF,6HAA6H;AAC7H,MAAM,UAAU,MAAM,CAAI,YAAe;IACvC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAA;IAEnC,IAAG,OAAO,EAAE,CAAC;QACX,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAC1C,CAAC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,CAAA;AAC7B,CAAC;AAUD,kFAAkF;AAClF,MAAM,UAAU,MAAM,CAAI,YAAe;IACvC,IAAI,KAAK,GAAM,YAAY,CAAA;IAC3B,MAAM,WAAW,GAAuB,IAAI,GAAG,EAAE,CAAA;IACjD,MAAM,IAAI,GAAG,CAAC,QAAa,EAAE,EAAE;QAC7B,yBAAyB;QACzB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,OAAO;QACL,SAAS,EAAE,UAAU,CAAC,MAAM;QAC5B,WAAW,EAAE,aAAa;QAE1B,wCAAwC;QACxC,kCAAkC;QAClC,aAAa,EAAE,CACb,QAAiB,EACjB,YAAwB,EACxB,WAAwB,EACxB,OAAkB,EAClB,MAAiB,EACjB,EAAE,CAAC,uBAAuB,CAC1B,UAAU,CAAC,MAAM,EACjB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,MAAM,CACP;QAED,IAAI,KAAK;YACP,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAI,KAAK,CAAC,QAAW;YACnB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACvB,KAAK,GAAG,QAAQ,CAAA;gBAChB,IAAI,CAAC,QAAQ,CAAC,CAAA;YAChB,CAAC;QACH,CAAC;QAED,MAAM,EAAE,oBAAoB;QAC5B,IAAI;QAEJ,SAAS,CAAC,QAAuB;YAC/B,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAC,qBAAqB;YAErC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAEzB,iCAAiC;YACjC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAEhD,kCAAkC;YAClC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAA;YAEzB,OAAO,KAAK,CAAA;QACd,CAAC;KACF,CAAA;AACH,CAAC"}

package/js/state/state.utils.d.ts

@@ -1,8 +1,7 @@
 import { AnySupport } from '../tag/AnySupport.type.js';
 import { State, StateConfig } from './state.types.js';
-import { StateMemory } from './StateMemory.type.js';
-export declare function initState(support: AnySupport, config: StateMemory): void;
-export declare function reState(newSupport: AnySupport, prevSupport: AnySupport, config: StateMemory, prevState: State): void;
+export declare function initState(support: AnySupport): void;
+export declare function reState(newSupport: AnySupport, prevSupport: AnySupport, prevState: State): void;
 export declare class StateEchoBack {
 }
 /** sends a fake value and then sets back to received value */

package/js/state/state.utils.js

@@ -1,15 +1,19 @@
 import { runFirstState, runRestate } from './stateHandlers.js';
 import { firstStatesHandler, reStatesHandler } from './states.utils.js';
-export function initState(support, config) {
+import { setUseMemory } from './setUseMemory.object.js';
+import { setSupportInCycle } from '../tag/getSupportInCycle.function.js';
+export function initState(support) {
+    const config = setUseMemory.stateConfig;
     config.handlers.handler = runFirstState;
     config.handlers.statesHandler = firstStatesHandler;
     config.rearray = [];
     config.stateArray = [];
     config.states = [];
     config.statesIndex = 0;
-    config.support = support;
+    setSupportInCycle(support);
 }
-export function reState(newSupport, prevSupport, config, prevState) {
+export function reState(newSupport, prevSupport, prevState) {
+    const config = setUseMemory.stateConfig;
     // set previous state memory
     config.rearray = prevState;
     config.stateArray = [];
@@ -18,6 +22,7 @@ export function reState(newSupport, prevSupport, config, prevState) {
     config.handlers.handler = runRestate;
     config.handlers.statesHandler = reStatesHandler;
     config.prevSupport = prevSupport;
+    setSupportInCycle(newSupport);
 }
 export class StateEchoBack {
 }

package/js/state/state.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.utils.js","sourceRoot":"","sources":["../../ts/state/state.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGvE,MAAM,UAAU,SAAS,CACvB,OAAmB,EACnB,MAAmB;IAEnB,MAAM,CAAC,QAAQ,CAAC,OAAO,GAAG,aAAa,CAAA;IACvC,MAAM,CAAC,QAAQ,CAAC,aAAa,GAAG,kBAA2E,CAAA;IAE3G,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;IACnB,MAAM,CAAC,UAAU,GAAG,EAAE,CAAA;IACtB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAA;IAClB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA;IACtB,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,UAAsB,EACtB,WAAuB,EACvB,MAAmB,EACnB,SAAgB;IAEhB,4BAA4B;IAC5B,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;IAE1B,MAAM,CAAC,UAAU,GAAG,EAAE,CAAA;IACtB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAA;IAClB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA;IAEtB,MAAM,CAAC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IACpC,MAAM,CAAC,QAAQ,CAAC,aAAa,GAAG,eAAe,CAAA;IAE/C,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;AAClC,CAAC;AAED,MAAM,OAAO,aAAa;CAAG;AAE7B,8DAA8D;AAC9D,MAAM,UAAU,gBAAgB,CAC9B,QAAwB;IAExB,MAAM,CAAE,KAAK,CAAE,GAAG,QAAQ,CAAC,aAAoB,CAAC,CAAA,CAAC,iCAAiC;IAClF,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAE,KAAK,CAAE,CAAA,CAAC,6BAA6B;IACpE,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAC5B,CAAC"}
+{"version":3,"file":"state.utils.js","sourceRoot":"","sources":["../../ts/state/state.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAExE,MAAM,UAAU,SAAS,CACvB,OAAmB;IAEnB,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAA;IACvC,MAAM,CAAC,QAAQ,CAAC,OAAO,GAAG,aAAa,CAAA;IACvC,MAAM,CAAC,QAAQ,CAAC,aAAa,GAAG,kBAA2E,CAAA;IAE3G,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;IACnB,MAAM,CAAC,UAAU,GAAG,EAAE,CAAA;IACtB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAA;IAClB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA;IAEtB,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAC5B,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,UAAsB,EACtB,WAAuB,EACvB,SAAgB;IAEhB,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAA;IAEvC,4BAA4B;IAC5B,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;IAE1B,MAAM,CAAC,UAAU,GAAG,EAAE,CAAA;IACtB,MAAM,CAAC,MAAM,GAAG,EAAE,CAAA;IAClB,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA;IAEtB,MAAM,CAAC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IACpC,MAAM,CAAC,QAAQ,CAAC,aAAa,GAAG,eAAe,CAAA;IAE/C,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IAChC,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAC/B,CAAC;AAED,MAAM,OAAO,aAAa;CAAG;AAE7B,8DAA8D;AAC9D,MAAM,UAAU,gBAAgB,CAC9B,QAAwB;IAExB,MAAM,CAAE,KAAK,CAAE,GAAG,QAAQ,CAAC,aAAoB,CAAC,CAAA,CAAC,iCAAiC;IAClF,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAE,KAAK,CAAE,CAAA,CAAC,6BAA6B;IACpE,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAC5B,CAAC"}

package/js/state/subscribeWith.function.js

@@ -9,13 +9,11 @@ export function subscribeWith(Observable, withDefault, callback) {
         tagJsType: ValueTypes.subscribe,
         processInit: processSubscribeWith,
         delete: deleteAndUnsubscribe,
-        checkValueChange: function subscribeDoNothing() {
-            return -1;
-        },
-        Observable,
         callback,
         withDefault,
         states: getSupportWithState(getSupportInCycle()).states,
+        Observable,
+        Observables: [Observable],
     };
 }
 //# sourceMappingURL=subscribeWith.function.js.map

package/js/state/subscribeWith.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscribeWith.function.js","sourceRoot":"","sources":["../../ts/state/subscribeWith.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAA;AAElG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAA;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAG/E,yIAAyI;AACzI,MAAM,UAAU,aAAa,CAC3B,UAAoC,EACpC,WAAoB,EACpB,QAAgD;IAEhD,OAAO;QACL,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,WAAW,EAAE,oBAAoB;QACjC,MAAM,EAAE,oBAAoB;QAE5B,gBAAgB,EAAE,SAAS,kBAAkB;YAC3C,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,UAAU;QACV,QAAQ;QACR,WAAW;QACX,MAAM,EAAE,mBAAmB,CAAE,iBAAiB,EAAgB,CAAC,CAAC,MAAM;KACvE,CAAA;AACH,CAAC"}
+{"version":3,"file":"subscribeWith.function.js","sourceRoot":"","sources":["../../ts/state/subscribeWith.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAA;AAElG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAA;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAG/E,yIAAyI;AACzI,MAAM,UAAU,aAAa,CAC3B,UAAoC,EACpC,WAAoB,EACpB,QAAgD;IAEhD,OAAO;QACL,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,WAAW,EAAE,oBAAoB;QACjC,MAAM,EAAE,oBAAoB;QAE5B,QAAQ;QACR,WAAW;QACX,MAAM,EAAE,mBAAmB,CAAE,iBAAiB,EAAgB,CAAC,CAAC,MAAM;QAEtE,UAAU;QACV,WAAW,EAAE,CAAC,UAAU,CAAC;KAC1B,CAAA;AACH,CAAC"}

package/js/state/useAwaits.d.ts

@@ -0,0 +1,5 @@
+export type OnInitCallback = () => unknown;
+/** EXPERIMENTAL. NOT LIKING. runs a callback function one time and never again. Same as calling state(() => ...)*/
+export declare function useAwaits(): {
+    add: Promise<any>;
+};

package/js/state/useAwaits.js

@@ -0,0 +1,17 @@
+import { thenResolveBy } from '../interpolations/attributes/checkToResolvePromise.function.js';
+import { getSupportInCycle } from '../tag/getSupportInCycle.function.js';
+/** EXPERIMENTAL. NOT LIKING. runs a callback function one time and never again. Same as calling state(() => ...)*/
+export function useAwaits() {
+    const nowSupport = getSupportInCycle();
+    const controller = {};
+    Object.defineProperty(controller, 'add', {
+        set(x) {
+            x.then(thenResolveBy(nowSupport, resolvePromise));
+        },
+    });
+    return controller;
+}
+function resolvePromise(x) {
+    return x;
+}
+//# sourceMappingURL=useAwaits.js.map

package/js/state/useAwaits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAwaits.js","sourceRoot":"","sources":["../../ts/state/useAwaits.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAA;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAIxE,mHAAmH;AACnH,MAAM,UAAU,SAAS;IACvB,MAAM,UAAU,GAAG,iBAAiB,EAAgB,CAAA;IACpD,MAAM,UAAU,GAAG,EAA2B,CAAA;IAE9C,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE;QACvC,GAAG,CAAC,CAAe;YACjB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAA;QACnD,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,SAAS,cAAc,CAAC,CAAM;IAC5B,OAAO,CAAC,CAAA;AACV,CAAC"}

package/js/state/watch.function.js

@@ -84,7 +84,7 @@ function defineOnMethod(getWatch, attachTo) {
                     const setTo = callback(currentValues, previousValues);
                     if (nowSupport !== firstSupport) {
                         const newestState = oldState.stateArray;
-                        const global = firstSupport.subject.global;
+                        const global = firstSupport.context.global;
                         const oldest = global.oldest;
                         const oldestState = oldest.state;
                         const newStates = oldState.states;

package/js/subject/index.d.ts

@@ -1,4 +1,4 @@
-export { signal } from './signal.function.js';
+export { signal } from '../state/signal.function.js';
 export type { Subscription } from './subject.utils.js';
 export * from './Subject.class.js';
 export * from './ValueSubject.js';

package/js/subject/index.js

@@ -1,4 +1,4 @@
-export { signal } from './signal.function.js';
+export { signal } from '../state/signal.function.js';
 export * from './Subject.class.js';
 export * from './ValueSubject.js';
 export * from './combineLatest.function.js';

package/js/subject/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ts/subject/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAG7C,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ts/subject/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAGpD,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA"}

package/js/subject/signal.function.d.ts

@@ -1,12 +1,13 @@
 import { ValueTypes } from '../tag/ValueTypes.enum.js';
 import { ProcessInit } from '../tag/ProcessInit.type.js';
+import { SubscribeFn } from '../tagJsVars/subscribe.function.js';
 /** Checks if rendering cycle in process. Then creates object with "value" key and ability to "subscribe" to value changes */
-export declare function signal<T>(initialValue: T): SignalObject;
-export type SignalObject = {
+export declare function signal<T>(initialValue: T): SignalObject<T>;
+export type SignalObject<T> = {
     tagJsType: typeof ValueTypes.signal;
     value: any;
-    subscribe: any;
+    subscribe: SubscribeFn<T>;
     processInit: ProcessInit;
 };
 /** Creates object with "value" key and ability to "subscribe" to value changes */
-export declare function Signal<T>(initialValue: T): SignalObject;
+export declare function Signal<T>(initialValue: T): SignalObject<T>;

package/js/subject/signal.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal.function.js","sourceRoot":"","sources":["../../ts/subject/signal.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAKtD,6HAA6H;AAC7H,MAAM,UAAU,MAAM,CAAI,YAAe;IACrC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAA;IAEnC,IAAG,OAAO,EAAE,CAAC;QACT,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAC5C,CAAC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,CAAA;AAC/B,CAAC;AASD,kFAAkF;AAClF,MAAM,UAAU,MAAM,CAAI,YAAe;IACrC,IAAI,KAAK,GAAM,YAAY,CAAA;IAC3B,MAAM,WAAW,GAAoB,IAAI,GAAG,EAAE,CAAA;IAE9C,OAAO;QACH,SAAS,EAAE,UAAU,CAAC,MAAM;QAC5B,WAAW,EAAE,aAAa;QAE1B,IAAI,KAAK;YACP,OAAO,KAAK,CAAA;QACd,CAAC;QACD,IAAI,KAAK,CAAC,QAAW;YACjB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACrB,KAAK,GAAG,QAAQ,CAAA;gBAChB,yBAAyB;gBACzB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;YACvD,CAAC;QACL,CAAC;QACD,SAAS,CAAC,QAAoB;YAC1B,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAC,qBAAqB;YAErC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAEzB,iCAAiC;YACjC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAEhD,kCAAkC;YAClC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAA;YAEzB,OAAO,KAAK,CAAA;QAChB,CAAC;KACJ,CAAA;AACL,CAAC"}
+{"version":3,"file":"signal.function.js","sourceRoot":"","sources":["../../ts/subject/signal.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAKtD,6HAA6H;AAC7H,MAAM,UAAU,MAAM,CAAI,YAAe;IACrC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAA;IAEnC,IAAG,OAAO,EAAE,CAAC;QACT,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IAC5C,CAAC;IAED,OAAO,MAAM,CAAC,YAAY,CAAC,CAAA;AAC/B,CAAC;AASD,kFAAkF;AAClF,MAAM,UAAU,MAAM,CAAI,YAAe;IACrC,IAAI,KAAK,GAAM,YAAY,CAAA;IAC3B,MAAM,WAAW,GAAuB,IAAI,GAAG,EAAE,CAAA;IAEjD,OAAO;QACH,SAAS,EAAE,UAAU,CAAC,MAAM;QAC5B,WAAW,EAAE,aAAa;QAE1B,IAAI,KAAK;YACP,OAAO,KAAK,CAAA;QACd,CAAC;QACD,IAAI,KAAK,CAAC,QAAW;YACjB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACrB,KAAK,GAAG,QAAQ,CAAA;gBAChB,yBAAyB;gBACzB,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;YACvD,CAAC;QACL,CAAC;QACD,SAAS,CAAC,QAAuB;YAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAC,qBAAqB;YAErC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAEzB,iCAAiC;YACjC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;YAEhD,kCAAkC;YAClC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAA;YAEzB,OAAO,KAAK,CAAA;QAChB,CAAC;KACJ,CAAA;AACL,CAAC"}

package/js/tag/AdvancedContextItem.type.d.ts

@@ -1,5 +1,3 @@
-import { ContextHandler } from '../index.js';
 import { ContextItem } from './ContextItem.type.js';
 export interface AdvancedContextItem extends ContextItem {
-    handler?: ContextHandler;
 }

package/js/tag/BaseSupport.type.d.ts

@@ -1,5 +1,5 @@
 import { HtmlSupport } from './createHtmlSupport.function.js';
 import { SupportContextItem } from './SupportContextItem.type.js';
 export type BaseSupport = HtmlSupport & {
-    subject: SupportContextItem;
+    context: SupportContextItem;
 };

package/js/tag/Context.types.d.ts

@@ -5,5 +5,5 @@ import { SupportContextItem } from './SupportContextItem.type.js';
 import { TagCounts } from './TagCounts.type.js';
 export type ContextHandler = (value: TemplateValue, newSupport: AnySupport, contextItem: ContextItem, values: unknown[], counts: TagCounts) => void;
 export type LastArrayItem = ContextItem;
-export type CheckValueChange = (value: unknown, subject: ContextItem, counts: TagCounts) => number | boolean;
+export type CheckValueChange = (value: unknown, subject: ContextItem, counts: TagCounts, ownerSupport: AnySupport) => number | boolean;
 export type CheckSupportValueChange = (value: unknown, subject: SupportContextItem, counts: TagCounts) => number | boolean;

package/js/tag/ContextItem.type.d.ts

@@ -2,13 +2,12 @@ import { HowToSet } from '../interpolations/attributes/howToSetInputValue.functi
 import { Clone, TagGlobal } from './getTemplaterResult.function.js';
 import { SubContext } from './update/SubContext.type.js';
 import { PaintCommand } from '../render/paint.function.js';
-import { ContextHandler, LastArrayItem } from '../index.js';
+import { LastArrayItem } from '../index.js';
 import { TagJsVar } from '../tagJsVars/tagJsVar.type.js';
 import { SpecialDefinition } from '../render/attributes/Special.types.js';
 export interface ContextItem {
-    element?: Element;
+    locked?: true;
     /** handler(value,newSupport,contextItem,values) Called on value update detected, within processUpdateOneContext(). Return value is ignored */
-    handler?: ContextHandler;
     isAttr?: true;
     howToSet?: HowToSet;
     isNameOnly?: boolean;
@@ -19,8 +18,9 @@ export interface ContextItem {
     lastArray?: LastArrayItem[];
     subContext?: SubContext;
     value?: any;
-    tagJsVar?: TagJsVar;
+    tagJsVar: TagJsVar;
     global?: TagGlobal;
+    element?: Element;
     placeholder?: Text;
     withinOwnerElement: boolean;
 }

package/js/tag/ProcessUpdate.type.d.ts

@@ -0,0 +1,5 @@
+import { ContextItem } from './ContextItem.type.js';
+import { AnySupport } from './AnySupport.type.js';
+import { TagCounts } from './TagCounts.type.js';
+import { TemplateValue } from './TemplateValue.type.js';
+export type ProcessUpdate = (value: TemplateValue, ownerSupport: AnySupport, contextItem: ContextItem, values: unknown[], counts: TagCounts) => any;

package/js/tag/ProcessUpdate.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ProcessUpdate.type.js.map

package/js/tag/ProcessUpdate.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessUpdate.type.js","sourceRoot":"","sources":["../../ts/tag/ProcessUpdate.type.ts"],"names":[],"mappings":""}

package/js/tag/Tag.type.d.ts

@@ -1,7 +1,7 @@
 import { TemplaterResult } from './getTemplaterResult.function.js';
 import { AnySupport } from './AnySupport.type.js';
-import { TagJsVar } from '../tagJsVars/tagJsVar.type.js';
-export type Tag = TagJsVar & {
+import { TagJsTag, TagJsVar } from '../tagJsVars/tagJsVar.type.js';
+export type Tag = TagJsTag & {
     values: unknown[];
     templater?: TemplaterResult;
     ownerSupport?: AnySupport;
@@ -9,11 +9,13 @@ export type Tag = TagJsVar & {
     /** used in array.map() */
     key: (arrayValue: unknown) => Tag;
     arrayValue?: any;
-    /** Used inside a tag/function to signify that innerHTML is expected */
-    setInnerHTML: (innerHTML: any) => Tag;
+    /** Used INSIDE a tag/function to signify that innerHTML is expected */
+    acceptInnerHTML: (useTagVar: TagJsVar) => Tag;
     /** Use this to set content to be render within another component */
     innerHTML?: Tag;
-    /** The true saved variable */
+    /** Same as innerHTML = x */
+    setHTML: (innerHTML: any) => Tag;
+    /** The true saved innerHTML variable */
     _innerHTML?: Tag;
     outerHTML?: Tag;
 };

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

@@ -23,6 +23,7 @@ type ValueTypeObject = {
     version: number;
     subscribe: string;
     signal: string;
+    host: string;
 };
 /** Used as direct memory comparisons, the strings are never compared, just the array */
 export declare const ValueTypes: ValueTypeObject;

package/js/tag/ValueTypes.enum.js

@@ -21,8 +21,7 @@ export const ValueTypes = {
     templater: 'templater',
     tagComponent: 'tagComponent',
     tagArray: 'tagArray',
-    // subject: 'subject',
-    // tagJsSubject: 'tagJsSubject',
+    host: 'host',
     subscribe: 'subscribe',
     signal: 'signal',
     renderOnce: 'renderOnce',

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

@@ -1 +1 @@
-{"version":3,"file":"ValueTypes.enum.js","sourceRoot":"","sources":["../../ts/tag/ValueTypes.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEvB,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;IACnB,yCAAuB,CAAA;AACzB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAoBD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;AAE1B,wFAAwF;AACxF,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,GAAG,EAAE,MAAM,EAAE,gCAAgC;IAC7C,GAAG,EAAE,KAAK,EAAE,6BAA6B;IAEzC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,QAAQ,EAAE,UAAU;IACpB,sBAAsB;IACtB,gCAAgC;IAChC,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAEhB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,OAAO;CACR,CAAA"}
+{"version":3,"file":"ValueTypes.enum.js","sourceRoot":"","sources":["../../ts/tag/ValueTypes.enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEvB,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;IACnB,yCAAuB,CAAA;AACzB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAqBD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;AAE1B,wFAAwF;AACxF,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,GAAG,EAAE,MAAM,EAAE,gCAAgC;IAC7C,GAAG,EAAE,KAAK,EAAE,6BAA6B;IAEzC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,QAAQ,EAAE,UAAU;IAEpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAEhB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAE1B,OAAO;CACR,CAAA"}

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

@@ -1,5 +1,5 @@
 import { SupportContextItem } from './SupportContextItem.type.js';
 import { ContextItem } from './ContextItem.type.js';
 import { TagCounts } from './TagCounts.type.js';
-export declare function checkTagValueChange(newValue: unknown, contextItem: SupportContextItem, counts: TagCounts): -1 | 7 | 8 | 77 | 663 | 88;
+export declare function checkTagValueChange(newValue: unknown, contextItem: SupportContextItem, counts: TagCounts): -1 | 7 | 88 | 8;
 export declare function destroySupportByContextItem(contextItem: ContextItem): void;

package/js/tag/checkTagValueChange.function.js

@@ -5,9 +5,6 @@ import { isLikeTags } from './isLikeTags.function.js';
 import { tryUpdateToTag } from './update/tryUpdateToTag.function.js';
 export function checkTagValueChange(newValue, contextItem, counts) {
     const global = contextItem.global;
-    if (!global) {
-        return 663; // its not a tag this time
-    }
     const lastSupport = global?.newest;
     const isValueTag = isStaticTag(newValue);
     const newTag = newValue;
@@ -19,7 +16,9 @@ export function checkTagValueChange(newValue, contextItem, counts) {
             getNewGlobal(contextItem);
             return 7; // 'tag-swap'
         }
-        return 77; // always cause a redraw of static tags (was false)
+        // always cause a redraw of static tags (was false)
+        tryUpdateToTag(contextItem, newValue, lastSupport, counts);
+        return -1;
     }
     const isTag = newValue?.tagJsType;
     if (isTag) {

package/js/tag/checkTagValueChange.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkTagValueChange.function.js","sourceRoot":"","sources":["../../ts/tag/checkTagValueChange.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAK,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAK,0BAA0B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAGpE,MAAM,UAAU,mBAAmB,CACjC,QAAiB,EACjB,WAA+B,EAC/B,MAAiB;IAEjB,MAAM,MAAM,GAAG,WAAW,CAAC,MAA0B,CAAA;IAErD,IAAG,CAAC,MAAM,EAAE,CAAC;QACX,OAAO,GAAG,CAAA,CAAC,0BAA0B;IACvC,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,CAAA;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,QAAsB,CAAA;IAErC,IAAG,UAAU,EAAE,CAAC;QACd,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;QAChD,IAAG,CAAC,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;YACnC,YAAY,CAAC,WAAW,CAAC,CAAA;YACzB,OAAO,CAAC,CAAA,CAAC,aAAa;QACxB,CAAC;QAED,OAAO,EAAE,CAAA,CAAC,mDAAmD;IAC/D,CAAC;IAED,MAAM,KAAK,GAAI,QAAgB,EAAE,SAAS,CAAA;IAC1C,IAAG,KAAK,EAAE,CAAC;QACT,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,MAAM,YAAY,GAAG,OAAO,CAAC,YAA0B,CAAA;QACvD,MAAM,MAAM,GAAG,cAAc,CAC3B,WAAW,EACX,QAA2B,EAC3B,YAAY,EACZ,MAAM,CACP,CAAA;QAED,MAAM,WAAW,GAAG,MAAM,KAAK,IAAI,CAAA;QAEnC,IAAG,WAAW,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,OAAO,EAAE,CAAA,CAAC,+BAA+B;IAC3C,CAAC;IAED,2BAA2B,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,CAAA,CAAC,kBAAkB;AAC7B,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,WAAwB;IAExB,MAAM,MAAM,GAAG,WAAW,CAAC,MAA0B,CAAA;IACrD,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,CAAA;IAElC,kDAAkD;IAClD,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACnC,OAAQ,WAA2B,CAAC,MAAM,CAEzC;IAAC,WAAkC,CAAC,WAAW,GAAG,CAAC,CAAA;AACtD,CAAC"}
+{"version":3,"file":"checkTagValueChange.function.js","sourceRoot":"","sources":["../../ts/tag/checkTagValueChange.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAK,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAK,0BAA0B,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAGpE,MAAM,UAAU,mBAAmB,CACjC,QAAiB,EACjB,WAA+B,EAC/B,MAAiB;IAEjB,MAAM,MAAM,GAAG,WAAW,CAAC,MAA0B,CAAA;IACrD,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,CAAA;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,QAAsB,CAAA;IAErC,IAAG,UAAU,EAAE,CAAC;QACd,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;QAChD,IAAG,CAAC,QAAQ,EAAE,CAAC;YACb,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;YACnC,YAAY,CAAC,WAAW,CAAC,CAAA;YACzB,OAAO,CAAC,CAAA,CAAC,aAAa;QACxB,CAAC;QAED,mDAAmD;QACnD,cAAc,CACZ,WAAW,EACX,QAA2B,EAC3B,WAAW,EACX,MAAM,CACP,CAAA;QAED,OAAO,CAAC,CAAC,CAAA;IACX,CAAC;IAED,MAAM,KAAK,GAAI,QAAgB,EAAE,SAAS,CAAA;IAC1C,IAAG,KAAK,EAAE,CAAC;QACT,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,MAAM,YAAY,GAAG,OAAO,CAAC,YAA0B,CAAA;QACvD,MAAM,MAAM,GAAG,cAAc,CAC3B,WAAW,EACX,QAA2B,EAC3B,YAAY,EACZ,MAAM,CACP,CAAA;QAED,MAAM,WAAW,GAAG,MAAM,KAAK,IAAI,CAAA;QAEnC,IAAG,WAAW,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,OAAO,EAAE,CAAA,CAAC,+BAA+B;IAC3C,CAAC;IAED,2BAA2B,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,CAAA,CAAC,kBAAkB;AAC7B,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,WAAwB;IAExB,MAAM,MAAM,GAAG,WAAW,CAAC,MAA0B,CAAA;IACrD,MAAM,WAAW,GAAG,MAAM,EAAE,MAAM,CAAA;IAElC,kDAAkD;IAClD,cAAc,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACnC,OAAQ,WAA2B,CAAC,MAAM,CAEzC;IAAC,WAAkC,CAAC,WAAW,GAAG,CAAC,CAAA;AACtD,CAAC"}

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

@@ -13,10 +13,10 @@ export type HtmlSupport = {
     appElement?: Element;
     propsConfig?: PropsConfig;
     templater: TemplaterResult;
-    subject: ContextItem;
+    context: ContextItem;
 };
 /** used only for apps, otherwise use Support */
-export declare function getBaseSupport(templater: TemplaterResult, subject: SupportContextItem, castedProps?: Props): BaseSupport;
+export declare function getBaseSupport(templater: TemplaterResult, context: SupportContextItem, castedProps?: Props): BaseSupport;
 export type Support = AnySupport & {
     ownerSupport: AnySupport;
     appSupport: BaseSupport;
@@ -25,4 +25,4 @@ export type Support = AnySupport & {
 export declare function upgradeBaseToSupport(templater: TemplaterResult, // at runtime rendering of a tag, it needs to be married to a new Support()
 support: BaseSupport, appSupport: AnySupport, castedProps?: Props): AnySupport;
 export declare function createHtmlSupport(templater: TemplaterResult, // at runtime rendering of a tag, it needs to be married to a new Support()
-ownerSupport: AnySupport, appSupport: AnySupport, subject: ContextItem, castedProps?: Props): AnySupport;
+ownerSupport: AnySupport, appSupport: AnySupport, context: ContextItem, castedProps?: Props): AnySupport;

package/js/tag/createHtmlSupport.function.js

@@ -1,15 +1,15 @@
 import { clonePropsBy } from './props/clonePropsBy.function.js';
 import { Subject } from '../subject/Subject.class.js';
 /** used only for apps, otherwise use Support */
-export function getBaseSupport(templater, subject, castedProps) {
+export function getBaseSupport(templater, context, castedProps) {
     const baseSupport = {
         templater,
-        subject,
+        context,
         castedProps,
         appSupport: undefined,
     };
     // baseSupport.appSupport = baseSupport
-    const global = subject.global;
+    const global = context.global;
     global.blocked = [];
     global.destroy$ = new Subject();
     return baseSupport;
@@ -27,10 +27,10 @@ support, appSupport, castedProps) {
     return support;
 }
 export function createHtmlSupport(templater, // at runtime rendering of a tag, it needs to be married to a new Support()
-ownerSupport, appSupport, subject, castedProps) {
+ownerSupport, appSupport, context, castedProps) {
     const support = {
         templater,
-        subject,
+        context,
         castedProps,
         appSupport: undefined,
     };

package/js/tag/destroyContext.function.js

@@ -27,7 +27,7 @@ export function destroyContext(childTags, ownerSupport) {
         if (isTagComponent(support.templater)) {
             runBeforeDestroy(support, global);
         }
-        const subTags = global.context;
+        const subTags = global.contexts;
         // recurse
         destroyContext(subTags, support);
     }
@@ -46,7 +46,7 @@ export function getChildTagsToSoftDestroy(childTags, tags = [], subs = []) {
                 subs.push(...iSubs);
             }
         }
-        const subTags = global.context;
+        const subTags = global.contexts;
         if (subTags) {
             getChildTagsToSoftDestroy(subTags, tags, subs);
         }

package/js/tag/destroyContext.function.js.map

@@ -1 +1 @@
-{"version":3,"file":"destroyContext.function.js","sourceRoot":"","sources":["../../ts/tag/destroyContext.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIjD,MAAM,UAAU,cAAc,CAC5B,SAAwB,EACxB,YAAwB;IAExB,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,kBAAkB;QAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,IAAG,SAAS,EAAE,CAAC;YACb,UAAU;YACV,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;YACvC,SAAQ;QACV,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAA6B,CAAA;QACtD,IAAG,UAAU,EAAE,SAAS,KAAK,UAAU,CAAC,SAAS,EAAE,CAAC;YAClD,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;YACtC,SAAQ;QACV,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ,CAAC,4BAA4B;QACvC,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;QAClC,IAAG,KAAK,EAAE,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;QAChC,CAAC;QAED,IAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACnC,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAwB,CAAA;QAC/C,UAAU;QACV,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAClC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,SAAwB,EACxB,OAAqB,EAAE,EACvB,OAA4B,EAAE;IAE9B,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAE/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ;QACV,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,IAAG,OAAO,EAAE,CAAC;YACX,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAClB,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;YAClC,IAAG,KAAK,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAwB,CAAA;QAC/C,IAAG,OAAO,EAAE,CAAC;YACX,yBAAyB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;IAED,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAS;IACvC,IAAI,CAAC,WAAW,EAAE,CAAA;AACpB,CAAC"}
+{"version":3,"file":"destroyContext.function.js","sourceRoot":"","sources":["../../ts/tag/destroyContext.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIjD,MAAM,UAAU,cAAc,CAC5B,SAAwB,EACxB,YAAwB;IAExB,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,kBAAkB;QAClB,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,IAAG,SAAS,EAAE,CAAC;YACb,UAAU;YACV,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;YACvC,SAAQ;QACV,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAA6B,CAAA;QACtD,IAAG,UAAU,EAAE,SAAS,KAAK,UAAU,CAAC,SAAS,EAAE,CAAC;YAClD,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;YACtC,SAAQ;QACV,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ,CAAC,4BAA4B;QACvC,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;QAClC,IAAG,KAAK,EAAE,CAAC;YACT,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;QAChC,CAAC;QAED,IAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QACnC,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,UAAU;QACV,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAClC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,SAAwB,EACxB,OAAqB,EAAE,EACvB,OAA4B,EAAE;IAE9B,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAE/C,IAAG,CAAC,MAAM,EAAE,CAAC;YACX,SAAQ;QACV,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;QAC7B,IAAG,OAAO,EAAE,CAAC;YACX,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAClB,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAA;YAClC,IAAG,KAAK,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,IAAG,OAAO,EAAE,CAAC;YACX,yBAAyB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;IAED,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAS;IACvC,IAAI,CAAC,WAAW,EAAE,CAAA;AACpB,CAAC"}

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

@@ -18,7 +18,7 @@ export interface TagTemplate {
     values: unknown[];
     domMetaMap?: DomMetaMap;
 }
-type ArrayItemStringTag<T> = StringTag & {
+export type ArrayItemStringTag<T> = StringTag & {
     arrayValue: T;
 };
 export type KeyFunction = 
@@ -29,6 +29,3 @@ export type KeyFunction =
 <T>(arrayValue: T) => ArrayItemStringTag<T>;
 /** When compiled to then run in browser */
 export declare function getDomTag(dom: LikeObjectChildren, values: unknown[]): DomTag;
-/** When runtime is in browser */
-export declare function getStringTag(strings: string[], values: unknown[]): StringTag;
-export {};

package/js/tag/getDomTag.function.js

@@ -3,7 +3,8 @@ import { ValueTypes } from './ValueTypes.enum.js';
 import { getSupportInCycle } from './getSupportInCycle.function.js';
 import { processDomTagInit } from './update/processDomTagInit.function.js';
 import { checkTagValueChange, destroySupportByContextItem } from '../index.js';
-import { forceUpdateExistingValue } from './update/forceUpdateExistingValue.function.js';
+import { processOuterDomTagInit } from './processOuterDomTagInit.function.js';
+import { tagValueUpdateHandler } from './update/tagValueUpdateHandler.function.js';
 /** When compiled to then run in browser */
 export function getDomTag(dom, values) {
     const tag = {
@@ -12,86 +13,38 @@ export function getDomTag(dom, values) {
         dom,
         tagJsType: ValueTypes.dom,
         processInit: processDomTagInit,
+        processUpdate: tagValueUpdateHandler,
         checkValueChange: checkTagValueChange,
         delete: destroySupportByContextItem,
         key: function keyFun(arrayValue) {
             tag.arrayValue = arrayValue;
             return tag;
         },
-        /** Used within the outerHTML tag to signify that it expects innerHTML */
-        setInnerHTML: function setInnerHTML(innerHTML) {
-            innerHTML.owner = tag;
-            return tag;
-        },
-        html: {
-            dom: function dom(dom, // ObjectChildren
-            values) {
-                tag.children = { dom: dom, values };
-                return tag;
-            }
-        }
-    };
-    Object.defineProperty(tag, 'innerHTML', {
-        set(innerHTML) {
+        setHTML: function setHTML(innerHTML) {
             innerHTML.outerHTML = tag;
             tag._innerHTML = innerHTML;
             innerHTML.oldProcessInit = innerHTML.processInit;
             // TODO: Not best idea to override the init
             innerHTML.processInit = processOuterDomTagInit;
-        },
-    });
-    return tag;
-}
-/** Used to override the html`` processing that will first render outerHTML and then its innerHTML */
-function processOuterDomTagInit(value, contextItem, // could be tag via result.tag
-ownerSupport, // owningSupport
-counts, appendTo, insertBefore) {
-    const outerHTML = value.outerHTML;
-    processDomTagInit(outerHTML, contextItem, // could be tag via result.tag
-    ownerSupport, // owningSupport
-    counts, appendTo, insertBefore);
-    contextItem.handler = (value, newSupport, contextItem, _values, counts) => {
-        forceUpdateExistingValue(contextItem, value?.outerHTML || value, newSupport, counts);
-    };
-    // TODO: Not best idea to swap out the original values changeChecker
-    value.checkValueChange = function outerCheckValueChange(newValue, contextItem, counts) {
-        return checkOuterTagValueChange(newValue, contextItem, counts);
-    };
-}
-function checkOuterTagValueChange(newValue, contextItem, counts) {
-    return checkTagValueChange(newValue, // (newValue as Tag)?.outerHTML || newValue,
-    contextItem, // subContext.contextItem as any,
-    counts);
-}
-/** When runtime is in browser */
-export function getStringTag(strings, values) {
-    const tag = {
-        values,
-        ownerSupport: getSupportInCycle(),
-        tagJsType: ValueTypes.tag,
-        processInit: processDomTagInit,
-        checkValueChange: checkTagValueChange,
-        delete: destroySupportByContextItem,
-        strings,
-        /** Used within an array.map() that returns html aka array.map(x => html``.key(x)) */
-        key(arrayValue) {
-            tag.arrayValue = arrayValue;
             return tag;
         },
-        /** Used within the outerHTML tag to signify that it expects innerHTML */
-        setInnerHTML: function setInnerHTML(innerHTML) {
-            innerHTML.owner = tag;
+        /** Used within the outerHTML tag to signify that it can use innerHTML */
+        acceptInnerHTML: function acceptInnerHTML(useTagVar) {
+            // TODO: datatype
+            useTagVar.owner = tag;
             return tag;
         },
-        html: function html(strings, values) {
-            tag.children = { strings, values };
-            return tag;
+        html: {
+            dom: function dom(dom, // ObjectChildren
+            values) {
+                tag.children = { dom: dom, values };
+                return tag;
+            }
         }
     };
     Object.defineProperty(tag, 'innerHTML', {
         set(innerHTML) {
-            innerHTML.outerHTML = tag;
-            innerHTML.processInit = processOuterDomTagInit;
+            return tag.setHTML(innerHTML);
         },
     });
     return tag;