taggedjs 2.8.44 → 3.0.2

package/js/elements/processChildren.function.js

@@ -0,0 +1,63 @@
+import { castTextValue } from '../castTextValue.function.js';
+import { getNewContext } from '../render/addOneContext.function.js';
+import { paintCommands } from '../render/paint.function.js';
+import { removeContextInCycle, setContextInCycle } from '../tag/cycles/setContextInCycle.function.js';
+import { processElementVar } from './processElementVar.function.js';
+import { processElementVarFunction } from './processElementVarFunction.function.js';
+export function processChildren(innerHTML, parentContext, ownerSupport, element, // appendTo
+paintBy) {
+    innerHTML.forEach(item => {
+        const type = typeof item;
+        switch (type) {
+            case 'string':
+            case 'boolean':
+            case 'number':
+                return handleSimpleInnerValue(item, element, paintBy);
+            case 'function': {
+                if (item.tagJsType === 'element') {
+                    break; // skip
+                }
+                const result = processElementVarFunction(item, element, parentContext, ownerSupport, paintBy);
+                return result;
+            }
+        }
+        if (item === null || item === undefined) {
+            return handleSimpleInnerValue(item, element, paintBy);
+        }
+        if (item.tagJsType === 'element') {
+            const newElement = processElementVar(item, parentContext, ownerSupport, parentContext.contexts);
+            paintCommands.push([paintBy, [element, newElement]]);
+            const htmlDomMeta = parentContext.htmlDomMeta;
+            htmlDomMeta.push({
+                nn: newElement.tagName,
+                domElement: newElement,
+                // at: newElement.attributes,
+                at: [],
+            });
+            return;
+        }
+        return processNonElement(item, parentContext, element, ownerSupport, paintBy);
+    });
+}
+/** used when a child is not another element and requires init processing */
+export function processNonElement(item, parentContext, element, ownerSupport, paintBy) {
+    const newContext = getNewContext(item, [], // addedContexts
+    true, parentContext);
+    const contexts = parentContext.contexts;
+    contexts.push(newContext);
+    newContext.element = element;
+    newContext.placeholder = document.createTextNode('');
+    paintCommands.push([paintBy, [element, newContext.placeholder]]);
+    setContextInCycle(newContext);
+    newContext.tagJsVar.processInit(item, newContext, // context, // newContext,
+    ownerSupport, newContext.placeholder);
+    removeContextInCycle();
+    return newContext;
+}
+export function handleSimpleInnerValue(value, element, paintBy) {
+    const castedValue = castTextValue(value);
+    const text = document.createTextNode(castedValue);
+    paintCommands.push([paintBy, [element, text]]);
+    return text;
+}
+//# sourceMappingURL=processChildren.function.js.map

package/js/elements/processChildren.function.js.map

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

package/js/elements/processChildren.js

@@ -0,0 +1,48 @@
+import { Subject } from '..';
+import { paintAppends, paintAppend } from '../render/paint.function';
+import { valueToTagJsVar } from '../tagJsVars';
+import { processElementVar } from './processElementVar.function';
+import { processElementVarFunction } from './processElementVarFunction.function';
+export function processChildren(innerHTML, context, ownerSupport, addedContexts, element) {
+    innerHTML.forEach(item => {
+        if (item.tagJsType === 'element') {
+            const newElement = processElementVar(item, context, ownerSupport, addedContexts);
+            paintAppends.push([paintAppend, [element, newElement]]);
+            return;
+        }
+        const type = typeof item;
+        switch (type) {
+            case 'string':
+            case 'number':
+                return handleSimpleInnerValue(item, element);
+            case 'function':
+                return processElementVarFunction(item, element, context, ownerSupport, addedContexts);
+        }
+        return processNonElement(item, context, addedContexts, element, ownerSupport);
+    });
+}
+export function processNonElement(item, context, addedContexts, element, ownerSupport) {
+    const tagJsVar = valueToTagJsVar(item);
+    const newContext = {
+        updateCount: 0,
+        value: item,
+        parentContext: context,
+        tagJsVar,
+        // TODO: Not needed
+        valueIndex: -1,
+        withinOwnerElement: true,
+        destroy$: new Subject(),
+    };
+    addedContexts.push(newContext);
+    newContext.placeholder = document.createTextNode('');
+    paintAppends.push([paintAppend, [element, newContext.placeholder]]);
+    tagJsVar.processInit(item, newContext, // context, // newContext,
+    ownerSupport, newContext.placeholder);
+    return newContext;
+}
+export function handleSimpleInnerValue(value, element) {
+    const text = document.createTextNode(value);
+    paintAppends.push([paintAppend, [element, text]]);
+    return text;
+}
+//# sourceMappingURL=processChildren.js.map

