dothtml 5.2.9 → 5.2.11

package/lib/observable-array.js

@@ -1,274 +1,274 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function ObservableArray(items /*, ...target: Array<any>*/) {
-    var _self = this, _array = [], _handlers = {
-        itemadded: [],
-        itemremoved: [],
-        itemset: [],
-        read: []
-    };
-    function defineIndexProperty(index) {
-        if (!(index in _self)) {
-            Object.defineProperty(_self, index, {
-                configurable: true,
-                enumerable: true,
-                get: function () {
-                    raiseEvent({
-                        type: "read",
-                        index: index,
-                        item: _array[index]
-                    });
-                    return _array[index];
-                },
-                set: function (v) {
-                    if (_array[index] != v) {
-                        _array[index] = v;
-                        raiseEvent({
-                            type: "itemset",
-                            index: index,
-                            item: v
-                        });
-                    }
-                }
-            });
-        }
-    }
-    function raiseEvent(event) {
-        _handlers[event.type].forEach(function (h) {
-            h.call(_self, event);
-        });
-    }
-    Object.defineProperty(_self, "addEventListener", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function (eventName, handler) {
-            eventName = ("" + eventName).toLowerCase();
-            if (!(eventName in _handlers))
-                throw new Error("Invalid event name.");
-            if (typeof handler !== "function")
-                throw new Error("Invalid handler.");
-            _handlers[eventName].push(handler);
-        }
-    });
-    Object.defineProperty(_self, "removeEventListener", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function (eventName, handler) {
-            eventName = ("" + eventName).toLowerCase();
-            if (!(eventName in _handlers))
-                throw new Error("Invalid event name.");
-            if (typeof handler !== "function")
-                throw new Error("Invalid handler.");
-            var h = _handlers[eventName];
-            var ln = h.length;
-            while (--ln >= 0) {
-                if (h[ln] === handler) {
-                    h.splice(ln, 1);
-                }
-            }
-        }
-    });
-    Object.defineProperty(_self, "push", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function () {
-            var index;
-            for (var i = 0, ln = arguments.length; i < ln; i++) {
-                index = _array.length;
-                _array.push(arguments[i]);
-                defineIndexProperty(index);
-                raiseEvent({
-                    type: "itemadded",
-                    index: index,
-                    item: arguments[i]
-                });
-            }
-            return _array.length;
-        }
-    });
-    Object.defineProperty(_self, "pop", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function () {
-            if (_array.length > -1) {
-                var index = _array.length - 1, item = _array.pop();
-                delete _self[index];
-                raiseEvent({
-                    type: "itemremoved",
-                    index: index,
-                    item: item
-                });
-                return item;
-            }
-        }
-    });
-    Object.defineProperty(_self, "unshift", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function () {
-            for (var i = 0, ln = arguments.length; i < ln; i++) {
-                _array.splice(i, 0, arguments[i]);
-                defineIndexProperty(_array.length - 1);
-                raiseEvent({
-                    type: "itemadded",
-                    index: i,
-                    item: arguments[i]
-                });
-            }
-            // Not sure why this was here. Nothing should be getting set.
-            // for (; i < _array.length; i++) {
-            //     raiseEvent({
-            //         type: "itemset",
-            //         index: i,
-            //         item: _array[i]
-            //     });
-            // }
-            return _array.length;
-        }
-    });
-    Object.defineProperty(_self, "shift", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function () {
-            if (_array.length > -1) {
-                var item = _array.shift();
-                delete _self[_array.length];
-                raiseEvent({
-                    type: "itemremoved",
-                    index: 0,
-                    item: item
-                });
-                return item;
-            }
-        }
-    });
-    Object.defineProperty(_self, "splice", {
-        configurable: false,
-        enumerable: false,
-        writable: false,
-        value: function (index, howMany /*, element1, element2, ... */) {
-            var removed = [], item, pos;
-            index = index == null ? 0 : index < 0 ? _array.length + index : index;
-            howMany = howMany == null ? _array.length - index : howMany > 0 ? howMany : 0;
-            var removeEvents = [];
-            while (howMany--) {
-                item = _array.splice(index, 1)[0];
-                removed.push(item);
-                delete _self[_array.length];
-                removeEvents.push({
-                    type: "itemremoved",
-                    index: index + removed.length - 1,
-                    item: item
-                });
-            }
-            for (var i = removeEvents.length - 1; i >= 0; i--) {
-                raiseEvent(removeEvents[i]);
-            }
-            for (var i = 2, ln = arguments.length; i < ln; i++) {
-                _array.splice(index, 0, arguments[i]);
-                defineIndexProperty(_array.length - 1);
-                raiseEvent({
-                    type: "itemadded",
-                    index: index,
-                    item: arguments[i]
-                });
-                index++;
-            }
-            return removed;
-        }
-    });
-    Object.defineProperty(_self, "length", {
-        configurable: false,
-        enumerable: false,
-        get: function () {
-            return _array.length;
-        },
-        set: function (value) {
-            var n = Number(value);
-            var length = _array.length;
-            if (n % 1 === 0 && n >= 0) {
-                if (n < length) {
-                    _self.splice(n);
-                }
-                else if (n > length) {
-                    _self.push.apply(_self, new Array(n - length));
-                }
-            }
-            else {
-                throw new RangeError("Invalid array length");
-            }
-            _array.length = n;
-            return value;
-        }
-    });
-    Object.getOwnPropertyNames(Array.prototype).forEach(function (name) {
-        if (!(name in _self)) {
-            Object.defineProperty(_self, name, {
-                configurable: false,
-                enumerable: false,
-                writable: false,
-                value: Array.prototype[name]
-            });
-        }
-    });
-    if (items instanceof Array) {
-        _self.push.apply(_self, items);
-    }
-}
-exports.default = ObservableArray;
-ObservableArray.prototype.length = 0;
-/**
-
-(function testing() {
-
-  var x = new ObservableArray(["a", "b", "c", "d"]);
-
-  console.log("original array: %o", x.slice());
-
-  x.addEventListener("itemadded", function(e) {
-    console.log("Added %o at index %d.", e.item, e.index);
-  });
-
-  x.addEventListener("itemset", function(e) {
-    console.log("Set index %d to %o.", e.index, e.item);
-  });
-
-  x.addEventListener("itemremoved", function(e) {
-    console.log("Removed %o at index %d.", e.item, e.index);
-  });
- 
-  console.log("popping and unshifting...");
-  x.unshift(x.pop());
-
-  console.log("updated array: %o", x.slice());
-
-  console.log("reversing array...");
-  console.log("updated array: %o", x.reverse().slice());
-
-  console.log("splicing...");
-  x.splice(1, 2, "x");
-  console.log("setting index 2...");
-  x[2] = "foo";
-
-  console.log("setting length to 10...");
-  x.length = 10;
-  console.log("updated array: %o", x.slice());
-
-  console.log("setting length to 2...");
-  x.length = 2;
-
-  console.log("extracting first element via shift()");
-  x.shift();
-
-  console.log("updated array: %o", x.slice());
-
-})();
-
- */ 
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function ObservableArray(items /*, ...target: Array<any>*/) {
+    var _self = this, _array = [], _handlers = {
+        itemadded: [],
+        itemremoved: [],
+        itemset: [],
+        read: []
+    };
+    function defineIndexProperty(index) {
+        if (!(index in _self)) {
+            Object.defineProperty(_self, index, {
+                configurable: true,
+                enumerable: true,
+                get: function () {
+                    raiseEvent({
+                        type: "read",
+                        index: index,
+                        item: _array[index]
+                    });
+                    return _array[index];
+                },
+                set: function (v) {
+                    if (_array[index] != v) {
+                        _array[index] = v;
+                        raiseEvent({
+                            type: "itemset",
+                            index: index,
+                            item: v
+                        });
+                    }
+                }
+            });
+        }
+    }
+    function raiseEvent(event) {
+        _handlers[event.type].forEach(function (h) {
+            h.call(_self, event);
+        });
+    }
+    Object.defineProperty(_self, "addEventListener", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function (eventName, handler) {
+            eventName = ("" + eventName).toLowerCase();
+            if (!(eventName in _handlers))
+                throw new Error("Invalid event name.");
+            if (typeof handler !== "function")
+                throw new Error("Invalid handler.");
+            _handlers[eventName].push(handler);
+        }
+    });
+    Object.defineProperty(_self, "removeEventListener", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function (eventName, handler) {
+            eventName = ("" + eventName).toLowerCase();
+            if (!(eventName in _handlers))
+                throw new Error("Invalid event name.");
+            if (typeof handler !== "function")
+                throw new Error("Invalid handler.");
+            var h = _handlers[eventName];
+            var ln = h.length;
+            while (--ln >= 0) {
+                if (h[ln] === handler) {
+                    h.splice(ln, 1);
+                }
+            }
+        }
+    });
+    Object.defineProperty(_self, "push", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function () {
+            var index;
+            for (var i = 0, ln = arguments.length; i < ln; i++) {
+                index = _array.length;
+                _array.push(arguments[i]);
+                defineIndexProperty(index);
+                raiseEvent({
+                    type: "itemadded",
+                    index: index,
+                    item: arguments[i]
+                });
+            }
+            return _array.length;
+        }
+    });
+    Object.defineProperty(_self, "pop", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function () {
+            if (_array.length > -1) {
+                var index = _array.length - 1, item = _array.pop();
+                delete _self[index];
+                raiseEvent({
+                    type: "itemremoved",
+                    index: index,
+                    item: item
+                });
+                return item;
+            }
+        }
+    });
+    Object.defineProperty(_self, "unshift", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function () {
+            for (var i = 0, ln = arguments.length; i < ln; i++) {
+                _array.splice(i, 0, arguments[i]);
+                defineIndexProperty(_array.length - 1);
+                raiseEvent({
+                    type: "itemadded",
+                    index: i,
+                    item: arguments[i]
+                });
+            }
+            // Not sure why this was here. Nothing should be getting set.
+            // for (; i < _array.length; i++) {
+            //     raiseEvent({
+            //         type: "itemset",
+            //         index: i,
+            //         item: _array[i]
+            //     });
+            // }
+            return _array.length;
+        }
+    });
+    Object.defineProperty(_self, "shift", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function () {
+            if (_array.length > -1) {
+                var item = _array.shift();
+                delete _self[_array.length];
+                raiseEvent({
+                    type: "itemremoved",
+                    index: 0,
+                    item: item
+                });
+                return item;
+            }
+        }
+    });
+    Object.defineProperty(_self, "splice", {
+        configurable: false,
+        enumerable: false,
+        writable: false,
+        value: function (index, howMany /*, element1, element2, ... */) {
+            var removed = [], item, pos;
+            index = index == null ? 0 : index < 0 ? _array.length + index : index;
+            howMany = howMany == null ? _array.length - index : howMany > 0 ? howMany : 0;
+            var removeEvents = [];
+            while (howMany--) {
+                item = _array.splice(index, 1)[0];
+                removed.push(item);
+                delete _self[_array.length];
+                removeEvents.push({
+                    type: "itemremoved",
+                    index: index + removed.length - 1,
+                    item: item
+                });
+            }
+            for (var i = removeEvents.length - 1; i >= 0; i--) {
+                raiseEvent(removeEvents[i]);
+            }
+            for (var i = 2, ln = arguments.length; i < ln; i++) {
+                _array.splice(index, 0, arguments[i]);
+                defineIndexProperty(_array.length - 1);
+                raiseEvent({
+                    type: "itemadded",
+                    index: index,
+                    item: arguments[i]
+                });
+                index++;
+            }
+            return removed;
+        }
+    });
+    Object.defineProperty(_self, "length", {
+        configurable: false,
+        enumerable: false,
+        get: function () {
+            return _array.length;
+        },
+        set: function (value) {
+            var n = Number(value);
+            var length = _array.length;
+            if (n % 1 === 0 && n >= 0) {
+                if (n < length) {
+                    _self.splice(n);
+                }
+                else if (n > length) {
+                    _self.push.apply(_self, new Array(n - length));
+                }
+            }
+            else {
+                throw new RangeError("Invalid array length");
+            }
+            _array.length = n;
+            return value;
+        }
+    });
+    Object.getOwnPropertyNames(Array.prototype).forEach(function (name) {
+        if (!(name in _self)) {
+            Object.defineProperty(_self, name, {
+                configurable: false,
+                enumerable: false,
+                writable: false,
+                value: Array.prototype[name]
+            });
+        }
+    });
+    if (items instanceof Array) {
+        _self.push.apply(_self, items);
+    }
+}
+exports.default = ObservableArray;
+ObservableArray.prototype.length = 0;
+/**
+
+(function testing() {
+
+  var x = new ObservableArray(["a", "b", "c", "d"]);
+
+  console.log("original array: %o", x.slice());
+
+  x.addEventListener("itemadded", function(e) {
+    console.log("Added %o at index %d.", e.item, e.index);
+  });
+
+  x.addEventListener("itemset", function(e) {
+    console.log("Set index %d to %o.", e.index, e.item);
+  });
+
+  x.addEventListener("itemremoved", function(e) {
+    console.log("Removed %o at index %d.", e.item, e.index);
+  });
+ 
+  console.log("popping and unshifting...");
+  x.unshift(x.pop());
+
+  console.log("updated array: %o", x.slice());
+
+  console.log("reversing array...");
+  console.log("updated array: %o", x.reverse().slice());
+
+  console.log("splicing...");
+  x.splice(1, 2, "x");
+  console.log("setting index 2...");
+  x[2] = "foo";
+
+  console.log("setting length to 10...");
+  x.length = 10;
+  console.log("updated array: %o", x.slice());
+
+  console.log("setting length to 2...");
+  x.length = 2;
+
+  console.log("extracting first element via shift()");
+  x.shift();
+
+  console.log("updated array: %o", x.slice());
+
+})();
+
+ */ 
 //# sourceMappingURL=observable-array.js.map

