taggedjs 2.5.11 → 2.5.13

package/bundle.js

@@ -73,23 +73,20 @@ function resetFunctionProps(newProps, ownerSupport) {
     }
     // BELOW: Do not clone because if first argument is object, the memory ref back is lost
     // const newProps = {...props} 
-    Object.entries(newProps).forEach(([name, value]) => {
-        if (value instanceof Function) {
-            const toCall = newProps[name].toCall;
-            if (toCall) {
-                return; // already previously converted
-            }
-            newProps[name] = (...args) => {
-                return newProps[name].toCall(...args); // what gets called can switch over parent state changes
-            };
-            // Currently, call self but over parent state changes, I may need to call a newer parent tag owner
-            newProps[name].toCall = (...args) => {
-                return callbackPropOwner(value, args, ownerSupport);
-            };
-            newProps[name].original = value;
-            return;
+    for (const name in newProps) {
+        const value = newProps[name];
+        if (!(value instanceof Function)) {
+            continue;
         }
-    });
+        const toCall = newProps[name].toCall;
+        if (toCall) {
+            continue; // already previously converted
+        }
+        newProps[name] = (...args) => newProps[name].toCall(...args); // what gets called can switch over parent state changes
+        // Currently, call self but over parent state changes, I may need to call a newer parent tag owner
+        newProps[name].toCall = (...args) => callbackPropOwner(value, args, ownerSupport);
+        newProps[name].original = value;
+    }
     return newProps;
 }
 function callbackPropOwner(toCall, callWith, ownerSupport) {
@@ -333,8 +330,11 @@ function afterInterpolateElement(container, insertBefore, tagSupport, context, o
     if (!clones.length) {
         return clones;
     }
-    clones.forEach(clone => (0,_interpolateTemplate__WEBPACK_IMPORTED_MODULE_1__.afterElmBuild)(clone, options, context, tagSupport));
-    tagSupport.clones.push(...clones);
+    for (let index = clones.length - 1; index >= 0; --index) {
+        const clone = clones[index];
+        (0,_interpolateTemplate__WEBPACK_IMPORTED_MODULE_1__.afterElmBuild)(clone, options, context, tagSupport);
+        tagSupport.clones.push(clone);
+    }
     return clones;
 }
 
@@ -451,12 +451,15 @@ function inputAttribute(name, value, element) {
     if (names[0] === 'class') {
         names.shift();
         if (value) {
-            names.forEach(name => element.classList.add(name));
+            for (let index = 0; index < names.length; ++index) {
+                element.classList.add(names[index]);
+            }
         }
         else {
-            names.forEach(name => element.classList.remove(name));
+            for (let index = 0; index < names.length; ++index) {
+                element.classList.remove(names[index]);
+            }
         }
-        return;
     }
 }
 
@@ -479,24 +482,20 @@ function howToSetAttribute(element, name, value) {
     element.setAttribute(name, value);
 }
 function howToSetInputValue(element, name, value) {
-    /*
-    if((element as any)[name] === value) {
-      return // its already the value we are setting
-    }
-    */
     element[name] = value;
 }
 function interpolateAttributes(child, scope, ownerSupport) {
     const attrNames = child.getAttributeNames();
     let howToSet = howToSetAttribute;
-    attrNames.forEach(attrName => {
+    for (let index = 0; index < attrNames.length; ++index) {
+        const attrName = attrNames[index];
         if (child.nodeName === 'INPUT' && attrName === 'value') {
             howToSet = howToSetInputValue;
         }
         const value = child.getAttribute(attrName);
         (0,_processAttribute_function__WEBPACK_IMPORTED_MODULE_0__.processAttribute)(attrName, value, child, scope, ownerSupport, howToSet);
         howToSet = howToSetAttribute; // put back
-    });
+    }
 }
 
 
@@ -815,7 +814,9 @@ function processNameOnlyAttr(attrValue, lastValue, child, ownerSupport, howToSet
             child.removeAttribute(lastValue);
         }
         else if (lastValue instanceof Object) {
-            Object.entries(lastValue).forEach(([name]) => child.removeAttribute(name));
+            for (const name in lastValue) {
+                child.removeAttribute(name);
+            }
         }
     }
     if (typeof (attrValue) === 'string') {
@@ -826,27 +827,32 @@ function processNameOnlyAttr(attrValue, lastValue, child, ownerSupport, howToSet
         return;
     }
     if (attrValue instanceof Object) {
-        Object.entries(attrValue).forEach(([name, value]) => processNameValueAttr(name, value, child, ownerSupport, howToSet));
-        return;
+        for (const name in attrValue) {
+            processNameValueAttr(name, attrValue[name], child, ownerSupport, howToSet);
+        }
     }
 }
 function processNameValueAttr(attrName, result, child, ownerSupport, howToSet) {
     const isSpecial = isSpecialAttr(attrName);
-    // attach as callback?
     if (result instanceof Function) {
         const action = function (...args) {
             const result2 = result(child, args);
             return result2;
         };
         child[attrName].action = action;
-        // child.addEventListener(attrName, action)
     }
     // Most every variable comes in here since everything is made a ValueSubject
     if ((0,_isInstance__WEBPACK_IMPORTED_MODULE_1__.isSubjectInstance)(result)) {
         child.removeAttribute(attrName);
         const callback = (newAttrValue) => {
+            // should the function be wrapped so every time its called we re-render?
             if (newAttrValue instanceof Function) {
-                newAttrValue = (0,_bindSubjectCallback_function__WEBPACK_IMPORTED_MODULE_2__.bindSubjectCallback)(newAttrValue, ownerSupport);
+                const wrapper = ownerSupport.templater.wrapper;
+                const parentWrap = wrapper?.parentWrap;
+                const oneRender = parentWrap?.oneRender;
+                if (!oneRender) {
+                    newAttrValue = (0,_bindSubjectCallback_function__WEBPACK_IMPORTED_MODULE_2__.bindSubjectCallback)(newAttrValue, ownerSupport);
+                }
             }
             return processAttributeSubjectValue(newAttrValue, child, attrName, isSpecial, howToSet);
         };
@@ -1332,25 +1338,29 @@ function providersChangeCheck(tagSupport) {
     const global = tagSupport.global;
     const providersWithChanges = global.providers.filter(provider => !(0,_deepFunctions__WEBPACK_IMPORTED_MODULE_0__.deepEqual)(provider.instance, provider.clone));
     // reset clones
-    providersWithChanges.forEach(provider => {
+    for (let index = providersWithChanges.length - 1; index >= 0; --index) {
+        const provider = providersWithChanges[index];
         const appSupport = tagSupport.getAppTagSupport();
         handleProviderChanges(appSupport, provider);
         provider.clone = (0,_deepFunctions__WEBPACK_IMPORTED_MODULE_0__.deepClone)(provider.instance);
-    });
+    }
 }
 function handleProviderChanges(appSupport, provider) {
     const tagsWithProvider = getTagsWithProvider(appSupport, provider);
-    tagsWithProvider.forEach(({ tagSupport, renderCount, provider }) => {
+    for (let index = tagsWithProvider.length - 1; index >= 0; --index) {
+        const { tagSupport, renderCount, provider } = tagsWithProvider[index];
         if (tagSupport.global.deleted) {
-            return; // i was deleted after another tag processed
+            continue; // i was deleted after another tag processed
         }
         const notRendered = renderCount === tagSupport.global.renderCount;
         if (notRendered) {
             provider.clone = (0,_deepFunctions__WEBPACK_IMPORTED_MODULE_0__.deepClone)(provider.instance);
-            return (0,_tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_1__.renderTagSupport)(tagSupport, false);
+            (0,_tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_1__.renderTagSupport)(tagSupport, false);
+            continue;
         }
-    });
+    }
 }
+/** Updates and returns memory of tag providers */
 function getTagsWithProvider(tagSupport, provider, memory = []) {
     const global = tagSupport.global;
     const compare = global.providers;
@@ -1362,7 +1372,10 @@ function getTagsWithProvider(tagSupport, provider, memory = []) {
             provider: hasProvider,
         });
     }
-    tagSupport.childTags.forEach(child => getTagsWithProvider(child, provider, memory));
+    const childTags = tagSupport.childTags;
+    for (let index = childTags.length - 1; index >= 0; --index) {
+        getTagsWithProvider(childTags[index], provider, memory);
+    }
     return memory;
 }
 
