taggedjs 2.5.4 → 2.5.6

package/js/tag/hasTagSupportChanged.function.js

@@ -0,0 +1,23 @@
+import { hasPropChanges } from "./hasPropChanges.function";
+export function hasTagSupportChanged(oldTagSupport, newTagSupport, newTemplater) {
+    const latestProps = newTemplater.props; // newTagSupport.propsConfig.latest
+    const pastCloneProps = oldTagSupport.propsConfig.latestCloned;
+    const propsChanged = hasPropChanges(latestProps, pastCloneProps);
+    // if no changes detected, no need to continue to rendering further tags
+    if (propsChanged) {
+        return propsChanged;
+    }
+    const kidsChanged = hasKidsChanged(oldTagSupport, newTagSupport);
+    // we already know props didn't change and if kids didn't either, than don't render
+    return kidsChanged;
+}
+export function hasKidsChanged(oldTagSupport, newTagSupport) {
+    const oldCloneKidValues = oldTagSupport.propsConfig.lastClonedKidValues;
+    const newClonedKidValues = newTagSupport.propsConfig.lastClonedKidValues;
+    const everySame = oldCloneKidValues.every((set, index) => {
+        const x = newClonedKidValues[index];
+        return set.every((item, index) => item === x[index]);
+    });
+    return everySame ? false : 9;
+}
+//# sourceMappingURL=hasTagSupportChanged.function.js.map

package/js/tag/hasTagSupportChanged.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasTagSupportChanged.function.js","sourceRoot":"","sources":["../../ts/tag/hasTagSupportChanged.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,MAAM,UAAU,oBAAoB,CAClC,aAA6B,EAC7B,aAA6B,EAC7B,YAA6B;IAE7B,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAA,CAAC,mCAAmC;IAC1E,MAAM,cAAc,GAAG,aAAa,CAAC,WAAW,CAAC,YAAY,CAAA;IAC7D,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,CAAA;IAEhE,wEAAwE;IACxE,IAAG,YAAY,EAAE,CAAC;QAChB,OAAO,YAAY,CAAA;IACrB,CAAC;IAED,MAAM,WAAW,GAAG,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAEhE,mFAAmF;IACnF,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,aAA6B,EAC7B,aAA6B;IAE7B,MAAM,iBAAiB,GAAG,aAAa,CAAC,WAAW,CAAC,mBAAmB,CAAA;IACvE,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,CAAC,mBAAmB,CAAA;IAExE,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACvD,MAAM,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;QACnC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/js/tag/html.d.ts

@@ -0,0 +1,4 @@
+import { InputElementTargetEvent } from "../interpolations/ElementTargetEvent.interface";
+import { Tag } from "./Tag.class";
+export type TagValues = (((e: InputElementTargetEvent) => any) | number | string | boolean | null | undefined | Object)[];
+export declare function html(strings: string[] | TemplateStringsArray, ...values: TagValues): Tag;

package/js/tag/html.js

@@ -0,0 +1,5 @@
+import { Tag } from "./Tag.class";
+export function html(strings, ...values) {
+    return new Tag(strings, values);
+}
+//# sourceMappingURL=html.js.map

package/js/tag/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../ts/tag/html.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAIjC,MAAM,UAAU,IAAI,CAClB,OAAwC,EACxC,GAAG,MAAiB;IAEpB,OAAO,IAAI,GAAG,CAAC,OAAmB,EAAE,MAAM,CAAC,CAAA;AAC7C,CAAC"}

package/js/tag/isLikeTags.function.d.ts

@@ -0,0 +1,5 @@
+import { Tag } from "./Tag.class";
+import { TagSupport } from "./TagSupport.class";
+export declare function isLikeTags(tagSupport0: TagSupport | Tag, // new
+tagSupport1: TagSupport): Boolean;
+export declare function isLikeValueSets(values0: any[], values1: any[]): boolean;

package/js/tag/isLikeTags.function.js

@@ -0,0 +1,42 @@
+export function isLikeTags(tagSupport0, // new
+tagSupport1) {
+    const templater0 = tagSupport0.templater;
+    const templater1 = tagSupport1.templater;
+    const tag0 = templater0?.tag || tagSupport0;
+    const tag1 = templater1.tag;
+    const strings0 = tag0.strings;
+    const strings1 = tagSupport1.strings || tag1.strings;
+    if (strings0.length !== strings1.length) {
+        return false;
+    }
+    const everyStringMatched = strings0.every((string, index) => strings1[index] === string);
+    if (!everyStringMatched) {
+        return false;
+    }
+    const values0 = tagSupport0.values || tag0.values;
+    const values1 = tagSupport1.values || tag1.values;
+    return isLikeValueSets(values0, values1);
+}
+export function isLikeValueSets(values0, values1) {
+    const valuesLengthsMatch = values0.length === values1.length;
+    if (!valuesLengthsMatch) {
+        return false;
+    }
+    const allVarsMatch = values1.every((value, index) => {
+        const compareTo = values0[index];
+        const isFunctions = value instanceof Function && compareTo instanceof Function;
+        if (isFunctions) {
+            const stringMatch = value.toString() === compareTo.toString();
+            if (stringMatch) {
+                return true;
+            }
+            return false;
+        }
+        return true; // deepEqual(value, compareTo)
+    });
+    if (allVarsMatch) {
+        return true;
+    }
+    return false;
+}
+//# sourceMappingURL=isLikeTags.function.js.map

