dothtml 5.2.11 → 6.0.0-beta.2

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

@@ -0,0 +1,85 @@
+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";
+export class ContainerVdom extends Vdom {
+    constructor() {
+        super();
+        this._children = [];
+        this._parent = null;
+    }
+    _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) {
+        for (let c = 0; c < this._children.length; c++) {
+            this._children[c]._render(node);
+        }
+    }
+    _unrender() {
+        for (let c = 0; c < this._children.length; c++) {
+            this._children[c]._unrender();
+        }
+    }
+    html(c) {
+        let hn = new HtmlVdom(c);
+        return this._addChild(hn);
+    }
+    text(c) {
+        let tn = new TextVdom(c);
+        return this._addChild(tn);
+    }
+    mount(c) {
+        let cn = new ComponentVdom(c);
+        return this._addChild(cn);
+    }
+    when(condition, then) {
+        let condNode = new ConditionalVdom();
+        let thenContainer;
+        if (then instanceof ContainerVdom) {
+            thenContainer = then;
+        }
+        else {
+            thenContainer = new ContainerVdom();
+            let textVdom = new TextVdom(then);
+            thenContainer._addChild(textVdom);
+            then = thenContainer;
+        }
+        condNode.addCondition(condition, 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();
+                let textVdom = new TextVdom(then);
+                thenContainer._addChild(textVdom);
+                then = thenContainer;
+            }
+            condNode.addCondition(condition, 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); }
+    each(collection, callback) {
+        let collectionVdom = new CollectionVdom(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/build_module/vdom-nodes/element-vdom.d.ts

@@ -0,0 +1,18 @@
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+export default class ElementVdom extends Vdom {
+    children: ContainerVdom;
+    element: HTMLElement;
+    tag: string;
+    private attributes;
+    private events;
+    private attributeObserverIds;
+    constructor(tag: string);
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    toString(): string;
+    setAttr(attr: any, value: any): void;
+    private renderAttr;
+    addEventListener(event: string, callback: (e: Event) => void): void;
+    private renderEvent;
+}

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

@@ -0,0 +1,88 @@
+import { DOT_VDOM_PROP_NAME } from "../constants";
+import Reactive from "../reactive";
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+export default class ElementVdom extends Vdom {
+    constructor(tag) {
+        super();
+        this.children = null;
+        this.tag = null;
+        this.attributes = {};
+        this.events = [];
+        this.attributeObserverIds = [];
+        this.tag = tag;
+        this.children = new ContainerVdom();
+        this.children._parent = this;
+    }
+    _render(node) {
+        this.element = node.ownerDocument.createElement(this.tag);
+        this.element[DOT_VDOM_PROP_NAME] = this;
+        for (let a in this.attributes) {
+            this.renderAttr(a, this.attributes[a], this.element);
+        }
+        node.appendChild(this.element);
+        for (let i = 0; i < this.events.length; i++) {
+            let e = this.events[i];
+            this.renderEvent(e.name, e.callback);
+        }
+        if (this.children) {
+            this.children._render(this.element);
+        }
+    }
+    _unrender() {
+        this.children._unrender();
+        this.element.parentNode?.removeChild(this.element);
+        this.element = null;
+        for (let i = 0; i < this.attributeObserverIds.length; i++) {
+            let item = this.attributeObserverIds[i];
+            item.observable.detachBinding(item.id);
+        }
+        this.attributeObserverIds.length = 0;
+    }
+    toString() {
+        if (this.element) {
+            return this.element.outerHTML;
+        }
+        else {
+            return super.toString();
+        }
+    }
+    setAttr(attr, value) {
+        this.attributes[attr] = value;
+        if (this.element) {
+            this.renderAttr(attr, value, this.element);
+        }
+    }
+    renderAttr(attr, value, node) {
+        if (typeof value === "string" || typeof value === "number") {
+            node.setAttribute(attr, `${value}`);
+        }
+        else if (typeof value === "boolean" || value == null || value == undefined) {
+            if (value)
+                node.setAttribute(attr, `${value}`);
+            else
+                node.removeAttribute(attr);
+        }
+        else if (value instanceof Reactive) {
+            this.renderAttr(attr, value.getValue(), node);
+            let id = value.subscribeAttr(this, attr);
+            this.attributeObserverIds.push({ id: id, observable: value });
+            if (attr == "value" || attr == "checked") {
+                this.element.addEventListener("input", (e) => {
+                    value.setValue(this.element[attr]);
+                });
+            }
+        }
+        else {
+        }
+    }
+    addEventListener(event, callback) {
+        this.events.push({ name: event, callback: callback });
+        if (this.element)
+            this.renderEvent(event, callback);
+    }
+    renderEvent(e, callback) {
+        this.element.addEventListener(e.toLowerCase(), callback);
+    }
+}
+//# 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/build_module/vdom-nodes/html-vdom.d.ts

@@ -0,0 +1,13 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+export declare class HtmlVdom extends Vdom {
+    beforeNode: Node;
+    afterNode: Node;
+    html: string | Reactive;
+    observerId: number;
+    constructor(html: string | Reactive);
+    updateHtml(html: any): void;
+    _render(target: HTMLElement): void;
+    _unrender(): void;
+    toString(): any;
+}

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

@@ -0,0 +1,53 @@
+import { removeNodesBetween } from "../helpers";
+import Reactive from "../reactive";
+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 Reactive) {
+            html = this.html.getValue();
+            this.observerId = this.html.subscribeHtml(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 Reactive) {
+            this.html.detachBinding(this.observerId);
+            this.observerId = 0;
+        }
+    }
+    toString() {
+        return this.html instanceof Reactive ? this.html.getValue() : 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":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAQjC,YAAY,IAAqB;QAChC,KAAK,EAAE,CAAC;QAHT,eAAU,GAAW,CAAC,CAAC;QAItB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,UAAU,CAAC,IAAI;QACd,IAAG,IAAI,CAAC,UAAU,EAAC;YAClB,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAGpD,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAC,UAAU,EAAE;gBACvB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aAC3E;SACD;IACF,CAAC;IAED,OAAO,CAAC,MAAmB;QAC1B,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,IAAG,IAAI,CAAC,IAAI,YAAY,QAAQ,EAAC;YAChC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAChD;aACG;YACH,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjB;QAED,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACzD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS;QACR,IAAG,IAAI,CAAC,UAAU,EAAC;YAClB,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;YAG3C,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAEpD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACpC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACtB;QAED,IAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,YAAY,QAAQ,EAAC;YACnD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACzE,CAAC;CACD"}

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

@@ -0,0 +1,11 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+export declare class TextVdom extends Vdom {
+    text: string | boolean | number | Reactive;
+    textNode: Node;
+    observerId: number;
+    constructor(text: string | boolean | number | Reactive);
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    toString(): string;
+}

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

@@ -0,0 +1,37 @@
+import Reactive from "../reactive";
+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 Reactive) {
+            this.textNode = node.ownerDocument.createTextNode(this.text.getValue() ?? "");
+            this.observerId = this.text.subscribeText(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 Reactive) {
+            this.text.detachBinding(this.observerId);
+            this.observerId = 0;
+        }
+    }
+    toString() {
+        let temp = document.createTextNode((this.text instanceof Reactive ? this.text.getValue() : 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,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAMjC,YAAY,IAAoC;QAC/C,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,QAAQ,EAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAChD;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,QAAQ,EAAC;YACnD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7G,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/build_module/vdom-nodes/vdom.d.ts

@@ -0,0 +1,7 @@
+export declare abstract class Vdom {
+    abstract _render(target: HTMLElement): any;
+    abstract _unrender(): any;
+    toString(): string;
+    _renderBefore(reference: Node): void;
+    _renderAfter(reference: Node): void;
+}

package/build_module/vdom-nodes/vdom.js

@@ -0,0 +1,28 @@
+export class Vdom {
+    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;IAMzB,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"}

package/package.json

@@ -1,28 +1,17 @@
 {
   "name": "dothtml",
-  "version": "5.2.11",
+  "version": "6.0.0-beta.2",
   "description": "DOThtml is a client-side web building framework written in TypeScript.",
-  "main": "./lib/dothtml.js",
-  "exports": "./lib/dothtml.js",
-  "types": "./lib/dothtml.d.ts",
+  "main": "./build_module/dothtml.js",
+  "exports": "./build_module/index.js",
+  "types": "./build_module/dothtml.d.ts",
   "files": [
-    "lib/**/*"
+    "build_module/**/*"
   ],
   "scripts": {
     "test": "npm run build & jest",
-    "build": "tsc --declaration"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.14.5",
-    "@testing-library/jest-dom": "^5.13.0",
-    "@types/node": "^18.14.2",
-    "copyfiles": "^2.4.1",
-    "esm": "^3.2.25",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.0.2"
+    "build": "tsc --declaration",
+    "buildumd": "webpack"
   },
   "repository": {
     "type": "git",
@@ -46,5 +35,23 @@
   "bugs": {
     "url": "https://github.com/JSideris/DOThtml/issues"
   },
-  "homepage": "https://github.com/JSideris/DOThtml#readme"
+  "homepage": "https://dothtml.org/",
+  "devDependencies": {
+    "@babel/preset-env": "^7.14.5",
+    "@testing-library/jest-dom": "^5.13.0",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^18.14.2",
+    "copyfiles": "^2.4.1",
+    "esm": "^3.2.25",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "ts-jest": "^29.0.5",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.0.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "dothtml-interfaces": "^0.1.31"
+  }
 }

package/lib/arg-callback-obj.d.ts

@@ -1,29 +0,0 @@
-import { IDotDocument } from "./i-dot";
-export declare abstract class ArgCallback {
-    el: Element;
-    f: (content?: any, index?: number) => string;
-    constructor(element: Element, value: (content?: any, index?: number) => string);
-    abstract updateContent(dot: IDotDocument, propVal?: any): any;
-}
-export declare class AttrArgCallback extends ArgCallback {
-    attr: string;
-    constructor(element: Element, attributeName: string, value: (content?: any) => string);
-    updateContent(dot: any): void;
-}
-export declare class ContentArgCallback extends ArgCallback {
-    constructor(element: Element, content: () => string);
-    updateContent(dot: any, propVal: string): void;
-}
-export declare class ArrayArgCallback extends ArgCallback {
-    dotTarget: IDotDocument;
-    constructor(dotTarget: any, content: any);
-    updateContent(): void;
-}
-export declare class ConditionalArgCallback extends ArgCallback {
-    startNode: Node;
-    endNode: Node;
-    condition: () => boolean | boolean;
-    lastValue: boolean;
-    constructor(startNode: any, endNode: any, content: any, condition: any);
-    updateContent(dot: any): void;
-}

package/lib/arg-callback-obj.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalArgCallback = exports.ArrayArgCallback = exports.ContentArgCallback = exports.AttrArgCallback = exports.ArgCallback = void 0;
-class ArgCallback {
-    constructor(element, value) {
-        this.el = element;
-        this.f = value;
-    }
-}
-exports.ArgCallback = ArgCallback;
-class AttrArgCallback extends ArgCallback {
-    constructor(element, attributeName, value) {
-        super(element, value);
-        this.attr = attributeName;
-    }
-    updateContent(dot) {
-        this.el.setAttribute(this.attr, this.f());
-    }
-}
-exports.AttrArgCallback = AttrArgCallback;
-class ContentArgCallback extends ArgCallback {
-    constructor(element, content) {
-        super(element, content);
-    }
-    updateContent(dot, propVal) {
-        dot(this.el).empty().h(this.f(propVal));
-    }
-}
-exports.ContentArgCallback = ContentArgCallback;
-class ArrayArgCallback extends ArgCallback {
-    constructor(dotTarget, content) {
-        super(null, content);
-        this.dotTarget = dotTarget;
-    }
-    updateContent() { }
-}
-exports.ArrayArgCallback = ArrayArgCallback;
-class ConditionalArgCallback extends ArgCallback {
-    constructor(startNode, endNode, content, condition) {
-        super(null, content);
-        this.startNode = startNode;
-        this.endNode = endNode;
-        this.condition = condition;
-        this.lastValue = undefined; // This will be set by the calling code - after the object is added to __currentArgCallback.
-    }
-    updateContent(dot) {
-        if (this.lastValue != !!this.condition()) {
-            this.lastValue = !this.lastValue;
-            if (this.lastValue) {
-                dot._appendOrCreateDocument(this.f, this.endNode.parentNode, this.endNode);
-            }
-            else {
-                do {
-                    var e = this.startNode.nextSibling;
-                    if (e && e != this.endNode) {
-                        e.parentNode.removeChild(e);
-                    }
-                } while (this.startNode.nextSibling && this.startNode.nextSibling != this.endNode);
-            }
-        }
-    }
-}
-exports.ConditionalArgCallback = ConditionalArgCallback;
-//# sourceMappingURL=arg-callback-obj.js.map

package/lib/arg-callback-obj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arg-callback-obj.js","sourceRoot":"","sources":["../src/arg-callback-obj.ts"],"names":[],"mappings":";;;AAEA,MAAsB,WAAW;IAI7B,YAAY,OAAgB,EAAE,KAA8C;QACxE,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC;QAClB,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC;IACnB,CAAC;CAGJ;AAVD,kCAUC;AAED,MAAa,eAAgB,SAAQ,WAAW;IAE5C,YAAY,OAAgB,EAAE,aAAqB,EAAE,KAA8B;QAC/E,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC;IAC9B,CAAC;IAED,aAAa,CAAC,GAAG;QACb,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;CACJ;AAVD,0CAUC;AAED,MAAa,kBAAmB,SAAQ,WAAW;IAC/C,YAAY,OAAgB,EAAE,OAAmB;QAC7C,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5B,CAAC;IAED,aAAa,CAAC,GAAG,EAAE,OAAe;QAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5C,CAAC;CACJ;AARD,gDAQC;AAED,MAAa,gBAAiB,SAAQ,WAAW;IAE7C,YAAY,SAAS,EAAE,OAAO;QAC1B,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,CAAC;IAED,aAAa,KAAG,CAAC;CACpB;AARD,4CAQC;AAED,MAAa,sBAAuB,SAAQ,WAAW;IAKnD,YAAY,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS;QAC9C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,4FAA4F;IAC5H,CAAC;IAED,aAAa,CAAC,GAAG;QACb,IAAG,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,EAAC;YACpC,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACjC,IAAG,IAAI,CAAC,SAAS,EAAC;gBACd,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;aAC9E;iBACI;gBACD,GAAE;oBACE,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;oBACnC,IAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAC;wBACtB,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;qBAC/B;iBACJ,QAAO,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,EAAC;aACpF;SACJ;IACL,CAAC;CACJ;AA7BD,wDA6BC"}

package/lib/built-in-components/nav-link.d.ts

@@ -1,8 +0,0 @@
-import Component from "../component";
-import { DotContent } from "../i-dot";
-export declare class NavLink extends Component {
-    content: DotContent;
-    hRef: string;
-    constructor(content: DotContent, href: string);
-    builder(): import("../i-dot").IDotA;
-}

package/lib/built-in-components/nav-link.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavLink = void 0;
-const component_1 = __importDefault(require("../component"));
-const dot_1 = __importDefault(require("../dot"));
-// TODO: make text and links mutable by making them properties.
-class NavLink extends component_1.default {
-    constructor(content, href) {
-        super();
-        this.content = content;
-        this.hRef = href;
-    }
-    builder() {
-        return dot_1.default.a(this.content).hRef(this.hRef).onClick(e => {
-            e.preventDefault();
-            dot_1.default.navigate(this.hRef);
-        });
-    }
-}
-exports.NavLink = NavLink;
-//# sourceMappingURL=nav-link.js.map

package/lib/built-in-components/nav-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../src/built-in-components/nav-link.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAqC;AACrC,iDAAyB;AAGzB,+DAA+D;AAC/D,MAAa,OAAQ,SAAQ,mBAAS;IAGrC,YAAY,OAAmB,EAAE,IAAY;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,OAAO;QACN,OAAO,aAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACJ,CAAC;CACD;AAfD,0BAeC"}

package/lib/built-in-components/router.d.ts

@@ -1,57 +0,0 @@
-import Component from "../component";
-interface RouterParams {
-    autoNavigate: boolean;
-    onNavigateInit: Function;
-    onError: Function;
-    onResponse: Function;
-    onComplete: Function;
-    routes: Array<{
-        path: string;
-    }>;
-}
-export default class DotRouter extends Component {
-    static allRouters: {
-        [key: string]: DotRouter;
-    };
-    static routerId: number;
-    static mayRedirect: boolean;
-    static _get(url: any, success: any, fail: any): void;
-    static routerEventSet: boolean;
-    static setupPopupFunction(): void;
-    id: number;
-    outlet: Element;
-    navId: number;
-    currentRoute: string;
-    currentParams: RouterParams;
-    params: RouterParams;
-    routesAndSegments: Array<{
-        path: string;
-        segments: string[];
-    }>;
-    constructor(params: RouterParams);
-    /**
-     * TODO: convert to interface.
-     * @param {Object} params - Parameters.
-     * @param {Array.<{path: string, title: string, component: Object}>} params.routes - Array of routes.
-     * @param {boolean} params.autoNavigate - Router will automatically navigate when outlet is created.
-     * @param {Function} params.onNavigateInit - Occurs before any request is sent, and before the router outlet is emptied.
-     * @param {Function} params.onError - Occurs in the event of an HTTP error.
-     * @param {Function} params.onResponse - Occurs after a successful HTTP response, but before rendering.
-     * @param {Function} params.onComplete - Occurs after an uncancelled route completes without an error.
-     */
-    builder(): import("../i-dot").IDotElementDocument<import("../i-dot").IDotGenericElement>;
-    registered(): void;
-    ready(): void;
-    deleting(): void;
-    navigate(path: string, noHistory?: boolean, force?: boolean): {
-        cancel: () => void;
-        element: Element;
-        httpResponse: any;
-        isNew: boolean;
-        params: any;
-        path: string;
-        title: any;
-        wasCancelled: boolean;
-    };
-}
-export {};