taggedjs 2.5.4 → 2.5.5

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;

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

@@ -0,0 +1,42 @@
+import { ValueSubject } from '../../subject/ValueSubject';
+import { isSubjectInstance, isTagClass, isTagComponent, isTagTemplater } from '../../isInstance';
+import { TemplaterResult } from '../../TemplaterResult.class';
+import { TagSupport } from '../TagSupport.class';
+export function processNewValue(hasValue, value, ownerSupport) {
+    if (isTagComponent(value)) {
+        const tagSubject = new ValueSubject(value);
+        return tagSubject;
+    }
+    if (value instanceof Function) {
+        return new ValueSubject(value);
+    }
+    if (!hasValue) {
+        return new ValueSubject(undefined);
+    }
+    if (isTagTemplater(value)) {
+        const templater = value;
+        const tag = templater.tag;
+        return processNewTag(tag, ownerSupport);
+    }
+    if (isTagClass(value)) {
+        return processNewTag(value, ownerSupport);
+    }
+    // is already a value subject?
+    if (isSubjectInstance(value)) {
+        return value;
+    }
+    return new ValueSubject(value);
+}
+function processNewTag(value, ownerSupport) {
+    const tag = value;
+    let templater = tag.templater;
+    if (!templater) {
+        templater = new TemplaterResult([]);
+        templater.tag = tag;
+        tag.templater = templater;
+    }
+    const subject = new ValueSubject(templater);
+    const tagSupport = subject.tagSupport = new TagSupport(templater, ownerSupport, subject);
+    return subject;
+}
+//# sourceMappingURL=processNewValue.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processNewValue.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processNewValue.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAIhD,MAAM,UAAU,eAAe,CAC7B,QAAiB,EACjB,KAAoB,EACpB,YAAwB;IAExB,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,UAAU,GAAG,IAAI,YAAY,CAAC,KAAK,CAAe,CAAA;QACxD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,IAAG,KAAK,YAAY,QAAQ,EAAE,CAAC;QAC7B,OAAO,IAAI,YAAY,CAAW,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED,IAAG,CAAC,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,YAAY,CAAY,SAAS,CAAC,CAAA;IAC/C,CAAC;IAED,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,SAAS,GAAG,KAAwB,CAAA;QAC1C,MAAM,GAAG,GAAG,SAAS,CAAC,GAAU,CAAA;QAChC,OAAO,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,CAAA;IACzC,CAAC;IAED,IAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,aAAa,CAAC,KAAY,EAAE,YAAY,CAAC,CAAA;IAClD,CAAC;IAED,8BAA8B;IAC9B,IAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAA0B,CAAA;IACnC,CAAC;IAED,OAAO,IAAI,YAAY,CAAC,KAAK,CAA8B,CAAA;AAC7D,CAAC;AAED,SAAS,aAAa,CACpB,KAAU,EACV,YAAwB;IAExB,MAAM,GAAG,GAAG,KAAY,CAAA;IAExB,IAAI,SAAS,GAAG,GAAG,CAAC,SAAS,CAAA;IAC7B,IAAG,CAAC,SAAS,EAAE,CAAC;QACd,SAAS,GAAG,IAAI,eAAe,CAAC,EAAE,CAAC,CAAA;QACnC,SAAS,CAAC,GAAG,GAAG,GAAG,CAAA;QACnB,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;IAC3B,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,YAAY,CAAC,SAAS,CAAe,CAAA;IAEzD,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,UAAU,CACpD,SAAS,EACT,YAAY,EACZ,OAAO,CACR,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { InsertBefore } from '../../interpolations/Clones.type';
+import { DisplaySubject } from '../../subject.types';
+export type RegularValue = string | number | undefined | boolean;
+export declare function processRegularValue(value: RegularValue, subject: DisplaySubject, // could be tag via subject.tag
+insertBefore: InsertBefore): void;

package/js/tag/update/processRegularValue.function.js

