dothtml 6.0.0-beta.16 → 6.0.0-beta.18

package/build_module/v-style-nodes/css-function-builder-v-style.js

@@ -0,0 +1,71 @@
+import Reactive from "../reactive";
+import VStyle from "./v-style";
+export default class CssFunctionBuilderVStyle extends VStyle {
+    constructor(propName) {
+        super();
+        this.funcs = [];
+        this.subscriptions = {};
+        this.propName = propName;
+    }
+    _render(target) {
+        this.target = target;
+        let result = "";
+        for (let i = 0; i < this.funcs.length; i++) {
+            let t = this.funcs[i];
+            for (let k = 0; k < t.args.length; k++) {
+                let arg = t.args[k];
+                if (arg.v instanceof Reactive) {
+                    let subscriptionId = arg.v.subscribeStyle(this, t.func);
+                    this.subscriptions[subscriptionId] = arg.v;
+                }
+            }
+        }
+        if (this.simpleValue) {
+            result = this.simpleValue;
+            target.style[this.propName] = result;
+        }
+        else {
+            this.updateProp(null, null);
+        }
+    }
+    _unrender() {
+        for (let s in this.subscriptions) {
+            this.subscriptions[s].detachBinding(Number(s));
+        }
+        this.subscriptions = {};
+        this.target = null;
+    }
+    updateProp(prop, value) {
+        let isSimple = true;
+        let ret = "";
+        for (let i = 0; i < this.funcs.length; i++) {
+            let t = this.funcs[i];
+            ret += t.func + "(";
+            for (let k = 0; k < t.args.length; k++) {
+                let arg = t.args[k];
+                let argVal = "";
+                if (arg.v instanceof Reactive) {
+                    argVal = arg.v.getValue();
+                    isSimple = false;
+                }
+                else {
+                    argVal = `${arg.v}`;
+                }
+                if (arg.f)
+                    argVal = arg.f(argVal);
+                ret += argVal.toString();
+            }
+            ret = ret.trim() + ") ";
+        }
+        ret = ret.trim();
+        if (isSimple) {
+            this.simpleValue = ret;
+        }
+        this.target.style[this.propName] = ret;
+    }
+    appendFunction(filter, args) {
+        this.funcs.push({ func: filter, args: args });
+        return this;
+    }
+}
+//# sourceMappingURL=css-function-builder-v-style.js.map

package/build_module/v-style-nodes/css-function-builder-v-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-function-builder-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/css-function-builder-v-style.ts"],"names":[],"mappings":"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"}

package/build_module/v-style-nodes/filter-v-style.d.ts

@@ -0,0 +1,13 @@
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class FilterVStyle extends CssFunctionBuilderVStyle {
+    blur(v: any): this;
+    brightness(v: any): this;
+    contrast(v: any): this;
+    dropShadow(x: any, y: any, blur: any, color: any): this;
+    grayscale(v: any): this;
+    hueRotate(v: any): this;
+    invert(v: any): this;
+    opacity(v: any): this;
+    sepia(v: any): this;
+    saturate(v: any): this;
+}

package/build_module/v-style-nodes/filter-v-style.js