package/lib/pages/home-page.d.ts

@@ -0,0 +1,9 @@
+import { dot, IDotElement, IDotCss } from "dothtml";
+export default class HomePage extends dot.Component {
+    props: {
+        data: any;
+    };
+    builder(): IDotElement;
+    ready(): void;
+    style(css: IDotCss): void;
+}

package/lib/pages/home-page.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dothtml_1 = require("dothtml");
+class HomePage extends dothtml_1.dot.Component {
+    constructor() {
+        super(...arguments);
+        this.props = {
+            data: d1
+        };
+    }
+    builder() {
+        return dothtml_1.dot.div(() => this.props.data[0]);
+    }
+    ready() {
+        // this.props.data[0] = "1";
+        // this.props.data = d2;
+        //this.props.data = "1";
+    }
+    style(css) {
+        css("div").color("red");
+    }
+}
+exports.default = HomePage;
+//# sourceMappingURL=home-page.js.map

package/lib/pages/home-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-page.js","sourceRoot":"","sources":["../../src/pages/home-page.ts"],"names":[],"mappings":";;AAAA,qCAAoD;AAGpD,MAAqB,QAAS,SAAQ,aAAG,CAAC,SAAS;IAAnD;;QACC,UAAK,GAAC;YACL,IAAI,EAAE,EAAE;SACR,CAAA;IAiBF,CAAC;IAfA,OAAO;QACN,OAAO,aAAG,CAAC,GAAG,CACb,GAAE,EAAE,CAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,CAAC;IACH,CAAC;IAED,KAAK;QACJ,4BAA4B;QAC5B,wBAAwB;QACxB,wBAAwB;IACzB,CAAC;IAED,KAAK,CAAC,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC;CACD;AApBD,2BAoBC"}