@@ -1606,7 +1619,6 @@ const beforeRender = (tagSupport) => initState(tagSupport);
     beforeRedraw: beforeRender,
     afterRender: (tagSupport) => {
         const memory = tagSupport.memory;
-        // const state: State = memory.state
         const config = _setUse_function__WEBPACK_IMPORTED_MODULE_1__.setUse.memory.stateConfig;
         const rearray = config.rearray;
         if (rearray.length) {
@@ -1623,13 +1635,15 @@ const beforeRender = (tagSupport) => initState(tagSupport);
                 throw error;
             }
         }
-        const cTagConfig = config.tagSupport;
         delete config.rearray; // clean up any previous runs
         delete config.tagSupport;
         memory.state.length = 0;
         memory.state.push(...config.array);
-        // memory.state = config.array // [...config.array]
-        memory.state.forEach(item => item.lastValue = getStateValue(item)); // set last values
+        const state = memory.state;
+        for (let index = state.length - 1; index >= 0; --index) {
+            const item = state[index];
+            item.lastValue = getStateValue(item); // set last values
+        }
         config.array = [];
     }
 });
@@ -1655,15 +1669,18 @@ function initState(tagSupport) {
     const memory = tagSupport.memory;
     const state = memory.state;
     const config = _setUse_function__WEBPACK_IMPORTED_MODULE_1__.setUse.memory.stateConfig;
-    // TODO: This guard may no longer be needed
+    // TODO: The following two blocks of code are state protects, have a production mode that removes this checks
     /*
     if (config.rearray) {
       checkStateMismatch(tagSupport, config, state)
     }
     */
     config.rearray = [];
-    if (state?.length) {
-        state.forEach(state => getStateValue(state));
+    const stateLength = state?.length;
+    if (stateLength) {
+        for (let index = 0; index < stateLength; ++index) {
+            getStateValue(state[index]);
+        }
         config.rearray.push(...state);
     }
     config.tagSupport = tagSupport;
@@ -1728,14 +1745,29 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/** Create a Subject that on updates will sync state values to keep chained functions using latest variables */
 function subject(value, onSubscription) {
     const oldestState = (0,_state_function__WEBPACK_IMPORTED_MODULE_3__.state)(() => _setUse_function__WEBPACK_IMPORTED_MODULE_2__.setUse.memory.stateConfig.array);
     const nowTagSupport = (0,_tag_getSupportInCycle_function__WEBPACK_IMPORTED_MODULE_1__.getSupportInCycle)();
-    return new _subject__WEBPACK_IMPORTED_MODULE_0__.Subject(value, onSubscription).pipe(x => {
-        (0,_syncStates_function__WEBPACK_IMPORTED_MODULE_4__.syncStates)(nowTagSupport.memory.state, oldestState);
-        return x;
+    return (0,_state_function__WEBPACK_IMPORTED_MODULE_3__.state)(() => {
+        const subject = new _subject__WEBPACK_IMPORTED_MODULE_0__.Subject(value, onSubscription).pipe(x => {
+            (0,_syncStates_function__WEBPACK_IMPORTED_MODULE_4__.syncStates)(nowTagSupport.memory.state, oldestState);
+            return x;
+        });
+        return subject;
     });
 }
+subject.value = (value) => {
+    const oldestState = (0,_state_function__WEBPACK_IMPORTED_MODULE_3__.state)(() => _setUse_function__WEBPACK_IMPORTED_MODULE_2__.setUse.memory.stateConfig.array);
+    const nowTagSupport = (0,_tag_getSupportInCycle_function__WEBPACK_IMPORTED_MODULE_1__.getSupportInCycle)();
+    return (0,_state_function__WEBPACK_IMPORTED_MODULE_3__.state)(() => {
+        const subject = new _subject__WEBPACK_IMPORTED_MODULE_0__.ValueSubject(value).pipe(x => {
+            (0,_syncStates_function__WEBPACK_IMPORTED_MODULE_4__.syncStates)(nowTagSupport.memory.state, oldestState);
+            return x;
+        });
+        return subject;
+    });
+};
 function all(args) {
     const oldestState = (0,_state_function__WEBPACK_IMPORTED_MODULE_3__.state)(() => _setUse_function__WEBPACK_IMPORTED_MODULE_2__.setUse.memory.stateConfig.array);
     const nowTagSupport = (0,_tag_getSupportInCycle_function__WEBPACK_IMPORTED_MODULE_1__.getSupportInCycle)();
@@ -1760,14 +1792,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   syncStates: () => (/* binding */ syncStates)
 /* harmony export */ });
 function syncStates(stateFrom, stateTo) {
-    stateFrom.forEach((state, index) => {
+    for (let index = stateFrom.length - 1; index >= 0; --index) {
+        const state = stateFrom[index];
         const fromValue = state.get();
         const callback = stateTo[index].callback;
         if (callback) {
             callback(fromValue); // set the value
         }
         stateTo[index].lastValue = fromValue; // record the value
-    });
+    }
 }
 
 
@@ -1966,15 +1999,17 @@ class Subject {
     set(value) {
         this.value = value;
         // Notify all subscribers with the new value
-        this.subscribers.forEach(sub => {
-            // (sub.callback as any).value = value
+        const subs = [...this.subscribers]; // subs may change as we call callbacks
+        const length = subs.length;
+        for (let index = 0; index < length; ++index) {
+            const sub = subs[index];
             sub.callback(value, sub);
-        });
+        }
     }
     // next() is available for rxjs compatibility
     next = this.set;
     toPromise() {
-        return new Promise((res, rej) => {
+        return new Promise(res => {
             this.subscribe((x, subscription) => {
                 subscription.unsubscribe();
                 res(x);
@@ -1990,9 +2025,11 @@ class Subject {
         return this;
     }
     pipe(...operations) {
-        const subject = new Subject();
+        const subject = new Subject(this.value);
         subject.methods = operations;
         subject.subscribeWith = (x) => this.subscribe(x);
+        subject.set = x => this.set(x);
+        subject.next = subject.set;
         return subject;
     }
     static all(args) {
@@ -2151,7 +2188,10 @@ function getSubscription(subject, callback) {
         // any double unsubscribes will be ignored
         subscription.unsubscribe = () => subscription;
         // unsubscribe from any combined subjects
-        subscription.subscriptions.forEach(subscription => subscription.unsubscribe());
+        const subscriptions = subscription.subscriptions;
+        for (let index = subscriptions.length - 1; index >= 0; --index) {
+            subscriptions[index].unsubscribe();
+        }
         return subscription;
     };
     subscription.add = (sub) => {
@@ -2171,7 +2211,6 @@ function runPipedMethods(value, methods, onComplete) {
             return runPipedMethods(newValue, cloneMethods, onComplete);
         }
         onComplete(newValue);
-        // return newValue = next
     };
     let handler = next;
     const setHandler = (x) => handler = x;
@@ -2298,8 +2337,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../interpolations/interpolateElement */ "./ts/interpolations/interpolateElement.ts");
 /* harmony import */ var _interpolations_interpolateTemplate__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../interpolations/interpolateTemplate */ "./ts/interpolations/interpolateTemplate.ts");
 /* harmony import */ var _interpolations_afterInterpolateElement_function__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../interpolations/afterInterpolateElement.function */ "./ts/interpolations/afterInterpolateElement.function.ts");
-/* harmony import */ var _render_renderSubjectComponent_function__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./render/renderSubjectComponent.function */ "./ts/tag/render/renderSubjectComponent.function.ts");
-
 
 
 
@@ -2384,10 +2421,12 @@ class BaseTagSupport {
         (0,_interpolations_afterInterpolateElement_function__WEBPACK_IMPORTED_MODULE_13__.afterInterpolateElement)(elementContainer, placeholderElm, this, // ownerSupport
         context, options);
         // Any tag components that were found should be processed AFTER the owner processes its elements. Avoid double processing of elements attributes like (oninit)=${}
-        tagComponents.forEach(tagComponent => {
+        const length = tagComponents.length;
+        for (let index = 0; index < length; ++index) {
+            const tagComponent = tagComponents[index];
             (0,_interpolations_interpolateTemplate__WEBPACK_IMPORTED_MODULE_12__.subscribeToTemplate)(tagComponent.insertBefore, tagComponent.subject, tagComponent.ownerSupport, options.counts);
             (0,_interpolations_afterInterpolateElement_function__WEBPACK_IMPORTED_MODULE_13__.afterInterpolateElement)(elementContainer, tagComponent.insertBefore, tagComponent.ownerSupport, context, options);
-        });
+        }
     }
     getTemplate() {
         const thisTag = this.templater.tag;
@@ -2461,14 +2500,15 @@ class TagSupport extends BaseTagSupport {
         }
         this.destroySubscriptions();
         // signify immediately child has been deleted (looked for during event processing)
-        childTags.forEach(child => {
+        for (let index = childTags.length - 1; index >= 0; --index) {
+            const child = childTags[index];
             const subGlobal = child.global;
             delete subGlobal.newest;
             subGlobal.deleted = true;
             if ((0,_isInstance__WEBPACK_IMPORTED_MODULE_2__.isTagComponent)(child.templater)) {
                 (0,_tagRunner__WEBPACK_IMPORTED_MODULE_5__.runBeforeDestroy)(child, child);
             }
-        });
+        }
         // HTML DOM manipulation. Put back down the template tag
         const insertBefore = global.insertBefore;
         if (insertBefore.nodeName === 'TEMPLATE') {
@@ -2514,9 +2554,11 @@ class TagSupport extends BaseTagSupport {
         return mainPromise.then(() => options.stagger);
     }
     destroySubscriptions() {
-        const global = this.global;
-        global.subscriptions.forEach(cloneSub => cloneSub.unsubscribe());
-        global.subscriptions.length = 0;
+        const subs = this.global.subscriptions;
+        for (let index = subs.length - 1; index >= 0; --index) {
+            subs[index].unsubscribe();
+        }
+        subs.length = 0;
     }
     destroyClones({ stagger } = {
         stagger: 0,
@@ -2526,12 +2568,13 @@ class TagSupport extends BaseTagSupport {
         const promises = oldClones.map(clone => this.checkCloneRemoval(clone, stagger)).filter(x => x); // only return promises
         // check subjects that may have clones attached to them
         const oldContext = this.global.context;
-        Object.values(oldContext).forEach(value => {
+        for (const name in oldContext) {
+            const value = oldContext[name];
             const clone = value.clone;
-            if (clone && clone.parentNode) {
+            if (clone?.parentNode) {
                 clone.parentNode.removeChild(clone);
             }
-        });
+        }
         if (promises.length) {
             return { promise: Promise.all(promises), stagger };
         }
@@ -2575,18 +2618,6 @@ class TagSupport extends BaseTagSupport {
         this.values = values;
         return this.updateContext(this.global.context);
     }
-    /** Used during HMR only where static content itself could have been edited */
-    async rebuild() {
-        delete this.strings; // seek the templater strings instead now
-        delete this.values; // seek the templater strings instead now
-        restoreTagMarkers(this);
-        const newSupport = (0,_render_renderSubjectComponent_function__WEBPACK_IMPORTED_MODULE_14__.renderSubjectComponent)(this.subject, this, this.ownerTagSupport);
-        await this.destroy();
-        newSupport.buildBeforeElement(this.global.insertBefore, {
-            counts: { added: 0, removed: 0 },
-        });
-        return newSupport;
-    }
     getAppTagSupport() {
         let tag = this;
         while (tag.ownerTagSupport) {
@@ -2597,7 +2628,10 @@ class TagSupport extends BaseTagSupport {
 }
 function restoreTagMarkers(support) {
     (0,_checkDestroyPrevious_function__WEBPACK_IMPORTED_MODULE_4__.restoreTagMarker)(support);
-    support.childTags.forEach(childTag => restoreTagMarkers(childTag.global.oldest));
+    const childTags = support.childTags;
+    for (let index = childTags.length - 1; index >= 0; --index) {
+        restoreTagMarkers(childTags[index].global.oldest);
+    }
 }
 
 
@@ -2649,7 +2683,10 @@ newValue, insertBefore) {
         delete arraySubject.lastArray;
         delete arraySubject.placeholder;
         (0,_insertAfter_function__WEBPACK_IMPORTED_MODULE_3__.insertAfter)(insertBefore, placeholderElm);
-        wasArray.forEach(({ tagSupport }) => destroyArrayTag(tagSupport, { added: 0, removed: 0 }));
+        for (let index = wasArray.length - 1; index >= 0; --index) {
+            const { tagSupport } = wasArray[index];
+            destroyArrayTag(tagSupport, { added: 0, removed: 0 });
+        }
         return 'array';
     }
     const tagSubject = subject;
@@ -2673,6 +2710,9 @@ newValue, insertBefore) {
         if (isValueTagComponent) {
             return false; // its still a tag component
         }
+        if (newValue && newValue.oneRender) {
+            return false;
+        }
         // put template back down
         restoreTagMarker(lastSupport);
         // destroy old component, value is not a component
@@ -3321,8 +3361,7 @@ function swapInsertBefore(insertBefore) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   kidsToTagArraySubject: () => (/* binding */ kidsToTagArraySubject),
-/* harmony export */   tag: () => (/* binding */ tag),
-/* harmony export */   tags: () => (/* binding */ tags)
+/* harmony export */   tag: () => (/* binding */ tag)
 /* harmony export */ });
 /* harmony import */ var _isInstance__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../isInstance */ "./ts/isInstance.ts");
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../state */ "./ts/state/index.ts");
@@ -3332,6 +3371,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _TagSupport_class__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./TagSupport.class */ "./ts/tag/TagSupport.class.ts");
 /* harmony import */ var _alterProps_function__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../alterProps.function */ "./ts/alterProps.function.ts");
 /* harmony import */ var _subject_ValueSubject__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../subject/ValueSubject */ "./ts/subject/ValueSubject.ts");
+/* harmony import */ var _tag_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tag.utils */ "./ts/tag/tag.utils.ts");
+
 
 
 
@@ -3340,11 +3381,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-// export const tags: TagComponentBase<any>[] = []
-const tags = [];
 let tagCount = 0;
-/** Wraps a tag component in a state manager and always push children to last argument as an array */
-// export function tag<T>(a: T): T;
+/** Wraps a function tag in a state manager and calls wrapped function on event cycles
+ * For single rendering, no event cycles, use: tag.renderOnce = (props) => html``
+ */
 function tag(tagComponent) {
     /** function developer triggers */
     const parentWrap = (function tagWrapper(...props) {
@@ -3364,9 +3404,18 @@ function tag(tagComponent) {
     updateResult(parentWrap, tagComponent);
     // group tags together and have hmr pickup
     updateComponent(tagComponent);
-    tags.push(parentWrap);
+    _tag_utils__WEBPACK_IMPORTED_MODULE_8__.tags.push(parentWrap);
     return parentWrap;
 }
+/** Used to create a tag component that renders once and has no addition rendering cycles */
+tag.oneRender = (...props) => {
+    throw new Error('Do not call function tag.oneRender but instead set it as: `tag.oneRender = (props) => html`` `');
+};
+Object.defineProperty(tag, 'oneRender', {
+    set(oneRenderFunction) {
+        oneRenderFunction.oneRender = true;
+    },
+});
 function kidsToTagArraySubject(children) {
     if ((0,_isInstance__WEBPACK_IMPORTED_MODULE_0__.isSubjectInstance)(children)) {
         return { childSubject: children, madeSubject: false };
@@ -3390,7 +3439,7 @@ function updateResult(result, tagComponent) {
     result.original = tagComponent;
 }
 function updateComponent(tagComponent) {
-    tagComponent.tags = tags;
+    tagComponent.tags = _tag_utils__WEBPACK_IMPORTED_MODULE_8__.tags;
     tagComponent.setUse = _state__WEBPACK_IMPORTED_MODULE_1__.setUse;
     tagComponent.tagIndex = tagCount++; // needed for things like HMR
 }
@@ -3428,14 +3477,18 @@ function getTagWrap(templater, result) {
         };
         tagSupport.memory = newTagSupport.memory; // state handover
         if (templater.madeChildIntoSubject) {
-            childSubject.value.forEach(kid => {
-                kid.values.forEach((value, index) => {
+            const value = childSubject.value;
+            for (let index = value.length - 1; index >= 0; --index) {
+                const kid = value[index];
+                const values = kid.values;
+                for (let index = values.length - 1; index >= 0; --index) {
+                    const value = values[index];
                     if (!(value instanceof Function)) {
-                        return;
+                        continue;
                     }
                     const valuesValue = kid.values[index];
                     if (valuesValue.isChildOverride) {
-                        return; // already overwritten
+                        continue; // already overwritten
                     }
                     // all functions need to report to me
                     kid.values[index] = function (...args) {
@@ -3445,8 +3498,8 @@ function getTagWrap(templater, result) {
                         args);
                     };
                     valuesValue.isChildOverride = true;
-                });
-            });
+                }
+            }
         }
         return tagSupport;
     };
@@ -3454,6 +3507,21 @@ function getTagWrap(templater, result) {
 }
 
 
+/***/ }),
+
+/***/ "./ts/tag/tag.utils.ts":
+/*!*****************************!*\
+  !*** ./ts/tag/tag.utils.ts ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   tags: () => (/* binding */ tags)
+/* harmony export */ });
+const tags = [];
+
+
 /***/ }),
 
 /***/ "./ts/tag/tagElement.ts":
@@ -3553,7 +3621,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../state */ "./ts/state/index.ts");
 /* harmony import */ var _subject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../subject */ "./ts/subject/index.ts");
 /* harmony import */ var _getSupportInCycle_function__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getSupportInCycle.function */ "./ts/tag/getSupportInCycle.function.ts");
-// TODO: This should be more like `new TaggedJs().use({})`
 
 
 
@@ -3565,20 +3632,36 @@ _state__WEBPACK_IMPORTED_MODULE_0__.setUse.memory.tagClosed$ = new _subject__WEB
 });
 // Life cycle 1
 function runBeforeRender(tagSupport, ownerSupport) {
-    _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse.forEach(tagUse => tagUse.beforeRender(tagSupport, ownerSupport));
+    const tagUse = _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse;
+    const length = tagUse.length;
+    for (let index = 0; index < length; ++index) {
+        tagUse[index].beforeRender(tagSupport, ownerSupport);
+    }
 }
 // Life cycle 2
 function runAfterRender(tagSupport, ownerTagSupport) {
-    _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, ownerTagSupport));
+    const tagUse = _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse;
+    const length = tagUse.length;
+    for (let index = 0; index < length; ++index) {
+        tagUse[index].afterRender(tagSupport, ownerTagSupport);
+    }
     _state__WEBPACK_IMPORTED_MODULE_0__.setUse.memory.tagClosed$.next(ownerTagSupport);
 }
 // Life cycle 3
 function runBeforeRedraw(tagSupport, ownerTagSupport) {
-    _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse.forEach(tagUse => tagUse.beforeRedraw(tagSupport, ownerTagSupport));
+    const tagUse = _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse;
+    const length = tagUse.length;
+    for (let index = 0; index < length; ++index) {
+        tagUse[index].beforeRedraw(tagSupport, ownerTagSupport);
+    }
 }
 // Life cycle 4 - end of life
 function runBeforeDestroy(tagSupport, ownerTagSupport) {
-    _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse.forEach(tagUse => tagUse.beforeDestroy(tagSupport, ownerTagSupport));
+    const tagUse = _state__WEBPACK_IMPORTED_MODULE_0__.setUse.tagUse;
+    const length = tagUse.length;
+    for (let index = 0; index < length; ++index) {
+        tagUse[index].beforeDestroy(tagSupport, ownerTagSupport);
+    }
 }
 
 