@@ -0,0 +1,35 @@
+import { formatCssColor, formatCssLength, formatCssPercentage } from "../css/format-css-type";
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class FilterVStyle extends CssFunctionBuilderVStyle {
+    blur(v) {
+        return this.appendFunction("blur", [{ v, f: formatCssLength }]);
+    }
+    brightness(v) {
+        return this.appendFunction("brightness", [{ v, f: formatCssPercentage }]);
+    }
+    contrast(v) {
+        return this.appendFunction("contrast", [{ v, f: formatCssLength }]);
+    }
+    dropShadow(x, y, blur, color) {
+        return this.appendFunction("drop-shadow", [{ v: x, f: formatCssLength }, { v: y, f: formatCssLength }, { v: blur, f: formatCssLength }, { v: color, f: formatCssColor }]);
+    }
+    grayscale(v) {
+        return this.appendFunction("grayscale", [{ v, f: formatCssLength }]);
+    }
+    hueRotate(v) {
+        return this.appendFunction("hue-rotate", [{ v, f: formatCssLength }]);
+    }
+    invert(v) {
+        return this.appendFunction("invert", [{ v, f: formatCssLength }]);
+    }
+    opacity(v) {
+        return this.appendFunction("opacity", [{ v, f: formatCssLength }]);
+    }
+    sepia(v) {
+        return this.appendFunction("sepia", [{ v, f: formatCssLength }]);
+    }
+    saturate(v) {
+        return this.appendFunction("saturate", [{ v, f: formatCssLength }]);
+    }
+}
+//# sourceMappingURL=filter-v-style.js.map

package/build_module/v-style-nodes/filter-v-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/filter-v-style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AAEtE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,wBAAwB;IAEjE,IAAI,CAAC,CAAC;QACL,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,CAAC,CAAC;QACX,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK;QAC3B,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,CAAC,CAAC,CAAC;IACnK,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,SAAS,CAAC,CAAC;QACV,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,CAAC,CAAC;QACP,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,CAAC,CAAC;QACR,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,KAAK,CAAC,CAAC;QACN,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,QAAQ,CAAC,CAAC;QACT,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;CACD"}

package/build_module/v-style-nodes/transform-v-style.d.ts

@@ -0,0 +1,28 @@
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+export default class TransformVStyle extends CssFunctionBuilderVStyle {
+    matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
+    matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
+    translate(x: any, y?: any): this;
+    translate3d(x: any, y: any, z: any): this;
+    translateX(x: any): this;
+    translateY(y: any): this;
+    translateZ(z: any): this;
+    scale(x: number, y?: number): this;
+    scale3d(x: number, y: number, z: number): this;
+    scaleX(x: number): this;
+    scaleY(y: number): this;
+    scaleZ(z: number): this;
+    rotate(x: any): this;
+    rotate3d(x: number, y: number, z: number, a: any): this;
+    rotate3dDeg(x: number, y: number, z: number, a: number): this;
+    rotate3dRad(x: number, y: number, z: number, a: number): this;
+    rotate3dGrad(x: number, y: number, z: number, a: number): this;
+    rotate3dTurn(x: number, y: number, z: number, a: number): this;
+    rotateX(x: any): this;
+    rotateY(y: any): this;
+    rotateZ(z: any): this;
+    skew(x: any, y?: any): this;
+    skewX(x: any): this;
+    skewY(y: any): this;
+    perspective(d: any): this;
+}

package/build_module/v-style-nodes/transform-v-style.js

