taggedjs 2.8.44 → 3.0.3

package/js/elements/processElementVarFunction.function.js.map

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

package/js/elements/processElementVarFunction.js

@@ -0,0 +1,53 @@
+import { Subject } from '../index.js';
+import { blankHandler } from '../render/dom/blankHandler.function.js';
+import { processNonElement } from './designElement.function.js';
+export function processElementVarFunction(item, context, ownerSupport, element) {
+    const subContexts = [];
+    let aSubContext; // populated in the init
+    const subContext = {
+        updateCount: 0,
+        parentContext: context,
+        contexts: subContexts,
+        value: item,
+        tagJsVar: {
+            tagJsType: 'dynamic-text',
+            hasValueChanged: () => 0,
+            processInit: () => {
+                const trueValue = item();
+                subContext.value = item;
+                // this is the process init
+                aSubContext = processNonElement(trueValue, context, element, ownerSupport);
+                aSubContext.tagJsVar.processInit(trueValue, aSubContext, ownerSupport, element);
+                subContexts.push(aSubContext);
+                console.log('process init element var function good!');
+            },
+            /** not used here */
+            processInitAttribute: blankHandler,
+            destroy: (_c, ownerSupport) => {
+                ++subContext.updateCount;
+                subContexts.forEach(subSub => subSub.tagJsVar.destroy(subSub, ownerSupport));
+            },
+            processUpdate: (value, contextItem, ownerSupport, values) => {
+                ++subContext.updateCount;
+                console.log('value', {
+                    value,
+                    item,
+                    aSubContext,
+                    equal: value === item
+                });
+                const newValue = item(aSubContext);
+                // const newValue = value(newContext)
+                const result = aSubContext.tagJsVar.processUpdate(newValue, aSubContext, ownerSupport, values);
+                aSubContext.value = newValue;
+                contextItem.value = value; // the function that was given
+                return result;
+            }
+        },
+        // TODO: Not needed
+        valueIndex: -1,
+        withinOwnerElement: true,
+        destroy$: new Subject(),
+    };
+    return subContext;
+}
+//# sourceMappingURL=processElementVarFunction.js.map

package/js/elements/processElementVarFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processElementVarFunction.js","sourceRoot":"","sources":["../../ts/elements/processElementVarFunction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,UAAU,yBAAyB,CACvC,IAAS,EACT,OAAoB,EACpB,YAAwB,EACxB,OAAoB;IAEpB,MAAM,WAAW,GAAkB,EAAE,CAAC;IACtC,IAAI,WAAwB,CAAA,CAAC,wBAAwB;IACrD,MAAM,UAAU,GAAgB;QAC9B,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE;YACR,SAAS,EAAE,cAAc;YACzB,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;YACxB,WAAW,EAAE,GAAG,EAAE;gBAChB,MAAM,SAAS,GAAG,IAAI,EAAE,CAAA;gBACxB,UAAU,CAAC,KAAK,GAAG,IAAI,CAAA;gBAEvB,2BAA2B;gBAC3B,WAAW,GAAG,iBAAiB,CAC7B,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAY,CACb,CAAA;gBAED,WAAW,CAAC,QAAQ,CAAC,WAAW,CAC9B,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAA0B,CAC3B,CAAA;gBAED,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;gBAC7B,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC,CAAA;YACxD,CAAC;YAED,oBAAoB;YACpB,oBAAoB,EAAE,YAAY;YAElC,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE;gBAC5B,EAAE,UAAU,CAAC,WAAW,CAAA;gBACxB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;YAC9E,CAAC;YACD,aAAa,EAAE,CACb,KAAU,EACV,WAAW,EACX,YAAwB,EACxB,MAAiB,EACjB,EAAE;gBACF,EAAE,UAAU,CAAC,WAAW,CAAA;gBAExB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE;oBACnB,KAAK;oBACL,IAAI;oBACJ,WAAW;oBACX,KAAK,EAAE,KAAK,KAAK,IAAI;iBACtB,CAAC,CAAA;gBACF,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,CAAA;gBAClC,qCAAqC;gBAErC,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,aAAa,CAC/C,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,MAAM,CACP,CAAA;gBAED,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAA;gBAC5B,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA,CAAC,8BAA8B;gBAExD,OAAO,MAAM,CAAA;YACf,CAAC;SACF;QAED,mBAAmB;QACnB,UAAU,EAAE,CAAC,CAAC;QACd,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,IAAI,OAAO,EAAE;KACxB,CAAC;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC"}

