taggedjs 2.5.24 → 2.6.2

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

@@ -0,0 +1,74 @@
+// taggedjs-no-compile
+/** File largely responsible for reacting to element events, such as onclick */
+import { isPromise, isTagComponent } from '../../isInstance.js';
+import { renderSupport } from '../../tag/render/renderSupport.function.js';
+import { getUpTags } from './getUpTags.function.js';
+import { renderTagUpdateArray } from './renderTagArray.function.js';
+const noData = 'no-data-ever';
+const promiseNoData = 'promise-no-data-ever';
+export function bindSubjectCallback(value, support) {
+    const global = support.subject.global;
+    // MAIN EVENT CALLBACK PROCESSOR
+    const subjectFunction = function (element, args) {
+        if (global.deleted === true) {
+            return;
+        }
+        // const newest = global.newest as Support // || subjectFunction.support
+        return runTagCallback(subjectFunction.tagFunction, subjectFunction.support, // newest
+        element, args);
+    };
+    // link back to original. Mostly used for <div oninit ondestroy> animations
+    subjectFunction.tagFunction = value;
+    subjectFunction.support = support;
+    return subjectFunction;
+}
+export function runTagCallback(value, support, bindTo, args) {
+    // get actual component owner not just the html`` support
+    let component = support;
+    while (component.ownerSupport && !isTagComponent(component.templater)) {
+        component = component.ownerSupport;
+    }
+    const global = component.subject.global; // tag.subject.global as TagGlobal
+    global.locked = true; // prevent another render from re-rendering this tag
+    // ACTUAL CALLBACK TO ORIGINAL FUNCTION
+    const callbackResult = value.apply(bindTo, args);
+    return afterTagCallback(callbackResult, component);
+}
+export function afterTagCallback(callbackResult, eventHandlerSupport) {
+    const global = eventHandlerSupport.subject.global; // tag.subject.global as SupportTagGlobal
+    delete global.locked;
+    return renderCallbackSupport(eventHandlerSupport, callbackResult, global);
+}
+function renderCallbackSupport(last, callbackResult, global) {
+    const tagsToUpdate = getUpTags(last);
+    renderTagUpdateArray(tagsToUpdate);
+    return checkAfterCallbackPromise(callbackResult, last, global);
+}
+export function checkAfterCallbackPromise(callbackResult, last, global) {
+    if (isPromise(callbackResult)) {
+        const global0 = last.subject.global;
+        global0.locked = true;
+        return callbackResult.then(() => {
+            if (global.deleted === true) {
+                return promiseNoData; // tag was deleted during event processing
+            }
+            const global1 = last.subject.global;
+            delete global1.locked;
+            const tagsToUpdate = getUpTags(last);
+            renderTagUpdateArray(tagsToUpdate);
+            return promiseNoData;
+        });
+    }
+    return noData;
+}
+export function runBlocked(tag) {
+    const global = tag.subject.global;
+    const blocked = global.blocked;
+    for (const block of blocked) {
+        const lastResult = renderSupport(block);
+        global.newest = lastResult;
+    }
+    global.blocked = [];
+    return global.newest;
+}
+//# sourceMappingURL=bindSubjectCallback.function.js.map

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

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

package/js/interpolations/attributes/elementInitCheck.d.ts

@@ -0,0 +1,2 @@
+import { Counts } from '../interpolateTemplate.js';
+export declare function elementInitCheck(nextSibling: Element | ChildNode, counts: Counts): number;

package/js/interpolations/attributes/elementInitCheck.js

@@ -0,0 +1,18 @@
+export function elementInitCheck(nextSibling, counts) {
+    const onInitDoubleWrap = nextSibling.oninit;
+    if (!onInitDoubleWrap) {
+        return counts.added;
+    }
+    const onInitWrap = onInitDoubleWrap.tagFunction;
+    if (!onInitWrap) {
+        return counts.added;
+    }
+    const onInit = onInitWrap.tagFunction;
+    if (!onInit) {
+        return counts.added;
+    }
+    const event = { target: nextSibling, stagger: counts.added };
+    onInit(event);
+    return ++counts.added;
+}
+//# sourceMappingURL=elementInitCheck.js.map

