dothtml 6.0.0-beta.45 → 6.0.0-beta.47

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

@@ -0,0 +1,163 @@
+import Watcher from "../reactivity/watcher";
+import CollectionVdom from "./collection-vdom";
+import { ConditionalVdom } from "./conditional-vdom";
+import ElementVdom from "./element-vdom";
+import { HtmlVdom } from "./html-vdom";
+import { TextVdom } from "./text-vdom";
+import { Vdom } from "./vdom";
+import { ComponentVdom } from "./component-vdom";
+import BaseVStyle from "../v-style-nodes/base-v-style";
+function reduceReactive(value) {
+    if (value instanceof Watcher)
+        return value.bind();
+    else
+        return value;
+}
+export class ContainerVdom extends Vdom {
+    constructor(dot) {
+        super();
+        this._children = [];
+        this._parent = null;
+        this._dot = dot;
+    }
+    _addChild(content) {
+        this._children.push(content);
+        if (this._parent && this._parent instanceof ElementVdom && this._parent.element)
+            content._render(this._parent.element);
+        return this;
+    }
+    _render(node) {
+        this._isRendered = true;
+        for (let c = 0; c < this._children.length; c++) {
+            this._children[c]._render(node);
+        }
+    }
+    _unrender() {
+        if (!this._isRendered)
+            return;
+        this._isRendered = false;
+        for (let c = 0; c < this._children.length; c++) {
+            this._children[c]._unrender();
+        }
+    }
+    _getNodes() {
+        let nodes = [];
+        for (let i = 0; i < this._children.length; i++) {
+            nodes.push(...this._children[i]._getNodes());
+        }
+        return nodes;
+    }
+    attr(A, c) {
+        let C = this._children[this._children.length - 1];
+        if (C && C instanceof ElementVdom) {
+            C.setAttr(A, c);
+        }
+        else {
+            throw new Error(`Invalid node to set ${A} attribute.`);
+        }
+    }
+    html(c) {
+        let hn = new HtmlVdom(reduceReactive(c));
+        return this._addChild(hn);
+    }
+    text(c) {
+        let tn = new TextVdom(reduceReactive(c));
+        return this._addChild(tn);
+    }
+    md(c) {
+        return this.text(reduceReactive(c));
+    }
+    style(c) {
+        if (typeof c === "function") {
+            const builder = new BaseVStyle();
+            c(builder);
+            this.attr("style", builder);
+        }
+        else {
+            this.attr("style", c);
+        }
+        return this;
+    }
+    mount(c, attrs) {
+        let cn = new ComponentVdom(this._dot, c);
+        if (attrs) {
+            for (let k in attrs) {
+                let val = attrs[k];
+                if (k === "ref") {
+                    cn.setRef(val);
+                }
+                else if (k.startsWith("on") && typeof val === "function") {
+                    let eventName = k;
+                    let modifiers = [];
+                    if (k.includes(".")) {
+                        const parts = k.split(".");
+                        eventName = parts[0];
+                        modifiers = parts.slice(1);
+                    }
+                    cn.addEventListener(eventName.substring(2).toLowerCase(), val, modifiers);
+                }
+                else {
+                    if (!c["props"])
+                        c.props = {};
+                    c.props[k] = val;
+                }
+            }
+        }
+        cn.init();
+        let ret = this._addChild(cn);
+        return ret;
+    }
+    when(condition, then) {
+        let condNode = new ConditionalVdom();
+        let thenContainer;
+        if (then instanceof ContainerVdom) {
+            thenContainer = then;
+        }
+        else {
+            thenContainer = new ContainerVdom(this._dot);
+            let textVdom = new TextVdom(reduceReactive(then));
+            thenContainer._addChild(textVdom);
+            then = thenContainer;
+        }
+        condNode.addCondition(reduceReactive(condition), reduceReactive(then));
+        this._addChild(condNode);
+        return this;
+    }
+    otherwiseWhen(condition, then, seal = false) {
+        let condNode = this._children[this._children.length - 1];
+        if (condNode instanceof ConditionalVdom) {
+            let thenContainer;
+            if (then instanceof ContainerVdom) {
+                thenContainer = then;
+            }
+            else {
+                thenContainer = new ContainerVdom(this._dot);
+                let textVdom = new TextVdom(reduceReactive(then));
+                thenContainer._addChild(textVdom);
+                then = thenContainer;
+            }
+            condNode.addCondition(reduceReactive(condition), reduceReactive(then), seal);
+        }
+        else {
+            throw new Error("Can't branch off of a non-conditional node.");
+        }
+        return this;
+    }
+    otherwise(then) { return this.otherwiseWhen(true, then, true); }
+    on(event, callback) {
+        let C = this._children[this._children.length - 1];
+        if (C && (C instanceof ElementVdom || C instanceof ComponentVdom)) {
+            C.addEventListener(event, callback);
+        }
+        else {
+            throw new Error(`Invalid node to set ${event} listener.`);
+        }
+        return this;
+    }
+    each(collection, callback) {
+        let collectionVdom = new CollectionVdom(reduceReactive(collection), callback);
+        this._addChild(collectionVdom);
+        return this;
+    }
+}
+//# sourceMappingURL=container-vdom.js.map

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

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