package/js/tag/isLikeTags.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isLikeTags.function.js","sourceRoot":"","sources":["../../ts/tag/isLikeTags.function.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,UAAU,CACxB,WAA6B,EAAE,MAAM;AACrC,WAAuB;IAEvB,MAAM,UAAU,GAAG,WAAW,CAAC,SAAwC,CAAA;IACvE,MAAM,UAAU,GAAG,WAAW,CAAC,SAA4B,CAAA;IAE3D,MAAM,IAAI,GAAG,UAAU,EAAE,GAAG,IAAK,WAAmB,CAAA;IACpD,MAAM,IAAI,GAAG,UAAU,CAAC,GAAU,CAAA;IAElC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAA;IAC7B,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAA;IACpD,IAAG,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC;QACvC,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,kBAAkB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,EAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAA;IACvF,IAAG,CAAC,kBAAkB,EAAE,CAAC;QACvB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAA;IACjD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAA;IACjD,OAAO,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AAC1C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAa,EAAE,OAAa;IAC1D,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,CAAA;IAC5D,IAAG,CAAC,kBAAkB,EAAE,CAAC;QACvB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAC,EAAE;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;QAChC,MAAM,WAAW,GAAG,KAAK,YAAY,QAAQ,IAAI,SAAS,YAAY,QAAQ,CAAA;QAE9E,IAAG,WAAW,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAA;YAC7D,IAAG,WAAW,EAAE,CAAC;gBACf,OAAO,IAAI,CAAA;YACb,CAAC;YAED,OAAO,KAAK,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA,CAAC,8BAA8B;IAC5C,CAAC,CAAC,CAAA;IAEF,IAAG,YAAY,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/js/tag/render/renderExistingTag.function.d.ts

@@ -0,0 +1,7 @@
+import { BaseTagSupport, TagSupport } from '../TagSupport.class';
+import { TagSubject } from '../../subject.types';
+/** Returns true when rendering owner is not needed. Returns false when rendering owner should occur */
+export declare function renderExistingTag(oldestSupport: TagSupport, // oldest with elements on html
+newSupport: TagSupport, // new to be rendered
+ownerSupport: BaseTagSupport, // ownerSupport
+subject: TagSubject): TagSupport;

package/js/tag/render/renderExistingTag.function.js

@@ -0,0 +1,32 @@
+import { providersChangeCheck } from '../../state/provider.utils';
+import { isLikeTags } from '../isLikeTags.function';
+import { renderWithSupport } from './renderWithSupport.function';
+/** Returns true when rendering owner is not needed. Returns false when rendering owner should occur */
+export function renderExistingTag(oldestSupport, // oldest with elements on html
+newSupport, // new to be rendered
+ownerSupport, // ownerSupport
+subject) {
+    const lastSupport = subject.tagSupport;
+    const global = lastSupport.global;
+    // share point between renders
+    newSupport.global = global;
+    const preRenderCount = global.renderCount;
+    providersChangeCheck(oldestSupport);
+    // When the providers were checked, a render to myself occurred and I do not need to re-render again
+    const prevSupport = global.newest;
+    if (preRenderCount !== global.renderCount) {
+        oldestSupport.updateBy(prevSupport);
+        return prevSupport; // already rendered during triggered events
+    }
+    const toRedrawTag = prevSupport || lastSupport || global.oldest;
+    const reSupport = renderWithSupport(newSupport, toRedrawTag, subject, ownerSupport);
+    const oldest = global.oldest || oldestSupport;
+    reSupport.global.oldest = oldest;
+    // TODO: renderWithSupport already does an isLikeTags compare
+    if (isLikeTags(prevSupport, reSupport)) {
+        subject.tagSupport = reSupport;
+        oldest.updateBy(reSupport);
+    }
+    return reSupport;
+}
+//# sourceMappingURL=renderExistingTag.function.js.map