package/js/interpolations/attributes/elementInitCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementInitCheck.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/elementInitCheck.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gBAAgB,CAC9B,WAAgC,EAChC,MAAc;IAEd,MAAM,gBAAgB,GAAI,WAAmB,CAAC,MAAM,CAAA;IACpD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,MAAM,CAAC,KAAK,CAAA;IACrB,CAAC;IAED,MAAM,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAA;IAC/C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,MAAM,CAAC,KAAK,CAAA;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,CAAA;IACrC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,MAAM,CAAC,KAAK,CAAA;IACrB,CAAC;IAED,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAwC,CAAA;IAClG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEb,OAAO,EAAE,MAAM,CAAC,KAAK,CAAA;AACvB,CAAC"}

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

@@ -0,0 +1,2 @@
+import { AnySupport } from "../../tag/Support.class.js";
+export declare function getUpTags(support: AnySupport, supports?: AnySupport[]): AnySupport[];

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

@@ -0,0 +1,35 @@
+import { isTagComponent } from "../../isInstance.js";
+import { providersChangeCheck } from "../../state/providersChangeCheck.function.js";
+import { checkRenderUp, isInlineHtml } from "../../tag/render/renderSupport.function.js";
+import { ValueTypes } from "../../tag/ValueTypes.enum.js";
+export function getUpTags(support, supports = []) {
+    const global = support.subject.global;
+    const templater = support.templater;
+    const inlineHtml = isInlineHtml(templater);
+    const ownerSupport = support.ownerSupport;
+    if (global.locked) {
+        supports.push(support);
+        return supports;
+    }
+    // is it just a vanilla tag, not component?
+    if (inlineHtml) {
+        return getUpTags(ownerSupport, supports);
+    }
+    const newSupport = support; // global.newest as Support
+    const isComponent = isTagComponent(newSupport.templater);
+    const tagJsType = support.templater.tagJsType;
+    const canContinueUp = ownerSupport && tagJsType !== ValueTypes.stateRender;
+    const continueUp = canContinueUp && (!isComponent || checkRenderUp(ownerSupport, newSupport.templater, newSupport));
+    const proSupports = providersChangeCheck(newSupport);
+    supports.push(...proSupports);
+    if (continueUp) {
+        getUpTags(ownerSupport, supports);
+        if (isComponent) {
+            supports.push(newSupport);
+        }
+        return supports; // more to keep going up, do not push this child for review
+    }
+    supports.push(newSupport);
+    return supports;
+}
+//# sourceMappingURL=getUpTags.function.js.map

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

@@ -0,0 +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,4CAA4C,CAAA;AAGxF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,MAAM,UAAU,SAAS,CACvB,OAAmB,EACnB,WAAyB,EAAE;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,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,IAAG,MAAM,CAAC,MAAM,EAAE,CAAC;QACjB,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,2BAA2B;IACtD,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,YAAY,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAEnH,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;AACnB,CAAC"}

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

@@ -0,0 +1,2 @@
+export type HowToSet = (element: Element, name: string, value: string) => any;
+export declare function howToSetInputValue(element: Element, name: string, value: string | undefined | boolean): void;

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

@@ -0,0 +1,11 @@
+import { paintContent } from "../../tag/paint.function.js";
+export function howToSetInputValue(element, name, value) {
+    paintContent.push(() => {
+        if (value === undefined || value === false || value === null) {
+            element.removeAttribute(name);
+            return;
+        }
+        element.setAttribute(name, value);
+    });
+}
+//# sourceMappingURL=howToSetInputValue.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"howToSetInputValue.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/howToSetInputValue.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAI1D,MAAM,UAAU,kBAAkB,CAChC,OAAgB,EAChB,IAAY,EACZ,KAAmC;IAEnC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE;QACrB,IAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAC5D,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;YAC7B,OAAM;QACR,CAAC;QACD,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAe,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+/** Looking for (class | style) followed by a period */
+export declare function isSpecialAttr(attrName: string): boolean | "class" | "style";
+export declare function isSpecialAction(attrName: string): false | "autoselect" | "autofocus" | "oninit";

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