@@ -3660,9 +3743,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _processSubjectComponent_function__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./processSubjectComponent.function */ "./ts/tag/update/processSubjectComponent.function.ts");
 /* harmony import */ var _processTagArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./processTagArray */ "./ts/tag/update/processTagArray.ts");
-/* harmony import */ var _processRegularValue_function__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./processRegularValue.function */ "./ts/tag/update/processRegularValue.function.ts");
-/* harmony import */ var _processTag_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./processTag.function */ "./ts/tag/update/processTag.function.ts");
-/* harmony import */ var _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./processFirstSubject.utils */ "./ts/tag/update/processFirstSubject.utils.ts");
+/* harmony import */ var _TemplaterResult_class__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../TemplaterResult.class */ "./ts/TemplaterResult.class.ts");
+/* harmony import */ var _processRegularValue_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./processRegularValue.function */ "./ts/tag/update/processRegularValue.function.ts");
+/* harmony import */ var _processTag_function__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./processTag.function */ "./ts/tag/update/processTag.function.ts");
+/* harmony import */ var _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./processFirstSubject.utils */ "./ts/tag/update/processFirstSubject.utils.ts");
+/* harmony import */ var _render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../render/renderTagOnly.function */ "./ts/tag/render/renderTagOnly.function.ts");
+
+
 
 
 
