vasille 1.2.8 → 2.0.2

package/lib/views.js

@@ -1,688 +0,0 @@
-// 
-import { VasilleNode }                                            from "./interfaces/core";
-import { IValue }                                                 from "./interfaces/ivalue.js";
-import { ArrayModel, MapModel, ObjectModel, SetModel }            from "./models.js";
-import { App, INode, BaseNodePrivate, Extension, RepeatNodeItem } from "./node.js";
-import { Reference }                                              from "./value.js";
-
-
-
-export class RepeatNodePrivate extends BaseNodePrivate {
-    /**
-     * Children node hash
-     * @type {Map<*, Extension>}
-     */
-    nodes = new Map();
-
-    /**
-     * Call-back function to create a children pack
-     * @type {function(RepeatNodeItem, ?*) : void}
-     */
-    cb;
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Repeat node repeats its children
- */
-export class RepeatNode extends Extension {
-
-    constructor ($) {
-        super($ || new RepeatNodePrivate);
-    }
-
-    /**
-     * Sets call-back function
-     * @param cb {function(RepeatNodeItem, ?*) : void}
-     */
-    setCallback (cb) {
-        (this.$).cb = cb;
-    }
-
-    /**
-     * Initialize the shadow node
-     * @param app {App} App node
-     * @param rt {INode} Root node
-     * @param ts {INode} This node
-     * @param before {VasilleNode} Node to paste content before it
-     */
-    $$preinitShadow (app, rt, ts, before) {
-        let $ = this.$;
-
-        super.$$preinitShadow(app, rt, ts, before);
-        $.encapsulate($.el);
-    }
-
-    /**
-     * Create a children pack
-     * @param id {*} id of child pack
-     * @param item {IValue<*>} value for children pack
-     * @param before {VasilleNode} Node to insert before it
-     */
-    createChild (id, item, before) {
-        let current = this.$.nodes.get(id);
-        let node = new RepeatNodeItem(id);
-        let $ = node.$;
-
-        this.destroyChild(id, item);
-
-        $.parent = this;
-        if (current) {
-            $.next = current.$.next;
-            $.prev = current.$.prev;
-            if ($.next) {
-                $.next.$.prev = node;
-            }
-            if ($.prev) {
-                $.prev.$.next = node;
-            }
-            this.$children.splice(this.$children.indexOf(current), 1, node);
-        }
-        else if (before) {
-            $.next = before;
-            $.prev = before.$.prev;
-            before.$.prev = node;
-            if ($.prev) {
-                $.prev.$.next = node;
-            }
-            this.$children.splice(this.$children.indexOf(before) - 1, 0, node);
-        }
-        else {
-            let lastChild = this.$children[this.$children.length - 1];
-
-            if (lastChild) {
-                lastChild.$.next = node;
-            }
-            $.prev = lastChild;
-            this.$children.push(node);
-        }
-
-        node.$$preinitShadow(this.$.app, this.$.rt, this, before || (
-            current ? current.$.next : null
-        ));
-
-        node.$init();
-        this.$.app.$run.callCallback(() => {
-            this.$.cb(node, item.$);
-            node.$ready();
-        });
-
-        this.$.nodes.set(id, node);
-    };
-
-    /**
-     * Destroy a old child
-     * @param id {*} id of children pack
-     * @param item {IValue<*>} value of children pack
-     */
-    destroyChild (id, item) {
-        let child = this.$.nodes.get(id);
-
-        if (child) {
-            let $ = child.$;
-
-            if ($.prev) {
-                $.prev.$.next = $.next;
-            }
-            if ($.next) {
-                $.next.$.prev = $.prev;
-            }
-            child.$destroy();
-            this.$.nodes.delete(id);
-            this.$children.splice(this.$children.indexOf(child), 1);
-        }
-    };
-}
-
-/**
- * Private part of repeater
- */
-export class RepeaterPrivate extends RepeatNodePrivate {
-    /**
-     * Handler to catch count updates
-     * @type {Function}
-     */
-    updateHandler;
-
-    /**
-     * Current count of child nodes
-     * @type {number}
-     */
-    currentCount = 0;
-
-    /**
-     * Order number is used like children pack value
-     * @type {Array<IValue<number>>}
-     */
-    orderNumber = [];
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * The simplest repeat $node interpretation, repeat children pack a several times
- */
-export class Repeater extends RepeatNode {
-
-    /**
-     * The count of children
-     * @type {IValue<number>}
-     */
-    count = new Reference(0);
-
-    constructor ($) {
-        super($ || new RepeaterPrivate);
-        this.seal();
-    }
-
-    /**
-     * Changes the children count
-     * @param number {number} The new children count
-     */
-    changeCount (number) {
-        let $ = this.$;
-
-        if (number > $.currentCount) {
-            for (let i = $.currentCount; i < number; i++) {
-                let item = new Reference(i);
-                this.createChild(i, item);
-                $.orderNumber.push(item);
-            }
-        }
-        else {
-            for (let i = $.currentCount - 1; i >= number; i--) {
-                this.destroyChild(i, $.orderNumber[i]);
-            }
-            $.orderNumber.splice(number);
-        }
-        $.currentCount = number;
-    }
-
-
-
-    /**
-     * Handles created event
-     */
-    $created () {
-        let $ = this.$;
-
-        super.$created();
-
-        $.updateHandler = (value) => {
-            this.changeCount(value);
-        };
-        this.count.on($.updateHandler);
-    }
-
-    /**
-     * Handles ready event
-     */
-    $ready () {
-        this.changeCount(this.count.$);
-    }
-
-    /**
-     * Handles destroy event
-     */
-    $destroy () {
-        let $ = this.$;
-
-        super.$destroy();
-        this.count.off($.updateHandler);
-    }
-}
-
-/**
- * Private part of BaseView
- */
-export class BaseViewPrivate extends RepeatNodePrivate {
-    /**
-     * Handler to catch values addition
-     * @type {Function}
-     */
-    addHandler;
-
-    /**
-     * Handler to catch values removes
-     * @type {Function}
-     */
-    removeHandler;
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Base class of default views
- */
-export class BaseView extends RepeatNode {
-
-    // props
-    /**
-     * Property which will contain a model
-     * @type {IValue<*>}
-     */
-    model;
-
-    /**
-     * Sets up model and handlers
-     */
-    constructor ($1) {
-        super($1 || new BaseViewPrivate);
-
-        let $ = this.$;
-        $.addHandler = (id, item) => {
-            this.createChild(id, item);
-        };
-        $.removeHandler = (id, item) => {
-            this.destroyChild(id, item);
-        };
-
-        this.seal();
-    }
-
-    /**
-     * Creates a child when user adds new values
-     * @param id {*} id of children pack
-     * @param item {IValue<*>} Reference of children pack
-     * @param before {VasilleNode} Node to paste before it
-     * @return {handler} handler must be saved and unliked on value remove
-     */
-    createChild (id, item, before) {
-        let handler = () => {
-            this.createChild(id, item);
-        };
-        item.on(handler);
-        super.createChild(id, item, before);
-
-        return handler;
-    }
-
-
-
-    /**
-     * Handle ready event
-     */
-    $ready () {
-        let $ = this.$;
-
-        this.model.$.listener.onAdd($.addHandler);
-        this.model.$.listener.onRemove($.removeHandler);
-        super.$ready();
-    }
-
-    /**
-     * Handles destroy event
-     */
-    $destroy () {
-        let $ = this.$;
-
-        this.model.$.listener.offAdd($.addHandler);
-        this.model.$.listener.offRemove($.removeHandler);
-        super.$destroy();
-    }
-}
-
-/**
- * Private part of array view
- */
-export class ArrayViewPrivate extends BaseViewPrivate {
-    /**
-     * Contains handlers of each child
-     * @type {Map<IValue<*>, Function>}
-     */
-    handlers = new Map();
-
-    /**
-     * Contains buffered children
-     * @type {Array<string>}
-     */
-    buffer = [];
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Represents a view of a array model
- */
-export class ArrayView extends BaseView {
-
-    /**
-     * model of view
-     * @type {IValue<ArrayModel<*>>}
-     */
-    model;
-
-    /**
-     * Sets up model with a default value
-     */
-    constructor ($) {
-        super($ || new ArrayViewPrivate);
-
-        this.model = this.$prop(ArrayModel);
-        this.seal();
-    }
-
-
-
-    /**
-     * Overrides child created and generate random id for children
-     */
-    createChild (id, item, before) {
-        let $ = this.$;
-        let next = typeof id === "number" ? $.nodes.get($.buffer[id]) : null;
-        let handler = super.createChild(item, item, before || next);
-
-        $.handlers.set(item, handler);
-        $.buffer.splice(id, 0, item);
-    }
-
-    /**
-     * Removes a children pack
-     */
-    destroyChild (id, item) {
-        let $ = this.$;
-        let index = typeof id === "number" ? id : $.buffer.indexOf(item);
-
-        if (index === -1) {
-            return;
-        }
-
-        item.off($.handlers.get(item));
-        $.handlers.delete(item);
-        super.destroyChild(item, item);
-        $.buffer.splice(index, 1);
-    }
-
-
-
-    /**
-     * Handle ready event
-     */
-    $ready () {
-        let $ = this.$;
-        let arr = this.model.$;
-
-        for (let i = 0; i < arr.length; i++) {
-            $.app.$run.callCallback(() => {
-                this.createChild(i, arr[i]);
-            });
-        }
-
-        super.$ready();
-    }
-
-    /**
-     * Handle destroy event
-     */
-    $destroy () {
-        for (let it of (this.$).handlers) {
-            it[0].off(it[1]);
-        }
-
-        super.$destroy();
-    }
-}
-
-/**
- * private part of object view
- */
-class ObjectViewPrivate extends BaseViewPrivate {
-    /**
-     * Handler of property changes
-     * @type {Object<string, function>}
-     */
-    handlers = {};
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Create a children pack for each object field
- */
-export class ObjectView extends BaseView {
-    /**
-     * Sets up model
-     */
-    constructor ($) {
-        super($ || new ObjectViewPrivate);
-        this.model = this.$prop(ObjectModel);
-    }
-
-
-
-    /**
-     * Saves the child handler
-     */
-    createChild (id, item, before) {
-        (this.$).handlers[id] = super.createChild(id, item, before);
-    }
-
-    /**
-     * Disconnects the child handler
-     */
-    destroyChild (id, item) {
-        let $ = this.$;
-
-        item.off($.handlers[id]);
-        delete $.handlers[id];
-        super.destroyChild(id, item);
-    }
-
-
-
-    /**
-     * Handler ready event
-     */
-    $ready () {
-        let $ = this.$;
-        let obj = this.model.$;
-
-        for (let i in obj) {
-            if (obj.hasOwnProperty(i) && obj.get(i) instanceof IValue) {
-                $.app.$run.callCallback(() => {
-                    this.createChild(i, obj.get(i));
-                });
-            }
-        }
-
-        super.$ready();
-    }
-
-    /**
-     * Handler destroy event
-     */
-    $destroy () {
-        let $ = this.$;
-        let obj = this.model.$;
-
-        for (let i in obj) {
-            if (obj.hasOwnProperty(i)) {
-                obj.get(i).off($.handlers[i]);
-            }
-        }
-
-        super.$destroy();
-    }
-}
-
-/**
- * private part of map view
- */
-class MapViewPrivate extends BaseViewPrivate {
-    /**
-     * Contains update handler for each value
-     * @type {Map<*, Function>}
-     */
-    handlers = new Map();
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Create a children pack for each map value
- */
-export class MapView extends BaseView {
-
-    /**
-     * Sets up model
-     */
-    constructor ($) {
-        super($ || new MapViewPrivate);
-        this.model = this.$prop(MapModel);
-    }
-
-
-
-    /**
-     * Saves the child handler
-     */
-    createChild (id, item, before) {
-        (this.$).handlers.set(id, super.createChild(id, item, before));
-    }
-
-    /**
-     * Disconnects the child handler
-     */
-    destroyChild (id, item) {
-        let $ = this.$;
-
-        item.off($.handlers.get(id));
-        $.handlers.delete(id);
-        super.destroyChild(id, item);
-    }
-
-
-
-    /**
-     * Handler ready event
-     */
-    $ready () {
-        let $ = this.$;
-        let map = this.model.$;
-
-        for (let it of map) {
-            $.app.$run.callCallback(() => {
-                this.createChild(it[0], it[1]);
-            });
-        }
-
-        super.$ready();
-    }
-
-    /**
-     * Handler destroy event
-     */
-    $destroy () {
-        let $ = this.$;
-        let map = this.model.$;
-
-        for (let it of map) {
-            it[1].off($.handlers.get(it[0]));
-        }
-
-        super.$destroy();
-    }
-}
-
-/**
- * private part of set view
- */
-class SetViewPrivate extends BaseViewPrivate {
-    /**
-     * Contains update handler for each value
-     * @type {Map<IValue<*>, Function>}
-     */
-    handlers = new Map();
-
-    constructor () {
-        super ();
-        this.seal();
-    }
-}
-
-/**
- * Create a children pack for each set value
- */
-export class SetView extends BaseView {
-
-    /**
-     * Sets up model
-     */
-    constructor ($) {
-        super($ || new SetViewPrivate);
-        this.model = this.$prop(SetModel);
-    }
-
-
-
-    /**
-     * Saves the child handler
-     */
-    createChild (id, item, before) {
-        (this.$).handlers.set(item, super.createChild(id, item, before));
-    }
-
-    /**
-     * Disconnects the child handler
-     */
-    destroyChild (id, item) {
-        let $ = this.$;
-
-        item.off($.handlers.get(item));
-        $.handlers.delete(item);
-        super.destroyChild(id, item);
-    }
-
-
-
-    /**
-     * Handler ready event
-     */
-    $ready () {
-        let $ = this.$;
-        let set = this.model.$;
-
-        for (let it of set) {
-            $.app.$run.callCallback(() => {
-                this.createChild(it, it);
-            });
-        }
-
-        super.$ready();
-    }
-
-    /**
-     * Handler destroy event
-     */
-    $destroy () {
-        let $ = this.$;
-        let set = this.model.$;
-
-        for (let it of set) {
-            it.off($.handlers.get(it));
-        }
-
-        super.$destroy();
-    }
-}
-
-//# sourceMappingURL=views.js.map

package/lib/views.js.map

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