@@ -0,0 +1,26 @@
+/** Looking for (class | style) followed by a period */
+export function isSpecialAttr(attrName) {
+    if (attrName.startsWith('class.')) {
+        return 'class';
+    }
+    const specialAction = isSpecialAction(attrName);
+    if (specialAction) {
+        return true;
+    }
+    if (attrName.startsWith('style.')) {
+        return 'style';
+    }
+    return false;
+}
+export function isSpecialAction(attrName) {
+    switch (attrName) {
+        case 'autoselect':
+            return 'autoselect';
+        case 'autofocus':
+            return 'autofocus';
+        case 'oninit':
+            return 'oninit';
+    }
+    return false;
+}
+//# sourceMappingURL=isSpecialAttribute.function.js.map

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

@@ -0,0 +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,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA;IACb,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;QACpB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;IACnB,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC"}

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

@@ -0,0 +1,19 @@
+import { HowToSet } from './howToSetInputValue.function.js';
+import { AnySupport } from '../../tag/Support.class.js';
+import { Context, ContextItem } from '../../tag/Context.types.js';
+type TagVarIdNum = {
+    tagJsVar: number;
+};
+export type SpecialDefinition = boolean | 'class' | 'style' | 'oninit' | 'autofocus' | 'autoselect';
+/** Sets attribute value, subscribes to value updates  */
+export declare function processAttribute(values: unknown[], attrName: string | TagVarIdNum, element: Element, support: AnySupport, howToSet: HowToSet, //  = howToSetInputValue
+context: Context, value?: string | null | TagVarIdNum, isSpecial?: SpecialDefinition): void;
+export declare function updateNameOnlyAttrValue(values: unknown[], attrValue: string | boolean | Record<string, any>, lastValue: string | Record<string, any> | undefined, element: Element, ownerSupport: AnySupport, howToSet: HowToSet, context: Context): void;
+export declare function processNameOnlyAttrValue(values: unknown[], attrValue: string | boolean | Record<string, any>, element: Element, ownerSupport: AnySupport, howToSet: HowToSet, context: Context): void;
+export declare function processAttributeEmit(newAttrValue: any, attrName: string, subject: ContextItem, element: Element, support: AnySupport, howToSet: HowToSet, isSpecial?: SpecialDefinition): any;
+export type NoDisplayValue = false | null | undefined;
+type DisplayValue = ((...args: unknown[]) => unknown) | string | boolean;
+export declare function processAttributeSubjectValue(newAttrValue: DisplayValue | NoDisplayValue, element: Element, attrName: string, isSpecial: SpecialDefinition | undefined, howToSet: HowToSet, support: AnySupport): void;
+export declare function processTagCallbackFun(subject: ContextItem, newAttrValue: any, support: AnySupport, attrName: string, element: Element): any;
+export declare function isNoDisplayValue(attrValue: any): boolean;
+export {};

package/js/interpolations/attributes/processAttribute.function.js