@@ -0,0 +1,15 @@
+import { updateBeforeTemplate } from '../../updateBeforeTemplate.function';
+export function processRegularValue(value, subject, // could be tag via subject.tag
+insertBefore) {
+    subject.insertBefore = insertBefore;
+    const before = subject.clone || insertBefore; // Either the template is on the doc OR its the first element we last put on doc
+    // matches but also was defined at some point
+    if (subject.lastValue === value && 'lastValue' in subject) {
+        return; // no need to update display, its the same
+    }
+    subject.lastValue = value;
+    // Processing of regular values
+    const clone = updateBeforeTemplate(value, before);
+    subject.clone = clone; // remember single element put down, for future updates
+}
+//# sourceMappingURL=processRegularValue.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processRegularValue.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processRegularValue.function.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAI1E,MAAM,UAAU,mBAAmB,CACjC,KAAmB,EACnB,OAAuB,EAAE,+BAA+B;AACxD,YAA0B;IAE1B,OAAO,CAAC,YAAY,GAAG,YAAY,CAAA;IACnC,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY,CAAA,CAAC,gFAAgF;IAE7H,6CAA6C;IAC7C,IAAG,OAAO,CAAC,SAAS,KAAK,KAAK,IAAI,WAAW,IAAI,OAAO,EAAE,CAAC;QACzD,OAAM,CAAC,0CAA0C;IACnD,CAAC;IAED,OAAO,CAAC,SAAS,GAAG,KAAK,CAAA;IAEzB,+BAA+B;IAC/B,MAAM,KAAK,GAAG,oBAAoB,CAChC,KAAK,EACL,MAAM,CACP,CAAA;IAED,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA,CAAC,uDAAuD;AAC/E,CAAC"}

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

@@ -0,0 +1,9 @@
+import { TemplaterResult } from '../../TemplaterResult.class';
+import { Counts } from '../../interpolations/interpolateTemplate';
+import { TagSubject } from '../../subject.types';
+import { TagSupport } from '../TagSupport.class';
+import { InsertBefore } from '../../interpolations/Clones.type';
+export declare function processSubjectComponent(templater: TemplaterResult, subject: TagSubject, insertBefore: InsertBefore, ownerSupport: TagSupport, options: {
+    counts: Counts;
+    forceElement?: boolean;
+}): TagSupport;

package/js/tag/update/processSubjectComponent.function.js