package/{dist/build_module → build_module}/vdom-nodes/element-vdom.d.ts

@@ -20,9 +20,10 @@ export default class ElementVdom extends Vdom {
     constructor(dot: IDotCore, tag: string);
     _render(node: HTMLElement): void;
     _unrender(): void;
+    _getNodes(): Node[];
     toString(): string;
     setAttr(attr: any, value: any): void;
     private renderAttr;
-    addEventListener(event: string, callback: (e: Event) => void): void;
+    addEventListener(event: string, callback: (e: any) => void, modifiers?: string[]): void;
     private renderEvent;
 }

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

@@ -0,0 +1,218 @@
+import { DOT_VDOM_PROP_NAME } from "../constants";
+import Watcher from "../reactivity/watcher";
+import AttributeVNode from "../v-meta-nodes/attribute-v-node";
+import StyleVNode from "../v-meta-nodes/style-v-node";
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+import Binding from "../reactivity/binding";
+import ReactiveAttr from "../reactivity/reactive-attr";
+import BaseVStyle from "../v-style-nodes/base-v-style";
+import { EventManager } from "../events/event-manager";
+export class AttributeItem {
+}
+let manualInputAllowed = true;
+export default class ElementVdom extends Vdom {
+    constructor(dot, tag) {
+        super();
+        this.children = null;
+        this.tag = null;
+        this.attributes = {};
+        this.events = [];
+        this.attributeObserverIds = [];
+        this.childBuilders = [];
+        this.attrVNodes = [];
+        this.styleVNodes = [];
+        this.tag = tag;
+        this.children = new ContainerVdom(dot);
+        this.children._parent = this;
+    }
+    _render(node) {
+        this.element = node.ownerDocument.createElement(this.tag);
+        this.element[DOT_VDOM_PROP_NAME] = this;
+        if (this.ref) {
+            if (typeof this.ref === "function") {
+                this.ref(this.element);
+            }
+            else {
+                this.ref.value = this.element;
+            }
+        }
+        node.appendChild(this.element);
+        if (this.children) {
+            this.children._render(this.element);
+        }
+        for (let a in this.attributes) {
+            this.renderAttr(a, this.attributes[a], this.element);
+        }
+        for (let i = 0; i < this.events.length; i++) {
+            let e = this.events[i];
+            this.renderEvent(e.name, e.callback, e.modifiers);
+        }
+    }
+    _unrender() {
+        this.children._unrender();
+        if (this.inputListener) {
+            this.element.removeEventListener("input", this.inputListener);
+            this.inputListener = null;
+        }
+        const eventManager = EventManager.getForDocument(this.element.ownerDocument);
+        for (let i = 0; i < this.events.length; i++) {
+            let e = this.events[i];
+            eventManager.removeListener(this.element, e.name.toLowerCase(), e.callback);
+        }
+        this.element.parentNode?.removeChild(this.element);
+        for (let i = 0; i < this.childBuilders.length; i++) {
+            this.childBuilders[i]._unrender();
+        }
+        this.childBuilders.length = 0;
+        for (let i = 0; i < this.attrVNodes.length; i++) {
+            this.attrVNodes[i].unrender();
+        }
+        this.attrVNodes.length = 0;
+        for (let i = 0; i < this.styleVNodes.length; i++) {
+            this.styleVNodes[i].unrender();
+        }
+        this.styleVNodes.length = 0;
+        for (let i = 0; i < this.attributeObserverIds.length; i++) {
+            let item = this.attributeObserverIds[i];
+            item.observable._unsubscribe(item.id);
+        }
+        this.attributeObserverIds.length = 0;
+        if (this.ref) {
+            if (typeof this.ref === "function") {
+                this.ref(null);
+            }
+            else {
+                this.ref.value = null;
+            }
+        }
+        this.element = null;
+    }
+    _getNodes() {
+        return this.element ? [this.element] : [];
+    }
+    toString() {
+        if (this.element) {
+            return this.element.outerHTML;
+        }
+        else {
+            return super.toString();
+        }
+    }
+    setAttr(attr, value) {
+        attr = (attr ?? "").toLowerCase();
+        const oldVal = this.attributes[attr];
+        if (oldVal instanceof StyleVNode) {
+            oldVal.unrender();
+            const idx = this.styleVNodes.indexOf(oldVal);
+            if (idx !== -1)
+                this.styleVNodes.splice(idx, 1);
+        }
+        if (oldVal instanceof AttributeVNode) {
+            oldVal.unrender();
+            const idx = this.attrVNodes.indexOf(oldVal);
+            if (idx !== -1)
+                this.attrVNodes.splice(idx, 1);
+        }
+        if (value && typeof value === "object" && !(value instanceof Array || value instanceof Binding || value instanceof Watcher || value instanceof BaseVStyle)) {
+            switch (attr) {
+                case "style": {
+                    value = new StyleVNode(value);
+                    break;
+                }
+                case "ref": {
+                    break;
+                }
+                default: {
+                    value = new AttributeVNode(attr, value);
+                    break;
+                }
+            }
+        }
+        if (value instanceof BaseVStyle && attr === "style") {
+            value = new StyleVNode(value);
+        }
+        this.attributes[attr] = value;
+        if (this.element) {
+            this.renderAttr(attr, value, this.element);
+        }
+    }
+    renderAttr(attr, value, node) {
+        if (attr == "ref") {
+            this.ref = value;
+            if (this.element) {
+                if (typeof this.ref === "function") {
+                    this.ref(this.element);
+                }
+                else {
+                    this.ref.value = this.element;
+                }
+            }
+        }
+        else if (typeof value === "string" || typeof value === "number") {
+            if (attr == "value" && (this.tag.toLowerCase() == "input" || this.tag.toLowerCase() == "textarea" || this.tag.toLowerCase() == "select")) {
+                node.value = value ?? "";
+            }
+            else {
+                node.setAttribute(attr, `${value}`);
+            }
+        }
+        else if (typeof value === "boolean" || value == null || value == undefined) {
+            if (attr == "checked" && this.tag.toLowerCase() == "input") {
+                node.checked = !!value;
+            }
+            else if (attr == "selected" && this.tag.toLowerCase() == "option") {
+                node.selected = !!value;
+            }
+            if (value)
+                node.setAttribute(attr, `${value}`);
+            else
+                node.removeAttribute(attr);
+        }
+        else if (value instanceof Array) {
+            node.setAttribute(attr, value.join(" "));
+        }
+        else if (value instanceof Binding) {
+            this.renderAttr(attr, value._get(), node);
+            let id = value._subscribe(new ReactiveAttr(this, attr));
+            this.attributeObserverIds.push({ id: id, observable: value });
+            if (attr == "value" || attr == "checked") {
+                let timeout = null;
+                if (!this.inputListener) {
+                    this.inputListener = (e) => {
+                        if (!manualInputAllowed)
+                            return;
+                        if (timeout)
+                            clearTimeout(timeout);
+                        timeout = setTimeout(() => {
+                            manualInputAllowed = false;
+                            value._set(this.element[attr]);
+                            manualInputAllowed = true;
+                            timeout = null;
+                        }, 200);
+                    };
+                    this.element.addEventListener("input", this.inputListener);
+                }
+            }
+        }
+        else if (value instanceof AttributeVNode) {
+            value.render(node);
+            this.attrVNodes.push(value);
+        }
+        else if (value instanceof StyleVNode) {
+            value.render(node);
+            this.styleVNodes.push(value);
+        }
+        else {
+        }
+    }
+    addEventListener(event, callback, modifiers = []) {
+        this.events.push({ name: event, callback: callback, modifiers: modifiers });
+        if (this.element)
+            this.renderEvent(event, callback, modifiers);
+    }
+    renderEvent(e, callback, modifiers = []) {
+        EventManager.getForDocument(this.element.ownerDocument).addListener(this.element, e.toLowerCase(), callback, modifiers);
+    }
+}
+//# sourceMappingURL=element-vdom.js.map

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

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