@@ -0,0 +1,175 @@
+// taggedjs-no-compile
+import { specialAttribute } from './specialAttribute.js';
+import { isFunction, isObject, isSubjectInstance } from '../../isInstance.js';
+import { bindSubjectCallback } from './bindSubjectCallback.function.js';
+import { BasicTypes, ValueTypes, empty } from '../../tag/ValueTypes.enum.js';
+import { paintContent } from '../../tag/paint.function.js';
+import { processDynamicNameValueAttribute, processNonDynamicAttr } from './processNameValueAttribute.function.js';
+import { addOneContext, checkSimpleValueChange } from '../../tag/index.js';
+import { processAttributeFunction } from './processAttributeCallback.function.js';
+import { isSpecialAttr } from './isSpecialAttribute.function.js';
+/** Sets attribute value, subscribes to value updates  */
+export function processAttribute(values, attrName, element, support, howToSet, //  = howToSetInputValue
+context, value, isSpecial) {
+    const nameVar = getTagJsVar(attrName);
+    const isNameVar = nameVar >= 0;
+    if (isNameVar) {
+        const value = values[nameVar];
+        const contextItem = addOneContext(value, context, true);
+        contextItem.isAttr = true;
+        contextItem.element = element;
+        contextItem.howToSet = howToSet;
+        contextItem.isNameOnly = true;
+        processNameOnlyAttrValue(values, value, element, support, howToSet, context);
+        return;
+    }
+    const valueVar = getTagJsVar(value);
+    if (valueVar >= 0) {
+        const value = values[valueVar];
+        const contextItem = {
+            isAttr: true,
+            element,
+            attrName: attrName,
+            checkValueChange: checkSimpleValueChange,
+            withinOwnerElement: true,
+        };
+        context.push(contextItem);
+        const isSubject = isSubjectInstance(contextItem.value);
+        if (isSubject) {
+            return processNameValueAttributeAttrSubject(attrName, contextItem, element, support, howToSet, isSpecial);
+        }
+        processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, isSpecial);
+        contextItem.value = value;
+        return;
+    }
+    return processNonDynamicAttr(attrName, value, element, howToSet, isSpecial);
+}
+export function updateNameOnlyAttrValue(values, attrValue, lastValue, element, ownerSupport, howToSet, context) {
+    // check to remove previous attribute(s)
+    if (lastValue) {
+        if (isNoDisplayValue(attrValue)) {
+            element.removeAttribute(lastValue);
+            return;
+        }
+        if (typeof (lastValue) === BasicTypes.object) {
+            const isObStill = typeof (attrValue) === BasicTypes.object;
+            if (isObStill) {
+                for (const name in lastValue) {
+                    // if((attrValue as any)[name]) {
+                    if (name in attrValue) {
+                        continue;
+                    }
+                    paintContent.push(function paintContent() {
+                        element.removeAttribute(name);
+                    });
+                }
+            }
+            else {
+                for (const name in lastValue) {
+                    paintContent.push(function paintContent() {
+                        element.removeAttribute(name);
+                    });
+                }
+            }
+        }
+    }
+    processNameOnlyAttrValue(values, attrValue, element, ownerSupport, howToSet, context);
+}
+export function processNameOnlyAttrValue(values, attrValue, element, ownerSupport, howToSet, context) {
+    if (isNoDisplayValue(attrValue)) {
+        return;
+    }
+    // process an object of attributes ${{class:'something, checked:true}}
+    if (typeof attrValue === BasicTypes.object) {
+        for (const name in attrValue) {
+            const value = attrValue[name];
+            processAttribute(values, name, element, ownerSupport, howToSet, context, value, isSpecialAttr(name));
+        }
+        return;
+    }
+    // regular attributes
+    if (attrValue.length === 0) {
+        return; // ignore, do not set at this time
+    }
+    howToSet(element, attrValue, empty);
+}
+/** Processor for flat attributes and object attributes */
+function processNameValueAttributeAttrSubject(attrName, result, element, support, howToSet, isSpecial) {
+    if (isSpecial) {
+        paintContent.push(function paintContent() {
+            element.removeAttribute(attrName);
+        });
+    }
+    const contextValueSubject = result.value;
+    if (isSubjectInstance(contextValueSubject)) {
+        const callback = function processAttrCallback(newAttrValue) {
+            processAttributeEmit(newAttrValue, attrName, result, element, support, howToSet, isSpecial);
+        };
+        // 🗞️ Subscribe. Above callback called immediately since its a ValueSubject()
+        const sub = contextValueSubject.subscribe(callback);
+        // Record subscription for later unsubscribe when element destroyed
+        const global = result.global;
+        const subs = global.subscriptions = global.subscriptions || [];
+        subs.push(sub);
+    }
+    processAttributeEmit(result.value, attrName, result, element, support, howToSet, isSpecial);
+    return;
+}
+export function processAttributeEmit(newAttrValue, attrName, subject, element, support, howToSet, isSpecial) {
+    // should the function be wrapped so every time its called we re-render?
+    if (isFunction(newAttrValue)) {
+        return callbackFun(support, newAttrValue, element, attrName, isSpecial, howToSet, subject);
+    }
+    return processAttributeSubjectValue(newAttrValue, element, attrName, isSpecial, howToSet, support);
+}
+export function processAttributeSubjectValue(newAttrValue, element, attrName, isSpecial, howToSet, support) {
+    if (isFunction(newAttrValue)) {
+        return processAttributeFunction(element, newAttrValue, support, attrName);
+    }
+    if (isSpecial) {
+        specialAttribute(attrName, newAttrValue, element, isSpecial);
+        return;
+    }
+    switch (newAttrValue) {
+        case undefined:
+        case false:
+        case null:
+            paintContent.push(function paintContentPush() {
+                element.removeAttribute(attrName);
+            });
+            return;
+    }
+    // value is 0
+    howToSet(element, attrName, newAttrValue);
+}
+function callbackFun(support, newAttrValue, element, attrName, isSpecial, howToSet, subject) {
+    const wrapper = support.templater.wrapper;
+    const parentWrap = wrapper?.parentWrap;
+    const tagJsType = wrapper?.tagJsType || parentWrap?.tagJsType;
+    const oneRender = tagJsType === ValueTypes.renderOnce;
+    if (!oneRender) {
+        return processTagCallbackFun(subject, newAttrValue, support, attrName, element);
+    }
+    return processAttributeSubjectValue(newAttrValue, element, attrName, isSpecial, howToSet, support);
+}
+export function processTagCallbackFun(subject, newAttrValue, support, attrName, element) {
+    const prevFun = subject.value;
+    if (prevFun && prevFun.tagFunction && prevFun.support) {
+        prevFun.tagFunction = newAttrValue;
+        prevFun.support = support;
+        return prevFun;
+    }
+    // tag has state and will need all functions wrapped to cause re-renders
+    newAttrValue = bindSubjectCallback(newAttrValue, support);
+    return processAttributeFunction(element, newAttrValue, support, attrName);
+}
+function getTagJsVar(attrPart) {
+    if (isObject(attrPart) && 'tagJsVar' in attrPart)
+        return attrPart.tagJsVar;
+    return -1;
+    // return (attrPart as TagVarIdNum)?.tagJsVar || -1
+}
+export function isNoDisplayValue(attrValue) {
+    return undefined === attrValue || null === attrValue || false === attrValue;
+}
+//# sourceMappingURL=processAttribute.function.js.map

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { addSupportEventListener } from './addSupportEventListener.function.js';
+export function processAttributeFunction(element, newAttrValue, support, attrName) {
+    const fun = function (...args) {
+        return fun.tagFunction(element, args);
+    };
+    // access to original function
+    fun.tagFunction = newAttrValue;
+    fun.support = support;
+    addSupportEventListener(support.appSupport, attrName, element, // support.appSupport.appElement as Element,
+    fun);
+}
+//# sourceMappingURL=processAttributeCallback.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processAttributeCallback.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/processAttributeCallback.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAA;AAG/E,MAAM,UAAU,wBAAwB,CACtC,OAAgB,EAChB,YAAsB,EACtB,OAAmB,EACnB,QAAgB;IAEhB,MAAM,GAAG,GAAG,UAAU,GAAG,IAAW;QAClC,OAAO,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IACvC,CAAC,CAAA;IAED,8BAA8B;IAC9B,GAAG,CAAC,WAAW,GAAG,YAAY,CAAA;IAC9B,GAAG,CAAC,OAAO,GAAG,OAAO,CAAA;IAErB,uBAAuB,CACrB,OAAO,CAAC,UAAU,EAClB,QAAQ,EACR,OAAO,EAAE,4CAA4C;IACrD,GAAG,CACJ,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,7 @@
+import { HowToSet } from './howToSetInputValue.function.js';
+import { TagGlobal } from '../../tag/TemplaterResult.class.js';
+import { SpecialDefinition } from './processAttribute.function.js';
+import { ContextItem } from '../../tag/Context.types.js';
+import { AnySupport } from '../../tag/Support.class.js';
+export declare function processDynamicNameValueAttribute(attrName: string, value: any | TagGlobal, contextItem: ContextItem, element: Element, howToSet: HowToSet, support: AnySupport, isSpecial?: SpecialDefinition): any;
+export declare function processNonDynamicAttr(attrName: string, value: string, element: Element, howToSet: HowToSet, isSpecial?: SpecialDefinition): void;

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