@@ -0,0 +1,35 @@
+import { setUse } from '../../state';
+import { processTagResult } from './processTagResult.function';
+import { TagSupport } from '../TagSupport.class';
+import { renderSubjectComponent } from '../render/renderSubjectComponent.function';
+export function processSubjectComponent(templater, subject, insertBefore, ownerSupport, options) {
+    // Check if function component is wrapped in a tag() call
+    // TODO: This below check not needed in production mode
+    if (templater.tagged !== true) {
+        const wrapper = templater.wrapper;
+        const original = wrapper.parentWrap.original;
+        let name = original.name || original.constructor?.name;
+        if (name === 'Function') {
+            name = undefined;
+        }
+        const label = name || original.toString().substring(0, 120);
+        const error = new Error(`Not a tag component. Wrap your function with tag(). Example tag(props => html\`\`) on component:\n\n${label}\n\n`);
+        throw error;
+    }
+    const tagSupport = new TagSupport(templater, ownerSupport, subject);
+    let reSupport = subject.tagSupport;
+    const global = tagSupport.global = reSupport?.global || tagSupport.global;
+    global.insertBefore = insertBefore;
+    const providers = setUse.memory.providerConfig;
+    providers.ownerSupport = ownerSupport;
+    const isRender = !reSupport || options.forceElement;
+    if (isRender) {
+        const support = reSupport || tagSupport;
+        reSupport = renderSubjectComponent(subject, support, ownerSupport);
+    }
+    processTagResult(reSupport, subject, // The element set here will be removed from document. Also result.tag will be added in here
+    insertBefore, // <template end interpolate /> (will be removed)
+    options);
+    return reSupport;
+}
+//# sourceMappingURL=processSubjectComponent.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processSubjectComponent.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processSubjectComponent.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAA;AAElF,MAAM,UAAU,uBAAuB,CACrC,SAA0B,EAC1B,OAAmB,EACnB,YAA0B,EAC1B,YAAwB,EACxB,OAAiD;IAEjD,yDAAyD;IACzD,uDAAuD;IACvD,IAAG,SAAS,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,SAAS,CAAC,OAAkB,CAAA;QAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAA;QAC5C,IAAI,IAAI,GAAuB,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAA;QAE1E,IAAG,IAAI,KAAK,UAAU,EAAE,CAAC;YACvB,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAC,GAAG,CAAC,CAAA;QAC1D,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,uGAAuG,KAAK,MAAM,CAAC,CAAA;QAC3I,MAAM,KAAK,CAAA;IACb,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,UAAU,CAC/B,SAAS,EACT,YAAY,EACZ,OAAO,CACR,CAAA;IAED,IAAI,SAAS,GAAG,OAAO,CAAC,UAAU,CAAA;IAClC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,UAAU,CAAC,MAAM,CAAA;IACzE,MAAM,CAAC,YAAY,GAAG,YAAY,CAAA;IAElC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAA;IAC9C,SAAS,CAAC,YAAY,GAAG,YAAY,CAAA;IAErC,MAAM,QAAQ,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC,YAAY,CAAA;IACnD,IAAG,QAAQ,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,SAAS,IAAI,UAAU,CAAA;QACvC,SAAS,GAAG,sBAAsB,CAChC,OAAO,EACP,OAAO,EACP,YAAY,CACb,CAAA;IACH,CAAC;IAED,gBAAgB,CACd,SAAS,EACT,OAAO,EAAE,4FAA4F;IACrG,YAAY,EAAE,iDAAiD;IAC/D,OAAO,CACR,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { TagArraySubject } from './processTagArray';
+import { TemplaterResult } from '../../TemplaterResult.class';
+import { Clones, InsertBefore } from '../../interpolations/Clones.type';
+import { Counts, Template } from '../../interpolations/interpolateTemplate';
+import { DisplaySubject, TagSubject } from '../../subject.types';
+import { ValueSubject } from '../../subject/ValueSubject';
+import { RegularValue } from './processRegularValue.function';
+import { Callback } from '../../interpolations/bindSubjectCallback.function';
+import { TagSupport } from '../TagSupport.class';
+import { Tag } from '../Tag.class';
+import { Subject } from '../../subject';
+type processOptions = {
+    forceElement?: boolean;
+    counts: Counts;
+};
+export type ClonesAndPromise = {
+    clones: Clones;
+};
+export type InterpolateSubject = (ValueSubject<undefined> | TagArraySubject | TagSubject | DisplaySubject | ValueSubject<Callback>) & {
+    clone?: Element | Text | Template;
+};
+export type TemplateValue = Tag | TemplaterResult | (Tag | TemplaterResult)[] | RegularValue | Subject<any> | Callback;
+export declare function processSubjectValue(value: TemplateValue, subject: InterpolateSubject, // could be tag via result.tag
+insertBefore: InsertBefore, // <template end interpolate /> (will be removed)
+ownerSupport: TagSupport, // owner
+options: processOptions): Clones | undefined;
+export {};

package/js/tag/update/processSubjectValue.function.js