package/js/index.d.ts

@@ -11,16 +11,18 @@ export * from './tag/createHtmlSupport.function.js';
 export * from './interpolations/attributes/howToSetInputValue.function.js';
 export * from './TagJsEvent.type.js';
 export { type Wrapper } from './tag/getTemplaterResult.function.js';
-export { type TagJsEvent } from './TagJsEvent.type.js';
-import { renderTagOnly } from './render/renderTagOnly.function.js';
+import { firstTagRender, reRenderTag } from './render/renderTagOnly.function.js';
 import { renderSupport } from './render/renderSupport.function.js';
 import { renderWithSupport } from './render/renderWithSupport.function.js';
 import { tagElement } from './tag/tagElement.js';
 import { paint } from './render/paint.function.js';
+export * from './deepFunctions.js';
+export * from './elements/index.js';
 export declare const hmr: {
     tagElement: typeof tagElement;
     renderWithSupport: typeof renderWithSupport;
     renderSupport: typeof renderSupport;
-    renderTagOnly: typeof renderTagOnly;
+    firstTagRender: typeof firstTagRender;
+    reRenderTag: typeof reRenderTag;
     paint: typeof paint;
 };

package/js/index.js

@@ -10,13 +10,15 @@ export { states } from './state/states.function.js';
 export * from './tag/createHtmlSupport.function.js';
 export * from './interpolations/attributes/howToSetInputValue.function.js';
 export * from './TagJsEvent.type.js';
-import { renderTagOnly } from './render/renderTagOnly.function.js';
+import { firstTagRender, reRenderTag } from './render/renderTagOnly.function.js';
 import { renderSupport } from './render/renderSupport.function.js';
 import { renderWithSupport } from './render/renderWithSupport.function.js';
 import { tagElement } from './tag/tagElement.js';
 import { paint } from './render/paint.function.js';
+export * from './deepFunctions.js';
+export * from './elements/index.js';
 export const hmr = {
     tagElement, renderWithSupport, renderSupport,
-    renderTagOnly, paint,
+    firstTagRender, reRenderTag, paint,
 };
 //# sourceMappingURL=index.js.map

package/js/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,cAAc,qCAAqC,CAAA;AACnD,cAAc,4DAA4D,CAAA;AAC1E,cAAc,sBAAsB,CAAA;AAKpC,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,MAAM,CAAC,MAAM,GAAG,GAAG;IACjB,UAAU,EAAE,iBAAiB,EAAE,aAAa;IAC5C,aAAa,EAAE,KAAK;CACrB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../ts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,cAAc,qCAAqC,CAAA;AACnD,cAAc,4DAA4D,CAAA;AAC1E,cAAc,sBAAsB,CAAA;AAIpC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAClD,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AAEnC,MAAM,CAAC,MAAM,GAAG,GAAG;IACjB,UAAU,EAAE,iBAAiB,EAAE,aAAa;IAC5C,cAAc,EAAE,WAAW,EAAE,KAAK;CACnC,CAAA"}

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

@@ -1,3 +1,4 @@
 import { EventCallback } from '../../tag/index.js';
-import { AnySupport } from '../../tag/AnySupport.type.js';
+import { AnySupport } from '../../tag/index.js';
 export declare function addSupportEventListener(support: AnySupport, eventName: string, element: Element, callback: EventCallback): void;
+export declare function getEventReferenceName(eventName: string): string;

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,4 +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 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 howToSetFirstInputValue(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,16 +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]]);
+}
+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 howToSetFirstInputValue(element, name, value) {
+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,sBAAsB,CACpC,OAAoB,EACpB,IAAY,EACZ,MAAoC;IAEpC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AAChC,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