taggedjs 2.8.43 → 3.0.2

package/js/interpolations/attributes/addSupportEventListener.function.js

@@ -1,42 +1,29 @@
+import { bubbleEvent } from './bubbleEvent.function.js';
 export function addSupportEventListener(support, eventName, element, callback) {
     const elm = support.appElement;
-    // cast events that do not bubble up into ones that do
+    const replaceEventName = getEventReferenceName(eventName);
     if (eventName === 'blur') {
         eventName = 'focusout';
     }
-    const replaceEventName = '_' + eventName;
-    // const replaceEventName = eventName
-    const global = support.context.global;
-    const eventReg = global.events;
+    const context = support.context;
+    const eventReg = context.events;
     if (!eventReg[eventName]) {
         const listener = function eventCallback(event) {
-            event.originalStopPropagation = event.stopPropagation;
             bubbleEvent(event, replaceEventName, event.target);
         };
         eventReg[eventName] = listener;
         elm.addEventListener(eventName, listener);
     }
-    // attach to element but not as "_click" and "_keyup"
+    // attach to element as "_click" and "_keyup"
     ;
     element[replaceEventName] = callback;
     element[eventName] = callback;
 }
-function bubbleEvent(event, replaceEventName, target) {
-    const callback = target[replaceEventName];
-    if (callback) {
-        let stopped = false;
-        event.stopPropagation = function () {
-            stopped = true;
-            event.originalStopPropagation.call(event);
-        };
-        callback(event);
-        if (event.defaultPrevented || stopped) {
-            return;
-        }
-    }
-    const parentNode = target.parentNode;
-    if (parentNode) {
-        bubbleEvent(event, replaceEventName, parentNode);
+export function getEventReferenceName(eventName) {
+    // cast events that do not bubble up into ones that do
+    if (eventName === 'blur') {
+        eventName = 'focusout';
     }
+    return '_' + eventName;
 }
 //# sourceMappingURL=addSupportEventListener.function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"addSupportEventListener.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/addSupportEventListener.function.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,uBAAuB,CACrC,OAAmB,EACnB,SAAiB,EACjB,OAAgB,EAChB,QAAuB;IAEvB,MAAM,GAAG,GAAG,OAAO,CAAC,UAAqB,CAAA;IAEzC,sDAAsD;IACtD,IAAG,SAAS,KAAK,MAAM,EAAE,CAAC;QACxB,SAAS,GAAG,UAAU,CAAA;IACxB,CAAC;IAED,MAAM,gBAAgB,GAAG,GAAG,GAAG,SAAS,CAAA;IACxC,qCAAqC;IAErC,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAAuB,CAAA;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAgB,CAAA;IAExC,IAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,SAAS,aAAa,CAAC,KAAY;YACjD,KAAa,CAAC,uBAAuB,GAAG,KAAK,CAAC,eAAe,CAAC;YAC/D,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAiB,CAAC,CAAA;QAC/D,CAAC,CAAA;QACD,QAAQ,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAA;QAC9B,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC3C,CAAC;IAED,qDAAqD;IACrD,CAAC;IAAC,OAAe,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAE7C;IAAC,OAAe,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAA;AACzC,CAAC;AAED,SAAS,WAAW,CAClB,KAAY,EACZ,gBAAwB,EACxB,MAAe;IAEf,MAAM,QAAQ,GAAI,MAAc,CAAC,gBAAgB,CAAC,CAAA;IAElD,IAAG,QAAQ,EAAE,CAAC;QACZ,IAAI,OAAO,GAAG,KAAK,CAAA;QACnB,KAAK,CAAC,eAAe,GAAG;YACtB,OAAO,GAAG,IAAI,CACb;YAAC,KAAa,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACrD,CAAC,CAAA;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,IAAG,KAAK,CAAC,gBAAgB,IAAI,OAAO,EAAE,CAAC;YACrC,OAAM;QACR,CAAC;IACH,CAAC;IAGD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAA;IACpC,IAAG,UAAU,EAAE,CAAC;QACd,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,UAAqB,CAAC,CAAA;IAC7D,CAAC;AACH,CAAC"}
+{"version":3,"file":"addSupportEventListener.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/addSupportEventListener.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,MAAM,UAAU,uBAAuB,CACrC,OAAmB,EACnB,SAAiB,EACjB,OAAgB,EAChB,QAAuB;IAEvB,MAAM,GAAG,GAAG,OAAO,CAAC,UAAqB,CAAA;IACzC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAEzD,IAAG,SAAS,KAAK,MAAM,EAAE,CAAC;QACxB,SAAS,GAAG,UAAU,CAAA;IACxB,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAgB,CAAA;IAEzC,IAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,SAAS,aAAa,CAAC,KAAY;YAClD,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAiB,CAAC,CAAA;QAC/D,CAAC,CAAA;QACD,QAAQ,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAA;QAC9B,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;IAC3C,CAAC;IAED,6CAA6C;IAC7C,CAAC;IAAC,OAAe,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAE7C;IAAC,OAAe,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAA;AACzC,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,SAAiB;IACrD,sDAAsD;IACtD,IAAG,SAAS,KAAK,MAAM,EAAE,CAAC;QACxB,SAAS,GAAG,UAAU,CAAA;IACxB,CAAC;IAED,OAAO,GAAG,GAAG,SAAS,CAAA;AACxB,CAAC"}

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

@@ -1,5 +1,5 @@
 /** File largely responsible for reacting to element events, such as onclick */
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport } from '../../tag/index.js';
 export type Callback = (...args: any[]) => any;
 export declare function bindSubjectCallback(value: Callback, support: AnySupport): {
     (element: Element, args: any[]): any;
@@ -7,4 +7,4 @@ export declare function bindSubjectCallback(value: Callback, support: AnySupport
     support: AnySupport;
 };
 export declare function runTagCallback(value: Callback, support: AnySupport, bindTo: unknown, args: any[]): any;
-export declare function afterTagCallback(callbackResult: any, eventHandlerSupport: AnySupport): any;
+export declare function afterTagCallback(callbackResult: any, last: AnySupport): any;

package/js/interpolations/attributes/bindSubjectCallback.function.js

@@ -32,25 +32,27 @@ bindTo, args) {
     const component = getSupportWithState(support);
     const subject = component.context;
     // const global = subject.global as SupportTagGlobal // tag.subject.global as TagGlobal
-    subject.locked = true; // prevent another render from re-rendering this tag
+    subject.locked = 1; // prevent another render from re-rendering this tag
+    // ++painting.locks
     // sync the new states to the old before the old does any processing
-    // syncStatesArray(component.subject.global.newest.states, states)
+    // syncStatesArray(component.context.state.newest.states, states)
     // ACTUAL CALLBACK TO ORIGINAL FUNCTION
     const callbackResult = value.apply(bindTo, args);
     // sync the old states to the new
     // syncStatesArray(states, component.subject.global.newest.states)
     delete subject.locked;
+    // --painting.locks
     const result = afterTagCallback(callbackResult, component);
     return result;
 }
-export function afterTagCallback(callbackResult, eventHandlerSupport) {
-    const global = eventHandlerSupport.context.global; // tag.subject.global as SupportTagGlobal
-    return renderCallbackSupport(eventHandlerSupport, callbackResult, global);
-}
-function renderCallbackSupport(last, callbackResult, global) {
+export function afterTagCallback(callbackResult, last) {
+    const global = last.context.global;
+    if (global?.deleted) {
+        return;
+    }
     const tagsToUpdate = getUpTags(last);
     renderTagUpdateArray(tagsToUpdate);
-    return checkToResolvePromise(callbackResult, last, global, 'bind', { resolvePromise, resolveValue });
+    return checkToResolvePromise(callbackResult, last, { resolvePromise, resolveValue });
 }
 const noData = 'no-data-ever';
 const promiseNoData = 'promise-no-data-ever';

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

@@ -1 +1 @@
-{"version":3,"file":"bindSubjectCallback.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/bindSubjectCallback.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,+EAA+E;AAI/E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAI3E,MAAM,UAAU,mBAAmB,CACjC,KAAe,EACf,OAAmB;IAEnB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IAEzD,gCAAgC;IAChC,MAAM,eAAe,GAAG,SAAS,mBAAmB,CAClD,OAAgB,EAAE,IAAW;QAE7B,IAAG,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,2EAA2E;QAC3E,OAAO,cAAc,CACnB,eAAe,CAAC,WAAW,EAC3B,eAAe,CAAC,OAAO,EAAE,SAAS;QAClC,oCAAoC;QACpC,OAAO,EACP,IAAI,CACL,CAAA;IACH,CAAC,CAAA;IAED,2EAA2E;IAC3E,eAAe,CAAC,WAAW,GAAG,KAAK,CAAA;IAEnC,iDAAiD;IACjD,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;IAEjC,2CAA2C;IAC3C,0CAA0C;IAC1C,kCAAkC;IAElC,OAAO,eAAe,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAe,EACf,OAAmB;AACnB,0BAA0B;AAC1B,MAAe,EACf,IAAW;IAEX,yDAAyD;IACzD,MAAM,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;IACjC,uFAAuF;IAEvF,OAAO,CAAC,MAAM,GAAG,IAAI,CAAA,CAAC,oDAAoD;IAE1E,oEAAoE;IACpE,kEAAkE;IAElE,uCAAuC;IACvC,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEhD,iCAAiC;IACjC,kEAAkE;IAElE,OAAO,OAAO,CAAC,MAAM,CAAA;IAErB,MAAM,MAAM,GAAG,gBAAgB,CAC7B,cAAc,EACd,SAAS,CACV,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,cAAmB,EACnB,mBAA+B;IAE/B,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,MAA0B,CAAA,CAAC,yCAAyC;IAE/G,OAAO,qBAAqB,CAC1B,mBAAiC,EACjC,cAAc,EACd,MAAM,CACP,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAC5B,IAAgB,EAChB,cAAmB,EACnB,MAAuB;IAEvB,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IACpC,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAClC,OAAO,qBAAqB,CAC1B,cAAc,EACd,IAAI,EACJ,MAAM,EACN,MAAM,EACN,EAAE,cAAc,EAAE,YAAY,EAAE,CACjC,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,cAAc,CAAA;AAC7B,MAAM,aAAa,GAAG,sBAAsB,CAAA;AAE5C,SAAS,cAAc;IACrB,OAAO,aAAa,CAAA;AACtB,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,MAAM,CAAA;AACf,CAAC"}
+{"version":3,"file":"bindSubjectCallback.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/bindSubjectCallback.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,+EAA+E;AAI/E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAI3E,MAAM,UAAU,mBAAmB,CACjC,KAAe,EACf,OAAmB;IAEnB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IAEzD,gCAAgC;IAChC,MAAM,eAAe,GAAG,SAAS,mBAAmB,CAClD,OAAgB,EAAE,IAAW;QAE7B,IAAG,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,2EAA2E;QAC3E,OAAO,cAAc,CACnB,eAAe,CAAC,WAAW,EAC3B,eAAe,CAAC,OAAO,EAAE,SAAS;QAClC,oCAAoC;QACpC,OAAO,EACP,IAAI,CACL,CAAA;IACH,CAAC,CAAA;IAED,2EAA2E;IAC3E,eAAe,CAAC,WAAW,GAAG,KAAK,CAAA;IAEnC,iDAAiD;IACjD,eAAe,CAAC,OAAO,GAAG,OAAO,CAAA;IAEjC,2CAA2C;IAC3C,0CAA0C;IAC1C,kCAAkC;IAElC,OAAO,eAAe,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAe,EACf,OAAmB;AACnB,0BAA0B;AAC1B,MAAe,EACf,IAAW;IAEX,yDAAyD;IACzD,MAAM,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;IACjC,uFAAuF;IAEvF,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA,CAAC,oDAAoD;IACvE,mBAAmB;IAEnB,oEAAoE;IACpE,iEAAiE;IAEjE,uCAAuC;IACvC,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAEhD,iCAAiC;IACjC,kEAAkE;IAElE,OAAO,OAAO,CAAC,MAAM,CAAA;IACrB,mBAAmB;IAEnB,MAAM,MAAM,GAAG,gBAAgB,CAC7B,cAAc,EACd,SAAS,CACV,CAAA;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,cAAmB,EACnB,IAAgB;IAEhB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;IAClC,IAAG,MAAM,EAAE,OAAO,EAAE,CAAC;QACnB,OAAM;IACR,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IACpC,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAClC,OAAO,qBAAqB,CAC1B,cAAc,EACd,IAAI,EACJ,EAAE,cAAc,EAAE,YAAY,EAAE,CACjC,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,cAAc,CAAA;AAC7B,MAAM,aAAa,GAAG,sBAAsB,CAAA;AAE5C,SAAS,cAAc;IACrB,OAAO,aAAa,CAAA;AACtB,CAAC;AAED,SAAS,YAAY;IACnB,OAAO,MAAM,CAAA;AACf,CAAC"}

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

@@ -0,0 +1 @@
+export declare function bubbleEvent(event: Event, replaceEventName: string, target: Element): void;

package/js/interpolations/attributes/bubbleEvent.function.js

@@ -0,0 +1,22 @@
+export function bubbleEvent(event, replaceEventName, target) {
+    const callback = target[replaceEventName];
+    if (callback) {
+        let stopped = false;
+        event.originalStopPropagation = event.stopPropagation;
+        event.stopPropagation = function () {
+            stopped = true;
+            event.originalStopPropagation.call(event);
+            event.stopPropagation = event.originalStopPropagation;
+            delete event.originalStopPropagation;
+        };
+        callback(event);
+        if (event.defaultPrevented || stopped) {
+            return;
+        }
+    }
+    const parentNode = target.parentNode;
+    if (parentNode) {
+        bubbleEvent(event, replaceEventName, parentNode);
+    }
+}
+//# sourceMappingURL=bubbleEvent.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bubbleEvent.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/bubbleEvent.function.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,KAAY,EACZ,gBAAwB,EACxB,MAAe;IAEf,MAAM,QAAQ,GAAI,MAAc,CAAC,gBAAgB,CAAC,CAAA;IAElD,IAAG,QAAQ,EAAE,CAAC;QACZ,IAAI,OAAO,GAAG,KAAK,CAElB;QAAC,KAAa,CAAC,uBAAuB,GAAG,KAAK,CAAC,eAAe,CAAC;QAEhE,KAAK,CAAC,eAAe,GAAG;YACtB,OAAO,GAAG,IAAI,CACb;YAAC,KAAa,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACnD,KAAK,CAAC,eAAe,GAAI,KAAa,CAAC,uBAAuB,CAAA;YAC9D,OAAQ,KAAa,CAAC,uBAAuB,CAAA;QAC/C,CAAC,CAAA;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,IAAG,KAAK,CAAC,gBAAgB,IAAI,OAAO,EAAE,CAAC;YACrC,OAAM;QACR,CAAC;IACH,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAA;IACpC,IAAG,UAAU,EAAE,CAAC;QACd,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,UAAqB,CAAC,CAAA;IAC7D,CAAC;AACH,CAAC"}

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

@@ -1,7 +1,6 @@
 /** File largely responsible for reacting to element events, such as onclick */
-import { AnySupport } from '../../tag/AnySupport.type.js';
-import { TagGlobal } from '../../tag/getTemplaterResult.function.js';
-export declare function checkToResolvePromise(callbackResult: any, last: AnySupport, global: TagGlobal, mode: 'bind' | 'onInit', { resolvePromise, resolveValue }: {
+import { AnySupport } from '../../tag/index.js';
+export declare function checkToResolvePromise(callbackResult: any, last: AnySupport, { resolvePromise, resolveValue }: {
     resolvePromise: (value: any) => any;
     resolveValue: (value: any) => any;
 }): any;

package/js/interpolations/attributes/checkToResolvePromise.function.js

@@ -1,30 +1,27 @@
-// taggedjs-no-compile
 /** File largely responsible for reacting to element events, such as onclick */
 import { isPromise } from '../../isInstance.js';
 import { getUpTags } from './getUpTags.function.js';
 import { renderTagUpdateArray } from './renderTagArray.function.js';
 import { syncSupports } from '../../state/syncStates.function.js';
-export function checkToResolvePromise(callbackResult, last, global, mode, { resolvePromise, resolveValue }) {
+export function checkToResolvePromise(callbackResult, last, { resolvePromise, resolveValue }) {
     const isProm = isPromise(callbackResult);
     if (isProm) {
         const subject = last.context;
-        subject.locked = true;
+        subject.locked = 2;
         return callbackResult.then(thenResolveBy(last, resolvePromise));
     }
     return resolveValue(callbackResult);
 }
 export function thenResolveBy(last, resolvePromise) {
     return (x) => {
-        const global = last.context.global;
-        //clearTimeout(timeout)
-        if (global.deleted === true) {
-            return resolvePromise(x); // tag was deleted during event processing
-        }
         const subject = last.context;
-        const global1 = last.context.global;
+        const global = subject.global;
         delete subject.locked;
+        if (subject.deleted === true || global?.deleted === true) {
+            return resolvePromise(x); // tag was deleted during event processing
+        }
         // The promise may have then changed old variables, lets update forward
-        syncSupports(last, global1.newest);
+        syncSupports(last, subject.state.newest);
         const tagsToUpdate = getUpTags(last);
         renderTagUpdateArray(tagsToUpdate);
         return resolvePromise(x);

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

@@ -1 +1 @@
-{"version":3,"file":"checkToResolvePromise.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/checkToResolvePromise.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,+EAA+E;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,MAAM,UAAU,qBAAqB,CACnC,cAAmB,EACnB,IAAgB,EAChB,MAAiB,EACjB,IAAuB,EACvB,EAAC,cAAc,EAAE,YAAY,EAG5B;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;IAExC,IAAG,MAAM,EAAE,CAAC;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAA;QACrB,OAAO,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAA;IACjE,CAAC;IAED,OAAO,YAAY,CAAC,cAAc,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,IAAgB,EAChB,cAAmC;IAEnC,OAAO,CAAC,CAAM,EAAE,EAAE;QAChB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAA0B,CAAA;QACtD,uBAAuB;QAEvB,IAAG,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,cAAc,CAAC,CAAC,CAAC,CAAA,CAAC,0CAA0C;QACrE,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAA0B,CAAA;QACvD,OAAO,OAAO,CAAC,MAAM,CAAA;QAErB,uEAAuE;QACvE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;QAElC,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QACpC,oBAAoB,CAAC,YAAY,CAAC,CAAA;QAElC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAA;IAC1B,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"checkToResolvePromise.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/checkToResolvePromise.function.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,MAAM,UAAU,qBAAqB,CACnC,cAAmB,EACnB,IAAgB,EAChB,EAAC,cAAc,EAAE,YAAY,EAG5B;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;IAExC,IAAG,MAAM,EAAE,CAAC;QACV,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QAClB,OAAO,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAA;IACjE,CAAC;IAED,OAAO,YAAY,CAAC,cAAc,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,IAAgB,EAChB,cAAmC;IAEnC,OAAO,CAAC,CAAM,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,MAAM,MAAM,GAAG,OAAO,CAAC,MAA0B,CAAA;QACjD,OAAO,OAAO,CAAC,MAAM,CAAA;QAErB,IAAG,OAAO,CAAC,OAAO,KAAK,IAAI,IAAI,MAAM,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC;YACxD,OAAO,cAAc,CAAC,CAAC,CAAC,CAAA,CAAC,0CAA0C;QACrE,CAAC;QAED,uEAAuE;QACvE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAoB,CAAC,CAAA;QAEtD,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QACpC,oBAAoB,CAAC,YAAY,CAAC,CAAA;QAElC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAA;IAC1B,CAAC,CAAA;AACH,CAAC"}

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

@@ -1,2 +1,3 @@
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport, ContextItem } from '../../tag/index.js';
+export declare function findStateSupportUpContext(context: ContextItem): AnySupport | undefined;
 export declare function getSupportWithState(support: AnySupport): AnySupport;

package/js/interpolations/attributes/getSupportWithState.function.js

@@ -1,10 +1,24 @@
 import { isTagComponent } from '../../isInstance.js';
+export function findStateSupportUpContext(context) {
+    const stateMeta = context.state;
+    if (stateMeta && stateMeta.newest && stateMeta.newest) {
+        return stateMeta.newest;
+    }
+    if (context.parentContext) {
+        return findStateSupportUpContext(context.parentContext);
+    }
+}
 export function getSupportWithState(support) {
     // get actual component owner not just the html`` support
     let component = support;
     while (component.ownerSupport && !isTagComponent(component.templater)) {
         component = component.ownerSupport;
     }
-    return component.context.global.newest || component;
+    const context = component.context;
+    const stateMeta = context.state;
+    if (!stateMeta) {
+        return component;
+    }
+    return stateMeta.newest || component;
 }
 //# sourceMappingURL=getSupportWithState.function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getSupportWithState.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/getSupportWithState.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,UAAU,mBAAmB,CAAC,OAAmB;IACrD,yDAAyD;IACzD,IAAI,SAAS,GAAG,OAAqB,CAAA;IACrC,OAAM,SAAS,CAAC,YAAY,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;QACrE,SAAS,GAAG,SAAS,CAAC,YAA0B,CAAA;IAClD,CAAC;IAED,OAAO,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA;AACrD,CAAC"}
+{"version":3,"file":"getSupportWithState.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/getSupportWithState.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,UAAU,yBAAyB,CACvC,OAAoB;IAEpB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA;IAC/B,IAAG,SAAS,IAAI,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrD,OAAO,SAAS,CAAC,MAAM,CAAA;IACzB,CAAC;IAED,IAAG,OAAO,CAAC,aAAa,EAAE,CAAC;QACzB,OAAO,yBAAyB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACzD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,OAAmB;IACrD,yDAAyD;IACzD,IAAI,SAAS,GAAG,OAAqB,CAAA;IACrC,OAAM,SAAS,CAAC,YAAY,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;QACrE,SAAS,GAAG,SAAS,CAAC,YAA0B,CAAA;IAClD,CAAC;IAED,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;IACjC,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA;IAE/B,IAAI,CAAC,SAAS,EAAG,CAAC;QAChB,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,SAAS,CAAC,MAAM,IAAI,SAAS,CAAA;AACtC,CAAC"}

package/js/interpolations/attributes/getUpTags.function.js

@@ -1,7 +1,8 @@
 import { isTagComponent } from "../../isInstance.js";
 import { providersChangeCheck } from "../../state/providersChangeCheck.function.js";
-import { checkRenderUp, isInlineHtml } from "../../render/renderSupport.function.js";
+import { isInlineHtml } from "../../render/renderSupport.function.js";
 import { ValueTypes } from "../../tag/ValueTypes.enum.js";
+import { checkRenderUp } from "../../render/checkRenderUp.function.js";
 export function getUpTags(support, supports = []) {
     const subject = support.context;
     // const global = support.context.global as SupportTagGlobal
@@ -16,13 +17,20 @@ export function getUpTags(support, supports = []) {
     if (inlineHtml) {
         return getUpTags(ownerSupport, supports);
     }
+    const global = support.context.global;
+    if (global && global.deleted === true) {
+        return supports;
+    }
     const newSupport = support; // global.newest as AnySupport
     const isComponent = isTagComponent(newSupport.templater);
     const tagJsType = support.templater.tagJsType;
     const canContinueUp = ownerSupport && tagJsType !== ValueTypes.stateRender;
     const continueUp = canContinueUp && (!isComponent || checkRenderUp(newSupport.templater, newSupport));
-    const proSupports = providersChangeCheck(newSupport);
-    supports.push(...proSupports);
+    const providers = newSupport.context.providers;
+    if (providers) {
+        const proSupports = providersChangeCheck(newSupport);
+        supports.push(...proSupports);
+    }
     if (continueUp) {
         getUpTags(ownerSupport, supports);
         if (isComponent) {

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

@@ -1 +1 @@
-{"version":3,"file":"getUpTags.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/getUpTags.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AAGpF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,MAAM,UAAU,SAAS,CACvB,OAAmB,EACnB,WAAyB,EAAE;IAE3B,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,4DAA4D;IAC5D,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,YAAY,GAAI,OAAmB,CAAC,YAAY,CAAA;IAEtD,IAAI,OAAO,CAAC,MAAM,EAAG,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACtB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,2CAA2C;IAC3C,IAAI,UAAU,EAAG,CAAC;QAChB,OAAO,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;IAC1C,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAA,CAAC,8BAA8B;IACzD,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAA;IAC7C,MAAM,aAAa,GAAG,YAAY,IAAI,SAAS,KAAK,UAAU,CAAC,WAAW,CAAA;IAC1E,MAAM,UAAU,GAAG,aAAa,IAAI,CAAC,CAAC,WAAW,IAAI,aAAa,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAErG,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAA;IAE7B,IAAG,UAAU,EAAE,CAAC;QACd,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEjC,IAAG,WAAW,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC3B,CAAC;QAED,OAAO,QAAQ,CAAA,CAAC,2DAA2D;IAC7E,CAAC;IAED,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAEzB,OAAO,QAAQ,CAAA;AACjB,CAAC"}
+{"version":3,"file":"getUpTags.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/getUpTags.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAEtE,MAAM,UAAU,SAAS,CACvB,OAAmB,EACnB,WAAyB,EAAE;IAE3B,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;IAC/B,4DAA4D;IAC5D,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACnC,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,YAAY,GAAI,OAAmB,CAAC,YAAY,CAAA;IAEtD,IAAI,OAAO,CAAC,MAAM,EAAG,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACtB,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,2CAA2C;IAC3C,IAAI,UAAU,EAAG,CAAC;QAChB,OAAO,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;IAC1C,CAAC;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAA;IACrC,IAAG,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACrC,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAA,CAAC,8BAA8B;IACzD,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAA;IAC7C,MAAM,aAAa,GAAG,YAAY,IAAI,SAAS,KAAK,UAAU,CAAC,WAAW,CAAA;IAC1E,MAAM,UAAU,GAAG,aAAa,IAAI,CAAC,CAAC,WAAW,IAAI,aAAa,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAErG,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAA;IAC9C,IAAI,SAAS,EAAG,CAAC;QACf,MAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;QACpD,QAAQ,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAA;IAC/B,CAAC;IAED,IAAG,UAAU,EAAE,CAAC;QACd,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEjC,IAAG,WAAW,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC3B,CAAC;QAED,OAAO,QAAQ,CAAA,CAAC,2DAA2D;IAC7E,CAAC;IAED,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAEzB,OAAO,QAAQ,CAAA;AACjB,CAAC"}

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

@@ -1,3 +1,7 @@
 export type HowToSet = (element: HTMLElement, name: string, value: string) => any;
-export declare function howToSetInputValue(element: HTMLElement, name: string, value: string | undefined | boolean): void;
-export declare function howToSetFirstInputValue(element: HTMLElement, name: string, value: string | undefined | boolean): void;
+export declare function howToSetInputValue(element: HTMLElement, name: string, value: string | undefined | boolean | Record<string, any>): void;
+export declare function howToSetStandAloneAttr(element: HTMLElement, name: string, _value: string | undefined | boolean): void;
+export declare function setNonFunctionInputValue(element: HTMLElement, name: string, value: string | undefined | boolean | Record<string, any>): void;
+/** used for checked, selected, and so on */
+export declare function setBooleanAttribute(element: HTMLElement, name: string, value: string | undefined | boolean): void;
+export declare function setSimpleAttribute(element: HTMLElement, name: string, value: string | undefined | boolean | Record<string, any>): void;

package/js/interpolations/attributes/howToSetInputValue.function.js

@@ -1,13 +1,63 @@
+import { isObject } from "../../index.js";
 import { paintContent } from "../../render/paint.function.js";
 // Maybe more performant for updates but seemingly slower for first renders
 export function howToSetInputValue(element, name, value) {
-    paintContent.push([howToSetFirstInputValue, [element, name, value]]);
+    if (isObject(value)) {
+        return howToSetInputObjectValue(element, name, value);
+    }
+    paintContent.push([setNonFunctionInputValue, [element, name, value]]);
 }
-export function howToSetFirstInputValue(element, name, value) {
+function howToSetInputObjectValue(element, name, value) {
+    if (typeof element[name] !== 'object') {
+        element[name] = {};
+    }
+    // Handle object values by setting properties directly
+    for (const key in value) {
+        const subValue = value[key];
+        paintContent.push([setObjectValue, [element, name, key, subValue]]);
+    }
+    if (element[name].setProperty) {
+        for (const key in value) {
+            const subValue = value[key];
+            paintContent.push([setPropertyValue, [element, name, key, subValue]]);
+        }
+    }
+}
+export function howToSetStandAloneAttr(element, name, _value) {
+    element.setAttribute(name, '');
+}
+export function setNonFunctionInputValue(element, name, value) {
+    if (isObject(value)) {
+        return howToSetInputObjectValue(element, name, value);
+    }
+    setSimpleAttribute(element, name, value);
+}
+/** used for checked, selected, and so on */
+export function setBooleanAttribute(element, name, value) {
+    if (value) {
+        element[name] = true;
+    }
+    else {
+        element[name] = false;
+    }
+}
+export function setSimpleAttribute(element, name, value) {
+    // for checked=true
+    ;
+    element[name] = value;
     if (value === undefined || value === false || value === null) {
         element.removeAttribute(name);
         return;
     }
     element.setAttribute(name, value);
 }
+function setPropertyValue(element, name, key, value) {
+    ;
+    element[name].setProperty(key, value);
+}
+/** main processor for things like <div style=${{ maxWidth: '100vw' }}> */
+function setObjectValue(element, name, key, value) {
+    ;
+    element[name][key] = value;
+}
 //# sourceMappingURL=howToSetInputValue.function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"howToSetInputValue.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/howToSetInputValue.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAI7D,2EAA2E;AAC3E,MAAM,UAAU,kBAAkB,CAChC,OAAoB,EACpB,IAAY,EACZ,KAAmC;IAEnC,YAAY,CAAC,IAAI,CAAC,CAAC,uBAAuB,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;AACtE,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,OAAoB,EACpB,IAAY,EACZ,KAAmC;IAEnC,IAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC5D,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAC7B,OAAM;IACR,CAAC;IAED,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAe,CAAC,CAAA;AAC7C,CAAC"}
+{"version":3,"file":"howToSetInputValue.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/howToSetInputValue.function.ts"],"names":[],"mappings":"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"}

package/js/interpolations/attributes/isSpecialAttribute.function.js

@@ -15,8 +15,10 @@ export function isSpecialAttr(attrName) {
 export function isSpecialAction(attrName) {
     switch (attrName) {
         case 'autoselect':
+        case 'autoSelect':
             return 'autoselect';
         case 'autofocus':
+        case 'autoFocus':
             return 'autofocus';
     }
     return false;

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

@@ -1 +1 @@
-{"version":3,"file":"isSpecialAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/isSpecialAttribute.function.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,UAAU,aAAa,CAC3B,QAAgB;IAEhB,IAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAC/C,IAAG,aAAa,KAAK,KAAK,EAAE,CAAC;QAC3B,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,IAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,YAAY;YACf,OAAO,YAAY,CAAA;QACrB,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;IACtB,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC"}
+{"version":3,"file":"isSpecialAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/isSpecialAttribute.function.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,UAAU,aAAa,CAC3B,QAAgB;IAEhB,IAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAC/C,IAAG,aAAa,KAAK,KAAK,EAAE,CAAC;QAC3B,OAAO,aAAa,CAAA;IACtB,CAAC;IAED,IAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,QAAgB;IAC9C,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,YAAY,CAAC;QAClB,KAAK,YAAY;YACf,OAAO,YAAY,CAAA;QAErB,KAAK,WAAW,CAAC;QACjB,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;IACtB,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC"}

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

@@ -1,3 +1,3 @@
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport } from '../../tag/index.js';
 import { Callback } from './bindSubjectCallback.function.js';
 export declare function processAttributeFunction(element: Element, newAttrValue: Callback, support: AnySupport, attrName: string): void;

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

@@ -0,0 +1,6 @@
+import { HowToSet } from './howToSetInputValue.function.js';
+import { ContextItem } from '../../tag/ContextItem.type.js';
+import { BaseContextItem } from '../../tag/ContextItem.type.js';
+/** Used for bolts like div.style(() => {{backgroundColor:}}) */
+export declare function processFunctionAttr(value: never, parentContext: ContextItem, // parent context
+attrName: string, element: HTMLElement, howToSet: HowToSet): BaseContextItem;

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

@@ -0,0 +1,65 @@
+import { blankHandler } from '../../render/dom/blankHandler.function.js';
+import { Subject, valueToTagJsVar } from '../../index.js';
+/** Used for bolts like div.style(() => {{backgroundColor:}}) */
+export function processFunctionAttr(value, parentContext, // parent context
+attrName, element, howToSet) {
+    const innerValue = value();
+    const tagJsVarOverride = {
+        tagJsType: 'dynamic-attr',
+        matchesInjection: (inject) => {
+            const tagJsVar = subContext.tagJsVar;
+            if (tagJsVar.matchesInjection) {
+                const rtn = tagJsVar.matchesInjection(inject, subContext);
+                return rtn;
+            }
+        },
+        hasValueChanged: (_value, _contextItem, ownerSupport) => {
+            const newValue = value();
+            return subContext.tagJsVar.hasValueChanged(newValue, subContext, ownerSupport);
+        },
+        processInit: blankHandler,
+        processInitAttribute: blankHandler,
+        destroy: (_contextItem, ownerSupport) => {
+            subContext.tagJsVar.destroy(subContext, ownerSupport);
+        },
+        processUpdate: (value, contextItem, ownerSupport, values) => {
+            ++contextItem.updateCount;
+            const newValue = value();
+            // const oldValue = subContext.value
+            // const newTagJsVar = valueToTagJsVar(newValue)
+            subContext.tagJsVar.processUpdate(newValue, // newTagJsVar as any,
+            subContext, ownerSupport, values);
+            subContext.value = newValue;
+        }
+    };
+    const subContext = {
+        updateCount: 0,
+        isAttr: true,
+        element,
+        parentContext,
+        value: innerValue, // used for new value comparing
+        tagJsVar: valueToTagJsVar(innerValue),
+        // TODO: Not needed
+        valueIndex: -1,
+        withinOwnerElement: true,
+        destroy$: new Subject(),
+        render$: new Subject(),
+    };
+    const contextItem = {
+        updateCount: 0,
+        isAttr: true,
+        contexts: [subContext],
+        element,
+        parentContext,
+        value,
+        tagJsVar: tagJsVarOverride,
+        // TODO: Not needed
+        valueIndex: -1,
+        withinOwnerElement: true,
+        destroy$: new Subject(),
+        render$: new Subject(),
+    };
+    subContext.tagJsVar.processInitAttribute(attrName, innerValue, element, subContext.tagJsVar, subContext, {}, howToSet);
+    return contextItem;
+}
+//# sourceMappingURL=processFunctionAttr.function.js.map

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('.');