@@ -0,0 +1,55 @@
+import { processSubjectComponent } from './processSubjectComponent.function';
+import { isTagArray, isTagClass, isTagComponent, isTagTemplater } from '../../isInstance';
+import { processTagArray } from './processTagArray';
+import { processRegularValue } from './processRegularValue.function';
+import { processTag, tagFakeTemplater } from './processTag.function';
+var ValueTypes;
+(function (ValueTypes) {
+    ValueTypes["tag"] = "tag";
+    ValueTypes["templater"] = "templater";
+    ValueTypes["tagArray"] = "tag-array";
+    ValueTypes["tagComponent"] = "tag-component";
+    ValueTypes["value"] = "value";
+})(ValueTypes || (ValueTypes = {}));
+function getValueType(value) {
+    if (isTagComponent(value)) {
+        return ValueTypes.tagComponent;
+    }
+    if (isTagTemplater(value)) {
+        return ValueTypes.templater;
+    }
+    if (isTagClass(value)) {
+        return ValueTypes.tag;
+    }
+    if (isTagArray(value)) {
+        return ValueTypes.tagArray;
+    }
+    return ValueTypes.value;
+}
+// export type ExistingValue = TemplaterResult | Tag[] | TagSupport | Function | Subject<unknown> | RegularValue | Tag
+export function processSubjectValue(value, subject, // could be tag via result.tag
+insertBefore, // <template end interpolate /> (will be removed)
+ownerSupport, // owner
+options) {
+    const valueType = getValueType(value);
+    switch (valueType) {
+        case ValueTypes.templater:
+            processTag(value, insertBefore, ownerSupport, subject);
+            return;
+        case ValueTypes.tag:
+            const tag = value;
+            let templater = tag.templater;
+            if (!templater) {
+                templater = tagFakeTemplater(tag);
+            }
+            processTag(templater, insertBefore, ownerSupport, subject);
+            return;
+        case ValueTypes.tagArray:
+            return processTagArray(subject, value, insertBefore, ownerSupport, options);
+        case ValueTypes.tagComponent:
+            processSubjectComponent(value, subject, insertBefore, ownerSupport, options);
+            return;
+    }
+    processRegularValue(value, subject, insertBefore);
+}
+//# sourceMappingURL=processSubjectValue.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processSubjectValue.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processSubjectValue.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACzF,OAAO,EAAmB,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAMpE,OAAO,EAAgB,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAElF,OAAO,EAAoB,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAKtF,IAAK,UAMJ;AAND,WAAK,UAAU;IACb,yBAAW,CAAA;IACX,qCAAuB,CAAA;IACvB,oCAAsB,CAAA;IACtB,4CAA8B,CAAA;IAC9B,6BAAe,CAAA;AACjB,CAAC,EANI,UAAU,KAAV,UAAU,QAMd;AAED,SAAS,YAAY,CAAC,KAAU;IAC9B,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,UAAU,CAAC,YAAY,CAAA;IAChC,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,UAAU,CAAC,SAAS,CAAA;IAC7B,CAAC;IAED,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,UAAU,CAAC,GAAG,CAAA;IACvB,CAAC;IAED,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,UAAU,CAAC,QAAQ,CAAA;IAC5B,CAAC;IAED,OAAO,UAAU,CAAC,KAAK,CAAA;AACzB,CAAC;AAkBD,sHAAsH;AAEtH,MAAM,UAAU,mBAAmB,CACjC,KAAoB,EACpB,OAA2B,EAAE,8BAA8B;AAC3D,YAA0B,EAAE,iDAAiD;AAC7E,YAAwB,EAAE,QAAQ;AAClC,OAAuB;IAEvB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IAErC,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,UAAU,CAAC,SAAS;YACvB,UAAU,CACR,KAAwB,EACxB,YAAY,EACZ,YAAY,EACZ,OAAqB,CACtB,CAAA;YACD,OAAM;QAER,KAAK,UAAU,CAAC,GAAG;YACjB,MAAM,GAAG,GAAG,KAAY,CAAA;YACxB,IAAI,SAAS,GAAG,GAAG,CAAC,SAAS,CAAA;YAE7B,IAAG,CAAC,SAAS,EAAE,CAAC;gBACd,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACnC,CAAC;YAED,UAAU,CACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,OAAqB,CACtB,CAAA;YACD,OAAM;QAER,KAAK,UAAU,CAAC,QAAQ;YACtB,OAAO,eAAe,CACpB,OAA0B,EAC1B,KAAkC,EAClC,YAAY,EACZ,YAAY,EACZ,OAAO,CACR,CAAA;QAEH,KAAK,UAAU,CAAC,YAAY;YAC1B,uBAAuB,CACrB,KAAwB,EACxB,OAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,OAAO,CACR,CAAA;YACD,OAAM;IACV,CAAC;IAED,mBAAmB,CACjB,KAAqB,EACrB,OAAyB,EACzB,YAAY,CACb,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,11 @@
+import { InsertBefore } from '../../interpolations/Clones.type';
+import { Tag } from '../Tag.class';
+import { TagSubject } from '../../subject.types';
+import { TagSupport } from '../TagSupport.class';
+import { TemplaterResult } from '../../TemplaterResult.class';
+/** Could be a regular tag or a component. Both are Tag.class */
+export declare function processTag(templater: TemplaterResult, insertBefore: InsertBefore, ownerSupport: TagSupport, // owner
+subject: TagSubject): void;
+export declare function setupNewTemplater(tagSupport: TagSupport, ownerSupport: TagSupport, subject: TagSubject): void;
+export declare function tagFakeTemplater(tag: Tag): TemplaterResult;
+export declare function getFakeTemplater(): TemplaterResult;

package/js/tag/update/processTag.function.js