package/{dist/build_module → build_module}/vdom-nodes/html-vdom.d.ts

@@ -9,5 +9,6 @@ export declare class HtmlVdom extends Vdom {
     updateHtml(html: any): void;
     _render(target: HTMLElement): void;
     _unrender(): void;
+    _getNodes(): Node[];
     toString(): any;
 }

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

@@ -0,0 +1,65 @@
+import { removeNodesBetween } from "../helpers/tools";
+import Binding from "../reactivity/binding";
+import { Vdom } from "./vdom";
+export class HtmlVdom extends Vdom {
+    constructor(html) {
+        super();
+        this.observerId = 0;
+        this.html = html;
+    }
+    updateHtml(html) {
+        if (this.beforeNode) {
+            removeNodesBetween(this.beforeNode, this.afterNode);
+            let temp = this.beforeNode.ownerDocument.createElement("div");
+            temp.innerHTML = html;
+            while (temp.firstChild) {
+                this.afterNode.parentElement.insertBefore(temp.firstChild, this.afterNode);
+            }
+        }
+    }
+    _render(target) {
+        let html = "";
+        if (this.html instanceof Binding) {
+            html = this.html._get() ?? "";
+            this.observerId = this.html._subscribe(this);
+        }
+        else {
+            html = this.html;
+        }
+        this.beforeNode = target.ownerDocument.createTextNode("");
+        this.afterNode = target.ownerDocument.createTextNode("");
+        target.appendChild(this.beforeNode);
+        target.appendChild(this.afterNode);
+        this.updateHtml(html ?? "");
+    }
+    _unrender() {
+        if (this.beforeNode) {
+            let parent = this.beforeNode.parentElement;
+            removeNodesBetween(this.beforeNode, this.afterNode);
+            parent.removeChild(this.beforeNode);
+            parent.removeChild(this.afterNode);
+            this.beforeNode = null;
+            this.afterNode = null;
+        }
+        if (this.observerId && this.html instanceof Binding) {
+            this.html._unsubscribe(this.observerId);
+            this.observerId = 0;
+        }
+    }
+    _getNodes() {
+        if (!this.beforeNode)
+            return [];
+        let nodes = [this.beforeNode];
+        let curr = this.beforeNode.nextSibling;
+        while (curr && curr !== this.afterNode) {
+            nodes.push(curr);
+            curr = curr.nextSibling;
+        }
+        nodes.push(this.afterNode);
+        return nodes;
+    }
+    toString() {
+        return this.html instanceof Binding ? this.html._get() : this.html;
+    }
+}
+//# sourceMappingURL=html-vdom.js.map

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

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