@@ -0,0 +1,24 @@
+// taggedjs-no-compile
+import { specialAttribute } from './specialAttribute.js';
+import { processTagCallbackFun } from './processAttribute.function.js';
+import { BasicTypes } from '../../tag/ValueTypes.enum.js';
+export function processDynamicNameValueAttribute(attrName, value, contextItem, element, howToSet, support, isSpecial) {
+    contextItem.attrName = attrName;
+    contextItem.element = element;
+    contextItem.howToSet = howToSet;
+    if (typeof (value) === BasicTypes.function) {
+        return processTagCallbackFun(contextItem, value, support, attrName, element);
+    }
+    contextItem.attrName = attrName;
+    contextItem.element = element;
+    contextItem.howToSet = howToSet;
+    contextItem.isSpecial = isSpecial;
+    return processNonDynamicAttr(attrName, value, element, howToSet, isSpecial);
+}
+export function processNonDynamicAttr(attrName, value, element, howToSet, isSpecial) {
+    if (isSpecial) {
+        return specialAttribute(attrName, value, element, isSpecial);
+    }
+    howToSet(element, attrName, value);
+}
+//# sourceMappingURL=processNameValueAttribute.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processNameValueAttribute.function.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/processNameValueAttribute.function.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAEtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gCAAgC,CAAA;AAGzF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD,MAAM,UAAU,gCAAgC,CAC9C,QAAgB,EAChB,KAAsB,EACtB,WAAwB,EACxB,OAAgB,EAChB,QAAkB,EAClB,OAAmB,EACnB,SAA6B;IAE7B,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,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,OAAO,GAAG,OAAO,CAAA;IAC7B,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,SAAS,GAAG,SAAS,CAAA;IAEjC,OAAO,qBAAqB,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC7E,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,KAAa,EACb,OAAgB,EAChB,QAAkB,EAClB,SAA6B;IAE7B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,gBAAgB,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;IAC9D,CAAC;IAED,QAAQ,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAe,CAAC,CAAA;AAC9C,CAAC"}

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

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

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