package/js/elements/processChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processChildren.js","sourceRoot":"","sources":["../../ts/elements/processChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAE,MAAM,IAAI,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAEjF,MAAM,UAAU,eAAe,CAC7B,SAAgB,EAChB,OAAoB,EACpB,YAAwB,EACxB,aAA4B,EAC5B,OAAoB;IACpB,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACvB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;YACjC,MAAM,UAAU,GAAG,iBAAiB,CAClC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,aAAa,CACd,CAAC;YACF,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC;QAEzB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ,CAAC;YACd,KAAK,QAAQ;gBACX,OAAO,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE/C,KAAK,UAAU;gBACb,OAAO,yBAAyB,CAC9B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,YAAY,EACZ,aAAa,CACd,CAAC;QACN,CAAC;QAED,OAAO,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,IAAS,EACT,OAAoB,EACpB,aAA4B,EAC5B,OAAoB,EACpB,YAAwB;IAExB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,UAAU,GAAgB;QAC9B,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,IAAI;QACX,aAAa,EAAE,OAAO;QACtB,QAAQ;QAER,mBAAmB;QACnB,UAAU,EAAE,CAAC,CAAC;QACd,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,IAAI,OAAO,EAAE;KACxB,CAAC;IAEF,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACrD,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAEpE,QAAQ,CAAC,WAAW,CAClB,IAAI,EACJ,UAAU,EAAE,0BAA0B;IACtC,YAAY,EACZ,UAAU,CAAC,WAAW,CACvB,CAAC;IAEF,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,KAAsB,EACtB,OAAoB;IAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAe,CAAC,CAAC;IACtD,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/js/elements/processDesignElementInit.function.d.ts

@@ -0,0 +1,3 @@
+import { AnySupport, ElementVar } from '../index.js';
+import { ContextItem } from '../tag/ContextItem.type.js';
+export declare function processDesignElementInit(value: ElementVar, context: ContextItem, ownerSupport: AnySupport, insertBefore?: Text): HTMLElement;

package/js/elements/processDesignElementInit.function.js

@@ -0,0 +1,19 @@
+import { paintBefore, paintCommands } from '../render/paint.function.js';
+import { processElementVar } from './processElementVar.function.js';
+export function processDesignElementInit(value, context, ownerSupport, insertBefore) {
+    context.contexts = context.contexts || []; // added contexts
+    context.htmlDomMeta = [];
+    // prevent children from calling a parent function and causing a mid render
+    context.locked = 34;
+    const element = processElementVar(value, context, ownerSupport, context.contexts);
+    delete context.locked;
+    paintCommands.push([paintBefore, [insertBefore, element, 'designElement.processInit']]);
+    const dom = {
+        nn: value.tagName,
+        domElement: element,
+        at: value.attributes, // TODO: most likely does nothing
+    };
+    context.htmlDomMeta = [dom];
+    return element;
+}
+//# sourceMappingURL=processDesignElementInit.function.js.map

package/js/elements/processDesignElementInit.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processDesignElementInit.function.js","sourceRoot":"","sources":["../../ts/elements/processDesignElementInit.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAEnE,MAAM,UAAU,wBAAwB,CACtC,KAAiB,EACjB,OAAoB,EACpB,YAAwB,EACxB,YAAmB;IAGnB,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAA,CAAC,iBAAiB;IAC3D,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;IACxB,2EAA2E;IAC3E,OAAO,CAAC,MAAM,GAAG,EAAE,CAAA;IAEnB,MAAM,OAAO,GAAG,iBAAiB,CAC/B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,CAAC,QAAQ,CACjB,CAAA;IAED,OAAO,OAAO,CAAC,MAAM,CAAA;IACrB,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAA;IAEvF,MAAM,GAAG,GAAqB;QAC5B,EAAE,EAAE,KAAK,CAAC,OAAO;QACjB,UAAU,EAAE,OAAO;QACnB,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,iCAAiC;KACxD,CAAA;IAED,OAAO,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAA;IAE3B,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/js/elements/processDesignElementUpdate.function.d.ts