@@ -0,0 +1,46 @@
+import { TagSupport } from '../TagSupport.class';
+import { ValueSubject } from '../../subject';
+/** Could be a regular tag or a component. Both are Tag.class */
+export function processTag(templater, insertBefore, ownerSupport, // owner
+subject) {
+    let tagSupport = subject.tagSupport;
+    // first time seeing this tag?
+    if (!tagSupport) {
+        tagSupport = new TagSupport(templater, ownerSupport, subject);
+        setupNewTemplater(tagSupport, ownerSupport, subject);
+        ownerSupport.childTags.push(tagSupport);
+    }
+    subject.tagSupport = tagSupport;
+    tagSupport.ownerTagSupport = ownerSupport;
+    tagSupport.buildBeforeElement(insertBefore, {
+        counts: { added: 0, removed: 0 },
+        forceElement: true,
+    });
+}
+export function setupNewTemplater(tagSupport, ownerSupport, subject) {
+    tagSupport.global.oldest = tagSupport;
+    tagSupport.global.newest = tagSupport;
+    // asking me to render will cause my parent to render
+    tagSupport.ownerTagSupport = ownerSupport;
+    subject.tagSupport = tagSupport;
+}
+export function tagFakeTemplater(tag) {
+    const templater = getFakeTemplater();
+    templater.tag = tag;
+    tag.templater = templater;
+    return templater;
+}
+export function getFakeTemplater() {
+    const fake = {
+        children: new ValueSubject([]), // no children
+        // props: {} as Props,
+        props: [],
+        isTag: true,
+        isTemplater: false,
+        tagged: false,
+        madeChildIntoSubject: false,
+        html: () => fake
+    };
+    return fake;
+}
+//# sourceMappingURL=processTag.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processTag.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTag.function.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAG5C,gEAAgE;AAChE,MAAM,UAAU,UAAU,CACxB,SAA0B,EAC1B,YAA0B,EAC1B,YAAwB,EAAE,QAAQ;AAClC,OAAmB;IAEnB,IAAI,UAAU,GAAe,OAAO,CAAC,UAAU,CAAA;IAE/C,8BAA8B;IAC9B,IAAG,CAAC,UAAU,EAAE,CAAC;QACf,UAAU,GAAG,IAAI,UAAU,CACzB,SAAS,EACT,YAAY,EACZ,OAAO,CACR,CAAA;QAED,iBAAiB,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,CAAA;QAEpD,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACzC,CAAC;IAED,OAAO,CAAC,UAAU,GAAG,UAAU,CAAA;IAC/B,UAAU,CAAC,eAAe,GAAG,YAAY,CAAA;IACzC,UAAU,CAAC,kBAAkB,CAC3B,YAAY,EAAE;QACZ,MAAM,EAAE,EAAC,KAAK,EAAC,CAAC,EAAE,OAAO,EAAC,CAAC,EAAC;QAC5B,YAAY,EAAE,IAAI;KACnB,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,UAAsB,EACtB,YAAwB,EACxB,OAAmB;IAEnB,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAA;IACrC,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,UAAU,CAAA;IAErC,qDAAqD;IACrD,UAAU,CAAC,eAAe,GAAG,YAAY,CAAA;IACzC,OAAO,CAAC,UAAU,GAAG,UAAU,CAAA;AACjC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,GAAQ;IAER,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAA;IACpC,SAAS,CAAC,GAAG,GAAG,GAAG,CAAA;IACnB,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;IAEzB,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,IAAI,GAAG;QACX,QAAQ,EAAE,IAAI,YAAY,CAAQ,EAAE,CAAC,EAAE,cAAc;QAErD,sBAAsB;QACtB,KAAK,EAAE,EAAW;QAElB,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,KAAK;QAEb,oBAAoB,EAAE,KAAK;QAC3B,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;KACE,CAAA;IAEpB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/js/tag/update/processTagArray.d.ts

@@ -0,0 +1,22 @@
+import { Clones, InsertBefore } from '../../interpolations/Clones.type';
+import { Tag } from '../Tag.class';
+import { ValueSubject } from '../../subject/ValueSubject';
+import { Counts } from '../../interpolations/interpolateTemplate';
+import { TagSupport } from '../TagSupport.class';
+import { TemplaterResult } from '../../TemplaterResult.class';
+export type LastArrayItem = {
+    tagSupport: TagSupport;
+    index: number;
+    deleted?: boolean;
+};
+export type TagArraySubject = ValueSubject<Tag[]> & {
+    insertBefore: InsertBefore;
+    placeholder?: Text;
+    lastArray?: LastArrayItem[];
+};
+export declare function processTagArray(subject: TagArraySubject, value: (TemplaterResult | Tag)[], // arry of Tag classes
+insertBefore: InsertBefore, // <template end interpolate />
+ownerSupport: TagSupport, options: {
+    counts: Counts;
+    forceElement?: boolean;
+}): Clones;

