taggedjs 2.5.24 → 2.6.2

package/js/tag/tag.js

@@ -1,59 +1,91 @@
 // taggedjs-no-compile
-import { setUse } from '../state/index.js';
-import { TemplaterResult } from './TemplaterResult.class.js';
+import { setUseMemory } from '../state/index.js';
+import { getTemplaterResult } from './TemplaterResult.class.js';
 import { tags } from './tag.utils.js';
 import { getTagWrap } from './getTagWrap.function.js';
 import { ValueTypes } from './ValueTypes.enum.js';
+import { key } from './key.js';
 let tagCount = 0;
+export var PropWatches;
+(function (PropWatches) {
+    PropWatches["DEEP"] = "deep";
+    PropWatches["SHALLOW"] = "shallow";
+    PropWatches["NONE"] = "none";
+    PropWatches["IMMUTABLE"] = "immutable";
+})(PropWatches || (PropWatches = {}));
 /** 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``
  */
-export function tag(tagComponent) {
+export function tag(tagComponent, propWatch = PropWatches.SHALLOW) {
     /** function developer triggers */
     const parentWrap = (function tagWrapper(...props) {
-        const templater = new TemplaterResult(props);
+        const templater = getTemplaterResult(propWatch, props);
         templater.tagJsType = ValueTypes.tagComponent;
         // attach memory back to original function that contains developer display logic
         const innerTagWrap = getTagWrap(templater, parentWrap);
         if (!innerTagWrap.parentWrap) {
             innerTagWrap.parentWrap = parentWrap;
         }
-        templater.tagged = true;
         templater.wrapper = innerTagWrap;
         return templater;
     }) // we override the function provided and pretend original is what's returned
     ;
     parentWrap.original = tagComponent;
-    parentWrap.compareTo = tagComponent.toString();
+    // parentWrap.compareTo = (tagComponent as any).toString()
     const tag = tagComponent;
-    parentWrap.isTag = true;
     parentWrap.original = tag;
     // group tags together and have hmr pickup
     tag.tags = tags;
-    tag.setUse = setUse;
+    tag.setUse = setUseMemory;
+    tag.ValueTypes = ValueTypes;
     tag.tagIndex = tagCount++; // needed for things like HMR
     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: `(props) => tag.oneRender = (state) => html`` `');
+tag.renderOnce = function () {
+    throw new Error('Do not call tag.renderOnce as a function but instead set it as: `(props) => tag.renderOnce = () => html`` `');
 };
+/** Used to create variable scoping when calling a function that lives within a prop container function */
+tag.state = function () {
+    throw new Error('Do not call tag.state as a function but instead set it as: `(props) => tag.state = (state) => html`` `');
+};
+// TODO???: Is tag.route and tag.app in use?
 /** Use to structure and define a browser tag route handler
  * Example: export default tag.route = (routeProps: RouteProps) => (state) => html``
  */
-tag.route = (routeProps) => {
-    throw new Error('Do not call function tag.route but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+tag.route = function (routeProps) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
 };
+tag.key = key;
 /** Use to structure and define a browser tag route handler
  * Example: export default tag.route = (routeProps: RouteProps) => (state) => html``
  */
-tag.app = (routeTag) => {
-    throw new Error('Do not call function tag.route but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+tag.app = function (routeTag) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+};
+tag.deepPropWatch = tag;
+tag.immutableProps = function immutableProps(tagComponent) {
+    return tag(tagComponent, PropWatches.IMMUTABLE);
+};
+tag.watchProps = function watchProps(tagComponent) {
+    return tag(tagComponent, PropWatches.SHALLOW);
 };
-Object.defineProperty(tag, 'oneRender', {
+Object.defineProperty(tag, 'renderOnce', {
     set(oneRenderFunction) {
-        oneRenderFunction.oneRender = true;
+        oneRenderFunction.tagJsType = ValueTypes.renderOnce;
+    },
+});
+Object.defineProperty(tag, 'state', {
+    set(renderFunction) {
+        ;
+        renderFunction.parentWrap = {
+            original: {
+                setUse: setUseMemory,
+                tags,
+            }
+        };
+        renderFunction.tagJsType = ValueTypes.stateRender;
     },
 });
 //# sourceMappingURL=tag.js.map

package/js/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../ts/tag/tag.ts"],"names":[],"mappings":"AAAA,sBAAsB;AAGtB,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAW,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAA4B,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,IAAI,QAAQ,GAAG,CAAC,CAAA;AAIhB;;GAEG;AACH,MAAM,UAAU,GAAG,CACjB,YAAe;IAEf,kCAAkC;IAClC,MAAM,UAAU,GAAG,CAAC,SAAS,UAAU,CACrC,GAAG,KAA0B;QAE7B,MAAM,SAAS,GAAoB,IAAI,eAAe,CAAC,KAAK,CAAC,CAAA;QAC7D,SAAS,CAAC,SAAS,GAAG,UAAU,CAAC,YAAY,CAAA;QAE7C,gFAAgF;QAChF,MAAM,YAAY,GAAY,UAAU,CACtC,SAAS,EACT,UAAU,CACX,CAAA;QAED,IAAG,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,YAAY,CAAC,UAAU,GAAG,UAAU,CAAA;QACtC,CAAC;QAED,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;QACvB,SAAS,CAAC,OAAO,GAAG,YAAuB,CAAA;QAE3C,OAAO,SAAS,CAAA;IAClB,CAAC,CAAkB,CAAA,4EAA4E;KAE9F;IAAC,UAAkB,CAAC,QAAQ,GAAG,YAAY,CAAA;IAC5C,UAAU,CAAC,SAAS,GAAI,YAAoB,CAAC,QAAQ,EAAE,CAAA;IAEvD,MAAM,GAAG,GAAG,YAAuC,CAAA;IACnD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAA;IACvB,UAAU,CAAC,QAAQ,GAAG,GAAG,CAAA;IAEzB,0CAA0C;IAC1C,GAAG,CAAC,IAAI,GAAG,IAAI,CAAA;IACf,GAAG,CAAC,MAAM,GAAG,MAAM,CAAA;IACnB,GAAG,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAA,CAAC,6BAA6B;IACvD,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAErB,OAAO,UAAmD,CAAA;AAC5D,CAAC;AAED,4FAA4F;AAC5F,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,KAAY,EAA4B,EAAE;IAC5D,MAAM,IAAI,KAAK,CAAC,2GAA2G,CAAC,CAAA;AAC9H,CAAC,CAAA;AAED;;GAEG;AACH,GAAG,CAAC,KAAK,GAAG,CAAC,UAAsB,EAAc,EAAE;IACjD,MAAM,IAAI,KAAK,CAAC,oHAAoH,CAAC,CAAA;AACvI,CAAC,CAAA;AAED;;GAEG;AACH,GAAG,CAAC,GAAG,GAAG,CAAC,QAAkB,EAAc,EAAE;IAC3C,MAAM,IAAI,KAAK,CAAC,oHAAoH,CAAC,CAAA;AACvI,CAAC,CAAA;AAED,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,WAAW,EAAE;IACtC,GAAG,CAAC,iBAA2B;QAC5B,iBAAyB,CAAC,SAAS,GAAG,IAAI,CAAA;IAC7C,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../ts/tag/tag.ts"],"names":[],"mappings":"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"}

package/js/tag/tag.types.d.ts

@@ -1,5 +1,5 @@
 import { ValueSubject } from '../subject/index.js';
-import { Dom, Tag } from './Tag.class.js';
+import { DomTag, StringTag } from './Tag.class.js';
 export declare class RouteQuery {
     get(name: string): string | undefined;
 }
@@ -8,6 +8,8 @@ export type RouteProps = {
     paramSubject: ValueSubject<string>;
     query: RouteQuery;
 };
-export type ToTag = (...props: any[]) => StateToTag | Tag | Dom | null;
-export type StateToTag = () => Tag | Dom | null;
-export type RouteTag = (extraProps?: Record<string, any>) => Tag | Dom;
+export type ToTag = ((...props: any[]) => StateToTag | StringTag | DomTag | null) & {
+    arrayValue?: unknown;
+};
+export type StateToTag = () => StringTag | DomTag | null;
+export type RouteTag = (extraProps?: Record<string, any>) => StringTag | DomTag;

package/js/tag/tag.utils.d.ts

@@ -1,24 +1,27 @@
-import { Dom, Tag, TagTemplate } from './Tag.class.js';
+import { DomTag, StringTag, TagTemplate } from './Tag.class.js';
 import { TemplaterResult } from './TemplaterResult.class.js';
 import { ValueSubject } from '../subject/ValueSubject.js';
-import { setUse } from '../state/index.js';
-export type TagChildren = ValueSubject<(Tag | Dom)[]> & {
-    lastArray?: (Tag | Dom)[];
+import { setUseMemory } from '../state/index.js';
+import { ValueTypes } from './ValueTypes.enum.js';
+export type TagChildren = ValueSubject<(StringTag | DomTag)[]> & {
+    lastArray?: (StringTag | DomTag)[];
 };
-export type TagChildrenInput = (Tag | Dom)[] | Dom | Tag | TagChildren;
-export type TagComponent = ((...args: any[]) => (Tag | Dom)) & {
+export type TagChildrenInput = (StringTag | DomTag)[] | DomTag | StringTag | TagChildren;
+export type TagComponent = ((...args: any[]) => (StringTag | DomTag)) & {
     tags?: TagWrapper<any>[];
-    setUse?: typeof setUse;
     tagIndex?: number;
+    setUse?: typeof setUseMemory;
+    ValueTypes: typeof ValueTypes;
 };
 export declare const tags: TagWrapper<any>[];
+export type Original = ((...args: any[]) => any) & {
+    setUse: any[];
+};
 export type TagWrapper<T> = ((...props: T[]) => TemplaterResult) & {
-    original: ((...args: any[]) => any);
-    compareTo: string;
-    isTag: boolean;
-    oneRender?: true;
+    original: Original;
+    tagJsType?: typeof ValueTypes.renderOnce | typeof ValueTypes.stateRender;
     lastRuns?: {
         [index: number]: TagTemplate;
     };
 };
-export type TagMaker = ((...args: any[]) => (Tag | Dom)) | ((...args: any[]) => (...args: any[]) => (Tag | Dom));
+export type TagMaker = ((...args: any[]) => (StringTag | DomTag)) | ((...args: any[]) => (...args: any[]) => (StringTag | DomTag));

package/js/tag/tag.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.utils.js","sourceRoot":"","sources":["../../ts/tag/tag.utils.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,IAAI,GAAsB,EAAE,CAAA"}
+{"version":3,"file":"tag.utils.js","sourceRoot":"","sources":["../../ts/tag/tag.utils.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,IAAI,GAAsB,EAAE,CAAA"}

package/js/tag/tagElement.d.ts

@@ -1,6 +1,12 @@
-import { Support } from './Support.class.js';
 import { TemplaterResult } from './TemplaterResult.class.js';
+import { BaseSupport } from './Support.class.js';
 import { TagComponent, TagMaker } from './tag.utils.js';
+import { ValueTypes } from './ValueTypes.enum.js';
+import { ContextItem } from './Context.types.js';
+export type TagAppElement = Element & {
+    ValueTypes: typeof ValueTypes;
+    setUse: any;
+};
 /**
  *
  * @param app taggedjs tag
@@ -8,9 +14,9 @@ import { TagComponent, TagMaker } from './tag.utils.js';
  * @param props object
  * @returns
  */
-export declare function tagElement(app: TagMaker, // (...args: unknown[]) => TemplaterResult,
-element: HTMLElement | Element, props?: unknown): {
-    support: Support;
+export declare function tagElement(app: TagMaker, element: HTMLElement | Element, props?: unknown): {
+    support: BaseSupport;
     tags: TagComponent[];
+    ValueTypes: typeof ValueTypes;
 };
-export declare function runWrapper(templater: TemplaterResult, insertBefore: Element, placeholder: Text): Support;
+export declare function runWrapper(templater: TemplaterResult, placeholder: Text, appElement: Element, subject: ContextItem): import("./Support.class.js").AnySupport;

package/js/tag/tagElement.js

@@ -1,8 +1,16 @@
-import { BaseSupport } from './Support.class.js';
-import { runAfterRender, runBeforeRender } from './tagRunner.js';
-import { TagJsSubject } from './update/TagJsSubject.class.js';
-import { afterChildrenBuilt } from './update/processTag.function.js';
-import { textNode } from './textNode.js';
+import { getBaseSupport } from './Support.class.js';
+import { subscribeToTemplate } from '../interpolations/subscribeToTemplate.function.js';
+import { buildBeforeElement } from './buildBeforeElement.function.js';
+import { getNewGlobal } from './update/getNewGlobal.function.js';
+import { BasicTypes, ValueTypes } from './ValueTypes.enum.js';
+import { destroySupport } from './destroySupport.function.js';
+import { checkTagValueChange, PropWatches } from './index.js';
+import { setUseMemory } from '../state/setUse.function.js';
+import { executeWrap } from './executeWrap.function.js';
+import { paint, painting } from './paint.function.js';
+import { initState } from '../state/state.utils.js';
+import { isTagComponent } from '../isInstance.js';
+import { runAfterRender } from './tagRunner.js';
 const appElements = [];
 /**
  *
@@ -11,59 +19,124 @@ const appElements = [];
  * @param props object
  * @returns
  */
-export function tagElement(app, // (...args: unknown[]) => TemplaterResult,
-element, props) {
+export function tagElement(app, element, props) {
     const appElmIndex = appElements.findIndex(appElm => appElm.element === element);
     if (appElmIndex >= 0) {
-        appElements[appElmIndex].support.destroy();
+        destroySupport(appElements[appElmIndex].support, 0);
         appElements.splice(appElmIndex, 1);
         // an element already had an app on it
         console.warn('Found and destroyed app element already rendered to element', { element });
     }
     // Create the app which returns [props, runOneTimeFunction]
-    const wrapper = app(props);
-    // const fragment = document.createDocumentFragment()
-    const template = document.createElement('template');
-    const placeholder = textNode.cloneNode(false);
-    const support = runWrapper(wrapper, template, placeholder);
-    const global = support.subject.global;
-    support.appElement = element;
-    support.isApp = true;
+    let templater = (() => templater2(props));
+    templater.propWatch = PropWatches.NONE;
+    templater.tagJsType = ValueTypes.stateRender;
+    // todo: props should be an array
+    templater.props = [props];
+    const subject = getNewSubject(templater, element);
+    const global = subject.global;
+    initState(global.newest, setUseMemory.stateConfig);
+    let templater2 = app(props);
+    if (typeof templater2 !== BasicTypes.function) {
+        if (!isTagComponent(templater2)) {
+            templater2 = app;
+        }
+        else {
+            global.newest.propsConfig = {
+                latest: [props],
+                castProps: [props],
+            };
+            templater.propWatch = templater2.propWatch;
+            templater.tagJsType = templater2.tagJsType;
+            templater.wrapper = templater2.wrapper;
+            templater = templater2;
+        }
+    }
+    const placeholder = document.createTextNode('');
+    const support = runWrapper(templater, placeholder, element, subject);
     global.isApp = true;
-    element.destroy = () => {
-        support.destroy(); // never return anything here
+    element.destroy = function () {
+        const events = global.events;
+        for (const eventName in events) {
+            const callback = events[eventName];
+            element.removeEventListener(eventName, callback);
+        }
+        global.events = {};
+        destroySupport(support, 0); // never return anything here
+        paint();
     };
-    global.insertBefore = placeholder // template
+    let tags = [];
+    ++painting.locks;
+    const result = buildBeforeElement(support, element);
+    global.oldest = support;
+    global.newest = support;
+    let setUse = templater.setUse;
+    if (templater.tagJsType !== ValueTypes.stateRender) {
+        const wrap = app;
+        const parentWrap = wrap.parentWrap;
+        const original = wrap.original || parentWrap.original;
+        setUse = original.setUse;
+        tags = app.original.tags;
+    }
     ;
-    global.placeholder = placeholder;
-    const newFragment = support.buildBeforeElement(undefined);
-    const children = [...newFragment.children];
-    support.subject.global.oldest = support;
-    support.subject.global.newest = support;
-    element.setUse = app.original.setUse;
+    element.setUse = setUse;
+    element.ValueTypes = ValueTypes;
     appElements.push({ element, support });
+    const newFragment = document.createDocumentFragment();
+    newFragment.appendChild(placeholder);
+    for (const domItem of result.dom) {
+        putOneDomDown(domItem, newFragment);
+    }
+    for (const sub of result.subs) {
+        subscribeToTemplate(sub);
+    }
+    --painting.locks;
+    paint();
     element.appendChild(newFragment);
-    afterChildrenBuilt(children, support.subject, support);
+    ++global.renderCount;
     return {
         support,
-        tags: app.original.tags,
+        tags,
+        ValueTypes,
+    };
+}
+function getNewSubject(templater, appElement) {
+    const global = getNewGlobal();
+    global.events = {};
+    const subject = {
+        value: templater,
+        global,
+        checkValueChange: checkTagValueChange,
+        withinOwnerElement: false, // i am the highest owner
     };
+    const newSupport = getBaseSupport(templater, subject);
+    newSupport.appElement = appElement;
+    global.oldest = global.oldest || newSupport;
+    global.newest = newSupport;
+    return subject;
 }
-export function runWrapper(templater, insertBefore, placeholder) {
-    let newSupport = {};
-    // TODO: A fake subject may become a problem
-    const subject = new TagJsSubject(newSupport);
-    newSupport = new BaseSupport(templater, subject);
-    subject.global.insertBefore = insertBefore;
-    subject.global.placeholder = placeholder;
-    subject.global.oldest = subject.global.oldest || newSupport;
-    subject.next(templater);
-    subject.support = newSupport;
-    runBeforeRender(newSupport, undefined);
+export function runWrapper(templater, placeholder, appElement, subject) {
+    subject.placeholder = placeholder;
+    const global = subject.global;
+    const newSupport = global.newest;
+    if (templater.tagJsType === ValueTypes.stateRender) {
+        const result = templater.wrapper || { original: templater };
+        const nowSupport = executeWrap(templater, result, newSupport);
+        runAfterRender(newSupport, nowSupport);
+        return nowSupport;
+    }
     // Call the apps function for our tag templater
     const wrapper = templater.wrapper;
-    const support = wrapper(newSupport, subject);
-    runAfterRender(newSupport, support);
-    return support;
+    const nowSupport = wrapper(newSupport, subject);
+    runAfterRender(newSupport, nowSupport);
+    return nowSupport;
+}
+function putOneDomDown(dom, newFragment) {
+    if (dom.domElement) {
+        newFragment.appendChild(dom.domElement);
+    }
+    if (dom.marker) {
+        newFragment.appendChild(dom.marker);
+    }
 }
 //# sourceMappingURL=tagElement.js.map

package/js/tag/tagElement.js.map

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

package/js/tag/tagRunner.d.ts

@@ -1,5 +1,3 @@
-import { AnySupport, BaseSupport, Support } from './Support.class.js';
-export declare function runBeforeRender(support: AnySupport, ownerSupport?: AnySupport): void;
+import { BaseSupport, Support } from './Support.class.js';
 export declare function runAfterRender(support: BaseSupport | Support, ownerSupport?: Support | BaseSupport): void;
-export declare function runBeforeRedraw(support: BaseSupport | Support, ownerSupport: Support | BaseSupport): void;
-export declare function runBeforeDestroy(support: Support | BaseSupport, ownerSupport: Support | BaseSupport): void;
+export declare function runBeforeDestroy(support: Support | BaseSupport): void;

package/js/tag/tagRunner.js

@@ -1,55 +1,33 @@
-import { setUse } from '../state/index.js';
+import { setUseMemory } from '../state/index.js';
 import { Subject } from '../subject/index.js';
 import { getSupportInCycle } from './getSupportInCycle.function.js';
+import { afterRender } from '../state/state.utils.js';
 // Emits event at the end of a tag being rendered. Use tagClosed$.toPromise() to render a tag after a current tag is done rendering
-setUse.memory.tagClosed$ = new Subject(undefined, subscription => {
+setUseMemory.tagClosed$ = new Subject(undefined, function tagCloser(subscription) {
     if (!getSupportInCycle()) {
         subscription.next(); // we are not currently processing so process now
     }
 });
-// Life cycle 1
-export function runBeforeRender(support, ownerSupport) {
-    const tagUse = setUse.tagUse;
-    const length = tagUse.length;
-    for (let index = 0; index < length; ++index) {
-        tagUse[index].beforeRender(support, ownerSupport);
-    }
-}
 // Life cycle 2
 export function runAfterRender(support, ownerSupport) {
-    const tagUse = setUse.tagUse;
-    const length = tagUse.length;
-    for (let index = 0; index < length; ++index) {
-        tagUse[index].afterRender(support, ownerSupport);
-    }
-    setUse.memory.tagClosed$.next(ownerSupport);
-}
-// Life cycle 3
-export function runBeforeRedraw(support, ownerSupport) {
-    const tagUse = setUse.tagUse;
-    const length = tagUse.length;
-    for (let index = 0; index < length; ++index) {
-        tagUse[index].beforeRedraw(support, ownerSupport);
-    }
+    afterRender(support);
+    setUseMemory.tagClosed$.next(ownerSupport);
 }
 // Life cycle 4 - end of life
-export function runBeforeDestroy(support, ownerSupport) {
-    const tagUse = setUse.tagUse;
-    const length = tagUse.length;
-    for (let index = 0; index < length; ++index) {
-        tagUse[index].beforeDestroy(support, ownerSupport);
-    }
-    support.subject.global.deleted = true;
-    support.hasLiveElements = false;
+export function runBeforeDestroy(support) {
+    // TODO: We don't need to remove from parents if parent is being destroyed
     // remove me from my parents
-    if (ownerSupport) {
-        ownerSupport.subject.global.childTags = ownerSupport.subject.global.childTags.filter(child => child !== support.subject.global.oldest);
-        const global = support.subject.global;
-        global.providers.forEach(provider => provider.children.forEach((child, index) => {
-            if (child.subject.global === global) {
-                provider.children.splice(index, 1);
+    const global = support.subject.global;
+    const providers = global.providers;
+    if (providers) {
+        for (const provider of providers) {
+            for (let index = provider.children.length - 1; index >= 0; --index) {
+                const child = provider.children[index];
+                if (child.subject.global === global) {
+                    provider.children.splice(index, 1);
+                }
             }
-        }));
+        }
     }
 }
 //# sourceMappingURL=tagRunner.js.map

package/js/tag/tagRunner.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagRunner.js","sourceRoot":"","sources":["../../ts/tag/tagRunner.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tagRunner.js","sourceRoot":"","sources":["../../ts/tag/tagRunner.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAK,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAK,qBAAqB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAK,iCAAiC,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,mIAAmI;AACnI,YAAY,CAAC,UAAU,GAAG,IAAI,OAAO,CAAU,SAAS,EAAE,SAAS,SAAS,CAAC,YAAY;IACvF,IAAI,CAAC,iBAAiB,EAAE,EAAG,CAAC;QAC1B,YAAY,CAAC,IAAI,EAAE,CAAA,CAAC,iDAAiD;IACvE,CAAC;AACH,CAAC,CAAC,CAAA;AAEF,eAAe;AACf,MAAM,UAAU,cAAc,CAC5B,OAA8B,EAC9B,YAAoC;IAEpC,WAAW,CAAC,OAAO,CAAC,CAAA;IACpB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;AAC5C,CAAC;AAED,6BAA6B;AAC7B,MAAM,UAAU,gBAAgB,CAC9B,OAA8B;IAE9B,0EAA0E;IAC1E,4BAA4B;IAC5B,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,MAA0B,CAAA;IACzD,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;IAClC,IAAG,SAAS,EAAE,CAAC;QACb,KAAI,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;YAChC,KAAK,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;gBACnE,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACtC,IAAG,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;oBACnC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC"}

package/js/tag/textNode.js

@@ -1,5 +1,5 @@
 import { empty } from "./ValueTypes.enum.js";
-export const textNode = typeof document === 'undefined' ? getTestTextNode() : document.createTextNode(empty);
+export const textNode = document === undefined ? getTestTextNode() : document.createTextNode(empty);
 function getTestTextNode() {
     return {
         textContent: empty,

package/js/tag/textNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"textNode.js","sourceRoot":"","sources":["../../ts/tag/textNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE5G,SAAS,eAAe;IACtB,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,CAAC,SAAkB,EAAE,EAAE,CAAC,eAAe,EAAE;KACrD,CAAA;AACH,CAAC"}
+{"version":3,"file":"textNode.js","sourceRoot":"","sources":["../../ts/tag/textNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEnG,SAAS,eAAe;IACtB,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,CAAC,SAAkB,EAAE,EAAE,CAAC,eAAe,EAAE;KACrD,CAAA;AACH,CAAC"}

package/js/tag/update/TagJsSubject.class.d.ts

@@ -1,8 +1,2 @@
 import { TagGlobal } from '../TemplaterResult.class.js';
-import { ValueSubject } from '../../subject/ValueSubject.js';
-import { ValueTypes } from '../ValueTypes.enum.js';
-export declare class TagJsSubject<T> extends ValueSubject<T> {
-    tagJsType: ValueTypes;
-    global: TagGlobal;
-}
 export declare function getNewGlobal(): TagGlobal;

package/js/tag/update/TagJsSubject.class.js

@@ -1,11 +1,4 @@
 import { Subject } from '../../subject/Subject.class.js';
-import { ValueSubject } from '../../subject/ValueSubject.js';
-import { ValueTypes } from '../ValueTypes.enum.js';
-export class TagJsSubject extends ValueSubject {
-    tagJsType = ValueTypes.tagJsSubject;
-    // travels with all renderings
-    global = getNewGlobal();
-}
 export function getNewGlobal() {
     return {
         destroy$: new Subject(),
@@ -17,7 +10,7 @@ export function getNewGlobal() {
         oldest: undefined, // TODO: This needs to addressed
         blocked: [], // renders that did not occur because an event was processing
         childTags: [], // tags on me
-        clones: [], // elements on document. Needed at destroy process to know what to destroy
+        // htmlDomMeta: [],
     };
 }
 //# sourceMappingURL=TagJsSubject.class.js.map

package/js/tag/update/TagJsSubject.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagJsSubject.class.js","sourceRoot":"","sources":["../../../ts/tag/update/TagJsSubject.class.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,MAAM,OAAO,YAAgB,SAAQ,YAAe;IAClD,SAAS,GAAG,UAAU,CAAC,YAAY,CAAA;IACnC,8BAA8B;IAC9B,MAAM,GAAc,YAAY,EAAE,CAAA;CACnC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,QAAQ,EAAE,IAAI,OAAO,EAAyB;QAC9C,OAAO,EAAE,EAAE,EAAE,mGAAmG;QAChH,SAAS,EAAE,EAAE;QACb,oFAAoF;QACpF,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,SAAgB,EAAE,gCAAgC;QAC1D,OAAO,EAAE,EAAE,EAAE,6DAA6D;QAC1E,SAAS,EAAE,EAAE,EAAE,aAAa;QAC5B,MAAM,EAAE,EAAE,EAAE,0EAA0E;KACvF,CAAA;AACH,CAAC"}
+{"version":3,"file":"TagJsSubject.class.js","sourceRoot":"","sources":["../../../ts/tag/update/TagJsSubject.class.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,QAAQ,EAAE,IAAI,OAAO,EAAyB;QAC9C,OAAO,EAAE,EAAE,EAAE,mGAAmG;QAChH,SAAS,EAAE,EAAE;QACb,oFAAoF;QACpF,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,SAAgB,EAAE,gCAAgC;QAE1D,OAAO,EAAE,EAAE,EAAE,6DAA6D;QAC1E,SAAS,EAAE,EAAE,EAAE,aAAa;QAC5B,mBAAmB;KACpB,CAAA;AACH,CAAC"}

package/js/tag/update/afterChildrenBuilt.function.d.ts

@@ -0,0 +1,6 @@
+import { DomObjectChildren } from '../../interpolations/optimizers/ObjectNode.types.js';
+import { AnySupport } from '../Support.class.js';
+import { ContextItem } from '../Tag.class.js';
+/** This is the function that enhances elements such as [class.something] and [style.color] OR it fixes elements that alter innerHTML */
+export declare function afterChildrenBuilt(children: DomObjectChildren, // HTMLCollection // Element[],
+subject: ContextItem, ownerSupport: AnySupport): void;

package/js/tag/update/afterChildrenBuilt.function.js

@@ -0,0 +1,25 @@
+/** This is the function that enhances elements such as [class.something] and [style.color] OR it fixes elements that alter innerHTML */
+export function afterChildrenBuilt(children, // HTMLCollection // Element[],
+subject, ownerSupport) {
+    const kids = children;
+    const len = kids.length;
+    let index = 0;
+    while (index < len) {
+        const elmMeta = kids[index];
+        const attributes = elmMeta.at;
+        if (!attributes) {
+            ++index;
+            continue;
+        }
+        const domElm = elmMeta.domElement;
+        attributes.forEach(attribute => {
+            const name = attribute[0];
+        });
+        const children = elmMeta.ch; // children
+        if (children) {
+            afterChildrenBuilt(children, subject, ownerSupport);
+        }
+        ++index;
+    }
+}
+//# sourceMappingURL=afterChildrenBuilt.function.js.map

package/js/tag/update/afterChildrenBuilt.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"afterChildrenBuilt.function.js","sourceRoot":"","sources":["../../../ts/tag/update/afterChildrenBuilt.function.ts"],"names":[],"mappings":"AAKA,wIAAwI;AACxI,MAAM,UAAU,kBAAkB,CAChC,QAA2B,EAAE,+BAA+B;AAC5D,OAAoB,EACpB,YAAwB;IAExB,MAAM,IAAI,GAAG,QAAQ,CAAA;IACrB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAA;IACvB,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,OAAO,KAAK,GAAG,GAAG,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAqB,CAAA;QAC/C,MAAM,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA;QAE7B,IAAG,CAAC,UAAU,EAAE,CAAC;YACf,EAAE,KAAK,CAAA;YACP,SAAQ;QACV,CAAC;QAED,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAA;QACjC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAE3B,CAAC,CAAC,CAAA;QAEF,MAAM,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,WAAW;QACvC,IAAG,QAAQ,EAAE,CAAC;YACZ,kBAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,CAAA;QACrD,CAAC;QAED,EAAE,KAAK,CAAA;IACT,CAAC;AACH,CAAC"}

package/js/tag/update/getNewGlobal.function.d.ts

@@ -0,0 +1,2 @@
+import { TagGlobal } from '../TemplaterResult.class.js';
+export declare function getNewGlobal(): TagGlobal;

package/js/tag/update/getNewGlobal.function.js

@@ -0,0 +1,7 @@
+export function getNewGlobal() {
+    return {
+        /** Indicator of re-rending. Saves from double rending something already rendered */
+        renderCount: 0,
+    };
+}
+//# sourceMappingURL=getNewGlobal.function.js.map