@@ -0,0 +1,4 @@
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../tag/ContextItem.type.js';
+export declare function processDesignElementUpdate(value: any, context: ContextItem, ownerSupport: AnySupport): void;
+export declare function checkTagElementValueChange(value: any, context: ContextItem): 0 | 1;

package/js/elements/processDesignElementUpdate.function.js

@@ -0,0 +1,70 @@
+import { updateToDiffValue } from '../tag/update/updateToDiffValue.function.js';
+import { destroyDesignElement } from './destroyDesignElement.function.js';
+export function processDesignElementUpdate(value, context, ownerSupport) {
+    const skip = context.locked || context.deleted === true;
+    if (skip) {
+        return; // something else is running an event
+    }
+    ++context.updateCount;
+    const hasChanged = checkTagElementValueChange(value, context);
+    if (hasChanged) {
+        destroyDesignElement(context, ownerSupport);
+        // delete context.htmlDomMeta // The next value needs to know its not been deleted
+        context.htmlDomMeta = []; // The next value needs to know its not been deleted
+        // context.deleted = true // its not deleted but changed
+        delete context.deleted; // its not deleted but changed
+        updateToDiffValue(value, context, // newContext,
+        ownerSupport, 789);
+        return;
+    }
+    const contexts = context.contexts;
+    const vContexts = value.contexts || [];
+    const ogListeners = context.tagJsVar.allListeners;
+    const allListeners = value.allListeners;
+    allListeners.forEach((newListener, index) => {
+        // ensure the latest callback is always called. Needed for functions within array maps
+        const wrapCallback = ogListeners[index][1];
+        wrapCallback.toCallback = newListener[1].toCallback;
+    });
+    if (contexts.length !== vContexts.length) {
+        console.info('context mismatch', {
+            value,
+            context,
+            conValues: contexts.map(x => x.value),
+            vContexts,
+            deleted: context.deleted
+        });
+        throw new Error('super issue discovered');
+    }
+    context.locked = 79;
+    contexts.forEach((context, index) => {
+        context.tagJsVar.processUpdate(vContexts[index], // context.value,
+        context, ownerSupport);
+    });
+    delete context.locked;
+}
+export function checkTagElementValueChange(value, context) {
+    const oldValue = context.value;
+    if (oldValue === value) {
+        return 0; // has not changed
+    }
+    // return 1 // it has changed
+    const notElement = !value || value.tagJsType !== 'element';
+    if (notElement) {
+        return 1;
+    }
+    const newKidLength = value.innerHTML.length;
+    const oldKidLength = context.value.innerHTML.length;
+    const kidLengthChanged = newKidLength !== oldKidLength;
+    if (kidLengthChanged) {
+        return 1;
+    }
+    const newAttrLength = value.attributes.length;
+    const oldAttrLength = context.value.attributes.length;
+    const kidAttrChanged = newAttrLength !== oldAttrLength;
+    if (kidAttrChanged) {
+        return 1;
+    }
+    return 0;
+}
+//# sourceMappingURL=processDesignElementUpdate.function.js.map

package/js/elements/processDesignElementUpdate.function.js.map

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

package/js/elements/processElementVar.d.ts

@@ -0,0 +1,4 @@
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../tag';
+import { ElementVar } from './designElement.function';
+export declare function processElementVar(value: ElementVar, context: ContextItem, ownerSupport: AnySupport, addedContexts: ContextItem[]): HTMLElement;

package/js/elements/processElementVar.function.d.ts

@@ -0,0 +1,5 @@
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../tag/index.js';
+import { ElementVar } from './designElement.function.js';
+/** The first and recursive processor for elements */
+export declare function processElementVar(value: ElementVar, context: ContextItem, ownerSupport: AnySupport, _addedContexts: ContextItem[]): HTMLElement;

package/js/elements/processElementVar.function.js