package/js/tag/update/processTagArray.js

@@ -0,0 +1,120 @@
+import { ValueSubject } from '../../subject/ValueSubject';
+import { ArrayNoKeyError } from '../../errors';
+import { destroyArrayTag } from '../checkDestroyPrevious.function';
+import { setupNewTemplater, tagFakeTemplater } from './processTag.function';
+import { TagSupport } from '../TagSupport.class';
+import { isTagClass } from '../../isInstance';
+export function processTagArray(subject, value, // arry of Tag classes
+insertBefore, // <template end interpolate />
+ownerSupport, options) {
+    const clones = ownerSupport.clones; // []
+    let lastArray = subject.lastArray = subject.lastArray || [];
+    if (!subject.placeholder) {
+        setPlaceholderElm(insertBefore, subject);
+    }
+    const runtimeInsertBefore = subject.placeholder; // || insertBefore
+    let removed = 0;
+    /** 🗑️ remove previous items first */
+    lastArray = subject.lastArray = subject.lastArray.filter((item, index) => {
+        const newLength = value.length - 1;
+        const at = index - removed;
+        const lessLength = newLength < at;
+        const subValue = value[index - removed];
+        const subTag = subValue;
+        // const tag = subTag?.templater.tag as Tag
+        const lastTag = item.tagSupport.templater.tag;
+        const newArrayValue = subTag?.memory.arrayValue;
+        const lastArrayValue = lastTag.memory.arrayValue;
+        const destroyItem = lessLength || !areLikeValues(newArrayValue, lastArrayValue);
+        if (destroyItem) {
+            const last = lastArray[index];
+            const tagSupport = last.tagSupport;
+            destroyArrayTag(tagSupport, options.counts);
+            last.deleted = true;
+            ++removed;
+            ++options.counts.removed;
+            return false;
+        }
+        return true;
+    });
+    value.forEach((item, index) => {
+        const previous = lastArray[index];
+        const previousSupport = previous?.tagSupport;
+        const subTag = item;
+        if (isTagClass(subTag) && !subTag.templater) {
+            tagFakeTemplater(subTag);
+        }
+        const tagSupport = new TagSupport(subTag.templater, ownerSupport, new ValueSubject(undefined));
+        // tagSupport.templater = subTag.templater
+        if (previousSupport) {
+            setupNewTemplater(tagSupport, ownerSupport, previousSupport.subject);
+            const global = previousSupport.global;
+            tagSupport.global = global;
+            global.newest = tagSupport;
+        }
+        // check for html``.key()
+        const keySet = 'arrayValue' in subTag.memory;
+        if (!keySet) {
+            const details = {
+                template: tagSupport.getTemplate().string,
+                array: value,
+                ownerTagContent: ownerSupport.lastTemplateString,
+            };
+            const message = 'Use html`...`.key(item) instead of html`...` to template an Array';
+            console.error(message, details);
+            const err = new ArrayNoKeyError(message, details);
+            throw err;
+        }
+        const couldBeSame = lastArray.length > index;
+        if (couldBeSame) {
+            const prevSupport = previous.tagSupport;
+            const prevGlobal = prevSupport.global;
+            // subTag.tagSupport = subTag.tagSupport || prevSupport
+            const oldest = prevGlobal.oldest;
+            oldest.updateBy(tagSupport);
+            return [];
+        }
+        processAddTagArrayItem(runtimeInsertBefore, tagSupport, index, options, lastArray);
+        ownerSupport.childTags.push(tagSupport);
+    });
+    return clones;
+}
+function setPlaceholderElm(insertBefore, subject) {
+    if (insertBefore.nodeName !== 'TEMPLATE') {
+        subject.placeholder = insertBefore;
+        return;
+    }
+    const placeholder = subject.placeholder = document.createTextNode('');
+    const parentNode = insertBefore.parentNode;
+    parentNode.insertBefore(placeholder, insertBefore);
+    parentNode.removeChild(insertBefore);
+}
+function processAddTagArrayItem(before, tagSupport, index, options, lastArray) {
+    const lastValue = {
+        tagSupport, index
+    };
+    // Added to previous array
+    lastArray.push(lastValue);
+    const counts = {
+        added: options.counts.added + index,
+        removed: options.counts.removed,
+    };
+    const newTempElm = document.createElement('template');
+    const parent = before.parentNode;
+    parent.insertBefore(newTempElm, before);
+    tagSupport.buildBeforeElement(newTempElm, // before,
+    { counts, forceElement: options.forceElement });
+}
+/** compare two values. If both values are arrays then the items will be compared */
+function areLikeValues(valueA, valueB) {
+    if (valueA === valueB) {
+        return true;
+    }
+    const bothArrays = valueA instanceof Array && valueB instanceof Array;
+    const matchLengths = bothArrays && valueA.length == valueB.length;
+    if (matchLengths) {
+        return valueA.every((item, index) => item == valueB[index]);
+    }
+    return false;
+}
+//# sourceMappingURL=processTagArray.js.map