@@ -3672,26 +3759,48 @@ function processFirstSubjectValue(value, subject, // could be tag via result.tag
 insertBefore, // <template end interpolate /> (will be removed)
 ownerSupport, // owner
 options) {
-    const valueType = (0,_processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__.getValueType)(value);
+    const valueType = (0,_processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.getValueType)(value);
     switch (valueType) {
-        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__.ValueTypes.templater:
-            (0,_processTag_function__WEBPACK_IMPORTED_MODULE_3__.processTag)(value, insertBefore, ownerSupport, subject);
+        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.ValueTypes.templater:
+            (0,_processTag_function__WEBPACK_IMPORTED_MODULE_4__.processTag)(value, insertBefore, ownerSupport, subject);
             return;
-        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__.ValueTypes.tag:
+        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.ValueTypes.tag:
             const tag = value;
             let templater = tag.templater;
             if (!templater) {
-                templater = (0,_processTag_function__WEBPACK_IMPORTED_MODULE_3__.tagFakeTemplater)(tag);
+                templater = (0,_processTag_function__WEBPACK_IMPORTED_MODULE_4__.tagFakeTemplater)(tag);
             }
-            (0,_processTag_function__WEBPACK_IMPORTED_MODULE_3__.processTag)(templater, insertBefore, ownerSupport, subject);
+            (0,_processTag_function__WEBPACK_IMPORTED_MODULE_4__.processTag)(templater, insertBefore, ownerSupport, subject);
             return;
-        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__.ValueTypes.tagArray:
+        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.ValueTypes.tagArray:
             return (0,_processTagArray__WEBPACK_IMPORTED_MODULE_1__.processTagArray)(subject, value, insertBefore, ownerSupport, options);
-        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_4__.ValueTypes.tagComponent:
+        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.ValueTypes.tagComponent:
             (0,_processSubjectComponent_function__WEBPACK_IMPORTED_MODULE_0__.processSubjectComponent)(value, subject, insertBefore, ownerSupport, options);
             return;
+        case _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_5__.ValueTypes.function:
+            const v = value;
+            if (v.oneRender) {
+                const templater = new _TemplaterResult_class__WEBPACK_IMPORTED_MODULE_2__.TemplaterResult([]);
+                const tagSupport = (0,_processTag_function__WEBPACK_IMPORTED_MODULE_4__.newTagSupportByTemplater)(templater, ownerSupport, subject);
+                let tag;
+                const wrap = () => {
+                    templater.tag = tag || (v());
+                    return tagSupport;
+                };
+                // const wrap = () => ((v as any)())
+                templater.wrapper = wrap;
+                wrap.parentWrap = wrap;
+                wrap.oneRender = true;
+                wrap.parentWrap.original = v;
+                (0,_render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_6__.renderTagOnly)(tagSupport, tagSupport, subject, ownerSupport);
+                // call inner function
+                // templater.tag = (v as any)() as Tag
+                (0,_processTag_function__WEBPACK_IMPORTED_MODULE_4__.processTag)(templater, insertBefore, ownerSupport, subject);
+                return;
+            }
+            break;
     }
-    (0,_processRegularValue_function__WEBPACK_IMPORTED_MODULE_2__.processFirstRegularValue)(value, subject, insertBefore);
+    (0,_processRegularValue_function__WEBPACK_IMPORTED_MODULE_3__.processFirstRegularValue)(value, subject, insertBefore);
 }
 
 