package/lib/styling/css-types.ts/css-angle.d.ts

@@ -1,7 +1,7 @@
-import CssDataType from "./css-data-type";
-export default class CssAngle extends CssDataType {
-    angle: number;
-    units: string;
-    constructor(value: string | number);
-    toString(): string;
-}
+import CssDataType from "./css-data-type";
+export default class CssAngle extends CssDataType {
+    angle: number;
+    units: string;
+    constructor(value: string | number);
+    toString(): string;
+}

package/lib/styling/css-types.ts/css-angle.js

@@ -1,22 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dot_util_1 = require("../../dot-util");
-const css_data_type_1 = __importDefault(require("./css-data-type"));
-class CssAngle extends css_data_type_1.default {
-    constructor(value) {
-        super("angle");
-        value = value || "0deg";
-        if (!isNaN(value))
-            value = `${Math.round(value)}deg`;
-        this.angle = Number(value.match(dot_util_1.floatRegex)[0]);
-        this.units = value.split(dot_util_1.floatRegex)[1] || "deg";
-    }
-    toString() {
-        return this.angle + this.units;
-    }
-}
-exports.default = CssAngle;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dot_util_1 = require("../../dot-util");
+const css_data_type_1 = __importDefault(require("./css-data-type"));
+class CssAngle extends css_data_type_1.default {
+    constructor(value) {
+        super("angle");
+        value = value || "0deg";
+        if (!isNaN(value))
+            value = `${Math.round(value)}deg`;
+        this.angle = Number(value.match(dot_util_1.floatRegex)[0]);
+        this.units = value.split(dot_util_1.floatRegex)[1] || "deg";
+    }
+    toString() {
+        return this.angle + this.units;
+    }
+}
+exports.default = CssAngle;
 //# sourceMappingURL=css-angle.js.map

package/lib/styling/css-types.ts/css-color.d.ts

@@ -1,9 +1,9 @@
-import CssDataType from "./css-data-type";
-export default class CssColor extends CssDataType {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-    constructor(value: any);
-    toString(): string;
-}
+import CssDataType from "./css-data-type";
+export default class CssColor extends CssDataType {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+    constructor(value: any);
+    toString(): string;
+}