package/js/tag/render/renderExistingTag.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderExistingTag.function.js","sourceRoot":"","sources":["../../../ts/tag/render/renderExistingTag.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,uGAAuG;AACvG,MAAM,UAAU,iBAAiB,CAC/B,aAAyB,EAAE,+BAA+B;AAC1D,UAAsB,EAAE,qBAAqB;AAC7C,YAA4B,EAAE,eAAe;AAC7C,OAAmB;IAEnB,MAAM,WAAW,GAAG,OAAO,CAAC,UAAwB,CAAA;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;IAEjC,8BAA8B;IAC9B,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAE1B,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAA;IACzC,oBAAoB,CAAC,aAAa,CAAC,CAAA;IAEnC,oGAAoG;IACpG,MAAM,WAAW,GAAG,MAAM,CAAC,MAAoB,CAAA;IAC/C,IAAG,cAAc,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC;QACzC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QACnC,OAAO,WAAW,CAAA,CAAC,2CAA2C;IAChE,CAAC;IAED,MAAM,WAAW,GAAG,WAAW,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,CAAA;IAE/D,MAAM,SAAS,GAAG,iBAAiB,CACjC,UAAU,EACV,WAAW,EACX,OAAO,EACP,YAA0B,CAC3B,CAAA;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,aAAa,CAAA;IAC7C,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;IAEhC,6DAA6D;IAC7D,IAAG,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,CAAC;QACtC,OAAO,CAAC,UAAU,GAAG,SAAS,CAAA;QAC9B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/js/tag/render/renderSubjectComponent.function.d.ts

@@ -0,0 +1,3 @@
+import { TagSubject } from '../../subject.types';
+import { TagSupport } from '../TagSupport.class';
+export declare function renderSubjectComponent(subject: TagSubject, reSupport: TagSupport, ownerSupport: TagSupport): TagSupport;

package/js/tag/render/renderSubjectComponent.function.js

@@ -0,0 +1,14 @@
+import { renderWithSupport } from './renderWithSupport.function';
+export function renderSubjectComponent(subject, reSupport, ownerSupport) {
+    const preClones = ownerSupport.clones.map(clone => clone);
+    reSupport = renderWithSupport(reSupport, subject.tagSupport, // existing tag
+    subject, ownerSupport);
+    reSupport.global.newest = reSupport;
+    if (ownerSupport.clones.length > preClones.length) {
+        const myClones = ownerSupport.clones.filter(fClone => !preClones.find(clone => clone === fClone));
+        reSupport.clones.push(...myClones);
+    }
+    ownerSupport.childTags.push(reSupport);
+    return reSupport;
+}
+//# sourceMappingURL=renderSubjectComponent.function.js.map

package/js/tag/render/renderSubjectComponent.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderSubjectComponent.function.js","sourceRoot":"","sources":["../../../ts/tag/render/renderSubjectComponent.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAIhE,MAAM,UAAU,sBAAsB,CACpC,OAAmB,EACnB,SAAqB,EACrB,YAAwB;IAExB,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;IAEzD,SAAS,GAAG,iBAAiB,CAC3B,SAAS,EACT,OAAO,CAAC,UAAU,EAAE,eAAe;IACnC,OAAO,EACP,YAAY,CACb,CAAA;IAED,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,SAAS,CAAA;IAEnC,IAAG,YAAY,CAAC,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAA;QACjG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAA;IACpC,CAAC;IAED,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAEtC,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/js/tag/render/renderTagOnly.function.d.ts

@@ -0,0 +1,3 @@
+import { TagSupport } from '../TagSupport.class';
+import { TagSubject } from '../../subject.types';
+export declare function renderTagOnly(newTagSupport: TagSupport, lastSupport: TagSupport | undefined, subject: TagSubject, ownerSupport?: TagSupport): TagSupport;

package/js/tag/render/renderTagOnly.function.js

@@ -0,0 +1,41 @@
+import { runBeforeRedraw, runBeforeRender } from '../tagRunner';
+import { setUse } from '../../state';
+import { runAfterRender } from '../tagRunner';
+export function renderTagOnly(newTagSupport, lastSupport, subject, ownerSupport) {
+    const oldRenderCount = newTagSupport.global.renderCount;
+    beforeWithRender(newTagSupport, ownerSupport, lastSupport);
+    const templater = newTagSupport.templater;
+    // NEW TAG CREATED HERE
+    const wrapper = templater.wrapper;
+    let reSupport = wrapper(newTagSupport, subject);
+    /* AFTER */
+    runAfterRender(newTagSupport, ownerSupport);
+    // When we rendered, only 1 render should have taken place OTHERWISE rendering caused another render and that is the latest instead
+    if (reSupport.global.renderCount > oldRenderCount + 1) {
+        return newTagSupport.global.newest;
+    }
+    newTagSupport.global.newest = reSupport;
+    return reSupport;
+}
+function beforeWithRender(tagSupport, // new
+ownerSupport, lastSupport) {
+    const lastOwnerSupport = lastSupport?.ownerTagSupport;
+    const runtimeOwnerSupport = lastOwnerSupport || ownerSupport;
+    if (lastSupport) {
+        const lastState = lastSupport.memory.state;
+        const memory = tagSupport.memory;
+        // memory.state.length = 0
+        // memory.state.push(...lastState)
+        memory.state = [...lastState];
+        tagSupport.global = lastSupport.global;
+        runBeforeRedraw(tagSupport, lastSupport);
+    }
+    else {
+        // first time render
+        runBeforeRender(tagSupport, runtimeOwnerSupport);
+        // TODO: Logic below most likely could live within providers.ts inside the runBeforeRender function
+        const providers = setUse.memory.providerConfig;
+        providers.ownerSupport = runtimeOwnerSupport;
+    }
+}
+//# sourceMappingURL=renderTagOnly.function.js.map