package/{dist/build_module → build_module}/vdom-nodes/text-vdom.d.ts

@@ -7,5 +7,6 @@ export declare class TextVdom extends Vdom {
     constructor(text: string | boolean | number | Binding);
     _render(node: HTMLElement): void;
     _unrender(): void;
+    _getNodes(): Node[];
     toString(): string;
 }

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

@@ -0,0 +1,40 @@
+import Binding from "../reactivity/binding";
+import { Vdom } from "./vdom";
+export class TextVdom extends Vdom {
+    constructor(text) {
+        super();
+        this.textNode = null;
+        this.observerId = 0;
+        this.text = text;
+    }
+    _render(node) {
+        if (this.text instanceof Binding) {
+            this.textNode = node.ownerDocument.createTextNode(this.text._get() ?? "");
+            this.observerId = this.text._subscribe(this);
+        }
+        else {
+            this.textNode = node.ownerDocument.createTextNode(`${this.text ?? ""}`);
+        }
+        node.appendChild(this.textNode);
+    }
+    _unrender() {
+        if (this.textNode) {
+            this.textNode.parentElement.removeChild(this.textNode);
+            this.textNode = null;
+        }
+        if (this.observerId && this.text instanceof Binding) {
+            this.text._unsubscribe(this.observerId);
+            this.observerId = 0;
+        }
+    }
+    _getNodes() {
+        return this.textNode ? [this.textNode] : [];
+    }
+    toString() {
+        let temp = document.createTextNode((this.text instanceof Binding ? this.text._get() : this.text) ?? "");
+        let div = document.createElement("div");
+        div.appendChild(temp);
+        return div.innerHTML;
+    }
+}
+//# sourceMappingURL=text-vdom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/text-vdom.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAMjC,YAAY,IAAmC;QAC9C,KAAK,EAAE,CAAC;QAJT,aAAQ,GAAS,IAAI,CAAC;QACtB,eAAU,GAAG,CAAC,CAAC;QAId,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,OAAO,CAAC,IAAiB;QACxB,IAAG,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC7C;aACG;YACH,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;SACxE;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,SAAS;QACR,IAAG,IAAI,CAAC,QAAQ,EAAC;YAEhB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;QAED,IAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxG,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,OAAO,GAAG,CAAC,SAAS,CAAC;IACtB,CAAC;CACD"}