package/js/tag/update/processTagArray.js.map

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

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

@@ -0,0 +1,11 @@
+import { Counts } from '../../interpolations/interpolateTemplate';
+import { TagArraySubject } from './processTagArray';
+import { TagSubject } from '../../subject.types';
+import { InsertBefore } from '../../interpolations/Clones.type';
+import { TagSupport } from '../TagSupport.class';
+export declare function processTagResult(tagSupport: TagSupport, subject: TagArraySubject | TagSubject | Function, // used for recording past and current value
+insertBefore: InsertBefore, // <template end interpolate />
+{ counts, forceElement, }: {
+    counts: Counts;
+    forceElement?: boolean;
+}): void;

package/js/tag/update/processTagResult.function.js

@@ -0,0 +1,30 @@
+export function processTagResult(tagSupport, subject, // used for recording past and current value
+insertBefore, // <template end interpolate />
+{ counts, forceElement, }) {
+    // *if appears we already have seen
+    const subjectTag = subject;
+    const lastSupport = subjectTag.tagSupport;
+    const prevSupport = lastSupport?.global.oldest || undefined; // || tag.tagSupport.oldest // subjectTag.tag
+    const justUpdate = prevSupport; // && !forceElement
+    if (prevSupport && justUpdate) {
+        return processTagResultUpdate(tagSupport, subjectTag, prevSupport);
+    }
+    tagSupport.buildBeforeElement(insertBefore, {
+        counts,
+        forceElement,
+    });
+}
+function processTagResultUpdate(tagSupport, subject, // used for recording past and current value
+prevSupport) {
+    // components
+    if (subject instanceof Function) {
+        const newSupport = subject(prevSupport);
+        prevSupport.updateBy(newSupport);
+        subject.tagSupport = newSupport;
+        return;
+    }
+    prevSupport.updateBy(tagSupport);
+    subject.tagSupport = tagSupport;
+    return;
+}
+//# sourceMappingURL=processTagResult.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"processTagResult.function.js","sourceRoot":"","sources":["../../../ts/tag/update/processTagResult.function.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,gBAAgB,CAC9B,UAAsB,EACtB,OAAgD,EAAE,4CAA4C;AAC9F,YAA0B,EAAE,+BAA+B;AAC3D,EACE,MAAM,EAAE,YAAY,GAIrB;IAED,mCAAmC;IACnC,MAAM,UAAU,GAAG,OAAqB,CAAA;IACxC,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAA;IACzC,MAAM,WAAW,GAAG,WAAW,EAAE,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA,CAAC,6CAA6C;IACzG,MAAM,UAAU,GAAG,WAAW,CAAA,CAAC,mBAAmB;IAElD,IAAG,WAAW,IAAI,UAAU,EAAE,CAAC;QAC7B,OAAO,sBAAsB,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,CAAC,CAAA;IACpE,CAAC;IAED,UAAU,CAAC,kBAAkB,CAAC,YAAY,EAAE;QAC1C,MAAM;QACN,YAAY;KACb,CAAC,CAAA;AACJ,CAAC;AAGD,SAAS,sBAAsB,CAC7B,UAAsB,EACtB,OAAqD,EAAE,4CAA4C;AACnG,WAAuB;IAEvB,aAAa;IACb,IAAG,OAAO,YAAY,QAAQ,EAAE,CAAC;QAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;QACvC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAE/B;QAAC,OAAiC,CAAC,UAAU,GAAG,UAAU,CAAA;QAC3D,OAAM;IACR,CAAC;IAED,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAChC,OAAO,CAAC,UAAU,GAAG,UAAU,CAAA;IAE/B,OAAM;AACR,CAAC"}

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