package/js/tag/render/renderTagOnly.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTagOnly.function.js","sourceRoot":"","sources":["../../../ts/tag/render/renderTagOnly.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAI7C,MAAM,UAAU,aAAa,CAC3B,aAAyB,EACzB,WAAmC,EACnC,OAAmB,EACnB,YAAyB;IAEzB,MAAM,cAAc,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAA;IAEvD,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC,CAAA;IAE1D,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAA;IAEzC,uBAAuB;IACvB,MAAM,OAAO,GAAG,SAAS,CAAC,OAAkB,CAAA;IAC5C,IAAI,SAAS,GAAG,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;IAC/C,WAAW;IAEX,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAA;IAE3C,mIAAmI;IACnI,IAAG,SAAS,CAAC,MAAM,CAAC,WAAW,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC;QACrD,OAAO,aAAa,CAAC,MAAM,CAAC,MAAoB,CAAA;IAClD,CAAC;IAED,aAAa,CAAC,MAAM,CAAC,MAAM,GAAG,SAAS,CAAA;IAEvC,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,gBAAgB,CACvB,UAA0B,EAAE,MAAM;AAClC,YAAyB,EACzB,WAAwB;IAExB,MAAM,gBAAgB,GAAG,WAAW,EAAE,eAAe,CAAA;IACrD,MAAM,mBAAmB,GAA2B,gBAAgB,IAAI,YAAY,CAAA;IAEpF,IAAG,WAAW,EAAE,CAAC;QACf,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAA;QAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA;QAChC,0BAA0B;QAC1B,kCAAkC;QAClC,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;QAC7B,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;QAEtC,eAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAC1C,CAAC;SAAM,CAAC;QACN,oBAAoB;QACpB,eAAe,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAA;QAEhD,mGAAmG;QACnG,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAA;QAC9C,SAAS,CAAC,YAAY,GAAG,mBAAmB,CAAA;IAC9C,CAAC;AACH,CAAC"}

package/js/tag/render/renderTagSupport.function.d.ts

@@ -0,0 +1,4 @@
+import { TagSupport } from '../TagSupport.class';
+/** Main function used by all other callers to render/update display of a tag component */
+export declare function renderTagSupport(tagSupport: TagSupport, // must be latest/newest state render
+renderUp: boolean): TagSupport;

package/js/tag/render/renderTagSupport.function.js

@@ -0,0 +1,37 @@
+import { deepEqual } from '../../deepFunctions';
+import { renderExistingTag } from './renderExistingTag.function';
+/** Main function used by all other callers to render/update display of a tag component */
+export function renderTagSupport(tagSupport, // must be latest/newest state render
+renderUp) {
+    const global = tagSupport.global;
+    const templater = tagSupport.templater;
+    // is it just a vanilla tag, not component?
+    if (!templater.wrapper) { // || isTagTemplater(templater) 
+        const ownerTag = tagSupport.ownerTagSupport;
+        ++global.renderCount;
+        return renderTagSupport(ownerTag, true);
+    }
+    const subject = tagSupport.subject;
+    let ownerSupport;
+    let selfPropChange = false;
+    const shouldRenderUp = renderUp && tagSupport;
+    if (shouldRenderUp) {
+        ownerSupport = tagSupport.ownerTagSupport;
+        if (ownerSupport) {
+            const nowProps = templater.props;
+            const latestProps = tagSupport.propsConfig.latestCloned;
+            selfPropChange = !nowProps.every((props, index) => deepEqual(props, latestProps[index]));
+        }
+    }
+    const oldest = tagSupport.global.oldest;
+    const tag = renderExistingTag(oldest, tagSupport, ownerSupport, // useTagSupport,
+    subject);
+    const renderOwner = ownerSupport && selfPropChange;
+    if (renderOwner) {
+        const ownerTagSupport = ownerSupport;
+        renderTagSupport(ownerTagSupport, true);
+        return tag;
+    }
+    return tag;
+}
+//# sourceMappingURL=renderTagSupport.function.js.map