@@ -3854,6 +3963,7 @@ function processSubjectComponent(templater, subject, insertBefore, ownerSupport,
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getFakeTemplater: () => (/* binding */ getFakeTemplater),
+/* harmony export */   newTagSupportByTemplater: () => (/* binding */ newTagSupportByTemplater),
 /* harmony export */   processTag: () => (/* binding */ processTag),
 /* harmony export */   setupNewTemplater: () => (/* binding */ setupNewTemplater),
 /* harmony export */   tagFakeTemplater: () => (/* binding */ tagFakeTemplater)
@@ -3868,9 +3978,7 @@ subject) {
     let tagSupport = subject.tagSupport;
     // first time seeing this tag?
     if (!tagSupport) {
-        tagSupport = new _TagSupport_class__WEBPACK_IMPORTED_MODULE_0__.TagSupport(templater, ownerSupport, subject);
-        setupNewTemplater(tagSupport, ownerSupport, subject);
-        ownerSupport.childTags.push(tagSupport);
+        tagSupport = newTagSupportByTemplater(templater, ownerSupport, subject);
     }
     subject.tagSupport = tagSupport;
     tagSupport.ownerTagSupport = ownerSupport;
@@ -3904,6 +4012,12 @@ function getFakeTemplater() {
     };
     return fake;
 }