@@ -0,0 +1,3 @@
+import { TemplateValue } from './processSubjectValue.function';
+import { Context } from '../Tag.class';
+export declare function updateContextItem(context: Context, variableName: string, value: TemplateValue): void;

package/js/tag/update/updateContextItem.function.js

@@ -0,0 +1,44 @@
+import { isSubjectInstance, isTagComponent } from '../../isInstance';
+import { TagSupport } from '../TagSupport.class';
+export function updateContextItem(context, variableName, value) {
+    const subject = context[variableName];
+    const tagSubject = subject;
+    const tagSupport = tagSubject.tagSupport;
+    if (tagSupport) {
+        if (value) {
+            if (isTagComponent(value)) {
+                const templater = value;
+                let newSupport = new TagSupport(templater, tagSupport.ownerTagSupport, subject);
+                if (isTagComponent(tagSupport)) {
+                    shareTemplaterGlobal(tagSupport, newSupport);
+                }
+            }
+        }
+    }
+    if (isSubjectInstance(value)) {
+        return; // emits on its own
+    }
+    // listeners will evaluate updated values to possibly update display(s)
+    subject.set(value);
+    return;
+}
+function shareTemplaterGlobal(oldTagSupport, tagSupport) {
+    const oldTemp = oldTagSupport.templater;
+    const oldWrap = oldTemp.wrapper; // tag versus component
+    const oldValueFn = oldWrap.parentWrap.original;
+    const templater = tagSupport.templater;
+    const newWrapper = templater.wrapper;
+    const newValueFn = newWrapper?.parentWrap.original;
+    const fnMatched = oldValueFn === newValueFn;
+    if (fnMatched) {
+        tagSupport.global = oldTagSupport.global;
+        const newest = oldTagSupport.global.newest;
+        if (newest) {
+            const prevState = newest.memory.state;
+            tagSupport.memory.state.length = 0;
+            tagSupport.memory.state.push(...prevState);
+            // tagSupport.memory.state = [...prevState]
+        }
+    }
+}
+//# sourceMappingURL=updateContextItem.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"updateContextItem.function.js","sourceRoot":"","sources":["../../../ts/tag/update/updateContextItem.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIpE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGhD,MAAM,UAAU,iBAAiB,CAC/B,OAAgB,EAChB,YAAoB,EACpB,KAAoB;IAEpB,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IACrC,MAAM,UAAU,GAAG,OAAqB,CAAA;IACxC,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAA;IAExC,IAAG,UAAU,EAAE,CAAC;QACd,IAAG,KAAK,EAAE,CAAC;YACT,IAAI,cAAc,CAAC,KAAK,CAAC,EAAG,CAAC;gBAC3B,MAAM,SAAS,GAAG,KAAwB,CAAA;gBAC1C,IAAI,UAAU,GAAG,IAAI,UAAU,CAC7B,SAAS,EACT,UAAU,CAAC,eAAe,EAC1B,OAAqB,CACtB,CAAA;gBAED,IAAG,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC9B,oBAAoB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAM,CAAC,mBAAmB;IAC5B,CAAC;IAED,uEAAuE;IACvE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAElB,OAAM;AACR,CAAC;AAED,SAAS,oBAAoB,CAC3B,aAAyB,EACzB,UAAsB;IAEtB,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CAAA;IACvC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAkB,CAAA,CAAC,uBAAuB;IAClE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAA;IAE9C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAA;IACtC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAA;IACpC,MAAM,UAAU,GAAG,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAA;IAClD,MAAM,SAAS,GAAG,UAAU,KAAK,UAAU,CAAA;IAE3C,IAAG,SAAS,EAAE,CAAC;QACb,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAA;QACxC,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAoB,CAAA;QACxD,IAAG,MAAM,EAAE,CAAC;YACV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;YACrC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;YAClC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAA;YAC1C,2CAA2C;QAC7C,CAAC;IACH,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,5 @@
+import { TagSubject } from '../../subject.types';
+import { TagSupport } from '../TagSupport.class';
+import { InsertBefore } from '../../interpolations/Clones.type';
+export declare function updateExistingTagComponent(ownerSupport: TagSupport, tagSupport: TagSupport, // lastest
+subject: TagSubject, insertBefore: InsertBefore): TagSupport;