package/js/tag/render/renderTagSupport.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTagSupport.function.js","sourceRoot":"","sources":["../../../ts/tag/render/renderTagSupport.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAGhE,0FAA0F;AAC1F,MAAM,UAAU,gBAAgB,CAC9B,UAAsB,EAAE,qCAAqC;AAC7D,QAAiB;IAEjB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAA;IAChC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAA;IAEtC,2CAA2C;IAE3C,IAAI,CAAC,SAAS,CAAC,OAAO,EAAG,CAAC,CAAA,gCAAgC;QACxD,MAAM,QAAQ,GAAG,UAAU,CAAC,eAA6B,CAAA;QACzD,EAAE,MAAM,CAAC,WAAW,CAAA;QACpB,OAAO,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IACzC,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAElC,IAAI,YAAoC,CAAA;IACxC,IAAI,cAAc,GAAG,KAAK,CAAA;IAC1B,MAAM,cAAc,GAAG,QAAQ,IAAI,UAAU,CAAA;IAE7C,IAAG,cAAc,EAAE,CAAC;QAClB,YAAY,GAAG,UAAU,CAAC,eAAe,CAAA;QACzC,IAAG,YAAY,EAAE,CAAC;YAChB,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAc,CAAA;YACzC,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,YAAY,CAAA;YACvD,cAAc,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAC1F,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,MAAoB,CAAA;IACrD,MAAM,GAAG,GAAG,iBAAiB,CAC3B,MAAM,EACN,UAAU,EACV,YAA0B,EAAE,iBAAiB;IAC7C,OAAO,CACR,CAAA;IAED,MAAM,WAAW,GAAG,YAAY,IAAI,cAAc,CAAA;IAClD,IAAG,WAAW,EAAE,CAAC;QACf,MAAM,eAAe,GAAG,YAA0B,CAAA;QAElD,gBAAgB,CACd,eAAe,EACf,IAAI,CACL,CAAA;QAED,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/js/tag/render/renderWithSupport.function.d.ts

@@ -0,0 +1,5 @@
+import { TagSupport } from '../TagSupport.class';
+import { TagSubject } from '../../subject.types';
+export declare function renderWithSupport(newTagSupport: TagSupport, lastSupport: TagSupport | undefined, // previous
+subject: TagSubject, // events & memory
+ownerSupport?: TagSupport): TagSupport;

package/js/tag/render/renderWithSupport.function.js

@@ -0,0 +1,31 @@
+import { isLikeTags } from '../isLikeTags.function';
+import { destroyTagMemory } from '../destroyTag.function';
+import { renderTagOnly } from './renderTagOnly.function';
+export function renderWithSupport(newTagSupport, lastSupport, // previous
+subject, // events & memory
+ownerSupport) {
+    const reSupport = renderTagOnly(newTagSupport, lastSupport, subject, ownerSupport);
+    const isLikeTag = !lastSupport || isLikeTags(lastSupport, reSupport);
+    if (!isLikeTag) {
+        destroyUnlikeTags(lastSupport, reSupport, subject);
+    }
+    const lastOwnerSupport = lastSupport?.ownerTagSupport;
+    reSupport.ownerTagSupport = (ownerSupport || lastOwnerSupport);
+    return reSupport;
+}
+function destroyUnlikeTags(lastSupport, // old
+reSupport, // new
+subject) {
+    const oldGlobal = lastSupport.global;
+    const insertBefore = oldGlobal.insertBefore;
+    destroyTagMemory(lastSupport);
+    // when a tag is destroyed, disconnect the globals
+    reSupport.global = { ...oldGlobal }; // break memory references
+    const global = reSupport.global;
+    global.insertBefore = insertBefore;
+    global.deleted = false;
+    delete global.oldest;
+    delete global.newest;
+    delete subject.tagSupport;
+}
+//# sourceMappingURL=renderWithSupport.function.js.map