@@ -0,0 +1,17 @@
+import { paint, painting } from '../../tag/paint.function.js';
+import { renderSupport } from '../../tag/render/renderSupport.function.js';
+export function renderTagUpdateArray(supports) {
+    ++painting.locks;
+    supports.forEach(mapTagUpdate);
+    --painting.locks;
+    paint();
+}
+function mapTagUpdate(support) {
+    const global = support.subject.global;
+    if (!global) {
+        return; // while rendering a parent, a child may have been deleted (pinbowl)
+    }
+    // renderSupport(support)
+    renderSupport(global.newest);
+}
+//# sourceMappingURL=renderTagArray.function.js.map

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

@@ -0,0 +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,6BAA6B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAK,4CAA4C,CAAA;AAEzE,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,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,IAAG,CAAC,MAAM,EAAE,CAAC;QACX,OAAM,CAAC,oEAAoE;IAC7E,CAAC;IAED,yBAAyB;IACzB,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;AAC9B,CAAC"}

package/js/interpolations/attributes/specialAttribute.d.ts

@@ -0,0 +1,2 @@
+import { SpecialDefinition } from "./processAttribute.function.js";
+export declare function specialAttribute(name: string, value: any, element: Element, specialName: SpecialDefinition): void;

package/js/interpolations/attributes/specialAttribute.js

