vasille 1.2.8 → 2.0.2

package/types/node.d.ts

@@ -1,906 +0,0 @@
-/**
- * The private part of a text node
- */
-export class TextNodePrivate extends VasilleNodePrivate {
-    /**
-     * Contains the text of node as Reference
-     * @type {IValue}
-     */
-    value: IValue;
-    /**
-     * User defined handler to handle text change
-     * @type {Function}
-     */
-    handler: Function;
-    /**
-     * Pre-initializes a text node
-     * @param app {App} the app node
-     * @param rt {INode} The root node
-     * @param ts {INode} The this node
-     * @param before {?VasilleNode} node to paste after
-     * @param text {String | IValue}
-     */
-    preinitText(app: App, rt: INode, ts: INode, before: VasilleNode | null, text: string | IValue): void;
-}
-/**
- * Represents a text node
- */
-export class TextNode extends VasilleNode {
-    /**
-     * Constructs a text node
-     */
-    constructor();
-    /**
-     * Pointer to text node
-     * @type {Text}
-     */
-    node: Text;
-    /**
-     * Pre-initializes a text node
-     * @param app {App} the app node
-     * @param rt {INode} The root node
-     * @param ts {INode} The this node
-     * @param before {?VasilleNode} node to paste after
-     * @param text {String | IValue}
-     */
-    $$preinitText(app: App, rt: INode, ts: INode, before: VasilleNode | null, text: string | IValue): void;
-}
-/**
- * The private part of a base node
- */
-export class BaseNodePrivate extends VasilleNodePrivate {
-    /**
-     * The building active state
-     * @type {boolean}
-     */
-    building: boolean;
-    /**
-     * Represents style bindings
-     * @type {Set<Binding>}
-     */
-    class: Set<Binding>;
-    /**
-     * Represents a list of user-defined bindings
-     * @type {Set<IValue>}
-     */
-    watch: Set<IValue>;
-    /**
-     * List of user defined signals
-     * @type {Map<string, {args : Array<Function>, handlers : Array<Function>}>}
-     */
-    signal: Map<string, {
-        args: Array<Function>;
-        handlers: Array<Function>;
-    }>;
-    /**
-     * List of references
-     * @type {Map<String, INode|Set<INode>>}
-     */
-    refs: Map<string, INode | Set<INode>>;
-    /**
-     * List of $slots
-     * @type {Map<String, INode>}
-     */
-    slots: Map<string, INode>;
-    /**
-     * Defined the frozen state of component
-     * @type {boolean}
-     */
-    frozen: boolean;
-    /**
-     * Defines if node is unmounted
-     * @type {boolean}
-     */
-    unmounted: boolean;
-    /**
-     * Handle to run on component destroy
-     * @type {Function}
-     */
-    onDestroy: Function;
-    /**
-     * Defines a HTML class for all html nodes
-     * @type {string}
-     */
-    metaClass: string;
-    /**
-     * Defines a container for CSS rule in creation time
-     * @type {Array<{scoped : string, unscoped : string, rules : {[p : string] : string}}>}
-     */
-    metaStyle: {
-        scoped: string;
-        unscoped: string;
-        rules: {
-            [p: string]: string;
-        };
-    }[];
-    /**
-     * Get the current root (ts on building, rt on filling)
-     * @type {INode}
-     */
-    get rt(): INode;
-}
-/**
- * Represents an Vasille.js node which can contains children
- * @extends VasilleNode
- */
-export class INode extends VasilleNode {
-    /**
-     * collect identifiers of created rules packs
-     * @type {Set<string>}
-     */
-    static cssRules: Set<string>;
-    /**
-     * Constructs a base node
-     * @param $ {?BaseNodePrivate}
-     */
-    constructor($: BaseNodePrivate | null);
-    /**
-     * The children list
-     * @type {Array<VasilleNode>}
-     */
-    $children: Array<VasilleNode>;
-    /**
-     * Pre-initializes a base node which can contain children
-     * @param app {App} the app node
-     * @param rt {INode} The root node
-     * @param ts {INode} The this node
-     * @param before {?VasilleNode} node to paste after it
-     * @param node {HTMLElement | Text | Comment} The encapsulated node
-     */
-    $$preinitNode(app: App, rt: INode, ts: INode, before: VasilleNode | null, node: HTMLElement | Text | Comment): void;
-    /**
-     * Start component building
-     */
-    $$startBuilding(): void;
-    /**
-     * Stop component building
-     */
-    $$stopBuilding(): void;
-    /**
-     * Initialize node
-     */
-    $init(): void;
-    /**
-     * Assigns value to this property is such exists and is a IValue
-     * @param ts {Object} pointer to this
-     * @param prop {string} property name
-     * @param value {*} value to assign
-     */
-    $$unsafeAssign(ts: any, prop: string, value: any): void;
-    /** To be overloaded: created event handler */
-    $created(): void;
-    /** To be overloaded: mounted event handler */
-    $mounted(): void;
-    /** To be overloaded: ready event handler */
-    $ready(): void;
-    /** To be overloaded: attributes creation milestone */
-    $createAttrs(): void;
-    /** To be overloaded: $style attributes creation milestone */
-    $createStyle(): void;
-    /** To be overloaded: signals creation milestone */
-    $createSignals(): void;
-    /** To be overloaded: watchers creation milestone */
-    $createWatchers(): void;
-    /** To be overloaded: DOM creation milestone */
-    $createDom(): void;
-    /** To be overloaded: CSS creation milestone */
-    $createCss(): void;
-    /**
-     * create a private field
-     * @param value {*}
-     * @return {IValue<*>}
-     */
-    $ref(value: any): any;
-    /**
-     * creates a public field
-     * @param type {Function}
-     * @param value {*}
-     * @return {Reference}
-     */
-    $prop(type: Function, value?: any): Reference;
-    /**
-     * creates a pointer
-     * @param type {Function}
-     * @return {Pointer}
-     */
-    $pointer(type: Function): Pointer;
-    /**
-     * Gets a attribute value
-     * @param name {string} Attribute name
-     * @return {IValue<string>}
-     */
-    $attr(name: string): any;
-    /**
-     * Defines a attribute
-     * @param name {String} The name of attribute
-     * @param value {String | IValue | Callable} A $$value or a $$value getter
-     * @return {INode} A pointer to this
-     */
-    $defAttr(name: string, value: string | IValue | Callable): INode;
-    /**
-     * Defines a set of attributes
-     * @param obj {Object<String, String | IValue>} A set attributes
-     * @return {INode} A pointer to this
-     */
-    $defAttrs(obj: any): INode;
-    /**
-     * Creates and binds a multivalued binding to attribute
-     * @param name {String} The name of attribute
-     * @param calculator {Function} Binding calculator (must return a value)
-     * @param values {...IValue} Values to bind
-     * @return {INode} A pointer to this
-     */
-    $bindAttr(name: string, calculator: Function, ...values: IValue[]): INode;
-    /**
-     * Sets a attribute value
-     * @param name {string} Name of attribute
-     * @param value {string} Reference of attribute
-     * @return {INode} A pointer to this
-     */
-    $setAttr(name: string, value: string): INode;
-    /**
-     * Sets value of some attributes
-     * @param data {Object<string, string>} Names and values of attributes
-     * @return {INode} A pointer to this
-     */
-    $setAttrs(data: {
-        [x: string]: string;
-    }): INode;
-    /**
-     * Adds a CSS class
-     * @param cl {string} Class name
-     * @return {INode} A pointer to this
-     */
-    $addClass(cl: string): INode;
-    /**
-     * Adds some CSS classes
-     * @param cl {...string} Classes names
-     * @return {INode} A pointer to this
-     */
-    $addClasses(...cl: string[]): INode;
-    /**
-     * Bind a CSS class
-     * @param cl {?string}
-     * @param value {string | IValue | null}
-     * @param func {?Callable}
-     * @return {INode}
-     */
-    $bindClass(cl: string | null, value?: string | IValue | null, func?: Callable | null): INode;
-    /**
-     * Gets a style attribute value
-     * @param name {string} Name of style attribute
-     * @return {IValue}
-     */
-    $style(name: string): IValue;
-    /**
-     * Defines a style attribute
-     * @param name {String} The name of style attribute
-     * @param value {String | IValue | Callable} A value or a value getter
-     * @return {this} A pointer to this
-     */
-    $defStyle(name: string, value: string | IValue | Callable): this;
-    /**
-     * Defines a set of style attributes
-     * @param obj {Object<String, String | IValue>} A set of style attributes
-     * @return {this} A pointer to this
-     */
-    $defStyles(obj: any): this;
-    /**
-     * Creates and binds a calculator to a style attribute
-     * @param name {String} Name of style attribute
-     * @param calculator {Function} A calculator for style value
-     * @param values {...IValue} Values to bind
-     * @return {this} A pointer to this
-     */
-    $bindStyle(name: string, calculator: Function, ...values: IValue[]): this;
-    /**
-     * Sets a style property value
-     * @param prop {string} Property name
-     * @param value {string} Property value
-     * @return {INode}
-     */
-    $setStyle(prop: string, value: string): INode;
-    /**
-     * Sets some style property value
-     * @param data {Object<string, string>} Names and value of properties
-     * @return {INode}
-     */
-    $setStyles(data: {
-        [x: string]: string;
-    }): INode;
-    /**
-     * Defines a signal
-     * @param name {string} Signal name
-     * @param types {...Function} Arguments types
-     */
-    $defSignal(name: string, ...types: Function[]): void;
-    /**
-     * Add a handler for a signal
-     * @param name {string} Signal name
-     * @param func {Function} Handler
-     */
-    $on(name: string, func: Function): void;
-    /**
-     * Emit a signal
-     * @param name {string} Signal name
-     * @param args {...*} Signal arguments
-     */
-    $emit(name: string, ...args: any[]): void;
-    /**
-     * Add a listener for an event
-     * @param name {string} Event name
-     * @param handler {function (Event)} Event handler
-     * @param options {Object | boolean} addEventListener options
-     * @return {this}
-     */
-    $listen(name: string, handler: (arg0: Event) => any, options: any | boolean): this;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $oncontextmenu(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmousedown(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmouseenter(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmouseleave(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmousemove(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmouseout(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmouseover(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onmouseup(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $onclick(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (MouseEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondblclick(handler: (arg0: MouseEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (FocusEvent)}
-     * @param options {Object | boolean}
-     */
-    $onblur(handler: (arg0: FocusEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (FocusEvent)}
-     * @param options {Object | boolean}
-     */
-    $onfocus(handler: (arg0: FocusEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (FocusEvent)}
-     * @param options {Object | boolean}
-     */
-    $onfocusin(handler: (arg0: FocusEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (FocusEvent)}
-     * @param options {Object | boolean}
-     */
-    $onfocusout(handler: (arg0: FocusEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (KeyboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $onkeydown(handler: (arg0: KeyboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (KeyboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $onkeyup(handler: (arg0: KeyboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (KeyboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $onkeypress(handler: (arg0: KeyboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (TouchEvent)}
-     * @param options {Object | boolean}
-     */
-    $ontouchstart(handler: (arg0: TouchEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (TouchEvent)}
-     * @param options {Object | boolean}
-     */
-    $ontouchmove(handler: (arg0: TouchEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (TouchEvent)}
-     * @param options {Object | boolean}
-     */
-    $ontouchend(handler: (arg0: TouchEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (TouchEvent)}
-     * @param options {Object | boolean}
-     */
-    $ontouchcancel(handler: (arg0: TouchEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (WheelEvent)}
-     * @param options {Object | boolean}
-     */
-    $onwheel(handler: (arg0: WheelEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onabort(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onerror(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onload(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onloadend(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onloadstart(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $onprogress(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ProgressEvent)}
-     * @param options {Object | boolean}
-     */
-    $ontimeout(handler: (arg0: ProgressEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondrag(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragend(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragenter(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragexit(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragleave(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragover(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondragstart(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (DragEvent)}
-     * @param options {Object | boolean}
-     */
-    $ondrop(handler: (arg0: DragEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerover(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerenter(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerdown(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointermove(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerup(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointercancel(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerout(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpointerleave(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $ongotpointercapture(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (PointerEvent)}
-     * @param options {Object | boolean}
-     */
-    $onlostpointercapture(handler: (arg0: PointerEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (AnimationEvent)}
-     * @param options {Object | boolean}
-     */
-    $onanimationstart(handler: (arg0: AnimationEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (AnimationEvent)}
-     * @param options {Object | boolean}
-     */
-    $onanimationend(handler: (arg0: AnimationEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (AnimationEvent)}
-     * @param options {Object | boolean}
-     */
-    $onanimationiteraton(handler: (arg0: AnimationEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ClipboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $onclipboardchange(handler: (arg0: ClipboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ClipboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $oncut(handler: (arg0: ClipboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ClipboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $oncopy(handler: (arg0: ClipboardEvent) => any, options: any | boolean): void;
-    /**
-     * @param handler {function (ClipboardEvent)}
-     * @param options {Object | boolean}
-     */
-    $onpaste(handler: (arg0: ClipboardEvent) => any, options: any | boolean): void;
-    /**
-     * Defines a watcher
-     * @param func {function} Function to run on value change
-     * @param vars {...IValue} Values to listen
-     */
-    $watch(func: Function, ...vars: IValue[]): void;
-    /**
-     * Creates a bind expression
-     * @param f {Function} function to alc expression value
-     * @param args {...IValue} value sto bind
-     * @return {IBind}
-     */
-    $bind(f: Function, ...args: IValue[]): IBind;
-    $runOnDestroy(f: any): void;
-    /**
-     * Register current node as named slot
-     * @param name {String} The name of slot
-     */
-    $makeSlot(name: string): INode;
-    /**
-     * Gets a slot by name
-     * @param name {string} Name of slot
-     * @return {INode}
-     */
-    $slot(name: string): INode;
-    /**
-     * Pushes a node to children immediately
-     * @param node {VasilleNode} A node to push
-     * @private
-     */
-    private $$pushNode;
-    /**
-     * Find first core node in shadow element if so exists
-     * @param node {Extension} Node to iterate
-     * @return {?CoreEl}
-     */
-    $$findFirstChild(node: Extension): any;
-    /**
-     * Append a child in correct parent (to be overwritten)
-     * @param node {HTMLElement | Text | Comment} A node to push
-     * @param before {VasilleNode} node to paste after
-     * @private
-     */
-    private $$appendChild;
-    /**
-     * Disable/Enable reactivity of component with feedback
-     * @param cond {IValue} show condition
-     * @param onOff {Function} on show feedback
-     * @param onOn {Function} on hide feedback
-     */
-    $bindFreeze(cond: IValue, onOff: Function, onOn: Function): INode;
-    /**
-     * A v-show & ngShow alternative
-     * @param cond {IValue} show condition
-     */
-    $bindShow(cond: IValue): INode;
-    /**
-     * Mount/Unmount a node
-     * @param cond {IValue} show condition
-     */
-    $bindMount(cond: IValue): INode;
-    /**
-     * Enable/Disable reactivity o component
-     * @param cond {IValue} show condition
-     */
-    $bindAlive(cond: IValue): INode;
-    /**
-     * Defines a text fragment
-     * @param text {String | IValue} A text fragment string
-     * @param cb {?function (TextNode)} Callback if previous is slot name
-     * @return {INode} A pointer to this
-     */
-    $defText(text: string | IValue, cb: ((arg0: TextNode) => any) | null): INode;
-    /**
-     * Defines a tag element
-     * @param tagName {String} is the tag name
-     * @param cb {function(Tag, *)} Callback if previous is slot name
-     * @return {INode} A pointer to this
-     */
-    $defTag(tagName: string, cb: (arg0: Tag, arg1: any) => any): INode;
-    /**
-     * Defines a custom element
-     * @param node {*} Custom element constructor
-     * @param props {function(INode)} List of properties values
-     * @param cb {?function(INode, *)} Callback if previous is slot name
-     * @return {INode} A pointer to this
-     */
-    $defElement(node: any, props: (arg0: INode) => any, cb: ((arg0: INode, arg1: any) => any) | null): INode;
-    /**
-     * Calls callback function to create properties
-     * @param node {INode}
-     * @param props {function(INode)}
-     * @return {*}
-     */
-    $$callPropsCallback(node: INode, props: (arg0: INode) => any): any;
-    /**
-     * Defines a repeater node
-     * @param nodeT {RepeatNode} A repeat node object
-     * @param props {function(INode)} Send data to repeat node
-     * @param cb {function(RepeatNodeItem, *)} Call-back to create child nodes
-     * @return {INode}
-     */
-    $defRepeater(nodeT: any, props: (arg0: INode) => any, cb: (arg0: RepeatNodeItem, arg1: any) => any): INode;
-    /**
-     * Defines a if node
-     * @param cond {* | IValue<*>} condition
-     * @param cb {function(RepeatNodeItem, ?number)} Call-back to create child nodes
-     * @return {this}
-     */
-    $defIf(cond: any | IValue<any>, cb: (arg0: RepeatNodeItem, arg1: number | null) => any): this;
-    /**
-     * Defines a if-else node
-     * @param ifCond {* | IValue<*>} `if` condition
-     * @param ifCb {function(RepeatNodeItem, ?number)} Call-back to create `if` child nodes
-     * @param elseCb {function(RepeatNodeItem, ?number)} Call-back to create `else` child nodes
-     * @return {this}
-     */
-    $defIfElse(ifCond: any | IValue<any>, ifCb: (arg0: RepeatNodeItem, arg1: number | null) => any, elseCb: (arg0: RepeatNodeItem, arg1: number | null) => any): this;
-    /**
-     * Defines a switch nodes: Will break after first true condition
-     * @param cases {...{ cond : IValue<boolean> | boolean, cb : function(RepeatNodeItem, ?number) }}
-     * @return {INode}
-     */
-    $defSwitch(...cases: {
-        cond: IValue<boolean> | boolean;
-        cb: (arg0: RepeatNodeItem, arg1: number | null) => any;
-    }[]): INode;
-    /**
-     * @param cond {IValue<boolean> | boolean}
-     * @param cb {(function(RepeatNodeItem, ?number) : void)}
-     * @return {{cond : (IValue<boolean>|boolean), cb : (function(RepeatNodeItem, ?number) : void)}}
-     */
-    $case(cond: IValue<boolean> | boolean, cb: ((arg0: RepeatNodeItem, arg1: number | null) => void)): {
-        cond: (IValue<boolean> | boolean);
-        cb: ((arg0: RepeatNodeItem, arg1: number | null) => void);
-    };
-    /**
-     * @param cb {(function(RepeatNodeItem, ?number) : void)}
-     * @return {{cond : boolean, cb : (function(RepeatNodeItem, ?number) : void)}}
-     */
-    $default(cb: ((arg0: RepeatNodeItem, arg1: number | null) => void)): {
-        cond: boolean;
-        cb: ((arg0: RepeatNodeItem, arg1: number | null) => void);
-    };
-    /**
-     * bind HTML
-     * @param value {IValue<string>}
-     */
-    $bindHTML(value: any): void;
-    /**
-     * @param class_ {string} set class which will be used to scope style
-     */
-    $setMetaClass(class_: string): void;
-    /**
-     * Scope a selector to current component
-     * @param selector {string} selector to scope
-     * @return {string}
-     */
-    $scope(selector: string): string;
-    /**
-     * Defines a local CSS rule
-     * @param scoped {string} selector to scope
-     * @param rules {Object<string, string>} css rules
-     */
-    $local(scoped: string, rules: {
-        [x: string]: string;
-    }): void;
-    /**
-     * Defines a hybrid rule
-     * @param scoped {string} selector to scope
-     * @param unscoped {string} selector to append unscoped
-     * @param rules {Object<string, string>} css rules
-     */
-    $hybrid(scoped: string, unscoped: string, rules: {
-        [x: string]: string;
-    }): void;
-    /**
-     * Make style tag for component
-     */
-    $$makeStyleTag(): void;
-}
-/**
- * Represents an Vasille.js HTML element node
- */
-export class Tag extends INode {
-    constructor();
-    /**
-     * HTML node created by this TagNode
-     * @type {HTMLElement}
-     */
-    $node: HTMLElement;
-    /**
-     * Constructs a element node
-     * @param app {App} the app node
-     * @param rt {INode} The root node
-     * @param ts {INode} The this node
-     * @param before {VasilleNode} Node to insert before it
-     * @param tagName {String} Name of HTML tag
-     */
-    $$preinitElementNode(app: App, rt: INode, ts: INode, before: VasilleNode, tagName: string): void;
-}
-/**
- * Represents a Vasille.js shadow node
- */
-export class Extension extends INode {
-    constructor($: any);
-    /**
-     * Pre-initialize a shadow node
-     * @param app {App} the app node
-     * @param rt {INode} The root node
-     * @param ts {INode} The this node
-     * @param before {VasilleNode} node to paste after it
-     */
-    $$preinitShadow(app: App, rt: INode, ts: INode, before: VasilleNode): void;
-}
-/**
- * Defines a node which cas has just a child (TagNode | Component)
- */
-export class Component extends Extension {
-    constructor();
-}
-/**
- * Defines a abstract node, which represents a dynamical part of application
- */
-export class RepeatNodeItem extends Extension {
-    /**
-     * Constructs a repeat node item
-     * @param id {*}
-     */
-    constructor(id: any);
-    /**
-     * node identifier
-     * @type {*}
-     */
-    $id: any;
-}
-/**
- * Private part of switch node
- */
-export class SwitchedNodePrivate extends BaseNodePrivate {
-    /**
-     * Index of current true condition
-     * @type {number}
-     */
-    index: number;
-    /**
-     * The unique child which can be absent
-     * @type {Extension}
-     */
-    node: Extension;
-    /**
-     * Array of possible casses
-     * @type {Array<{cond : IValue<boolean>, cb : function(RepeatNodeItem, ?number)}>}
-     */
-    cases: Array<{
-        cond: IValue<boolean>;
-        cb: (arg0: RepeatNodeItem, arg1: number | null) => any;
-    }>;
-    /**
-     * A function which sync index and content, will be bounded to each condition
-     * @type {Function}
-     */
-    sync: Function;
-}
-/**
- * Represents a Vasille.js application node
- */
-export class App extends INode {
-    /**
-     * Constructs a app node
-     * @param node {HTMLElement} The root of application
-     * @param meta {?{debug : boolean}} Application properties
-     */
-    constructor(node: HTMLElement, meta: {
-        debug: boolean;
-    } | null);
-    /**
-     * The debug state of application, if true will output debug data
-     * @type {boolean}
-     */
-    $debug: boolean;
-    /**
-     * Executor is use to optimize the page creation/update
-     * @type {Executor}
-     */
-    $run: Executor;
-    /**
-     * @param props {function($ : any) : void}
-     */
-    $create(props: (arg0: any, arg1: any) => void): void;
-}
-import { VasilleNodePrivate } from "./interfaces/core.js";
-import { IValue } from "./interfaces/ivalue.js";
-import { VasilleNode } from "./interfaces/core.js";
-import { Binding } from "./bind.js";
-import { Reference } from "./value.js";
-import { Pointer } from "./value.js";
-import { Callable } from "./interfaces/idefinition.js";
-import { IBind } from "./interfaces/ibind.js";
-import { Executor } from "./executor.js";