@@ -0,0 +1,63 @@
+import { isPromise } from '../index.js';
+import { addSupportEventListener } from '../interpolations/attributes/addSupportEventListener.function.js';
+import { afterTagCallback } from '../interpolations/attributes/bindSubjectCallback.function.js';
+import { getSupportWithState } from '../interpolations/attributes/getSupportWithState.function.js';
+import { isSpecialAttr } from '../interpolations/attributes/isSpecialAttribute.function.js';
+import { renderTagUpdateArray } from '../interpolations/attributes/renderTagArray.function.js';
+import { processAttributeArray } from '../render/dom/processAttributeArray.function.js';
+import { paint, paintAppend, painting } from '../render/paint.function.js';
+import { processChildren } from './processChildren.function.js';
+/** The first and recursive processor for elements */
+export function processElementVar(value, context, ownerSupport, _addedContexts) {
+    const element = document.createElement(value.tagName);
+    context.element = element;
+    // mark special attributes
+    value.attributes.forEach(x => {
+        const name = x[0];
+        if (typeof (name) !== 'string') {
+            return;
+        }
+        x[2] = isSpecialAttr(name);
+    });
+    processAttributeArray(value.attributes, [], // values,
+    element, ownerSupport, context);
+    /*
+    value.listeners.forEach((listener, index) =>
+      registerListener(value, index, ownerSupport, listener, element)
+    )*/
+    processChildren(value.innerHTML, context, // parentContext
+    ownerSupport, element, paintAppend);
+    value.listeners.forEach((listener, index) => registerListener(value, index, ownerSupport, listener, element));
+    return element;
+}
+function registerListener(value, index, ownerSupport, listener, element) {
+    const wrap = (...args) => {
+        const listenScope = value.listeners[index];
+        const toCall = listenScope[1];
+        const stateSupport = getSupportWithState(ownerSupport);
+        const updateCount = stateSupport.context.updateCount;
+        stateSupport.context.locked = 1;
+        ++painting.locks;
+        const result = toCall(...args);
+        --painting.locks;
+        delete stateSupport.context.locked;
+        const needsRender = updateCount === stateSupport.context.updateCount;
+        if (needsRender) {
+            return afterTagCallback(result, stateSupport);
+        }
+        else {
+            paint();
+        }
+        if (isPromise(result)) {
+            return result.then(() => {
+                const newest = stateSupport.context.state.newest;
+                renderTagUpdateArray([newest]);
+                return 'promise-no-data-ever';
+            });
+        }
+        return 'no-data-ever';
+    };
+    addSupportEventListener(ownerSupport.appSupport, listener[0], // eventName
+    element, wrap);
+}
+//# sourceMappingURL=processElementVar.function.js.map

package/js/elements/processElementVar.function.js.map

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

package/js/elements/processElementVar.js

@@ -0,0 +1,78 @@
+import { Subject } from '../index.js';
+import { addSupportEventListener } from '../interpolations/attributes/addSupportEventListener.function';
+import { getSupportWithState } from '../interpolations/attributes/getSupportWithState.function';
+import { blankHandler } from '../render/dom/blankHandler.function';
+import { processAttributeArray } from '../render/dom/processAttributeArray.function';
+import { paintAppends, paintAppend } from '../render/paint.function';
+import { handleSimpleInnerValue, processNonElement } from './designElement.function';
+export function processElementVar(value, context, ownerSupport, addedContexts) {
+    const element = document.createElement(value.tagName);
+    context.element = element;
+    processAttributeArray(value.attributes, [], // values,
+    element, ownerSupport, context, // context.parentContext,
+    addedContexts);
+    value.innerHTML.forEach(item => {
+        const type = typeof item;
+        switch (type) {
+            case 'string':
+            case 'number':
+                return handleSimpleInnerValue(item, element);
+            case 'function': {
+                if (item.tagJsType === 'element') {
+                    const newElement = processElementVar(item, context, ownerSupport, addedContexts);
+                    paintAppends.push([paintAppend, [element, newElement]]);
+                    return;
+                }
+                const subContexts = [];
+                const subContext = {
+                    parentContext: context,
+                    contexts: subContexts,
+                    tagJsVar: {
+                        tagJsType: 'dynamic-text',
+                        hasValueChanged: () => 0,
+                        processInit: blankHandler,
+                        processInitAttribute: blankHandler,
+                        destroy: (_c, ownerSupport) => {
+                            subContexts.forEach(subSub => subSub.tagJsVar.destroy(subSub, ownerSupport));
+                        },
+                        processUpdate: (value, contextItem, ownerSupport, values) => {
+                            const newValue = item(newContext);
+                            const result = newContext.tagJsVar.processUpdate(newValue, newContext, ownerSupport, values);
+                            newContext.value = newValue;
+                            return result;
+                        }
+                    },
+                    // TODO: Not needed
+                    valueIndex: -1,
+                    withinOwnerElement: true,
+                    destroy$: new Subject(),
+                };
+                addedContexts.push(subContext);
+                const newContext = processNonElement(item(), context, subContext.contexts, // addedContexts,
+                element, ownerSupport);
+                return newContext;
+                // const textElement = handleSimpleInnerValue(item(), element)
+                // return textElement
+            }
+        }
+        if (item.tagJsType === 'element') {
+            const newElement = processElementVar(item, context, ownerSupport, addedContexts);
+            paintAppends.push([paintAppend, [element, newElement]]);
+            return;
+        }
+        processNonElement(item, context, addedContexts, element, ownerSupport);
+    });
+    value.listeners.forEach(listener => {
+        const wrap = (...args) => {
+            const result = listener[1](...args);
+            const stateSupport = getSupportWithState(ownerSupport);
+            console.log('listener hit', stateSupport);
+            // renderTagUpdateArray([stateSupport]);
+            return result;
+        };
+        addSupportEventListener(ownerSupport.appSupport, listener[0], // eventName
+        element, wrap);
+    });
+    return element;
+}
+//# sourceMappingURL=processElementVar.js.map

