vasille 2.2.1 → 2.3.1

package/cdn/es5.js

@@ -197,23 +197,15 @@ window.Reflect = window.Reflect || {
 window.Proxy = window.Proxy || function (obj) {
     return obj;
 };
-// ./lib-es5/v/index.js
-
-var v = __assign(__assign({ ref: function (value) {
-        return current.ref(value);
-    }, expr: expr, of: valueOf, sv: setValue, alwaysFalse: new Reference(false), app: app, component: component, fragment: fragment, extension: extension, text: text, tag: tag, create: create }, vx), { merge: merge, destructor: function () {
-        return current.destroy.bind(current);
-    }, runOnDestroy: function (callback) {
-        current.runOnDestroy(callback);
-    } });
-
-window.v = v;
-
 // ./lib-es5/models/model.js
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 
 
 // ./lib-es5/models/listener.js
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Listener = void 0;
 /**
  * Represent a listener for a model
  * @class Listener
@@ -347,11 +339,29 @@ var Listener = /** @class */ (function () {
     };
     return Listener;
 }());
+exports.Listener = Listener;
 
 
-window.Listener = Listener;
-
 // ./lib-es5/models/object-model.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectModel = void 0;
+var listener_1 = require("./listener");
 /**
  * Object based model
  * @extends Object
@@ -367,7 +377,7 @@ var ObjectModel = /** @class */ (function (_super) {
         var _this = this; _super.call(this);
         _this.container = Object.create(null);
         Object.defineProperty(_this, 'listener', {
-            value: new Listener,
+            value: new listener_1.Listener,
             writable: false,
             configurable: false
         });
@@ -412,6 +422,13 @@ var ObjectModel = /** @class */ (function (_super) {
         this.listener.emitAdded(key, this.container[key]);
         return this;
     };
+    Object.defineProperty(ObjectModel.prototype, "values", {
+        get: function () {
+            return this.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Deletes an object property
      * @param key {string} property name
@@ -422,23 +439,6 @@ var ObjectModel = /** @class */ (function (_super) {
             delete this.container[key];
         }
     };
-    ObjectModel.prototype.proxy = function () {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        var ts = this;
-        return new Proxy(this.container, {
-            get: function (target, p) {
-                return ts.get(p);
-            },
-            set: function (target, p, value) {
-                ts.set(p, value);
-                return true;
-            },
-            deleteProperty: function (target, p) {
-                ts.delete(p);
-                return true;
-            }
-        });
-    };
     ObjectModel.prototype.enableReactivity = function () {
         this.listener.enableReactivity();
     };
@@ -447,11 +447,29 @@ var ObjectModel = /** @class */ (function (_super) {
     };
     return ObjectModel;
 }(Object));
+exports.ObjectModel = ObjectModel;
 
 
-window.ObjectModel = ObjectModel;
-
 // ./lib-es5/models/set-model.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetModel = void 0;
+var listener_1 = require("./listener");
 /**
  * A Set based model
  * @class SetModel
@@ -468,7 +486,7 @@ var SetModel = /** @class */ (function (_super) {
         if (set === void 0) { set = []; }
         var _this = this; _super.call(this);
         Object.defineProperty(_this, 'listener', {
-            value: new Listener,
+            value: new listener_1.Listener,
             writable: false,
             configurable: false
         });
@@ -518,11 +536,29 @@ var SetModel = /** @class */ (function (_super) {
     };
     return SetModel;
 }(Set));
+exports.SetModel = SetModel;
 
 
-window.SetModel = SetModel;
-
 // ./lib-es5/models/map-model.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapModel = void 0;
+var listener_1 = require("./listener");
 /**
  * A Map based memory
  * @class MapModel
@@ -539,7 +575,7 @@ var MapModel = /** @class */ (function (_super) {
         if (map === void 0) { map = []; }
         var _this = this; _super.call(this);
         Object.defineProperty(_this, 'listener', {
-            value: new Listener,
+            value: new listener_1.Listener,
             writable: false,
             configurable: false
         });
@@ -594,11 +630,38 @@ var MapModel = /** @class */ (function (_super) {
     };
     return MapModel;
 }(Map));
+exports.MapModel = MapModel;
 
 
-window.MapModel = MapModel;
-
 // ./lib-es5/models/array-model.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayModel = void 0;
+var listener_1 = require("./listener");
 /**
  * Model based on Array class
  * @extends Array
@@ -613,7 +676,7 @@ var ArrayModel = /** @class */ (function (_super) {
         if (data === void 0) { data = []; }
         var _this = this; _super.call(this);
         Object.defineProperty(_this, 'listener', {
-            value: new Listener,
+            value: new listener_1.Listener,
             writable: false,
             configurable: false
         });
@@ -622,15 +685,6 @@ var ArrayModel = /** @class */ (function (_super) {
         }
         return _this;
     }
-    // proxy
-    ArrayModel.prototype.proxy = function () {
-        return new Proxy(this, {
-            set: function (target, p, value) {
-                target.splice(parseInt(p), 1, value);
-                return true;
-            }
-        });
-    };
     Object.defineProperty(ArrayModel.prototype, "last", {
         /* Array members */
         /**
@@ -829,6 +883,12 @@ var ArrayModel = /** @class */ (function (_super) {
         this.removeAt(this.indexOf(v));
         return this;
     };
+    ArrayModel.prototype.replace = function (at, with_) {
+        this.listener.emitAdded(this[at], with_);
+        this.listener.emitRemoved(this[at], this[at]);
+        this[at] = with_;
+        return this;
+    };
     ArrayModel.prototype.enableReactivity = function () {
         this.listener.enableReactivity();
     };
@@ -837,610 +897,39 @@ var ArrayModel = /** @class */ (function (_super) {
     };
     return ArrayModel;
 }(Array));
+exports.ArrayModel = ArrayModel;
 
 
-window.ArrayModel = ArrayModel;
-
-// ./lib-es5/functional/merge.js
-function merge(main) {
-    var targets = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        targets[_i - 1] = arguments[_i];
-    }
-    function refactorClass(obj) {
-        if (Array.isArray(obj.class)) {
-            var out_1 = {
-                $: []
-            };
-            obj.class.forEach(function (item) {
-                if (item instanceof IValue) {
-                    out_1.$.push(item);
-                }
-                else if (typeof item === 'string') {
-                    out_1[item] = true;
-                }
-                else if (typeof item === 'object') {
-                    Object.assign(out_1, item);
-                }
-            });
-            obj.class = out_1;
-        }
-    }
-    refactorClass(main);
-    targets.forEach(function (target) {
-        Reflect.ownKeys(target).forEach(function (prop) {
-            var _a;
-            if (!Reflect.has(main, prop)) {
-                main[prop] = target[prop];
-            }
-            else if (typeof main[prop] === 'object' && typeof target[prop] === 'object') {
-                if (prop === 'class') {
-                    refactorClass(target);
-                }
-                if (prop === '$' && Array.isArray(main[prop]) && Array.isArray(target[prop])) {
-                    (_a = main.$).push.apply(_a, target.$);
-                }
-                else {
-                    merge(main[prop], target[prop]);
-                }
-            }
-        });
-    });
-}
-
-window.merge = merge;
-
-// ./lib-es5/functional/stack.js
-function app(renderer) {
-    return function (node, opts) {
-        return new App(node, opts).runFunctional(renderer, opts);
-    };
-}
-function component(renderer) {
-    return function (opts, callback) {
-        var component = new Component(opts);
-        if (!(current instanceof Fragment))
-            throw userError('missing parent node', 'out-of-context');
-        var ret;
-        if (callback)
-            opts.slot = callback;
-        current.create(component, function (node) {
-            ret = node.runFunctional(renderer, opts);
-        });
-        return ret;
-    };
-}
-function fragment(renderer) {
-    return function (opts, callback) {
-        var frag = new Fragment(opts);
-        if (!(current instanceof Fragment))
-            throw userError('missing parent node', 'out-of-context');
-        if (callback)
-            opts.slot = callback;
-        current.create(frag);
-        return frag.runFunctional(renderer, opts);
-    };
-}
-function extension(renderer) {
-    return function (opts, callback) {
-        var ext = new Extension(opts);
-        if (!(current instanceof Fragment))
-            throw userError('missing parent node', 'out-of-context');
-        if (callback)
-            opts.slot = callback;
-        current.create(ext);
-        return ext.runFunctional(renderer, opts);
-    };
-}
-function tag(name, opts, callback) {
-    if (!(current instanceof Fragment))
-        throw userError('missing parent node', 'out-of-context');
-    return {
-        node: current.tag(name, opts, function (node) {
-            callback && node.runFunctional(callback);
-        })
-    };
-}
-function create(node, callback) {
-    if (!(current instanceof Fragment))
-        throw userError('missing current node', 'out-of-context');
-    current.create(node, function (node) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        callback && node.runFunctional.apply(node, __spreadArray([callback], args, false));
-    });
-    return node;
-}
-var vx = {
-    if: function (condition, callback) {
-        if (current instanceof Fragment) {
-            current.if(condition, function (node) { return node.runFunctional(callback); });
-        }
-        else {
-            throw userError("wrong use of `v.if` function", "logic-error");
-        }
-    },
-    else: function (callback) {
-        if (current instanceof Fragment) {
-            current.else(function (node) { return node.runFunctional(callback); });
-        }
-        else {
-            throw userError("wrong use of `v.else` function", "logic-error");
-        }
-    },
-    elif: function (condition, callback) {
-        if (current instanceof Fragment) {
-            current.elif(condition, function (node) { return node.runFunctional(callback); });
-        }
-        else {
-            throw userError("wrong use of `v.elif` function", "logic-error");
-        }
-    },
-    for: function (model, callback) {
-        if (model instanceof ArrayModel) {
-            // for arrays T & K are the same type
-            create(new ArrayView({ model: model }), callback);
-        }
-        else if (model instanceof MapModel) {
-            create(new MapView({ model: model }), callback);
-        }
-        else if (model instanceof SetModel) {
-            // for sets T & K are the same type
-            create(new SetView({ model: model }), callback);
-        }
-        else if (model instanceof ObjectModel) {
-            // for objects K is always string
-            create(new ObjectView({ model: model }), callback);
-        }
-        else {
-            throw userError("wrong use of `v.for` function", 'wrong-model');
-        }
-    },
-    watch: function (model, callback) {
-        var opts = { model: model };
-        create(new Watch(opts), callback);
-    },
-    nextTick: function (callback) {
-        var node = current;
-        window.setTimeout(function () {
-            node.runFunctional(callback);
-        }, 0);
-    }
-};
-
-window.app = app;
-window.component = component;
-window.fragment = fragment;
-window.extension = extension;
-window.tag = tag;
-window.create = create;
-window.vx = vx;
-
-// ./lib-es5/functional/models.js
-function arrayModel(arr) {
-    if (arr === void 0) { arr = []; }
-    if (!current)
-        throw userError('missing parent node', 'out-of-context');
-    return current.register(new ArrayModel(arr)).proxy();
-}
-function mapModel(map) {
-    if (map === void 0) { map = []; }
-    if (!current)
-        throw userError('missing parent node', 'out-of-context');
-    return current.register(new MapModel(map));
-}
-function setModel(arr) {
-    if (arr === void 0) { arr = []; }
-    if (!current)
-        throw userError('missing parent node', 'out-of-context');
-    return current.register(new SetModel(arr));
-}
-function objectModel(obj) {
-    if (obj === void 0) { obj = {}; }
-    if (!current)
-        throw userError('missing parent node', 'out-of-context');
-    return current.register(new ObjectModel(obj));
-}
-
-window.arrayModel = arrayModel;
-window.mapModel = mapModel;
-window.setModel = setModel;
-window.objectModel = objectModel;
-
-// ./lib-es5/functional/options.js
-
-
-
-// ./lib-es5/functional/reactivity.js
-function ref(value) {
-    var ref = current.ref(value);
-    return [ref, function (value) { return ref.$ = value; }];
-}
-function mirror(value) {
-    return current.mirror(value);
-}
-function forward(value) {
-    return current.forward(value);
-}
-function point(value) {
-    return current.point(value);
-}
-function expr(func) {
-    var values = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        values[_i - 1] = arguments[_i];
-    }
-    return current.expr.apply(current, __spreadArray([func], values, false));
-}
-function watch(func) {
-    var values = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        values[_i - 1] = arguments[_i];
-    }
-    current.watch.apply(current, __spreadArray([func], values, false));
-}
-function valueOf(value) {
-    return value.$;
-}
-function setValue(ref, value) {
-    if (ref instanceof Pointer && value instanceof IValue) {
-        ref.point(value);
-    }
-    else {
-        ref.$ = value instanceof IValue ? value.$ : value;
-    }
-}
-
-window.ref = ref;
-window.mirror = mirror;
-window.forward = forward;
-window.point = point;
-window.expr = expr;
-window.watch = watch;
-window.valueOf = valueOf;
-window.setValue = setValue;
-
-// ./lib-es5/functional/components.js
-function text(text) {
-    if (!(current instanceof Fragment))
-        throw userError('missing parent node', 'out-of-context');
-    ;
-    current.text(text);
-}
-function debug(text) {
-    if (!(current instanceof Fragment))
-        throw userError('missing parent node', 'out-of-context');
-    current.debug(text);
-}
-function predefine(slot, predefined) {
-    return slot || predefined;
-}
-
-window.text = text;
-window.debug = debug;
-window.predefine = predefine;
-
-// ./lib-es5/core/signal.js
-/**
- * Signal is an event generator
- * @class Signal
- */
-var Signal = /** @class */ (function () {
-    function Signal() {
-        /**
-         * Handler of event
-         * @type {Set}
-         * @private
-         */
-        this.handlers = new Set;
-    }
-    /**
-     * Emit event
-     * @param a1 {*} argument
-     * @param a2 {*} argument
-     * @param a3 {*} argument
-     * @param a4 {*} argument
-     * @param a5 {*} argument
-     * @param a6 {*} argument
-     * @param a7 {*} argument
-     * @param a8 {*} argument
-     * @param a9 {*} argument
-     */
-    Signal.prototype.emit = function (a1, a2, a3, a4, a5, a6, a7, a8, a9) {
-        this.handlers.forEach(function (handler) {
-            try {
-                handler(a1, a2, a3, a4, a5, a6, a7, a8, a9);
-            }
-            catch (e) {
-                console.error("Vasille.js: Handler throw exception: ", e);
-            }
-        });
-    };
-    /**
-     * Subscribe to event
-     * @param func {function} handler
-     */
-    Signal.prototype.subscribe = function (func) {
-        this.handlers.add(func);
-    };
-    /**
-     * Unsubscribe from event
-     * @param func {function} handler
-     */
-    Signal.prototype.unsubscribe = function (func) {
-        this.handlers.delete(func);
-    };
-    return Signal;
-}());
-
-
-window.Signal = Signal;
-
-// ./lib-es5/core/slot.js
-/**
- * Component slot
- * @class Slot
- */
-var Slot = /** @class */ (function () {
-    function Slot() {
-    }
-    /**
-     * Sets the runner
-     * @param func {function} the function to run
-     */
-    Slot.prototype.insert = function (func) {
-        this.runner = func;
-    };
-    /**
-     * @param a0 {Fragment} node to paste content
-     * @param a1 {*} 1st argument
-     * @param a2 {*} 2nd argument
-     * @param a3 {*} 3rd argument
-     * @param a4 {*} 4th argument
-     * @param a5 {*} 5th argument
-     * @param a6 {*} 6th argument
-     * @param a7 {*} 7th argument
-     * @param a8 {*} 8th argument
-     * @param a9 {*} 9th argument
-     */
-    Slot.prototype.release = function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {
-        if (this.runner) {
-            this.runner(a0, a1, a2, a3, a4, a5, a6, a7, a8, a9);
-        }
-    };
-    /**
-     * Predefine a handler for a slot
-     * @param func {function(node : Fragment)} Function to run if no handler specified
-     * @param a0 {Fragment} node to paste content
-     * @param a1 {*} 1st argument
-     * @param a2 {*} 2nd argument
-     * @param a3 {*} 3rd argument
-     * @param a4 {*} 4th argument
-     * @param a5 {*} 5th argument
-     * @param a6 {*} 6th argument
-     * @param a7 {*} 7th argument
-     * @param a8 {*} 8th argument
-     * @param a9 {*} 9th argument
-     */
-    Slot.prototype.predefine = function (func, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {
-        (this.runner || func)(a0, a1, a2, a3, a4, a5, a6, a7, a8, a9);
-    };
-    return Slot;
-}());
-
-
-window.Slot = Slot;
-
 // ./lib-es5/core/errors.js
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrongBinding = exports.userError = exports.internalError = exports.notOverwritten = void 0;
 var reportIt = "Report it here: https://gitlab.com/vasille-js/vasille-js/-/issues";
 function notOverwritten() {
     console.error("Vasille-SFP: Internal error", "Must be overwritten", reportIt);
     return "not-overwritten";
 }
+exports.notOverwritten = notOverwritten;
 function internalError(msg) {
     console.error("Vasille-SFP: Internal error", msg, reportIt);
     return "internal-error";
 }
+exports.internalError = internalError;
 function userError(msg, err) {
     console.error("Vasille-SFP: User error", msg);
     return err;
 }
+exports.userError = userError;
 function wrongBinding(msg) {
     return userError(msg, "wrong-binding");
 }
+exports.wrongBinding = wrongBinding;
 
-window.notOverwritten = notOverwritten;
-window.internalError = internalError;
-window.userError = userError;
-window.wrongBinding = wrongBinding;
-
-// ./lib-es5/core/executor.js
-/**
- * Represents an executor unit interface
- * @class Executor
- */
-var Executor = /** @class */ (function () {
-    function Executor() {
-    }
-    /**
-     * Adds a CSS class
-     * @param el {Element} element to manipulate
-     * @param cl {string} class to be added
-     */
-    Executor.prototype.addClass = function (el, cl) {
-        throw notOverwritten();
-    };
-    /**
-     * Removes a CSS class
-     * @param el {Element} element to manipulate
-     * @param cl {string} class to be removed
-     */
-    Executor.prototype.removeClass = function (el, cl) {
-        throw notOverwritten();
-    };
-    /**
-     * Sets a tag attribute
-     * @param el {Element} element to manipulate
-     * @param name {string} name of attribute
-     * @param value {string} value of attribute
-     */
-    Executor.prototype.setAttribute = function (el, name, value) {
-        throw notOverwritten();
-    };
-    /**
-     * Removes a tag attribute
-     * @param el {Element} element to manipulate
-     * @param name {string} name of attribute
-     */
-    Executor.prototype.removeAttribute = function (el, name) {
-        throw notOverwritten();
-    };
-    /**
-     * Sets a style attribute
-     * @param el {HTMLElement} element to manipulate
-     * @param prop {string} property name
-     * @param value {string} property value
-     */
-    Executor.prototype.setStyle = function (el, prop, value) {
-        throw notOverwritten();
-    };
-    /**
-     * Inserts a child before target
-     * @param target {Element} target element
-     * @param child {Node} element to insert before
-     */
-    Executor.prototype.insertBefore = function (target, child) {
-        throw notOverwritten();
-    };
-    /**
-     * Appends a child to element
-     * @param el {Element} element
-     * @param child {Node} child to be inserted
-     */
-    Executor.prototype.appendChild = function (el, child) {
-        throw notOverwritten();
-    };
-    /**
-     * Calls a call-back function
-     * @param cb {function} call-back function
-     */
-    Executor.prototype.callCallback = function (cb) {
-        throw notOverwritten();
-    };
-    return Executor;
-}());
-
-/**
- * Executor which execute any commands immediately
- * @class InstantExecutor
- * @extends Executor
- */
-var InstantExecutor = /** @class */ (function (_super) {
-    __extends(InstantExecutor, _super);
-    function InstantExecutor() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    InstantExecutor.prototype.addClass = function (el, cl) {
-        el.classList.add(cl);
-    };
-    InstantExecutor.prototype.removeClass = function (el, cl) {
-        el.classList.remove(cl);
-    };
-    InstantExecutor.prototype.setAttribute = function (el, name, value) {
-        el.setAttribute(name, value);
-    };
-    InstantExecutor.prototype.removeAttribute = function (el, name) {
-        el.removeAttribute(name);
-    };
-    InstantExecutor.prototype.setStyle = function (el, prop, value) {
-        el.style.setProperty(prop, value);
-    };
-    InstantExecutor.prototype.insertBefore = function (target, child) {
-        var parent = target.parentNode;
-        if (!parent) {
-            throw internalError('element don\'t have a parent node');
-        }
-        parent.insertBefore(child, target);
-    };
-    InstantExecutor.prototype.appendChild = function (el, child) {
-        el.appendChild(child);
-    };
-    InstantExecutor.prototype.callCallback = function (cb) {
-        cb();
-    };
-    return InstantExecutor;
-}(Executor));
-
-/**
- * Executor which execute any commands over timeout
- * @class TimeoutExecutor
- * @extends InstantExecutor
- */
-var TimeoutExecutor = /** @class */ (function (_super) {
-    __extends(TimeoutExecutor, _super);
-    function TimeoutExecutor() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TimeoutExecutor.prototype.addClass = function (el, cl) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.addClass.call(_this, el, cl);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.removeClass = function (el, cl) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.removeClass.call(_this, el, cl);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.setAttribute = function (el, name, value) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.setAttribute.call(_this, el, name, value);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.removeAttribute = function (el, name) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.removeAttribute.call(_this, el, name);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.setStyle = function (el, prop, value) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.setStyle.call(_this, el, prop, value);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.insertBefore = function (target, child) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.insertBefore.call(_this, target, child);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.appendChild = function (el, child) {
-        var _this = this;
-        setTimeout(function () {
-            _super.prototype.appendChild.call(_this, el, child);
-        }, 0);
-    };
-    TimeoutExecutor.prototype.callCallback = function (cb) {
-        setTimeout(cb, 0);
-    };
-    return TimeoutExecutor;
-}(InstantExecutor));
-
-var instantExecutor = new InstantExecutor();
-var timeoutExecutor = new TimeoutExecutor();
-
-window.Executor = Executor;
-window.InstantExecutor = InstantExecutor;
-window.TimeoutExecutor = TimeoutExecutor;
-window.instantExecutor = instantExecutor;
-window.timeoutExecutor = timeoutExecutor;
 
 // ./lib-es5/core/destroyable.js
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Destroyable = void 0;
 /**
  * Mark an object which can be destroyed
  * @class Destroyable
@@ -1452,7 +941,7 @@ var Destroyable = /** @class */ (function () {
      * Make object fields non configurable
      * @protected
      */
-    Destroyable.prototype.seal = function () {
+    Destroyable.prototype.$seal = function () {
         var _this = this;
         var $ = this;
         Object.keys($).forEach(function (i) {
@@ -1485,16 +974,35 @@ var Destroyable = /** @class */ (function () {
     /**
      * Garbage collector method
      */
-    Destroyable.prototype.destroy = function () {
+    Destroyable.prototype.$destroy = function () {
         // nothing here
     };
     return Destroyable;
 }());
+exports.Destroyable = Destroyable;
 
 
-window.Destroyable = Destroyable;
-
 // ./lib-es5/core/ivalue.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IValue = exports.Switchable = void 0;
+var destroyable_js_1 = require("./destroyable.js");
+var errors_1 = require("./errors");
 var Switchable = /** @class */ (function (_super) {
     __extends(Switchable, _super);
     function Switchable() {
@@ -1503,18 +1011,18 @@ var Switchable = /** @class */ (function (_super) {
     /**
      * Enable update handlers triggering
      */
-    Switchable.prototype.enable = function () {
-        throw notOverwritten();
+    Switchable.prototype.$enable = function () {
+        throw (0, errors_1.notOverwritten)();
     };
     /**
      * disable update handlers triggering
      */
-    Switchable.prototype.disable = function () {
-        throw notOverwritten();
+    Switchable.prototype.$disable = function () {
+        throw (0, errors_1.notOverwritten)();
     };
     return Switchable;
-}(Destroyable));
-
+}(destroyable_js_1.Destroyable));
+exports.Switchable = Switchable;
 /**
  * Interface which describes a value
  * @class IValue
@@ -1536,14 +1044,14 @@ var IValue = /** @class */ (function (_super) {
          * @return {*} the encapsulated value
          */
         get: function () {
-            throw notOverwritten();
+            throw (0, errors_1.notOverwritten)();
         },
         /**
          * Sets the encapsulated value
          * @param value {*} value to encapsulate
          */
         set: function (value) {
-            throw notOverwritten();
+            throw (0, errors_1.notOverwritten)();
         },
         enumerable: false,
         configurable: true
@@ -1552,40 +1060,109 @@ var IValue = /** @class */ (function (_super) {
      * Add a new handler to value change
      * @param handler {function(value : *)} the handler to add
      */
-    IValue.prototype.on = function (handler) {
-        throw notOverwritten();
+    IValue.prototype.$on = function (handler) {
+        throw (0, errors_1.notOverwritten)();
     };
     /**
      * Removes a handler of value change
      * @param handler {function(value : *)} the handler to remove
      */
-    IValue.prototype.off = function (handler) {
-        throw notOverwritten();
+    IValue.prototype.$off = function (handler) {
+        throw (0, errors_1.notOverwritten)();
     };
     return IValue;
 }(Switchable));
+exports.IValue = IValue;
 
 
-window.Switchable = Switchable;
-window.IValue = IValue;
-
 // ./lib-es5/index.js
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Reactive = exports.Binding = exports.Expression = exports.Portal = exports.App = exports.AppNode = exports.Extension = exports.Component = exports.Tag = exports.INode = exports.Fragment = exports.SetView = exports.ObjectView = exports.MapView = exports.ArrayView = exports.Listener = exports.BaseView = exports.SetModel = exports.ObjectModel = exports.MapModel = exports.ArrayModel = exports.Pointer = exports.Mirror = exports.Reference = exports.IValue = exports.Destroyable = void 0;
+var destroyable_1 = require("./core/destroyable");
+Object.defineProperty(exports, "Destroyable", { enumerable: true, get: function () { return destroyable_1.Destroyable; } });
+var core_1 = require("./core/core");
+Object.defineProperty(exports, "Reactive", { enumerable: true, get: function () { return core_1.Reactive; } });
+var ivalue_1 = require("./core/ivalue");
+Object.defineProperty(exports, "IValue", { enumerable: true, get: function () { return ivalue_1.IValue; } });
+var array_model_1 = require("./models/array-model");
+Object.defineProperty(exports, "ArrayModel", { enumerable: true, get: function () { return array_model_1.ArrayModel; } });
+var listener_1 = require("./models/listener");
+Object.defineProperty(exports, "Listener", { enumerable: true, get: function () { return listener_1.Listener; } });
+var map_model_1 = require("./models/map-model");
+Object.defineProperty(exports, "MapModel", { enumerable: true, get: function () { return map_model_1.MapModel; } });
+var object_model_1 = require("./models/object-model");
+Object.defineProperty(exports, "ObjectModel", { enumerable: true, get: function () { return object_model_1.ObjectModel; } });
+var set_model_1 = require("./models/set-model");
+Object.defineProperty(exports, "SetModel", { enumerable: true, get: function () { return set_model_1.SetModel; } });
+var app_1 = require("./node/app");
+Object.defineProperty(exports, "App", { enumerable: true, get: function () { return app_1.App; } });
+Object.defineProperty(exports, "AppNode", { enumerable: true, get: function () { return app_1.AppNode; } });
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return app_1.Portal; } });
+var node_1 = require("./node/node");
+Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return node_1.Component; } });
+Object.defineProperty(exports, "Extension", { enumerable: true, get: function () { return node_1.Extension; } });
+Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return node_1.Fragment; } });
+Object.defineProperty(exports, "INode", { enumerable: true, get: function () { return node_1.INode; } });
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return node_1.Tag; } });
+var expression_1 = require("./value/expression");
+Object.defineProperty(exports, "Expression", { enumerable: true, get: function () { return expression_1.Expression; } });
+var mirror_1 = require("./value/mirror");
+Object.defineProperty(exports, "Mirror", { enumerable: true, get: function () { return mirror_1.Mirror; } });
+var pointer_1 = require("./value/pointer");
+Object.defineProperty(exports, "Pointer", { enumerable: true, get: function () { return pointer_1.Pointer; } });
+var reference_1 = require("./value/reference");
+Object.defineProperty(exports, "Reference", { enumerable: true, get: function () { return reference_1.Reference; } });
+var array_view_1 = require("./views/array-view");
+Object.defineProperty(exports, "ArrayView", { enumerable: true, get: function () { return array_view_1.ArrayView; } });
+var base_view_1 = require("./views/base-view");
+Object.defineProperty(exports, "BaseView", { enumerable: true, get: function () { return base_view_1.BaseView; } });
+var map_view_1 = require("./views/map-view");
+Object.defineProperty(exports, "MapView", { enumerable: true, get: function () { return map_view_1.MapView; } });
+var object_view_1 = require("./views/object-view");
+Object.defineProperty(exports, "ObjectView", { enumerable: true, get: function () { return object_view_1.ObjectView; } });
+var set_view_1 = require("./views/set-view");
+Object.defineProperty(exports, "SetView", { enumerable: true, get: function () { return set_view_1.SetView; } });
+var binding_1 = require("./binding/binding");
+Object.defineProperty(exports, "Binding", { enumerable: true, get: function () { return binding_1.Binding; } });
 
 
 // ./lib-es5/spec/svg.js
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 
 
 // ./lib-es5/spec/react.js
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 
 
 // ./lib-es5/spec/html.js
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 
 
 // ./lib-es5/value/expression.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Expression = void 0;
+var reference_js_1 = require("./reference.js");
+var ivalue_1 = require("../core/ivalue");
 /**
  * Bind some values to one expression
  * @class Expression
@@ -1618,7 +1195,7 @@ var Expression = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         _this.valuesCache = values.map(function (item) { return item.$; });
-        _this.sync = new Reference(func.apply(_this, _this.valuesCache));
+        _this.sync = new reference_js_1.Reference(func.apply(_this, _this.valuesCache));
         var i = 0;
         values.forEach(function () {
             _this.linkedFunc.push(handler.bind(_this, Number(i++)));
@@ -1626,12 +1203,12 @@ var Expression = /** @class */ (function (_super) {
         _this.values = values;
         _this.func = handler;
         if (link) {
-            _this.enable();
+            _this.$enable();
         }
         else {
             handler();
         }
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Object.defineProperty(Expression.prototype, "$", {
@@ -1644,18 +1221,18 @@ var Expression = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Expression.prototype.on = function (handler) {
-        this.sync.on(handler);
+    Expression.prototype.$on = function (handler) {
+        this.sync.$on(handler);
         return this;
     };
-    Expression.prototype.off = function (handler) {
-        this.sync.off(handler);
+    Expression.prototype.$off = function (handler) {
+        this.sync.$off(handler);
         return this;
     };
-    Expression.prototype.enable = function () {
+    Expression.prototype.$enable = function () {
         if (!this.isEnabled) {
             for (var i = 0; i < this.values.length; i++) {
-                this.values[i].on(this.linkedFunc[i]);
+                this.values[i].$on(this.linkedFunc[i]);
                 this.valuesCache[i] = this.values[i].$;
             }
             this.func();
@@ -1663,29 +1240,47 @@ var Expression = /** @class */ (function (_super) {
         }
         return this;
     };
-    Expression.prototype.disable = function () {
+    Expression.prototype.$disable = function () {
         if (this.isEnabled) {
             for (var i = 0; i < this.values.length; i++) {
-                this.values[i].off(this.linkedFunc[i]);
+                this.values[i].$off(this.linkedFunc[i]);
             }
             this.isEnabled = false;
         }
         return this;
     };
-    Expression.prototype.destroy = function () {
-        this.disable();
+    Expression.prototype.$destroy = function () {
+        this.$disable();
         this.values.splice(0);
         this.valuesCache.splice(0);
         this.linkedFunc.splice(0);
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return Expression;
-}(IValue));
-
+}(ivalue_1.IValue));
+exports.Expression = Expression;
 
-window.Expression = Expression;
 
 // ./lib-es5/value/reference.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Reference = void 0;
+var ivalue_1 = require("../core/ivalue");
 /**
  * Declares a notifiable value
  * @class Reference
@@ -1698,20 +1293,20 @@ var Reference = /** @class */ (function (_super) {
      */
     function Reference(value) {
         var _this = _super.call(this, true) || this;
-        _this.value = value;
-        _this.onchange = new Set;
-        _this.seal();
+        _this.$value = value;
+        _this.$onchange = new Set;
+        _this.$seal();
         return _this;
     }
     Object.defineProperty(Reference.prototype, "$", {
         get: function () {
-            return this.value;
+            return this.$value;
         },
         set: function (value) {
-            if (this.value !== value) {
-                this.value = value;
+            if (this.$value !== value) {
+                this.$value = value;
                 if (this.isEnabled) {
-                    this.onchange.forEach(function (handler) {
+                    this.$onchange.forEach(function (handler) {
                         handler(value);
                     });
                 }
@@ -1720,35 +1315,53 @@ var Reference = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Reference.prototype.enable = function () {
+    Reference.prototype.$enable = function () {
         var _this = this;
         if (!this.isEnabled) {
-            this.onchange.forEach(function (handler) {
-                handler(_this.value);
+            this.$onchange.forEach(function (handler) {
+                handler(_this.$value);
             });
             this.isEnabled = true;
         }
     };
-    Reference.prototype.disable = function () {
+    Reference.prototype.$disable = function () {
         this.isEnabled = false;
     };
-    Reference.prototype.on = function (handler) {
-        this.onchange.add(handler);
+    Reference.prototype.$on = function (handler) {
+        this.$onchange.add(handler);
     };
-    Reference.prototype.off = function (handler) {
-        this.onchange.delete(handler);
+    Reference.prototype.$off = function (handler) {
+        this.$onchange.delete(handler);
     };
-    Reference.prototype.destroy = function () {
-        _super.prototype.destroy.call(this);
-        this.onchange.clear();
+    Reference.prototype.$destroy = function () {
+        _super.prototype.$destroy.call(this);
+        this.$onchange.clear();
     };
     return Reference;
-}(IValue));
-
+}(ivalue_1.IValue));
+exports.Reference = Reference;
 
-window.Reference = Reference;
 
 // ./lib-es5/value/mirror.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mirror = void 0;
+var reference_1 = require("./reference");
 /**
  * Declares a notifiable bind to a value
  * @class Mirror
@@ -1765,13 +1378,13 @@ var Mirror = /** @class */ (function (_super) {
     function Mirror(value, forwardOnly) {
         if (forwardOnly === void 0) { forwardOnly = false; }
         var _this = _super.call(this, value.$) || this;
-        _this.handler = function (v) {
+        _this.$handler = function (v) {
             _this.$ = v;
         };
-        _this.pointedValue = value;
-        _this.forwardOnly = forwardOnly;
-        value.on(_this.handler);
-        _this.seal();
+        _this.$pointedValue = value;
+        _this.$forwardOnly = forwardOnly;
+        value.$on(_this.$handler);
+        _this.$seal();
         return _this;
     }
     Object.defineProperty(Mirror.prototype, "$", {
@@ -1782,8 +1395,8 @@ var Mirror = /** @class */ (function (_super) {
             return _super.prototype.$;
         },
         set: function (v) {
-            if (!this.forwardOnly) {
-                this.pointedValue.$ = v;
+            if (!this.$forwardOnly) {
+                this.$pointedValue.$ = v;
             }
             // this is a ts bug
             // eslint-disable-next-line
@@ -1793,30 +1406,48 @@ var Mirror = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Mirror.prototype.enable = function () {
+    Mirror.prototype.$enable = function () {
         if (!this.isEnabled) {
             this.isEnabled = true;
-            this.pointedValue.on(this.handler);
-            this.$ = this.pointedValue.$;
+            this.$pointedValue.$on(this.$handler);
+            this.$ = this.$pointedValue.$;
         }
     };
-    Mirror.prototype.disable = function () {
+    Mirror.prototype.$disable = function () {
         if (this.isEnabled) {
-            this.pointedValue.off(this.handler);
+            this.$pointedValue.$off(this.$handler);
             this.isEnabled = false;
         }
     };
-    Mirror.prototype.destroy = function () {
-        this.disable();
-        _super.prototype.destroy.call(this);
+    Mirror.prototype.$destroy = function () {
+        this.$disable();
+        _super.prototype.$destroy.call(this);
     };
     return Mirror;
-}(Reference));
+}(reference_1.Reference));
+exports.Mirror = Mirror;
 
 
-window.Mirror = Mirror;
-
 // ./lib-es5/value/pointer.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pointer = void 0;
+var mirror_1 = require("./mirror");
 /**
  * r/w pointer to a value
  * @class Pointer
@@ -1832,24 +1463,46 @@ var Pointer = /** @class */ (function (_super) {
         if (forwardOnly === void 0) { forwardOnly = false; }
         return _super.call(this, value, forwardOnly) || this;
     }
-    /**
-     * Point a new ivalue
-     * @param value {IValue} value to point
-     */
-    Pointer.prototype.point = function (value) {
-        if (this.pointedValue !== value) {
-            this.disable();
-            this.pointedValue = value;
-            this.enable();
-        }
-    };
+    Object.defineProperty(Pointer.prototype, "$$", {
+        /**
+         * Point a new ivalue
+         * @param value {IValue} value to point
+         */
+        set: function (value) {
+            if (this.$pointedValue !== value) {
+                this.$disable();
+                this.$pointedValue = value;
+                this.$enable();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     return Pointer;
-}(Mirror));
-
+}(mirror_1.Mirror));
+exports.Pointer = Pointer;
 
-window.Pointer = Pointer;
 
 // ./lib-es5/binding/binding.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Binding = void 0;
+var destroyable_1 = require("../core/destroyable");
 /**
  * Describe a common binding logic
  * @class Binding
@@ -1864,36 +1517,68 @@ var Binding = /** @class */ (function (_super) {
     function Binding(value) {
         var _this = this; _super.call(this);
         _this.binding = value;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Binding.prototype.init = function (bounded) {
         this.func = bounded;
-        this.binding.on(this.func);
+        this.binding.$on(this.func);
         this.func(this.binding.$);
     };
     /**
      * Just clear bindings
      */
-    Binding.prototype.destroy = function () {
-        this.binding.off(this.func);
-        _super.prototype.destroy.call(this);
+    Binding.prototype.$destroy = function () {
+        this.binding.$off(this.func);
+        _super.prototype.$destroy.call(this);
     };
     return Binding;
-}(Destroyable));
-
+}(destroyable_1.Destroyable));
+exports.Binding = Binding;
 
-window.Binding = Binding;
 
 // ./lib-es5/core/core.js
-var current = null;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Reactive = exports.ReactivePrivate = exports.current = void 0;
+var destroyable_js_1 = require("./destroyable.js");
+var errors_1 = require("./errors");
+var expression_1 = require("../value/expression");
+var reference_1 = require("../value/reference");
+var pointer_1 = require("../value/pointer");
+var mirror_1 = require("../value/mirror");
+exports.current = null;
 var currentStack = [];
 function stack(node) {
-    currentStack.push(current);
-    current = node;
+    currentStack.push(exports.current);
+    exports.current = node;
 }
 function unstack() {
-    current = currentStack.pop();
+    exports.current = currentStack.pop();
 }
 /**
  * Private stuff of a reactive object
@@ -1928,23 +1613,23 @@ var ReactivePrivate = /** @class */ (function (_super) {
          * @type {boolean}
          */
         _this.frozen = false;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
-    ReactivePrivate.prototype.destroy = function () {
-        this.watch.forEach(function (value) { return value.destroy(); });
+    ReactivePrivate.prototype.$destroy = function () {
+        this.watch.forEach(function (value) { return value.$destroy(); });
         this.watch.clear();
-        this.bindings.forEach(function (binding) { return binding.destroy(); });
+        this.bindings.forEach(function (binding) { return binding.$destroy(); });
         this.bindings.clear();
         this.models.forEach(function (model) { return model.disableReactivity(); });
         this.models.clear();
-        this.freezeExpr && this.freezeExpr.destroy();
+        this.freezeExpr && this.freezeExpr.$destroy();
         this.onDestroy && this.onDestroy();
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return ReactivePrivate;
-}(Destroyable));
-
+}(destroyable_js_1.Destroyable));
+exports.ReactivePrivate = ReactivePrivate;
 /**
  * A reactive object
  * @class Reactive
@@ -1956,7 +1641,7 @@ var Reactive = /** @class */ (function (_super) {
         var _this = this; _super.call(this);
         _this.input = input;
         _this.$ = $ || new ReactivePrivate;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Object.defineProperty(Reactive.prototype, "parent", {
@@ -1975,7 +1660,7 @@ var Reactive = /** @class */ (function (_super) {
      */
     Reactive.prototype.ref = function (value) {
         var $ = this.$;
-        var ref = new Reference(value);
+        var ref = new reference_1.Reference(value);
         $.watch.add(ref);
         return ref;
     };
@@ -1984,7 +1669,7 @@ var Reactive = /** @class */ (function (_super) {
      * @param value {IValue} value to mirror
      */
     Reactive.prototype.mirror = function (value) {
-        var mirror = new Mirror(value, false);
+        var mirror = new mirror_1.Mirror(value, false);
         this.$.watch.add(mirror);
         return mirror;
     };
@@ -1993,7 +1678,7 @@ var Reactive = /** @class */ (function (_super) {
      * @param value {IValue} value to mirror
      */
     Reactive.prototype.forward = function (value) {
-        var mirror = new Mirror(value, true);
+        var mirror = new mirror_1.Mirror(value, true);
         this.$.watch.add(mirror);
         return mirror;
     };
@@ -2005,7 +1690,7 @@ var Reactive = /** @class */ (function (_super) {
     Reactive.prototype.point = function (value, forwardOnly) {
         if (forwardOnly === void 0) { forwardOnly = false; }
         var $ = this.$;
-        var pointer = new Pointer(value, forwardOnly);
+        var pointer = new pointer_1.Pointer(value, forwardOnly);
         $.watch.add(pointer);
         return pointer;
     };
@@ -2028,7 +1713,7 @@ var Reactive = /** @class */ (function (_super) {
             values[_i - 1] = arguments[_i];
         }
         var $ = this.$;
-        $.watch.add(new (Expression.bind.apply(Expression, __spreadArray([void 0, func, !this.$.frozen], values, false)))());
+        $.watch.add(new (expression_1.Expression.bind.apply(expression_1.Expression, __spreadArray([void 0, func, !this.$.frozen], values, false)))());
     };
     /**
      * Creates a computed value
@@ -2041,7 +1726,7 @@ var Reactive = /** @class */ (function (_super) {
         for (var _i = 1; _i < arguments.length; _i++) {
             values[_i - 1] = arguments[_i];
         }
-        var res = new (Expression.bind.apply(Expression, __spreadArray([void 0, func, !this.$.frozen], values, false)))();
+        var res = new (expression_1.Expression.bind.apply(expression_1.Expression, __spreadArray([void 0, func, !this.$.frozen], values, false)))();
         var $ = this.$;
         $.watch.add(res);
         return res;
@@ -2053,7 +1738,7 @@ var Reactive = /** @class */ (function (_super) {
         var $ = this.$;
         if (!$.enabled) {
             $.watch.forEach(function (watcher) {
-                watcher.enable();
+                watcher.$enable();
             });
             $.models.forEach(function (model) {
                 model.enableReactivity();
@@ -2068,7 +1753,7 @@ var Reactive = /** @class */ (function (_super) {
         var $ = this.$;
         if ($.enabled) {
             $.watch.forEach(function (watcher) {
-                watcher.disable();
+                watcher.$disable();
             });
             $.models.forEach(function (model) {
                 model.disableReactivity();
@@ -2086,12 +1771,12 @@ var Reactive = /** @class */ (function (_super) {
         var _this = this;
         var $ = this.$;
         if ($.freezeExpr) {
-            throw wrongBinding("this component already have a freeze state");
+            throw (0, errors_1.wrongBinding)("this component already have a freeze state");
         }
         if ($.watch.has(cond)) {
-            throw wrongBinding("freeze state must be bound to an external component");
+            throw (0, errors_1.wrongBinding)("freeze state must be bound to an external component");
         }
-        $.freezeExpr = new Expression(function (cond) {
+        $.freezeExpr = new expression_1.Expression(function (cond) {
             $.frozen = !cond;
             if (cond) {
                 onOn === null || onOn === void 0 ? void 0 : onOn();
@@ -2106,7 +1791,7 @@ var Reactive = /** @class */ (function (_super) {
     };
     Reactive.prototype.init = function () {
         this.applyOptions(this.input);
-        this.compose(this.input);
+        return this.compose(this.input);
     };
     Reactive.prototype.applyOptions = function (input) {
         // empty
@@ -2115,7 +1800,7 @@ var Reactive = /** @class */ (function (_super) {
         this.applyOptions(this.input);
     };
     Reactive.prototype.compose = function (input) {
-        // empty
+        throw (0, errors_1.notOverwritten)();
     };
     Reactive.prototype.composeNow = function () {
         this.compose(this.input);
@@ -2136,20 +1821,43 @@ var Reactive = /** @class */ (function (_super) {
     Reactive.prototype.runOnDestroy = function (func) {
         this.$.onDestroy = func;
     };
-    Reactive.prototype.destroy = function () {
-        _super.prototype.destroy.call(this);
-        this.$.destroy();
+    Reactive.prototype.$destroy = function () {
+        _super.prototype.$destroy.call(this);
+        this.$.$destroy();
         this.$ = null;
     };
     return Reactive;
-}(Destroyable));
-
+}(destroyable_js_1.Destroyable));
+exports.Reactive = Reactive;
 
-window.current = current;
-window.ReactivePrivate = ReactivePrivate;
-window.Reactive = Reactive;
 
 // ./lib-es5/node/node.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DebugNode = exports.DebugPrivate = exports.SwitchedNode = exports.SwitchedNodePrivate = exports.Component = exports.Extension = exports.Tag = exports.INode = exports.INodePrivate = exports.TextNode = exports.TextNodePrivate = exports.Fragment = exports.FragmentPrivate = void 0;
+var core_1 = require("../core/core");
+var ivalue_1 = require("../core/ivalue");
+var reference_1 = require("../value/reference");
+var expression_1 = require("../value/expression");
+var attribute_1 = require("../binding/attribute");
+var class_1 = require("../binding/class");
+var style_1 = require("../binding/style");
+var errors_1 = require("../core/errors");
 /**
  * Represents a Vasille.js node
  * @class FragmentPrivate
@@ -2159,7 +1867,7 @@ var FragmentPrivate = /** @class */ (function (_super) {
     __extends(FragmentPrivate, _super);
     function FragmentPrivate() {
         var _this = this; _super.call(this);
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     /**
@@ -2174,14 +1882,14 @@ var FragmentPrivate = /** @class */ (function (_super) {
     /**
      * Unlinks all bindings
      */
-    FragmentPrivate.prototype.destroy = function () {
+    FragmentPrivate.prototype.$destroy = function () {
         this.next = null;
         this.prev = null;
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return FragmentPrivate;
-}(ReactivePrivate));
-
+}(core_1.ReactivePrivate));
+exports.FragmentPrivate = FragmentPrivate;
 /**
  * This class is symbolic
  * @extends Reactive
@@ -2224,11 +1932,11 @@ var Fragment = /** @class */ (function (_super) {
         $.preinit(app, parent);
     };
     Fragment.prototype.init = function () {
-        _super.prototype.init.call(this);
+        var ret = _super.prototype.init.call(this);
         this.ready();
+        return ret;
     };
     Fragment.prototype.compose = function (input) {
-        _super.prototype.compose.call(this, input);
         input.slot && input.slot(this);
     };
     /** To be overloaded: ready event handler */
@@ -2336,7 +2044,7 @@ var Fragment = /** @class */ (function (_super) {
         node.preinit($.app, this);
         node.input.slot = callback || node.input.slot;
         this.pushNode(node);
-        node.init();
+        return node.init();
     };
     /**
      * Defines an if node
@@ -2357,7 +2065,7 @@ var Fragment = /** @class */ (function (_super) {
             this.lastChild.addCase(this.default(cb));
         }
         else {
-            throw userError('wrong `else` function use', 'logic-error');
+            throw (0, errors_1.userError)('wrong `else` function use', 'logic-error');
         }
     };
     Fragment.prototype.elif = function (cond, cb) {
@@ -2365,7 +2073,7 @@ var Fragment = /** @class */ (function (_super) {
             this.lastChild.addCase(this.case(cond, cb));
         }
         else {
-            throw userError('wrong `elif` function use', 'logic-error');
+            throw (0, errors_1.userError)('wrong `elif` function use', 'logic-error');
         }
     };
     /**
@@ -2408,19 +2116,19 @@ var Fragment = /** @class */ (function (_super) {
             $.prev.$.next = $.next;
         }
     };
-    Fragment.prototype.destroy = function () {
-        this.children.forEach(function (child) { return child.destroy(); });
+    Fragment.prototype.$destroy = function () {
+        this.children.forEach(function (child) { return child.$destroy(); });
         this.children.clear();
         this.lastChild = null;
         if (this.$.parent.lastChild === this) {
             this.$.parent.lastChild = this.$.prev;
         }
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return Fragment;
-}(Reactive));
-
-var trueIValue = new Reference(true);
+}(core_1.Reactive));
+exports.Fragment = Fragment;
+var trueIValue = new reference_1.Reference(true);
 /**
  * The private part of a text node
  * @class TextNodePrivate
@@ -2430,7 +2138,7 @@ var TextNodePrivate = /** @class */ (function (_super) {
     __extends(TextNodePrivate, _super);
     function TextNodePrivate() {
         var _this = this; _super.call(this);
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     /**
@@ -2442,9 +2150,9 @@ var TextNodePrivate = /** @class */ (function (_super) {
     TextNodePrivate.prototype.preinitText = function (app, parent, text) {
         var _this = this;
         _super.prototype.preinit.call(this, app, parent);
-        this.node = document.createTextNode(text instanceof IValue ? text.$ : text);
-        if (text instanceof IValue) {
-            this.bindings.add(new Expression(function (v) {
+        this.node = document.createTextNode(text instanceof ivalue_1.IValue ? text.$ : text);
+        if (text instanceof ivalue_1.IValue) {
+            this.bindings.add(new expression_1.Expression(function (v) {
                 _this.node.replaceData(0, -1, v);
             }, true, text));
         }
@@ -2452,12 +2160,12 @@ var TextNodePrivate = /** @class */ (function (_super) {
     /**
      * Clear node data
      */
-    TextNodePrivate.prototype.destroy = function () {
-        _super.prototype.destroy.call(this);
+    TextNodePrivate.prototype.$destroy = function () {
+        _super.prototype.$destroy.call(this);
     };
     return TextNodePrivate;
 }(FragmentPrivate));
-
+exports.TextNodePrivate = TextNodePrivate;
 /**
  * Represents a text node
  * @class TextNode
@@ -2468,13 +2176,13 @@ var TextNode = /** @class */ (function (_super) {
     function TextNode($) {
         if ($ === void 0) { $ = new TextNodePrivate(); }
         var _this = _super.call(this, {}, $) || this;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     TextNode.prototype.preinit = function (app, parent, text) {
         var $ = this.$;
         if (!text) {
-            throw internalError('wrong TextNode::$preninit call');
+            throw (0, errors_1.internalError)('wrong TextNode::$preninit call');
         }
         $.preinitText(app, parent, text);
         $.parent.appendNode($.node);
@@ -2482,14 +2190,14 @@ var TextNode = /** @class */ (function (_super) {
     TextNode.prototype.findFirstChild = function () {
         return this.$.node;
     };
-    TextNode.prototype.destroy = function () {
+    TextNode.prototype.$destroy = function () {
         this.$.node.remove();
-        this.$.destroy();
-        _super.prototype.destroy.call(this);
+        this.$.$destroy();
+        _super.prototype.$destroy.call(this);
     };
     return TextNode;
 }(Fragment));
-
+exports.TextNode = TextNode;
 /**
  * The private part of a base node
  * @class INodePrivate
@@ -2504,15 +2212,15 @@ var INodePrivate = /** @class */ (function (_super) {
          * @type {boolean}
          */
         _this.unmounted = false;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
-    INodePrivate.prototype.destroy = function () {
-        _super.prototype.destroy.call(this);
+    INodePrivate.prototype.$destroy = function () {
+        _super.prototype.$destroy.call(this);
     };
     return INodePrivate;
 }(FragmentPrivate));
-
+exports.INodePrivate = INodePrivate;
 /**
  * Vasille node which can manipulate an element node
  * @class INode
@@ -2527,7 +2235,7 @@ var INode = /** @class */ (function (_super) {
      */
     function INode(input, $) {
         var _this = _super.call(this, input, $ || new INodePrivate) || this;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Object.defineProperty(INode.prototype, "node", {
@@ -2547,7 +2255,7 @@ var INode = /** @class */ (function (_super) {
      */
     INode.prototype.attr = function (name, value) {
         var $ = this.$;
-        var attr = new AttributeBinding(this, name, value);
+        var attr = new attribute_1.AttributeBinding(this, name, value);
         $.bindings.add(attr);
     };
     /**
@@ -2588,7 +2296,7 @@ var INode = /** @class */ (function (_super) {
      */
     INode.prototype.bindClass = function (className) {
         var $ = this.$;
-        $.bindings.add(new DynamicalClassBinding(this, className));
+        $.bindings.add(new class_1.DynamicalClassBinding(this, className));
         return this;
     };
     /**
@@ -2597,7 +2305,7 @@ var INode = /** @class */ (function (_super) {
      * @param className {string} class name
      */
     INode.prototype.floatingClass = function (cond, className) {
-        this.$.bindings.add(new StaticClassBinding(this, className, cond));
+        this.$.bindings.add(new class_1.StaticClassBinding(this, className, cond));
         return this;
     };
     /**
@@ -2608,10 +2316,10 @@ var INode = /** @class */ (function (_super) {
     INode.prototype.style = function (name, value) {
         var $ = this.$;
         if ($.node instanceof HTMLElement) {
-            $.bindings.add(new StyleBinding(this, name, value));
+            $.bindings.add(new style_1.StyleBinding(this, name, value));
         }
         else {
-            throw userError('style can be applied to HTML elements only', 'non-html-element');
+            throw (0, errors_1.userError)('style can be applied to HTML elements only', 'non-html-element');
         }
         return this;
     };
@@ -2625,7 +2333,7 @@ var INode = /** @class */ (function (_super) {
             this.$.node.style.setProperty(prop, value);
         }
         else {
-            throw userError("Style can be set for HTML elements only", "non-html-element");
+            throw (0, errors_1.userError)("Style can be set for HTML elements only", "non-html-element");
         }
         return this;
     };
@@ -2660,7 +2368,7 @@ var INode = /** @class */ (function (_super) {
             });
         }
         else {
-            throw userError('the element must be a html element', 'bind-show');
+            throw (0, errors_1.userError)('the element must be a html element', 'bind-show');
         }
     };
     /**
@@ -2677,14 +2385,14 @@ var INode = /** @class */ (function (_super) {
             }, value);
         }
         else {
-            throw userError("HTML can be bound for HTML nodes only", "dom-error");
+            throw (0, errors_1.userError)("HTML can be bound for HTML nodes only", "dom-error");
         }
     };
     INode.prototype.applyOptions = function (options) {
         var _this = this;
         options["v:attr"] && Object.keys(options["v:attr"]).forEach(function (name) {
             var value = options["v:attr"][name];
-            if (value instanceof IValue) {
+            if (value instanceof ivalue_1.IValue) {
                 _this.attr(name, value);
             }
             else {
@@ -2693,7 +2401,7 @@ var INode = /** @class */ (function (_super) {
         });
         if (options.class) {
             var handleClass_1 = function (name, value) {
-                if (value instanceof IValue) {
+                if (value instanceof ivalue_1.IValue) {
                     _this.floatingClass(value, name);
                 }
                 else if (value && name !== '$') {
@@ -2705,7 +2413,7 @@ var INode = /** @class */ (function (_super) {
             };
             if (Array.isArray(options.class)) {
                 options.class.forEach(function (item) {
-                    if (item instanceof IValue) {
+                    if (item instanceof ivalue_1.IValue) {
                         _this.bindClass(item);
                     }
                     else if (typeof item == "string") {
@@ -2729,14 +2437,14 @@ var INode = /** @class */ (function (_super) {
         }
         options.style && Object.keys(options.style).forEach(function (name) {
             var value = options.style[name];
-            if (value instanceof IValue) {
+            if (value instanceof ivalue_1.IValue) {
                 _this.style(name, value);
             }
             else if (typeof value === "string") {
                 _this.setStyle(name, value);
             }
             else {
-                if (value[0] instanceof IValue) {
+                if (value[0] instanceof ivalue_1.IValue) {
                     _this.style(name, _this.expr(function (v) { return v + value[1]; }, value[0]));
                 }
                 else {
@@ -2769,7 +2477,7 @@ var INode = /** @class */ (function (_super) {
     };
     return INode;
 }(Fragment));
-
+exports.INode = INode;
 /**
  * Represents an Vasille.js HTML element node
  * @class Tag
@@ -2779,12 +2487,12 @@ var Tag = /** @class */ (function (_super) {
     __extends(Tag, _super);
     function Tag(input) {
         var _this = _super.call(this, input) || this;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Tag.prototype.preinit = function (app, parent, tagName) {
         if (!tagName || typeof tagName !== "string") {
-            throw internalError('wrong Tag::$preinit call');
+            throw (0, errors_1.internalError)('wrong Tag::$preinit call');
         }
         var node = document.createElement(tagName);
         var $ = this.$;
@@ -2834,13 +2542,13 @@ var Tag = /** @class */ (function (_super) {
     /**
      * Runs GC
      */
-    Tag.prototype.destroy = function () {
+    Tag.prototype.$destroy = function () {
         this.node.remove();
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return Tag;
 }(INode));
-
+exports.Tag = Tag;
 /**
  * Represents a vasille extension node
  * @class Extension
@@ -2862,15 +2570,18 @@ var Extension = /** @class */ (function (_super) {
         }
         $.preinit(app, parent);
         if (!it) {
-            throw userError("A extension node can be encapsulated only in a tag/extension/component", "virtual-dom");
+            throw (0, errors_1.userError)("A extension node can be encapsulated only in a tag/extension/component", "virtual-dom");
         }
     };
-    Extension.prototype.destroy = function () {
-        _super.prototype.destroy.call(this);
+    Extension.prototype.extend = function (options) {
+        this.applyOptions(options);
+    };
+    Extension.prototype.$destroy = function () {
+        _super.prototype.$destroy.call(this);
     };
     return Extension;
 }(INode));
-
+exports.Extension = Extension;
 /**
  * Node which cas has just a child
  * @class Component
@@ -2889,7 +2600,7 @@ var Component = /** @class */ (function (_super) {
     Component.prototype.ready = function () {
         _super.prototype.ready.call(this);
         if (this.children.size !== 1) {
-            throw userError("Component must have a child only", "dom-error");
+            throw (0, errors_1.userError)("Component must have a child only", "dom-error");
         }
         var child = this.lastChild;
         if (child instanceof Tag || child instanceof Component) {
@@ -2897,7 +2608,7 @@ var Component = /** @class */ (function (_super) {
             $.node = child.node;
         }
         else {
-            throw userError("Component child must be Tag or Component", "dom-error");
+            throw (0, errors_1.userError)("Component child must be Tag or Component", "dom-error");
         }
     };
     Component.prototype.preinit = function (app, parent) {
@@ -2905,7 +2616,7 @@ var Component = /** @class */ (function (_super) {
     };
     return Component;
 }(Extension));
-
+exports.Component = Component;
 /**
  * Private part of switch node
  * @class SwitchedNodePrivate
@@ -2920,23 +2631,23 @@ var SwitchedNodePrivate = /** @class */ (function (_super) {
          * @type {Array<{cond : IValue<boolean>, cb : function(Fragment)}>}
          */
         _this.cases = [];
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     /**
      * Runs GC
      */
-    SwitchedNodePrivate.prototype.destroy = function () {
+    SwitchedNodePrivate.prototype.$destroy = function () {
         this.cases.forEach(function (c) {
             delete c.cond;
             delete c.cb;
         });
         this.cases.splice(0);
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return SwitchedNodePrivate;
 }(FragmentPrivate));
-
+exports.SwitchedNodePrivate = SwitchedNodePrivate;
 /**
  * Defines a node witch can switch its children conditionally
  */
@@ -2959,7 +2670,7 @@ var SwitchedNode = /** @class */ (function (_super) {
                 return;
             }
             if (_this.lastChild) {
-                _this.lastChild.destroy();
+                _this.lastChild.$destroy();
                 _this.children.clear();
                 _this.lastChild = null;
             }
@@ -2971,12 +2682,12 @@ var SwitchedNode = /** @class */ (function (_super) {
                 $.index = -1;
             }
         };
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     SwitchedNode.prototype.addCase = function (case_) {
         this.$.cases.push(case_);
-        case_.cond.on(this.$.sync);
+        case_.cond.$on(this.$.sync);
         this.$.sync();
     };
     /**
@@ -2994,20 +2705,20 @@ var SwitchedNode = /** @class */ (function (_super) {
     SwitchedNode.prototype.ready = function () {
         var $ = this.$;
         $.cases.forEach(function (c) {
-            c.cond.on($.sync);
+            c.cond.$on($.sync);
         });
         $.sync();
     };
-    SwitchedNode.prototype.destroy = function () {
+    SwitchedNode.prototype.$destroy = function () {
         var $ = this.$;
         $.cases.forEach(function (c) {
-            c.cond.off($.sync);
+            c.cond.$off($.sync);
         });
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return SwitchedNode;
 }(Fragment));
-
+exports.SwitchedNode = SwitchedNode;
 /**
  * The private part of a text node
  */
@@ -3015,7 +2726,7 @@ var DebugPrivate = /** @class */ (function (_super) {
     __extends(DebugPrivate, _super);
     function DebugPrivate() {
         var _this = this; _super.call(this);
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     /**
@@ -3028,7 +2739,7 @@ var DebugPrivate = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.preinit.call(this, app, parent);
         this.node = document.createComment(text.$);
-        this.bindings.add(new Expression(function (v) {
+        this.bindings.add(new expression_1.Expression(function (v) {
             _this.node.replaceData(0, -1, v);
         }, true, text));
         this.parent.appendNode(this.node);
@@ -3036,13 +2747,13 @@ var DebugPrivate = /** @class */ (function (_super) {
     /**
      * Clear node data
      */
-    DebugPrivate.prototype.destroy = function () {
+    DebugPrivate.prototype.$destroy = function () {
         this.node.remove();
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return DebugPrivate;
 }(FragmentPrivate));
-
+exports.DebugPrivate = DebugPrivate;
 /**
  * Represents a debug node
  * @class DebugNode
@@ -3057,42 +2768,48 @@ var DebugNode = /** @class */ (function (_super) {
          * @type {DebugNode}
          */
         _this.$ = new DebugPrivate();
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     DebugNode.prototype.preinit = function (app, parent, text) {
         var $ = this.$;
         if (!text) {
-            throw internalError('wrong DebugNode::$preninit call');
+            throw (0, errors_1.internalError)('wrong DebugNode::$preninit call');
         }
         $.preinitComment(app, parent, text);
     };
     /**
      * Runs garbage collector
      */
-    DebugNode.prototype.destroy = function () {
-        this.$.destroy();
-        _super.prototype.destroy.call(this);
+    DebugNode.prototype.$destroy = function () {
+        this.$.$destroy();
+        _super.prototype.$destroy.call(this);
     };
     return DebugNode;
 }(Fragment));
+exports.DebugNode = DebugNode;
 
 
-window.FragmentPrivate = FragmentPrivate;
-window.Fragment = Fragment;
-window.TextNodePrivate = TextNodePrivate;
-window.TextNode = TextNode;
-window.INodePrivate = INodePrivate;
-window.INode = INode;
-window.Tag = Tag;
-window.Extension = Extension;
-window.Component = Component;
-window.SwitchedNodePrivate = SwitchedNodePrivate;
-window.SwitchedNode = SwitchedNode;
-window.DebugPrivate = DebugPrivate;
-window.DebugNode = DebugNode;
-
 // ./lib-es5/node/app.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = exports.App = exports.AppNode = void 0;
+var node_1 = require("./node");
 /**
  * Application Node
  * @class AppNode
@@ -3106,12 +2823,12 @@ var AppNode = /** @class */ (function (_super) {
     function AppNode(input) {
         var _this = _super.call(this, input) || this;
         _this.debugUi = input.debugUi || false;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return AppNode;
-}(INode));
-
+}(node_1.INode));
+exports.AppNode = AppNode;
 /**
  * Represents a Vasille.js application
  * @class App
@@ -3129,7 +2846,7 @@ var App = /** @class */ (function (_super) {
         _this.$.node = node;
         _this.preinit(_this, _this);
         _this.init();
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     App.prototype.appendNode = function (node) {
@@ -3137,13 +2854,13 @@ var App = /** @class */ (function (_super) {
     };
     return App;
 }(AppNode));
-
+exports.App = App;
 var Portal = /** @class */ (function (_super) {
     __extends(Portal, _super);
     function Portal(input) {
         var _this = _super.call(this, input) || this;
         _this.$.node = input.node;
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     Portal.prototype.appendNode = function (node) {
@@ -3151,106 +2868,29 @@ var Portal = /** @class */ (function (_super) {
     };
     return Portal;
 }(AppNode));
+exports.Portal = Portal;
 
 
-window.AppNode = AppNode;
-window.App = App;
-window.Portal = Portal;
-
-// ./lib-es5/node/interceptor.js
-/**
- * Interceptor is designed to connect signals & methods of children elements
- * @class Interceptor
- * @extends Destroyable
- */
-var Interceptor = /** @class */ (function (_super) {
-    __extends(Interceptor, _super);
-    function Interceptor() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * Set of signals
-         * @type Set
-         */
-        _this.signals = new Set;
-        /**
-         * Set of handlers
-         * @type Set
-         */
-        _this.handlers = new Set;
-        return _this;
-    }
-    /**
-     * Connect a signal or a handler
-     * @param thing {Signal | function}
-     */
-    Interceptor.prototype.connect = function (thing) {
-        // interceptor will connect signals and handlers together
-        if (thing instanceof Signal) {
-            this.handlers.forEach(function (handler) {
-                thing.subscribe(handler);
-            });
-            this.signals.add(thing);
-        }
-        else {
-            this.signals.forEach(function (signal) {
-                signal.subscribe(thing);
-            });
-            this.handlers.add(thing);
-        }
-    };
-    /**
-     * Disconnect a handler from signals
-     * @param handler {function}
-     */
-    Interceptor.prototype.disconnect = function (handler) {
-        this.signals.forEach(function (signal) {
-            signal.unsubscribe(handler);
-        });
-    };
-    Interceptor.prototype.destroy = function () {
-        var _this = this;
-        _super.prototype.destroy.call(this);
-        this.signals.forEach(function (signal) {
-            _this.handlers.forEach(function (handler) {
-                signal.unsubscribe(handler);
-            });
-        });
-    };
-    return Interceptor;
-}(Destroyable));
-
-/**
- * Interceptor node to implement directly to vasille DOM
- * @class InterceptorNode
- * @extends Extension
- */
-var InterceptorNode = /** @class */ (function (_super) {
-    __extends(InterceptorNode, _super);
-    function InterceptorNode() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * Internal interceptor
-         * @type Interceptor
-         */
-        _this.interceptor = new Interceptor;
-        /**
-         * The default slot of node
-         * @type Slot
-         */
-        _this.slot = new Slot;
-        return _this;
-    }
-    InterceptorNode.prototype.compose = function () {
-        this.slot.release(this, this.interceptor);
-    };
-    return InterceptorNode;
-}(Fragment));
-
-
-window.Interceptor = Interceptor;
-window.InterceptorNode = InterceptorNode;
-
 // ./lib-es5/binding/attribute.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeBinding = void 0;
+var binding_1 = require("./binding");
 /**
  * Represents an Attribute binding description
  * @class AttributeBinding
@@ -3279,16 +2919,34 @@ var AttributeBinding = /** @class */ (function (_super) {
                 node.node.removeAttribute(name);
             }
         });
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return AttributeBinding;
-}(Binding));
+}(binding_1.Binding));
+exports.AttributeBinding = AttributeBinding;
 
 
-window.AttributeBinding = AttributeBinding;
-
 // ./lib-es5/binding/style.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyleBinding = void 0;
+var binding_1 = require("./binding");
 /**
  * Describes a style attribute binding
  * @class StyleBinding
@@ -3309,16 +2967,34 @@ var StyleBinding = /** @class */ (function (_super) {
                 node.node.style.setProperty(name, value);
             }
         });
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return StyleBinding;
-}(Binding));
+}(binding_1.Binding));
+exports.StyleBinding = StyleBinding;
 
 
-window.StyleBinding = StyleBinding;
-
 // ./lib-es5/binding/class.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicalClassBinding = exports.StaticClassBinding = void 0;
+var binding_1 = require("./binding");
 function addClass(node, cl) {
     node.node.classList.add(cl);
 }
@@ -3341,12 +3017,12 @@ var StaticClassBinding = /** @class */ (function (_super) {
                 _this.current = value;
             }
         });
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return StaticClassBinding;
-}(Binding));
-
+}(binding_1.Binding));
+exports.StaticClassBinding = StaticClassBinding;
 var DynamicalClassBinding = /** @class */ (function (_super) {
     __extends(DynamicalClassBinding, _super);
     function DynamicalClassBinding(node, value) {
@@ -3363,17 +3039,34 @@ var DynamicalClassBinding = /** @class */ (function (_super) {
                 _this.current = value;
             }
         });
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return DynamicalClassBinding;
-}(Binding));
+}(binding_1.Binding));
+exports.DynamicalClassBinding = DynamicalClassBinding;
 
 
-window.StaticClassBinding = StaticClassBinding;
-window.DynamicalClassBinding = DynamicalClassBinding;
-
 // ./lib-es5/views/repeat-node.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RepeatNode = exports.RepeatNodePrivate = void 0;
+var node_1 = require("../node/node");
 /**
  * Private part of repeat node
  * @class RepeatNodePrivate
@@ -3388,16 +3081,16 @@ var RepeatNodePrivate = /** @class */ (function (_super) {
          * @type {Map}
          */
         _this.nodes = new Map();
-        _this.seal();
+        _this.$seal();
         return _this;
     }
-    RepeatNodePrivate.prototype.destroy = function () {
+    RepeatNodePrivate.prototype.$destroy = function () {
         this.nodes.clear();
-        _super.prototype.destroy.call(this);
+        _super.prototype.$destroy.call(this);
     };
     return RepeatNodePrivate;
-}(INodePrivate));
-
+}(node_1.INodePrivate));
+exports.RepeatNodePrivate = RepeatNodePrivate;
 /**
  * Repeat node repeats its children
  * @class RepeatNode
@@ -3414,7 +3107,7 @@ var RepeatNode = /** @class */ (function (_super) {
         return _this;
     }
     RepeatNode.prototype.createChild = function (opts, id, item, before) {
-        var node = new Fragment({});
+        var node = new node_1.Fragment({});
         this.destroyChild(id, item);
         if (before) {
             this.children.add(node);
@@ -3439,93 +3132,36 @@ var RepeatNode = /** @class */ (function (_super) {
         var child = $.nodes.get(id);
         if (child) {
             child.remove();
-            child.destroy();
+            child.$destroy();
             this.$.nodes.delete(id);
             this.children.delete(child);
         }
     };
     return RepeatNode;
-}(Fragment));
+}(node_1.Fragment));
+exports.RepeatNode = RepeatNode;
 
 
-window.RepeatNodePrivate = RepeatNodePrivate;
-window.RepeatNode = RepeatNode;
-
-// ./lib-es5/views/repeater.js
-/**
- * Private part of repeater
- * @class RepeaterPrivate
- * @extends RepeatNodePrivate
- */
-var RepeaterPrivate = /** @class */ (function (_super) {
-    __extends(RepeaterPrivate, _super);
-    function RepeaterPrivate() {
-        var _this = this; _super.call(this);
-        /**
-         * Current count of child nodes
-         */
-        _this.currentCount = 0;
-        _this.seal();
-        return _this;
-    }
-    return RepeaterPrivate;
-}(RepeatNodePrivate));
-
-/**
- * The simplest repeat node interpretation, repeat children pack a several times
- * @class Repeater
- * @extends RepeatNode
- */
-var Repeater = /** @class */ (function (_super) {
-    __extends(Repeater, _super);
-    function Repeater($) {
-        var _this = _super.call(this, $ || new RepeaterPrivate) || this;
-        /**
-         * The count of children
-         */
-        _this.count = new Reference(0);
-        _this.seal();
-        return _this;
-    }
-    /**
-     * Changes the children count
-     */
-    Repeater.prototype.changeCount = function (number) {
-        var $ = this.$;
-        if (number > $.currentCount) {
-            for (var i = $.currentCount; i < number; i++) {
-                this.createChild(i, i);
-            }
-        }
-        else {
-            for (var i = $.currentCount - 1; i >= number; i--) {
-                this.destroyChild(i, i);
-            }
-        }
-        $.currentCount = number;
-    };
-    Repeater.prototype.created = function () {
-        var $ = this.$;
-        _super.prototype.created.call(this);
-        $.updateHandler = this.changeCount.bind(this);
-        this.count.on($.updateHandler);
-    };
-    Repeater.prototype.ready = function () {
-        this.changeCount(this.count.$);
-    };
-    Repeater.prototype.destroy = function () {
-        var $ = this.$;
-        _super.prototype.destroy.call(this);
-        this.count.off($.updateHandler);
-    };
-    return Repeater;
-}(RepeatNode));
-
-
-window.RepeaterPrivate = RepeaterPrivate;
-window.Repeater = Repeater;
-
 // ./lib-es5/views/base-view.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseView = exports.BaseViewPrivate = void 0;
+var repeat_node_1 = require("./repeat-node");
 /**
  * Private part of BaseView
  * @class BaseViewPrivate
@@ -3535,12 +3171,12 @@ var BaseViewPrivate = /** @class */ (function (_super) {
     __extends(BaseViewPrivate, _super);
     function BaseViewPrivate() {
         var _this = this; _super.call(this);
-        _this.seal();
+        _this.$seal();
         return _this;
     }
     return BaseViewPrivate;
-}(RepeatNodePrivate));
-
+}(repeat_node_1.RepeatNodePrivate));
+exports.BaseViewPrivate = BaseViewPrivate;
 /**
  * Base class of default views
  * @class BaseView
@@ -3569,13 +3205,30 @@ var BaseView = /** @class */ (function (_super) {
         });
     };
     return BaseView;
-}(RepeatNode));
-
+}(repeat_node_1.RepeatNode));
+exports.BaseView = BaseView;
 
-window.BaseViewPrivate = BaseViewPrivate;
-window.BaseView = BaseView;
 
 // ./lib-es5/views/array-view.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayView = void 0;
+var base_view_1 = require("./base-view");
 /**
  * Represents a view of an array model
  * @class ArrayView
@@ -3597,12 +3250,30 @@ var ArrayView = /** @class */ (function (_super) {
         });
     };
     return ArrayView;
-}(BaseView));
-
+}(base_view_1.BaseView));
+exports.ArrayView = ArrayView;
 
-window.ArrayView = ArrayView;
 
 // ./lib-es5/node/watch.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Watch = void 0;
+var node_1 = require("./node");
 /**
  * Watch Node
  * @class Watch
@@ -3617,7 +3288,7 @@ var Watch = /** @class */ (function (_super) {
         var _this = this;
         this.watch(function (value) {
             _this.children.forEach(function (child) {
-                child.destroy();
+                child.$destroy();
             });
             _this.children.clear();
             _this.lastChild = null;
@@ -3626,12 +3297,30 @@ var Watch = /** @class */ (function (_super) {
         input.slot(this, input.model.$);
     };
     return Watch;
-}(Fragment));
+}(node_1.Fragment));
+exports.Watch = Watch;
 
 
-window.Watch = Watch;
-
 // ./lib-es5/views/object-view.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjectView = void 0;
+var base_view_1 = require("./base-view");
 /**
  * Create a children pack for each object field
  * @class ObjectView
@@ -3644,19 +3333,37 @@ var ObjectView = /** @class */ (function (_super) {
     }
     ObjectView.prototype.compose = function (input) {
         _super.prototype.compose.call(this, input);
-        var obj = input.model.proxy();
+        var obj = input.model.values;
         for (var key in obj) {
             this.createChild(input, key, obj[key]);
         }
         _super.prototype.ready.call(this);
     };
     return ObjectView;
-}(BaseView));
-
+}(base_view_1.BaseView));
+exports.ObjectView = ObjectView;
 
-window.ObjectView = ObjectView;
 
 // ./lib-es5/views/map-view.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapView = void 0;
+var base_view_1 = require("./base-view");
 /**
  * Create a children pack for each map value
  * @class MapView
@@ -3675,12 +3382,30 @@ var MapView = /** @class */ (function (_super) {
         });
     };
     return MapView;
-}(BaseView));
-
+}(base_view_1.BaseView));
+exports.MapView = MapView;
 
-window.MapView = MapView;
 
 // ./lib-es5/views/set-view.js
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetView = void 0;
+var base_view_1 = require("./base-view");
 /**
  * Create a children pack for each set value
  * @class SetView
@@ -3700,9 +3425,13 @@ var SetView = /** @class */ (function (_super) {
         });
     };
     return SetView;
-}(BaseView));
+}(base_view_1.BaseView));
+exports.SetView = SetView;
+
 
+// ./lib-es5/functional/options.js
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 
-window.SetView = SetView;
 
 })();