package/js/tag/render/renderWithSupport.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderWithSupport.function.js","sourceRoot":"","sources":["../../../ts/tag/render/renderWithSupport.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,MAAM,UAAU,iBAAiB,CAC/B,aAAyB,EACzB,WAAmC,EAAE,WAAW;AAChD,OAAmB,EAAE,kBAAkB;AACvC,YAAyB;IAEzB,MAAM,SAAS,GAAG,aAAa,CAC7B,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAClD,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,WAAW,IAAI,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACpE,IAAG,CAAC,SAAS,EAAE,CAAC;QACd,iBAAiB,CACf,WAAW,EACX,SAAS,EACT,OAAO,CACR,CAAA;IACH,CAAC;IAED,MAAM,gBAAgB,GAAG,WAAW,EAAE,eAAe,CAAA;IACrD,SAAS,CAAC,eAAe,GAAG,CAAC,YAAY,IAAI,gBAAgB,CAAe,CAAA;IAE5E,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,iBAAiB,CACxB,WAAuB,EAAE,MAAM;AAC/B,SAAqB,EAAE,MAAM;AAC7B,OAAmB;IAEnB,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAA;IACpC,MAAM,YAAY,GAAG,SAAS,CAAC,YAAuB,CAAA;IAEtD,gBAAgB,CAAC,WAAW,CAAC,CAAA;IAE7B,kDAAkD;IAClD,SAAS,CAAC,MAAM,GAAG,EAAC,GAAG,SAAS,EAAC,CAAA,CAAC,0BAA0B;IAC5D,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;IAE/B,MAAM,CAAC,YAAY,GAAG,YAAY,CAAA;IAClC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAA;IAEtB,OAAO,MAAM,CAAC,MAAM,CAAA;IACpB,OAAO,MAAM,CAAC,MAAM,CAAA;IACpB,OAAQ,OAAyB,CAAC,UAAU,CAAA;AAC9C,CAAC"}

package/js/tag/setTagPlaceholder.function.d.ts

@@ -0,0 +1,4 @@
+import { InsertBefore } from '../interpolations/Clones.type';
+import { TagGlobal } from '../TemplaterResult.class';
+export declare function setTagPlaceholder(global: TagGlobal): Text;
+export declare function swapInsertBefore(insertBefore: InsertBefore): Text;

package/js/tag/setTagPlaceholder.function.js

@@ -0,0 +1,12 @@
+export function setTagPlaceholder(global) {
+    const insertBefore = global.insertBefore;
+    return global.placeholder = swapInsertBefore(insertBefore);
+}
+export function swapInsertBefore(insertBefore) {
+    const placeholder = document.createTextNode('');
+    const parentNode = insertBefore.parentNode;
+    parentNode.insertBefore(placeholder, insertBefore);
+    parentNode.removeChild(insertBefore);
+    return placeholder;
+}
+//# sourceMappingURL=setTagPlaceholder.function.js.map

package/js/tag/setTagPlaceholder.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setTagPlaceholder.function.js","sourceRoot":"","sources":["../../ts/tag/setTagPlaceholder.function.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,iBAAiB,CAC/B,MAAiB;IAEjB,MAAM,YAAY,GAAG,MAAM,CAAC,YAA4B,CAAA;IACxD,OAAO,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAA;AAC5D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,YAA0B;IAE1B,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,YAAY,CAAC,UAAwB,CAAA;IACxD,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;IAClD,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;IACpC,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/js/tag/tag.d.ts

@@ -0,0 +1,26 @@
+import { Tag } from './Tag.class';
+import { TemplaterResult } from '../TemplaterResult.class';
+import { ValueSubject } from '../subject/ValueSubject';
+export type TagChildren = ValueSubject<Tag[]> & {
+    lastArray?: Tag[];
+};
+export type TagChildrenInput = Tag[] | Tag | TagChildren;
+type FirstArgOptional<T extends any[]> = T['length'] extends 0 ? true : false;
+export type TagComponentBase<T extends any[]> = (arg: FirstArgOptional<T> extends true ? (T[0] | void) : T[0], children?: TagChildrenInput) => Tag;
+export declare const tags: TagWrapper<any>[];
+export type TagComponent = TagComponentBase<[any?, TagChildren?]> | TagComponentBase<[]>;
+export type TagWrapper<T> = ((...props: T[]) => TemplaterResult) & {
+    original: (...args: any[]) => any;
+    compareTo: string;
+    isTag: boolean;
+};
+export type TagMaker = ((...args: any[]) => Tag) | ((...args: any[]) => (...args: any[]) => Tag);
+/** Wraps a tag component in a state manager and always push children to last argument as an array */
+export declare function tag<T>(tagComponent: T): T & {
+    original: Function;
+};
+export declare function kidsToTagArraySubject(children?: TagChildrenInput): {
+    childSubject: ValueSubject<Tag[]>;
+    madeSubject: boolean;
+};
+export {};

package/js/tag/tag.js