package/js/elements/processElementVar.js.map

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

package/js/elements/processElementVarFunction.d.ts

@@ -0,0 +1,3 @@
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../tag/index.js';
+export declare function processElementVarFunction(item: any, context: ContextItem, ownerSupport: AnySupport, element: HTMLElement): ContextItem;

package/js/elements/processElementVarFunction.function.d.ts

@@ -0,0 +1,4 @@
+import { AnySupport } from '../index.js';
+import { painter } from '../render/paint.function.js';
+import { ContextItem } from '../tag/index.js';
+export declare function processElementVarFunction(item: any, element: HTMLElement | Text, parentContext: ContextItem, ownerSupport: AnySupport, paintBy: painter): ContextItem;

package/js/elements/processElementVarFunction.function.js

@@ -0,0 +1,67 @@
+import { isFunction, Subject } from '../index.js';
+import { blankHandler } from '../render/dom/blankHandler.function.js';
+import { removeContextInCycle, setContextInCycle } from '../tag/cycles/setContextInCycle.function.js';
+import { processNonElement } from './processChildren.function.js';
+export function processElementVarFunction(item, element, parentContext, ownerSupport, paintBy) {
+    const subContexts = [];
+    const subContext = {
+        updateCount: 0,
+        parentContext,
+        contexts: subContexts,
+        element: element,
+        value: item,
+        htmlDomMeta: [],
+        tagJsVar: {
+            tagJsType: 'dynamic-text',
+            hasValueChanged: () => 0,
+            processInit: blankHandler,
+            processInitAttribute: blankHandler,
+            destroy: (_c, ownerSupport) => {
+                ++subContext.updateCount;
+                subContexts.forEach(subSub => subSub.tagJsVar.destroy(subSub, ownerSupport));
+            },
+            processUpdate: (value, contextItem, ownerSupport, values) => {
+                ++subContext.updateCount;
+                setContextInCycle(aSubContext);
+                let newValue = value(aSubContext);
+                const underFunction = subContext.underFunction;
+                delete subContext.underFunction;
+                if (newValue instanceof Function && !newValue.tagJsType) {
+                    if (underFunction && newValue.toString() === underFunction.toString()) {
+                        newValue = aSubContext.value;
+                    }
+                    else {
+                        subContext.underFunction = newValue;
+                        newValue = newValue();
+                    }
+                }
+                const result = aSubContext.tagJsVar.processUpdate(newValue, aSubContext, ownerSupport, values);
+                aSubContext.value = newValue;
+                contextItem.value = value;
+                removeContextInCycle();
+                return result;
+            }
+        },
+        // TODO: Not needed
+        valueIndex: -1,
+        withinOwnerElement: true,
+        destroy$: new Subject(),
+        render$: new Subject(),
+    };
+    // addedContexts.push(subContext)
+    setContextInCycle(subContext);
+    let trueValue = item();
+    const isAgainFunc = isFunction(trueValue) && !trueValue.tagJsType;
+    if (isAgainFunc) {
+        ;
+        subContext.underFunction = trueValue;
+        trueValue = trueValue(); // function returns function
+    }
+    const aSubContext = processNonElement(trueValue, subContext, // parentContext,
+    element, ownerSupport, paintBy);
+    const contexts = parentContext.contexts;
+    contexts.push(subContext);
+    removeContextInCycle();
+    return aSubContext;
+}
+//# sourceMappingURL=processElementVarFunction.function.js.map

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;