package/{dist/build_module → build_module}/vdom-nodes/vdom.d.ts

@@ -1,6 +1,8 @@
 export declare abstract class Vdom {
     abstract _render(target: HTMLElement): any;
     abstract _unrender(): any;
+    abstract _getNodes(): Node[];
+    _moveBefore(reference: Node, parent?: Node): void;
     __isRendered: boolean;
     get _isRendered(): boolean;
     set _isRendered(value: boolean);

package/build_module/vdom-nodes/vdom.js

@@ -0,0 +1,58 @@
+export class Vdom {
+    constructor() {
+        this.__isRendered = false;
+    }
+    _moveBefore(reference, parent) {
+        let nodes = this._getNodes();
+        if (nodes.length === 0)
+            return;
+        let p = reference?.parentElement || parent;
+        if (!p)
+            throw new Error("Internal Error: Cannot move nodes without a parent.");
+        for (let i = 0; i < nodes.length; i++) {
+            if (nodes[i] === reference)
+                return;
+        }
+        let fragment = (reference?.ownerDocument || p.ownerDocument || document).createDocumentFragment();
+        for (let i = 0; i < nodes.length; i++) {
+            fragment.appendChild(nodes[i]);
+        }
+        p.insertBefore(fragment, reference);
+    }
+    get _isRendered() {
+        return this.__isRendered;
+    }
+    set _isRendered(value) {
+        if (value && this.__isRendered)
+            throw new Error("Internal Error: Node is already rendered.");
+        if (!value && !this.__isRendered)
+            throw new Error("Internal Error: Node is not rendered.");
+        this.__isRendered = value;
+    }
+    toString() {
+        let el = document.createElement("div");
+        this._render(el);
+        return el.innerHTML;
+    }
+    _renderBefore(reference) {
+        let dummy = reference.ownerDocument.createElement("div");
+        this._render(dummy);
+        while (dummy.childNodes.length > 0) {
+            let cn = dummy.childNodes[0];
+            cn.parentElement.removeChild(cn);
+            reference.parentElement.insertBefore(cn, reference);
+        }
+    }
+    _renderAfter(reference) {
+        if (reference.nextSibling) {
+            this._renderBefore(reference.nextSibling);
+        }
+        else {
+            let temp = reference.ownerDocument.createTextNode("");
+            reference.parentElement.appendChild(temp);
+            this._renderBefore(temp);
+            temp.parentElement.removeChild(temp);
+        }
+    }
+}
+//# sourceMappingURL=vdom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/vdom.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,IAAI;IAA1B;QAyBC,iBAAY,GAAG,KAAK,CAAC;IAoCtB,CAAC;IArDA,WAAW,CAAC,SAAe,EAAE,MAAa;QACzC,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,IAAI,CAAC,GAAG,SAAS,EAAE,aAAa,IAAI,MAAM,CAAC;QAC3C,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAE/E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS;gBAAE,OAAO;SACnC;QAED,IAAI,QAAQ,GAAG,CAAC,SAAS,EAAE,aAAa,IAAI,CAAC,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC,sBAAsB,EAAE,CAAC;QAClG,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAC;YACpC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/B;QACD,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,CAAC;IAGD,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,YAAY,CAAA;IACzB,CAAC;IACD,IAAI,WAAW,CAAC,KAAc;QAC7B,IAAG,KAAK,IAAI,IAAI,CAAC,YAAY;YAAE,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;QAC5F,IAAG,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QAC1F,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,QAAQ;QACP,IAAI,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,SAAS,CAAC;IACrB,CAAC;IAED,aAAa,CAAC,SAAe;QAC5B,IAAI,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpB,OAAM,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAC;YACjC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YAC7B,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACjC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;SACpD;IACF,CAAC;IACD,YAAY,CAAC,SAAe;QAC3B,IAAG,SAAS,CAAC,WAAW,EAAC;YACxB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;SAC1C;aACG;YACH,IAAI,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YACtD,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACrC;IACF,CAAC;CACD"}