@@ -0,0 +1,121 @@
+import { isSubjectInstance, isTagArray } from '../isInstance';
+import { setUse } from '../state';
+import { TemplaterResult } from '../TemplaterResult.class';
+import { runTagCallback } from '../interpolations/bindSubjectCallback.function';
+import { deepClone } from '../deepFunctions';
+import { TagSupport } from './TagSupport.class';
+import { alterProps } from '../alterProps.function';
+import { ValueSubject } from '../subject/ValueSubject';
+// export const tags: TagComponentBase<any>[] = []
+export 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;
+export function tag(tagComponent) {
+    /** function developer triggers */
+    const parentWrap = (function tagWrapper(...props) {
+        const templater = new TemplaterResult(props);
+        // 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();
+    updateResult(parentWrap, tagComponent);
+    // group tags together and have hmr pickup
+    updateComponent(tagComponent);
+    tags.push(parentWrap);
+    return parentWrap;
+}
+export function kidsToTagArraySubject(children) {
+    if (isSubjectInstance(children)) {
+        return { childSubject: children, madeSubject: false };
+    }
+    const kidArray = children;
+    if (isTagArray(kidArray)) {
+        return { childSubject: new ValueSubject(children), madeSubject: true };
+    }
+    const kid = children;
+    if (kid) {
+        kid.memory.arrayValue = 0;
+        return { childSubject: new ValueSubject([kid]), madeSubject: true };
+    }
+    return {
+        childSubject: new ValueSubject([]),
+        madeSubject: true // was converted into a subject
+    };
+}
+function updateResult(result, tagComponent) {
+    result.isTag = true;
+    result.original = tagComponent;
+}
+function updateComponent(tagComponent) {
+    tagComponent.tags = tags;
+    tagComponent.setUse = setUse;
+    tagComponent.tagIndex = tagCount++; // needed for things like HMR
+}
+/** creates/returns a function that when called then calls the original component function
+ * Gets used as templater.wrapper()
+ */
+function getTagWrap(templater, result) {
+    // this function gets called by taggedjs
+    const wrapper = function (newTagSupport, subject) {
+        const global = newTagSupport.global;
+        ++global.renderCount;
+        const childSubject = templater.children;
+        const lastArray = global.oldest?.templater.children.lastArray;
+        if (lastArray) {
+            childSubject.lastArray = lastArray;
+        }
+        // result.original
+        const originalFunction = result.original; // (innerTagWrap as any).original as unknown as TagComponent
+        let props = templater.props;
+        let castedProps = props.map(props => alterProps(props, newTagSupport.ownerTagSupport));
+        const latestCloned = props.map(props => deepClone(props)); // castedProps
+        // CALL ORIGINAL COMPONENT FUNCTION
+        let tag = originalFunction(...castedProps);
+        if (tag instanceof Function) {
+            tag = tag();
+        }
+        tag.templater = templater;
+        templater.tag = tag;
+        const tagSupport = new TagSupport(templater, newTagSupport.ownerTagSupport, subject, global.renderCount);
+        tagSupport.global = global;
+        tagSupport.propsConfig = {
+            latest: props,
+            latestCloned,
+            lastClonedKidValues: tagSupport.propsConfig.lastClonedKidValues,
+        };
+        tagSupport.memory = newTagSupport.memory; // state handover
+        if (templater.madeChildIntoSubject) {
+            childSubject.value.forEach(kid => {
+                kid.values.forEach((value, index) => {
+                    if (!(value instanceof Function)) {
+                        return;
+                    }
+                    const valuesValue = kid.values[index];
+                    if (valuesValue.isChildOverride) {
+                        return; // already overwritten
+                    }
+                    // all functions need to report to me
+                    kid.values[index] = function (...args) {
+                        const ownerSupport = tagSupport.ownerTagSupport;
+                        return runTagCallback(value, // callback
+                        ownerSupport, this, // bindTo
+                        args);
+                    };
+                    valuesValue.isChildOverride = true;
+                });
+            });
+        }
+        return tagSupport;
+    };
+    return wrapper;
+}
+//# sourceMappingURL=tag.js.map

package/js/tag/tag.js.map

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

package/js/tag/tagElement.d.ts

@@ -0,0 +1,9 @@
+import { TagSupport } from './TagSupport.class';
+import { TemplaterResult } from '../TemplaterResult.class';
+import { TagComponent, TagMaker } from './tag';
+export declare function tagElement(app: TagMaker, // (...args: unknown[]) => TemplaterResult,
+element: HTMLElement | Element, props?: unknown): {
+    tagSupport: TagSupport;
+    tags: TagComponent[];
+};
+export declare function runWrapper(templater: TemplaterResult): TagSupport;

package/js/tag/tagElement.js

@@ -0,0 +1,60 @@
+import { BaseTagSupport } from './TagSupport.class';
+import { runAfterRender, runBeforeRender } from './tagRunner';
+import { ValueSubject } from '../subject/ValueSubject';
+const appElements = [];
+export function tagElement(
+// app: TagComponent, // (...args: unknown[]) => TemplaterResult,
+app, // (...args: unknown[]) => TemplaterResult,
+element, props) {
+    const appElmIndex = appElements.findIndex(appElm => appElm.element === element);
+    if (appElmIndex >= 0) {
+        appElements[appElmIndex].tagSupport.destroy();
+        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);
+    // have a function setup and call the tagWrapper with (props, {update, async, on})
+    const tagSupport = runWrapper(wrapper);
+    // TODO: is the below needed?
+    tagSupport.appElement = element;
+    tagSupport.isApp = true;
+    tagSupport.global.isApp = true;
+    const templateElm = document.createElement('template');
+    templateElm.setAttribute('id', 'app-tag-' + appElements.length);
+    templateElm.setAttribute('app-tag-detail', appElements.length.toString());
+    const fragment = document.createDocumentFragment();
+    fragment.appendChild(templateElm);
+    element.destroy = async () => {
+        await tagSupport.destroy();
+        const insertBefore = tagSupport.global.insertBefore;
+        const parentNode = insertBefore.parentNode;
+        parentNode.removeChild(insertBefore);
+    };
+    tagSupport.buildBeforeElement(templateElm);
+    tagSupport.global.oldest = tagSupport;
+    tagSupport.global.newest = tagSupport;
+    element.setUse = app.original.setUse;
+    appElements.push({ element, tagSupport });
+    element.appendChild(fragment);
+    return {
+        tagSupport,
+        tags: app.original.tags,
+    };
+}
+export function runWrapper(templater) {
+    let newSupport = {};
+    const subject = new ValueSubject(newSupport);
+    newSupport = new BaseTagSupport(templater, subject);
+    // newSupport.ownerTagSupport = newSupport
+    subject.set(templater);
+    subject.tagSupport = newSupport;
+    runBeforeRender(newSupport, undefined);
+    // Call the apps function for our tag templater
+    const wrapper = templater.wrapper;
+    const tagSupport = wrapper(newSupport, subject);
+    runAfterRender(newSupport, tagSupport);
+    return tagSupport;
+}
+//# sourceMappingURL=tagElement.js.map

package/js/tag/tagElement.js.map

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

package/js/tag/tagRunner.d.ts

@@ -0,0 +1,5 @@
+import { BaseTagSupport, TagSupport } from './TagSupport.class';
+export declare function runBeforeRender(tagSupport: BaseTagSupport, ownerSupport?: TagSupport): void;
+export declare function runAfterRender(tagSupport: BaseTagSupport, ownerTagSupport?: TagSupport): void;
+export declare function runBeforeRedraw(tagSupport: BaseTagSupport, ownerTagSupport: TagSupport): void;
+export declare function runBeforeDestroy(tagSupport: BaseTagSupport, ownerTagSupport: TagSupport): void;

package/js/tag/tagRunner.js

@@ -0,0 +1,28 @@
+// TODO: This should be more like `new TaggedJs().use({})`
+import { setUse } from '../state';
+import { Subject } from '../subject';
+import { getSupportInCycle } from './getSupportInCycle.function';
+// 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 => {
+    if (!getSupportInCycle()) {
+        subscription.next(); // we are not currently processing so process now
+    }
+});
+// Life cycle 1
+export function runBeforeRender(tagSupport, ownerSupport) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeRender(tagSupport, ownerSupport));
+}
+// Life cycle 2
+export function runAfterRender(tagSupport, ownerTagSupport) {
+    setUse.tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, ownerTagSupport));
+    setUse.memory.tagClosed$.next(ownerTagSupport);
+}
+// Life cycle 3
+export function runBeforeRedraw(tagSupport, ownerTagSupport) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeRedraw(tagSupport, ownerTagSupport));
+}
+// Life cycle 4 - end of life
+export function runBeforeDestroy(tagSupport, ownerTagSupport) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeDestroy(tagSupport, ownerTagSupport));
+}
+//# sourceMappingURL=tagRunner.js.map

package/js/tag/tagRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagRunner.js","sourceRoot":"","sources":["../../ts/tag/tagRunner.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,mIAAmI;AACnI,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,OAAO,CAAa,SAAS,EAAE,YAAY,CAAC,EAAE;IAC3E,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,eAAe,CAC7B,UAA0B,EAC1B,YAAyB;IAEzB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAA;AAChF,CAAC;AAED,eAAe;AACf,MAAM,UAAU,cAAc,CAC5B,UAA0B,EAC1B,eAA4B;IAE5B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAChF,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;AAChD,CAAC;AAED,eAAe;AACf,MAAM,UAAU,eAAe,CAC7B,UAA0B,EAC1B,eAA2B;IAE3B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;AACnF,CAAC;AAED,6BAA6B;AAC7B,MAAM,UAAU,gBAAgB,CAC9B,UAA0B,EAC1B,eAA2B;IAE3B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;AACpF,CAAC"}

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

@@ -0,0 +1,3 @@
+import { TagSupport } from '../TagSupport.class';
+import { InterpolateSubject, TemplateValue } from './processSubjectValue.function';
+export declare function processNewValue(hasValue: boolean, value: TemplateValue, ownerSupport: TagSupport): InterpolateSubject;