+function newTagSupportByTemplater(templater, ownerSupport, subject) {
+    const tagSupport = new _TagSupport_class__WEBPACK_IMPORTED_MODULE_0__.TagSupport(templater, ownerSupport, subject);
+    setupNewTemplater(tagSupport, ownerSupport, subject);
+    ownerSupport.childTags.push(tagSupport);
+    return tagSupport;
+}
 
 
 /***/ }),
@@ -3963,7 +4077,9 @@ ownerSupport, options) {
         }
         return true;
     });
-    value.forEach((item, index) => {
+    const length = value.length;
+    for (let index = 0; index < length; ++index) {
+        const item = value[index];
         const previous = lastArray[index];
         const previousSupport = previous?.tagSupport;
         const subTag = item;
@@ -3971,7 +4087,6 @@ ownerSupport, options) {
             (0,_processTag_function__WEBPACK_IMPORTED_MODULE_3__.tagFakeTemplater)(subTag);
         }
         const tagSupport = new _TagSupport_class__WEBPACK_IMPORTED_MODULE_4__.TagSupport(subTag.templater, ownerSupport, new _subject_ValueSubject__WEBPACK_IMPORTED_MODULE_0__.ValueSubject(undefined));
-        // tagSupport.templater = subTag.templater
         if (previousSupport) {
             (0,_processTag_function__WEBPACK_IMPORTED_MODULE_3__.setupNewTemplater)(tagSupport, ownerSupport, previousSupport.subject);
             const global = previousSupport.global;
@@ -3997,11 +4112,12 @@ ownerSupport, options) {
             // subTag.tagSupport = subTag.tagSupport || prevSupport
             const oldest = prevGlobal.oldest;
             oldest.updateBy(tagSupport);
-            return [];
+            // return []
+            continue;
         }
         processAddTagArrayItem(runtimeInsertBefore, tagSupport, index, options, lastArray);
         ownerSupport.childTags.push(tagSupport);
-    });
+    }
     return clones;
 }
 function setPlaceholderElm(insertBefore, subject) {
@@ -4182,8 +4298,7 @@ subject, insertBefore) {
         const oldFunction = oldWrapper.parentWrap.original;
         const newFunction = newWrapper.parentWrap.original;
         // string compare both functions
-        // isSameTag = oldFunction.compareTo === newFunction.compareTo // ???
-        isSameTag = oldFunction === newFunction; // ???
+        isSameTag = oldFunction === newFunction;
     }
     const templater = tagSupport.templater;
     if (!isSameTag) {
@@ -4252,7 +4367,8 @@ function syncFunctionProps(lastSupport, ownerSupport, newPropsArray) {
     const priorPropConfig = lastSupport.propsConfig;
     const priorPropsArray = priorPropConfig.latestCloned;
     const prevSupport = ownerSupport.global.newest;
-    newPropsArray.forEach((argPosition, index) => {
+    for (let index = newPropsArray.length - 1; index >= 0; --index) {
+        const argPosition = newPropsArray[index];
         if (typeof (argPosition) !== 'object') {
             return;
         }
@@ -4260,23 +4376,23 @@ function syncFunctionProps(lastSupport, ownerSupport, newPropsArray) {
         if (typeof (priorProps) !== 'object') {
             return;
         }
-        Object.entries(argPosition).forEach(([name, value]) => {
+        for (const name in argPosition) {
+            const value = argPosition[name];
             if (!(value instanceof Function)) {
-                return;
+                continue;
             }
             const newCallback = argPosition[name]; // || value
             const original = newCallback instanceof Function && newCallback.toCall;
             if (original) {
-                return; // already previously converted
+                continue; // already previously converted
             }
             // Currently, call self but over parent state changes, I may need to call a newer parent tag owner
             priorProps[name].toCall = (...args) => {
                 return (0,_alterProps_function__WEBPACK_IMPORTED_MODULE_4__.callbackPropOwner)(newCallback, // value, // newOriginal,
                 args, prevSupport);
             };
-            return;
-        });
-    });
+        }
+    }
 }
 
 
@@ -4327,6 +4443,9 @@ function updateExistingValue(subject, value, ownerSupport, insertBefore) {
     // was component but no longer
     const tagSupport = subjectTag.tagSupport;
     if (tagSupport) {
+        if (valueType === _processFirstSubject_utils__WEBPACK_IMPORTED_MODULE_3__.ValueTypes.function) {
+            return subjectTag; // its a oneRender tag
+        }
         handleStillTag(subject, value, ownerSupport);
         return subjectTag;
     }
@@ -4530,66 +4649,68 @@ var __webpack_exports__ = {};
   \*********************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ArrayNoKeyError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_2__.ArrayNoKeyError),
-/* harmony export */   BaseTagSupport: () => (/* reexport safe */ _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_6__.BaseTagSupport),
-/* harmony export */   StateMismatchError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_2__.StateMismatchError),
-/* harmony export */   Subject: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.Subject),
-/* harmony export */   SyncCallbackError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_2__.SyncCallbackError),
-/* harmony export */   Tag: () => (/* reexport safe */ _tag_Tag_class__WEBPACK_IMPORTED_MODULE_10__.Tag),
-/* harmony export */   TagError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_2__.TagError),
-/* harmony export */   TagSupport: () => (/* reexport safe */ _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_6__.TagSupport),
-/* harmony export */   ValueSubject: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.ValueSubject),
-/* harmony export */   callback: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.callback),
-/* harmony export */   callbackMaker: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.callbackMaker),
-/* harmony export */   children: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.children),
-/* harmony export */   combineLatest: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.combineLatest),
+/* harmony export */   ArrayNoKeyError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_3__.ArrayNoKeyError),
+/* harmony export */   BaseTagSupport: () => (/* reexport safe */ _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_7__.BaseTagSupport),
+/* harmony export */   StateMismatchError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_3__.StateMismatchError),
+/* harmony export */   Subject: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.Subject),
+/* harmony export */   SyncCallbackError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_3__.SyncCallbackError),
+/* harmony export */   Tag: () => (/* reexport safe */ _tag_Tag_class__WEBPACK_IMPORTED_MODULE_11__.Tag),
+/* harmony export */   TagError: () => (/* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_3__.TagError),
+/* harmony export */   TagSupport: () => (/* reexport safe */ _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_7__.TagSupport),
+/* harmony export */   ValueSubject: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.ValueSubject),
+/* harmony export */   callback: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.callback),
+/* harmony export */   callbackMaker: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.callbackMaker),
+/* harmony export */   children: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.children),
+/* harmony export */   combineLatest: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.combineLatest),
 /* harmony export */   hmr: () => (/* binding */ hmr),