@@ -0,0 +1,76 @@
+import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
+import { formatCssAngle, formatCssLength } from "../css/format-css-type";
+export default class TransformVStyle extends CssFunctionBuilderVStyle {
+    matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
+        return this.appendFunction("matrix3d", arguments);
+    }
+    matrix(a, b, c, d, tx, ty) {
+        return this.appendFunction("matrix", arguments);
+    }
+    translate(x, y) {
+        return arguments.length == 1
+            ? this.appendFunction("translate", [{ f: formatCssLength, v: x }])
+            : this.appendFunction("translate", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }]);
+    }
+    translate3d(x, y, z) {
+        return this.appendFunction("translate3d", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }, { f: formatCssLength, v: z }]);
+    }
+    translateX(x) {
+        return this.appendFunction("translateX", [{ f: formatCssLength, v: x }]);
+    }
+    translateY(y) {
+        return this.appendFunction("translateY", [{ f: formatCssLength, v: y }]);
+    }
+    translateZ(z) {
+        return this.appendFunction("translateZ", [{ f: formatCssLength, v: z }]);
+    }
+    scale(x, y) {
+        return this.appendFunction("scale", [x, y ?? 1]);
+    }
+    scale3d(x, y, z) {
+        return this.appendFunction("scale3d", [x, y, z]);
+    }
+    scaleX(x) {
+        return this.appendFunction("scaleX", [x]);
+    }
+    scaleY(y) {
+        return this.appendFunction("scaleY", [y]);
+    }
+    scaleZ(z) {
+        return this.appendFunction("scaleZ", [z]);
+    }
+    rotate(x) {
+        return this.appendFunction("rotate", [{ f: formatCssAngle, v: x }]);
+    }
+    rotate3d(x, y, z, a) {
+        return this.appendFunction("rotate3d", [x, y, z, { f: formatCssAngle, v: a }]);
+    }
+    rotate3dDeg(x, y, z, a) { return this.rotate3d(x, y, z, a); }
+    rotate3dRad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}rad`); }
+    rotate3dGrad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}grad`); }
+    rotate3dTurn(x, y, z, a) { return this.rotate3d(x, y, z, `${a}turn`); }
+    rotateX(x) {
+        return this.appendFunction("rotateX", [{ f: formatCssAngle, v: x }]);
+    }
+    rotateY(y) {
+        return this.appendFunction("rotateY", [{ f: formatCssAngle, v: y }]);
+    }
+    rotateZ(z) {
+        return this.appendFunction("rotateZ", [{ f: formatCssAngle, v: z }]);
+    }
+    skew(x, y) {
+        return arguments.length == 1
+            ? this.appendFunction("skew", [{ f: formatCssAngle, v: x }])
+            : this.appendFunction("skew", [{ f: formatCssAngle, v: x }, { f: formatCssAngle, v: y }]);
+    }
+    skewX(x) {
+        return this.appendFunction("skewX", [{ f: formatCssAngle, v: x }]);
+    }
+    skewY(y) {
+        return this.appendFunction("skewY", [{ f: formatCssAngle, v: y }]);
+    }
+    perspective(d) {
+        return this.appendFunction("perspective", [{ f: formatCssLength, v: d }]);
+    }
+}
+//# sourceMappingURL=transform-v-style.js.map

package/build_module/v-style-nodes/transform-v-style.js.map

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

package/build_module/v-style-nodes/v-style.d.ts

@@ -0,0 +1,6 @@
+export default abstract class VStyle {
+    abstract _render(target: HTMLElement): any;
+    abstract _unrender(): any;
+    abstract updateProp(prop: string, value: string): any;
+    toString(): string;
+}

package/build_module/v-style-nodes/v-style.js

@@ -0,0 +1,6 @@
+export default class VStyle {
+    toString() {
+        return "";
+    }
+}
+//# sourceMappingURL=v-style.js.map

package/build_module/v-style-nodes/v-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/v-style.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAgB,MAAM;IAOnC,QAAQ;QACP,OAAO,EAAE,CAAC;IACX,CAAC;CACD"}

package/build_module/vdom-nodes/collection-vdom.d.ts

@@ -0,0 +1,24 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+import { ObservableCollection } from "./vdom-types";
+type DatumMap = {
+    vdom: Vdom;
+    value: any;
+    keyValue: any;
+    afterNode: Node;
+    observableIndex: Reactive<number>;
+};
+export default class CollectionVdom extends Vdom {
+    value: ObservableCollection;
+    renderCallback: (x: any, i: number | string | Reactive, k: string) => Vdom;
+    startNode: Node;
+    endNode: Node;
+    observerId: number;
+    mappedItems: Array<DatumMap>;
+    constructor(value: ObservableCollection, renderCallback: (x: any, i: number | string, k: string) => Vdom);
+    _render(target: HTMLElement): void;
+    _unrender(): void;
+    private removeItem;
+    updateList(): void;
+}
+export {};

package/build_module/vdom-nodes/collection-vdom.js