@@ -0,0 +1,44 @@
+import { paintAfters, paintContent } from "../../tag/paint.function.js";
+import { elementInitCheck } from "./elementInitCheck.js";
+const style = 'style';
+const classS = 'class';
+// const styleStart = style + '.'
+// const classStart = classS + '.'
+export function specialAttribute(name, value, element, specialName) {
+    switch (specialName) {
+        case 'oninit':
+            paintAfters.push(() => elementInitCheck(element, { added: 0, removed: 0 }));
+            return;
+        case 'autofocus':
+            paintAfters.push(() => element.focus());
+            return;
+        case 'autoselect':
+            paintAfters.push(() => element.select());
+            return;
+        case 'style':
+            const names = name.split('.');
+            // names.shift() // remove 'style'
+            paintContent.push(() => element.style[names[1]] = value); // attribute changes should come first
+            return;
+        case 'class':
+            processSpecialClass(name, value, element);
+            return;
+    }
+    throw new Error(`Invalid special attribute of ${specialName}. ${name}`);
+}
+function processSpecialClass(name, value, element) {
+    const names = name.split('.');
+    names.shift(); // remove class
+    // truthy
+    if (value) {
+        for (const name of names) {
+            paintContent.push(() => element.classList.add(name));
+        }
+        return;
+    }
+    // falsy
+    for (const name of names) {
+        paintContent.push(() => element.classList.remove(name));
+    }
+}
+//# sourceMappingURL=specialAttribute.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"specialAttribute.js","sourceRoot":"","sources":["../../../ts/interpolations/attributes/specialAttribute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,KAAK,GAAG,OAAO,CAAA;AACrB,MAAM,MAAM,GAAG,OAAO,CAAA;AAEtB,iCAAiC;AACjC,kCAAkC;AAElC,MAAM,UAAU,gBAAgB,CAC9B,IAAY,EACZ,KAAU,EACV,OAAgB,EAChB,WAA8B;IAE9B,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,QAAQ;YACX,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAC,KAAK,EAAC,CAAC,EAAE,OAAO,EAAC,CAAC,EAAC,CAAC,CAAC,CAAA;YACvE,OAAM;QAER,KAAK,WAAW;YACd,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,OAAe,CAAC,KAAK,EAAE,CAAC,CAAA;YAChD,OAAM;QAER,KAAK,YAAY;YACf,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,OAAe,CAAC,MAAM,EAAE,CAAC,CAAA;YACjD,OAAM;QAER,KAAK,OAAO;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7B,kCAAkC;YAClC,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,OAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA,CAAC,sCAAsC;YACxG,OAAM;QAER,KAAK,OAAO;YACV,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YACzC,OAAM;IACV,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,gCAAgC,WAAW,KAAK,IAAI,EAAE,CAAC,CAAA;AACzE,CAAC;AAED,SAAS,mBAAmB,CAC1B,IAAY,EACZ,KAAU,EACV,OAAgB;IAEhB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC7B,KAAK,CAAC,KAAK,EAAE,CAAA,CAAC,eAAe;IAE7B,SAAS;IACT,IAAG,KAAK,EAAE,CAAC;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;QACtD,CAAC;QACD,OAAM;IACR,CAAC;IAED,QAAQ;IACR,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IACzD,CAAC;AACH,CAAC"}

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

@@ -1,13 +1,14 @@
 /** File largely responsible for reacting to element events, such as onclick */
-import { State } from '../state/state.utils.js';
 import { BaseSupport, Support } from '../tag/Support.class.js';
 import { TagGlobal } from '../tag/TemplaterResult.class.js';
-export type Callback = (...args: any[]) => any & {
-    isChildOverride?: true;
+export type Callback = (...args: any[]) => any;
+export declare function bindSubjectCallback(value: Callback, support: BaseSupport | Support): {
+    (element: Element, args: any[]): "no-data-ever" | Promise<string>;
+    tagFunction: Callback;
+    support: BaseSupport | Support;
 };
-export declare function bindSubjectCallback(value: Callback, support: BaseSupport | Support): Callback;
-export declare function runTagCallback(value: Callback, support: BaseSupport | Support, bindTo: unknown, args: any[], state: State): "no-data-ever" | Promise<string>;
-export declare function afterTagCallback(tag: BaseSupport | Support, callbackResult: any, state: State): "no-data-ever" | Promise<string>;
+export declare function runTagCallback(value: Callback, support: BaseSupport | Support, bindTo: unknown, args: any[]): "no-data-ever" | Promise<string>;
+export declare function afterTagCallback(tag: BaseSupport | Support, callbackResult: any): "no-data-ever" | Promise<string>;
 export declare function findTagToCallback(support: BaseSupport | Support): BaseSupport | Support;
 export declare function checkAfterCallbackPromise(callbackResult: any, last: BaseSupport | Support, global: TagGlobal): "no-data-ever" | Promise<string>;
-export declare function runBlocked(tag: BaseSupport | Support, state: State, lastResult?: BaseSupport | Support): BaseSupport | Support | undefined;
+export declare function runBlocked(tag: BaseSupport | Support): BaseSupport | Support | undefined;