-/* harmony export */   html: () => (/* reexport safe */ _tag_html__WEBPACK_IMPORTED_MODULE_1__.html),
-/* harmony export */   interpolateElement: () => (/* reexport safe */ _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_8__.interpolateElement),
-/* harmony export */   interpolateString: () => (/* reexport safe */ _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_8__.interpolateString),
-/* harmony export */   isLikeValueSets: () => (/* reexport safe */ _tag_isLikeTags_function__WEBPACK_IMPORTED_MODULE_14__.isLikeValueSets),
-/* harmony export */   isSubjectInstance: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isSubjectInstance),
-/* harmony export */   isTag: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isTag),
-/* harmony export */   isTagArray: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isTagArray),
-/* harmony export */   isTagClass: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isTagClass),
-/* harmony export */   isTagComponent: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isTagComponent),
-/* harmony export */   isTagTemplater: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_3__.isTagTemplater),
+/* harmony export */   html: () => (/* reexport safe */ _tag_html__WEBPACK_IMPORTED_MODULE_2__.html),
+/* harmony export */   interpolateElement: () => (/* reexport safe */ _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_9__.interpolateElement),
+/* harmony export */   interpolateString: () => (/* reexport safe */ _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_9__.interpolateString),
+/* harmony export */   isLikeValueSets: () => (/* reexport safe */ _tag_isLikeTags_function__WEBPACK_IMPORTED_MODULE_15__.isLikeValueSets),
+/* harmony export */   isSubjectInstance: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isSubjectInstance),
+/* harmony export */   isTag: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isTag),
+/* harmony export */   isTagArray: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isTagArray),
+/* harmony export */   isTagClass: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isTagClass),
+/* harmony export */   isTagComponent: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isTagComponent),
+/* harmony export */   isTagTemplater: () => (/* reexport safe */ _isInstance__WEBPACK_IMPORTED_MODULE_4__.isTagTemplater),
 /* harmony export */   kidsToTagArraySubject: () => (/* reexport safe */ _tag_tag__WEBPACK_IMPORTED_MODULE_0__.kidsToTagArraySubject),
-/* harmony export */   letProp: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.letProp),
-/* harmony export */   letState: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.letState),
-/* harmony export */   onDestroy: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.onDestroy),
-/* harmony export */   onInit: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.onInit),
-/* harmony export */   providers: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.providers),
-/* harmony export */   renderTagSupport: () => (/* reexport safe */ _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_12__.renderTagSupport),
-/* harmony export */   renderWithSupport: () => (/* reexport safe */ _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_13__.renderWithSupport),
-/* harmony export */   runBeforeRender: () => (/* reexport safe */ _tag_tagRunner__WEBPACK_IMPORTED_MODULE_11__.runBeforeRender),
-/* harmony export */   setUse: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.setUse),
-/* harmony export */   state: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.state),
-/* harmony export */   subject: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.subject),
+/* harmony export */   letProp: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.letProp),
+/* harmony export */   letState: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.letState),
+/* harmony export */   onDestroy: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.onDestroy),
+/* harmony export */   onInit: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.onInit),
+/* harmony export */   providers: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.providers),
+/* harmony export */   renderTagSupport: () => (/* reexport safe */ _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_13__.renderTagSupport),
+/* harmony export */   renderWithSupport: () => (/* reexport safe */ _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_14__.renderWithSupport),
+/* harmony export */   runBeforeRender: () => (/* reexport safe */ _tag_tagRunner__WEBPACK_IMPORTED_MODULE_12__.runBeforeRender),
+/* harmony export */   setUse: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.setUse),
+/* harmony export */   state: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.state),
+/* harmony export */   subject: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.subject),
 /* harmony export */   tag: () => (/* reexport safe */ _tag_tag__WEBPACK_IMPORTED_MODULE_0__.tag),