@@ -0,0 +1,154 @@
+import { deepEqual } from "../helpers";
+import Reactive from "../reactive";
+import { TextVdom } from "./text-vdom";
+import { Vdom } from "./vdom";
+export default class CollectionVdom extends Vdom {
+    constructor(value, renderCallback) {
+        super();
+        this.observerId = 0;
+        this.mappedItems = [];
+        this.value = value;
+        this.renderCallback = renderCallback;
+    }
+    _render(target) {
+        if (this.value instanceof Reactive) {
+            this.observerId = this.value.subscribeCollection(this);
+        }
+        this.startNode = target.ownerDocument.createTextNode("");
+        this.endNode = target.ownerDocument.createTextNode("");
+        target.appendChild(this.startNode);
+        target.appendChild(this.endNode);
+        this.updateList();
+    }
+    _unrender() {
+        if (this.observerId && this.value instanceof Reactive) {
+            this.value.detachBinding(this.observerId);
+            this.observerId = null;
+        }
+        for (let i = 0; i < this.mappedItems.length; i++) {
+            let I = this.mappedItems[i];
+            I.vdom._unrender();
+            I.afterNode.parentElement.removeChild(I.afterNode);
+        }
+        this.mappedItems.length = 0;
+        this.startNode.parentElement.removeChild(this.startNode);
+        this.endNode.parentElement.removeChild(this.endNode);
+        this.startNode = null;
+        this.endNode = null;
+    }
+    removeItem(item) {
+        item.vdom._unrender();
+        item.afterNode.parentElement.removeChild(item.afterNode);
+    }
+    updateList() {
+        let key = null;
+        let mappedData;
+        {
+            let unmappedCollection = null;
+            if (this.value instanceof Reactive) {
+                unmappedCollection = this.value.getValue();
+                key = this.value.key ?? null;
+            }
+            else {
+                unmappedCollection = this.value;
+            }
+            if (unmappedCollection instanceof Array) {
+                mappedData = unmappedCollection.map((v, i) => {
+                    let kv = !!key ? v[key] : null;
+                    return {
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    };
+                });
+            }
+            else {
+                mappedData = [];
+                for (let k in unmappedCollection) {
+                    let v = unmappedCollection[k];
+                    let kv = !!key ? v[key] : k;
+                    mappedData.push({
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    });
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ns = 0;
+            let ni = 0;
+            while (oi < this.mappedItems.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (!candidate) {
+                    this.removeItem(existing);
+                    this.mappedItems.splice(oi, 1);
+                    ni = ns;
+                    continue;
+                }
+                else if ((candidate == existing) || (key && candidate.keyValue == existing.keyValue)) {
+                    ns++;
+                    oi++;
+                    ni = ns;
+                    continue;
+                }
+                else {
+                    ni++;
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ni = 0;
+            let afterTarget = this.startNode;
+            while (ni < mappedData.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (existing && ((candidate == existing) || (key && candidate.keyValue == existing.keyValue))) {
+                    if (!deepEqual(existing.value, candidate.value)) {
+                        existing.vdom._unrender();
+                        existing.vdom = this.renderCallback(candidate.value, this.value instanceof Reactive ? existing.observableIndex : ni, candidate.keyValue);
+                        existing.value = candidate.value;
+                        existing.vdom._renderBefore(existing.afterNode);
+                    }
+                    else {
+                        existing.observableIndex.setValue(ni);
+                    }
+                    afterTarget = existing.afterNode;
+                    ni++;
+                    oi++;
+                    continue;
+                }
+                else {
+                    let beforeTarget = afterTarget.ownerDocument.createTextNode("");
+                    let ns = afterTarget.parentElement.nextSibling;
+                    if (ns) {
+                        this.startNode.parentElement.insertBefore(beforeTarget, ns);
+                    }
+                    else {
+                        this.startNode.parentElement.appendChild(beforeTarget);
+                    }
+                    candidate.afterNode = beforeTarget;
+                    candidate.observableIndex._value = ni;
+                    let content = this.renderCallback(candidate.value, this.value instanceof Reactive ? candidate.observableIndex : ni, candidate.keyValue);
+                    if (content instanceof Vdom) {
+                        candidate.vdom = content;
+                    }
+                    else {
+                        candidate.vdom = new TextVdom(content);
+                    }
+                    candidate.vdom._renderBefore(candidate.afterNode);
+                    this.mappedItems.splice(ni, 0, candidate);
+                    ni++;
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=collection-vdom.js.map

package/build_module/vdom-nodes/collection-vdom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/collection-vdom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,YAAY,CAAC;AAC3D,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAc9B,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,IAAI;IAU/C,YAAY,KAA2B,EAAE,cAA2D;QACnG,KAAK,EAAE,CAAC;QALT,eAAU,GAAG,CAAC,CAAC;QAEf,gBAAW,GAAoB,EAAE,CAAC;QAIjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACtC,CAAC;IAED,OAAO,CAAC,MAAmB;QAE1B,IAAG,IAAI,CAAC,KAAK,YAAY,QAAQ,EAAC;YACjC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;SACvD;QAED,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACvD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,SAAS;QACR,IAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,YAAY,QAAQ,EAAC;YACpD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACvB;QAED,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;YAC/C,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SACnD;QACD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAE5B,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAKO,UAAU,CAAC,IAAc;QAChC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC1D,CAAC;IAED,UAAU;QACT,IAAI,GAAG,GAAW,IAAI,CAAC;QACvB,IAAI,UAA2B,CAAC;QAEhC;YAEC,IAAI,kBAAkB,GAAG,IAA6C,CAAC;YACvE,IAAG,IAAI,CAAC,KAAK,YAAY,QAAQ,EAAC;gBACjC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAS,CAAC;gBAClD,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;aAC7B;iBACG;gBACH,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC;aAChC;YAED,IAAG,kBAAkB,YAAY,KAAK,EAAC;gBACtC,UAAU,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAC5C,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC/B,OAAO;wBACN,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,EAAE;wBACZ,SAAS,EAAE,IAAI;wBACf,eAAe,EAAE,IAAI,QAAQ,EAAE;qBACnB,CAAC;gBACf,CAAC,CAAC,CAAC;aACH;iBACI;gBACJ,UAAU,GAAG,EAAE,CAAC;gBAChB,KAAI,IAAI,CAAC,IAAI,kBAAkB,EAAC;oBAC/B,IAAI,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;oBAC9B,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC5B,UAAU,CAAC,IAAI,CAAC;wBACf,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE,CAAC;wBACR,QAAQ,EAAE,EAAE;wBACZ,SAAS,EAAE,IAAI;wBACf,eAAe,EAAE,IAAI,QAAQ,EAAE;qBACnB,CAAC,CAAC;iBACf;aACD;SACD;QAED;YACC,IAAI,EAAE,GAAG,CAAC,CAAC;YACX,IAAI,EAAE,GAAG,CAAC,CAAC;YACX,IAAI,EAAE,GAAG,CAAC,CAAC;YACX,OAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAC;gBAClC,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpC,IAAI,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;gBAC/B,IAAG,CAAC,SAAS,EAAC;oBACb,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;oBAC1B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC/B,EAAE,GAAG,EAAE,CAAC;oBACR,SAAS;iBACT;qBACI,IAAG,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAC;oBACnF,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,GAAG,EAAE,CAAC;oBACR,SAAS;iBACT;qBACG;oBACH,EAAE,EAAE,CAAC;iBACL;aACD;SACD;QAED;YACC,IAAI,EAAE,GAAG,CAAC,CAAC;YACX,IAAI,EAAE,GAAG,CAAC,CAAC;YACX,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;YACjC,OAAM,EAAE,GAAG,UAAU,CAAC,MAAM,EAAC;gBAC5B,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpC,IAAI,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;gBAE/B,IAAG,QAAQ,IAAI,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAC;oBAI5F,IAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAC;wBAC9C,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;wBAC1B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;wBACzI,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAA;wBAChC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;qBAChD;yBACG;wBAEH,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;qBACtC;oBAED,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC;oBACjC,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBAGL,SAAS;iBACT;qBACG;oBACH,IAAI,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;oBAChE,IAAI,EAAE,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC;oBAC/C,IAAG,EAAE,EAAC;wBACL,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;qBAC5D;yBACG;wBACH,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;qBACvD;oBACD,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC;oBAEnC,SAAS,CAAC,eAAe,CAAC,MAAM,GAAG,EAAE,CAAC;oBACtC,IAAI,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;oBAExI,IAAG,OAAO,YAAY,IAAI,EAAC;wBAC1B,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC;qBACzB;yBACG;wBACH,SAAS,CAAC,IAAI,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;qBACvC;oBACD,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;oBAElD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;oBAC1C,EAAE,EAAE,CAAC;iBACL;aACD;SACD;IACF,CAAC;CACD"}

package/build_module/vdom-nodes/component-vdom.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from "dothtml-interfaces";
+import { Vdom } from "./vdom";
+import { ContainerVdom } from "./container-vdom";
+export declare class ComponentVdom extends Vdom {
+    component: IComponent;
+    shadowEl: HTMLElement;
+    childShadowVdom: ContainerVdom;
+    sharedStyles: CSSStyleSheet;
+    constructor(component: IComponent);
+    private setupCustomElement;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    toString(): string;
+}

package/build_module/vdom-nodes/component-vdom.js

@@ -0,0 +1,61 @@
+import { Vdom } from "./vdom";
+export class ComponentVdom extends Vdom {
+    constructor(component) {
+        super();
+        this.component = component;
+        this.component.creating && this.component.creating();
+        this.childShadowVdom = this.component.build && this.component.build();
+        this.component.built && this.component.built();
+    }
+    setupCustomElement(component, document) {
+        let customElementConstructor = document.defaultView.customElements.get(component._._meta.tagName);
+        if (customElementConstructor == undefined) {
+            customElementConstructor = class extends HTMLElement {
+                set component(value) {
+                    this._component = value;
+                    this._renderComponent();
+                }
+                _renderComponent() {
+                    if (this.cvdom instanceof Vdom) {
+                        let shadow = this.attachShadow({ mode: 'open' });
+                        this._component._._meta.shadowRoot = shadow;
+                        this.cvdom.childShadowVdom._render(shadow);
+                    }
+                    else {
+                        throw new Error("Component build function returned invalid object.");
+                    }
+                }
+            };
+            document.defaultView.customElements.define(component._._meta.tagName, customElementConstructor);
+        }
+    }
+    _render(node) {
+        if (!this.component._)
+            throw new Error("Invalid component. Ensure components are created through the component factory or through decoration.");
+        if (this.component._?._meta?.isRendered)
+            throw new Error("Individual component instances cannot be rendered twice at once.");
+        if (!this.component._._meta)
+            this.component._._meta = {};
+        this.component._._meta.isRendered = true;
+        let document = node.ownerDocument;
+        this.setupCustomElement(this.component, document);
+        this.shadowEl = document.createElement(this.component._._meta.tagName);
+        this.shadowEl["cvdom"] = this;
+        this.shadowEl["component"] = this.component;
+        this.component._.restyle && this.component._.restyle();
+        node.appendChild(this.shadowEl);
+    }
+    _unrender() {
+        this.component.deleting && this.component.deleting();
+        this.childShadowVdom._unrender();
+        this.childShadowVdom = null;
+        this.shadowEl.remove();
+        this.shadowEl = null;
+        this.component._._meta.isRendered = false;
+        this.component.deleted && this.component.deleted();
+    }
+    toString() {
+        return `<${this.component._._meta.tagName}></${this.component._._meta.tagName}>`;
+    }
+}
+//# sourceMappingURL=component-vdom.js.map

package/build_module/vdom-nodes/component-vdom.js.map

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

package/build_module/vdom-nodes/conditional-vdom.d.ts

@@ -0,0 +1,14 @@
+import Reactive from "../reactive";
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+import { ConditionalNodeItem } from "./vdom-types";
+export declare class ConditionalVdom extends Vdom {
+    private conditions;
+    private sealed;
+    private renderedIndex;
+    addCondition(condition: Reactive | boolean, vNode: ContainerVdom, seal?: boolean): void;
+    addAnchor(C: ConditionalNodeItem, node: HTMLElement): void;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    updateConditions(): void;
+}

package/build_module/vdom-nodes/conditional-vdom.js

@@ -0,0 +1,97 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+export class ConditionalVdom extends Vdom {
+    constructor() {
+        super(...arguments);
+        this.conditions = [];
+        this.sealed = false;
+        this.renderedIndex = -1;
+    }
+    addCondition(condition, vNode, seal = false) {
+        if (this.sealed) {
+            throw new Error("Cannot add additional conditions to a sealed block.");
+        }
+        this.sealed = seal;
+        let C = {
+            condition,
+            vNode,
+            startAnchor: null,
+            endAnchor: null,
+            observerId: 0
+        };
+        this.conditions.push(C);
+        if (this.conditions[0].startAnchor) {
+            this.addAnchor(C, this.conditions[0].startAnchor.parentElement);
+            if (condition instanceof Reactive) {
+                C.observerId = condition.subscribeCond(this);
+            }
+            this.updateConditions();
+        }
+    }
+    addAnchor(C, node) {
+        C.startAnchor = node.ownerDocument.createTextNode("");
+        C.endAnchor = node.ownerDocument.createTextNode("");
+        node.appendChild(C.startAnchor);
+        node.appendChild(C.endAnchor);
+    }
+    _render(node) {
+        for (let c = 0; c < this.conditions.length; c++) {
+            let C = this.conditions[c];
+            if (C.startAnchor) {
+                throw new Error("Item is already rendered.");
+            }
+            this.addAnchor(C, node);
+            if (C.condition instanceof Reactive) {
+                C.observerId = C.condition.subscribeCond(this);
+            }
+        }
+        if (this.conditions.length)
+            this.updateConditions();
+    }
+    _unrender() {
+        if (this.conditions[0].startAnchor) {
+            for (let i = 0; i < this.conditions.length; i++) {
+                let C = this.conditions[i];
+                let start = C.startAnchor;
+                let end = C.endAnchor;
+                C.vNode._unrender();
+                start.parentElement.removeChild(start);
+                end.parentElement.removeChild(end);
+                C.startAnchor = null;
+                C.endAnchor = null;
+                if (C.condition instanceof Reactive) {
+                    C.condition.detachBinding(C.observerId);
+                    C.observerId = 0;
+                }
+            }
+            this.renderedIndex = -1;
+        }
+    }
+    updateConditions() {
+        let node = this.conditions[0].startAnchor.parentElement;
+        let newIndex = -1;
+        for (let c = 0; c < this.conditions.length; c++) {
+            let C = this.conditions[c];
+            if (C.condition instanceof Reactive ? C.condition.getValue() : C.condition) {
+                newIndex = c;
+                break;
+            }
+        }
+        if (newIndex != this.renderedIndex) {
+            {
+                if (this.renderedIndex != -1) {
+                    let C = this.conditions[this.renderedIndex];
+                    C.vNode._unrender();
+                }
+            }
+            {
+                this.renderedIndex = newIndex;
+                if (newIndex != -1) {
+                    let C = this.conditions[newIndex];
+                    C.vNode._renderBefore(C.endAnchor);
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=conditional-vdom.js.map