-/* harmony export */   tagElement: () => (/* reexport safe */ _tag_tagElement__WEBPACK_IMPORTED_MODULE_9__.tagElement),
-/* harmony export */   tags: () => (/* reexport safe */ _tag_tag__WEBPACK_IMPORTED_MODULE_0__.tags),
-/* harmony export */   watch: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_4__.watch),
-/* harmony export */   willCallback: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.willCallback),
-/* harmony export */   willPromise: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.willPromise),
-/* harmony export */   willSubscribe: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_5__.willSubscribe)
+/* harmony export */   tagElement: () => (/* reexport safe */ _tag_tagElement__WEBPACK_IMPORTED_MODULE_10__.tagElement),
+/* harmony export */   tags: () => (/* reexport safe */ _tag_tag_utils__WEBPACK_IMPORTED_MODULE_1__.tags),
+/* harmony export */   watch: () => (/* reexport safe */ _state_index__WEBPACK_IMPORTED_MODULE_5__.watch),
+/* harmony export */   willCallback: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.willCallback),
+/* harmony export */   willPromise: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.willPromise),
+/* harmony export */   willSubscribe: () => (/* reexport safe */ _subject_index__WEBPACK_IMPORTED_MODULE_6__.willSubscribe)
 /* harmony export */ });
 /* harmony import */ var _tag_tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tag/tag */ "./ts/tag/tag.ts");
-/* harmony import */ var _tag_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tag/html */ "./ts/tag/html.ts");
-/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./errors */ "./ts/errors.ts");
-/* harmony import */ var _isInstance__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./isInstance */ "./ts/isInstance.ts");
-/* harmony import */ var _state_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./state/index */ "./ts/state/index.ts");
-/* harmony import */ var _subject_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./subject/index */ "./ts/subject/index.ts");
-/* harmony import */ var _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tag/TagSupport.class */ "./ts/tag/TagSupport.class.ts");
-/* harmony import */ var _interpolations_ElementTargetEvent_interface__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./interpolations/ElementTargetEvent.interface */ "./ts/interpolations/ElementTargetEvent.interface.ts");
-/* harmony import */ var _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./interpolations/interpolateElement */ "./ts/interpolations/interpolateElement.ts");
-/* harmony import */ var _tag_tagElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./tag/tagElement */ "./ts/tag/tagElement.ts");
-/* harmony import */ var _tag_Tag_class__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./tag/Tag.class */ "./ts/tag/Tag.class.ts");
-/* harmony import */ var _tag_tagRunner__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./tag/tagRunner */ "./ts/tag/tagRunner.ts");
-/* harmony import */ var _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tag/render/renderTagSupport.function */ "./ts/tag/render/renderTagSupport.function.ts");
-/* harmony import */ var _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./tag/render/renderWithSupport.function */ "./ts/tag/render/renderWithSupport.function.ts");
-/* harmony import */ var _tag_isLikeTags_function__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tag/isLikeTags.function */ "./ts/tag/isLikeTags.function.ts");
-/* harmony import */ var _tag_render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tag/render/renderTagOnly.function */ "./ts/tag/render/renderTagOnly.function.ts");
+/* harmony import */ var _tag_tag_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tag/tag.utils */ "./ts/tag/tag.utils.ts");
+/* harmony import */ var _tag_html__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tag/html */ "./ts/tag/html.ts");
+/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./errors */ "./ts/errors.ts");
+/* harmony import */ var _isInstance__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isInstance */ "./ts/isInstance.ts");
+/* harmony import */ var _state_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./state/index */ "./ts/state/index.ts");
+/* harmony import */ var _subject_index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subject/index */ "./ts/subject/index.ts");
+/* harmony import */ var _tag_TagSupport_class__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tag/TagSupport.class */ "./ts/tag/TagSupport.class.ts");
+/* harmony import */ var _interpolations_ElementTargetEvent_interface__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./interpolations/ElementTargetEvent.interface */ "./ts/interpolations/ElementTargetEvent.interface.ts");
+/* harmony import */ var _interpolations_interpolateElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./interpolations/interpolateElement */ "./ts/interpolations/interpolateElement.ts");
+/* harmony import */ var _tag_tagElement__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./tag/tagElement */ "./ts/tag/tagElement.ts");
+/* harmony import */ var _tag_Tag_class__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./tag/Tag.class */ "./ts/tag/Tag.class.ts");
+/* harmony import */ var _tag_tagRunner__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tag/tagRunner */ "./ts/tag/tagRunner.ts");
+/* harmony import */ var _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./tag/render/renderTagSupport.function */ "./ts/tag/render/renderTagSupport.function.ts");
+/* harmony import */ var _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./tag/render/renderWithSupport.function */ "./ts/tag/render/renderWithSupport.function.ts");
+/* harmony import */ var _tag_isLikeTags_function__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./tag/isLikeTags.function */ "./ts/tag/isLikeTags.function.ts");
+/* harmony import */ var _tag_render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tag/render/renderTagOnly.function */ "./ts/tag/render/renderTagOnly.function.ts");
+
 
 
 
@@ -4610,8 +4731,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 const hmr = {
-    tagElement: _tag_tagElement__WEBPACK_IMPORTED_MODULE_9__.tagElement, renderWithSupport: _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_13__.renderWithSupport, renderTagSupport: _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_12__.renderTagSupport,
-    renderTagOnly: _tag_render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_15__.renderTagOnly,
+    tagElement: _tag_tagElement__WEBPACK_IMPORTED_MODULE_10__.tagElement, renderWithSupport: _tag_render_renderWithSupport_function__WEBPACK_IMPORTED_MODULE_14__.renderWithSupport, renderTagSupport: _tag_render_renderTagSupport_function__WEBPACK_IMPORTED_MODULE_13__.renderTagSupport,
+    renderTagOnly: _tag_render_renderTagOnly_function__WEBPACK_IMPORTED_MODULE_16__.renderTagOnly,
 };
 
 })();