vasille 2.0.1 → 2.0.5

package/flow-typed/vasille.js

@@ -2,138 +2,137 @@
 
 
 
-interface IModel {
-    enableReactivity () : void;
-    disableReactivity () : void;
-}
-type AppOptions = ?{
-    freezeUi ?: boolean,
-    executor ?: Executor
-}
-
 declare module "vasille" {
+
+    declare type AppOptions = ?{
+        debugUi ?: boolean,
+        freezeUi ?: boolean,
+        executor ?: Executor
+    }
+
     declare export class Destroyable {
-        $seal () : void;
-        $destroy () : void;
+        seal () : void;
+        destroy () : void;
     }
     declare export class ReactivePrivate extends Destroyable {
-        watch : Set<IValue<any>>;
+        watch : Set<Switchable>;
         bindings : Set<Destroyable>;
-        models: Set<IModel<any, any>>;
+        models: Set<IModel>;
         enabled : boolean;
         frozen : boolean;
         freezeExpr : Expression<void, boolean>;
 
         constructor () : void;
 
-        $destroy () : void;
+        destroy () : void;
     }
     declare export class Reactive extends Destroyable {
         $ : ReactivePrivate;
 
         constructor ($ : ?ReactivePrivate) : void;
 
-        $ref<T> (value : T) : IValue<T>;
-        $mirror<T> (value : IValue<T>, forwardOnly?: boolean) : Mirror<T>;
-        $point<T>(value: T | IValue<T>, forwardOnly?: boolean): Pointer<T>;
-        $register<T>(model: T): T;
+        ref<T> (value : T) : IValue<T>;
+        mirror<T> (value : IValue<T>) : Mirror<T>;
+        forward<T> (value : IValue<T>) : Mirror<T>;
+        point<T>(value: IValue<T>, forwardOnly?: boolean): Pointer<T>;
+        register<T>(model: T): T;
 
-        $watch<T1> (
+        watch<T1> (
             func : (a1 : T1) => void,
             v1: IValue<T1>,
         ) : void;
-        $watch<T1, T2> (
+        watch<T1, T2> (
             func : (a1 : T1, a2 : T2) => void,
             v1: IValue<T1>, v2: IValue<T2>,
         ) : void;
-        $watch<T1, T2, T3> (
+        watch<T1, T2, T3> (
             func : (a1 : T1, a2 : T2, a3 : T3) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
         ) : void;
-        $watch<T1, T2, T3, T4> (
+        watch<T1, T2, T3, T4> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>,
         ) : void;
-        $watch<T1, T2, T3, T4, T5> (
+        watch<T1, T2, T3, T4, T5> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>,
         ) : void;
-        $watch<T1, T2, T3, T4, T5, T6> (
+        watch<T1, T2, T3, T4, T5, T6> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
         ) : void;
-        $watch<T1, T2, T3, T4, T5, T6, T7> (
+        watch<T1, T2, T3, T4, T5, T6, T7> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>,
         ) : void;
-        $watch<T1, T2, T3, T4, T5, T6, T7, T8> (
+        watch<T1, T2, T3, T4, T5, T6, T7, T8> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>, v8: IValue<T8>,
         ) : void;
-        $watch<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
+        watch<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8, a9 : T9) => void,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>, v8: IValue<T8>, v9: IValue<T9>,
         ) : void;
 
-        $bind<T, T1> (
+        bind<T, T1> (
             func : (a1 : T1) => T,
             v1: IValue<T1>,
         ) : IValue<T>;
-        $bind<T, T1, T2> (
+        bind<T, T1, T2> (
             func : (a1 : T1, a2 : T2) => T,
             v1: IValue<T1>, v2: IValue<T2>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3> (
+        bind<T, T1, T2, T3> (
             func : (a1 : T1, a2 : T2, a3 : T3) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4> (
+        bind<T, T1, T2, T3, T4> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4, T5> (
+        bind<T, T1, T2, T3, T4, T5> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4, T5, T6> (
+        bind<T, T1, T2, T3, T4, T5, T6> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4, T5, T6, T7> (
+        bind<T, T1, T2, T3, T4, T5, T6, T7> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4, T5, T6, T7, T8> (
+        bind<T, T1, T2, T3, T4, T5, T6, T7, T8> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>, v8: IValue<T8>,
         ) : IValue<T>;
-        $bind<T, T1, T2, T3, T4, T5, T6, T7, T8, T9> (
+        bind<T, T1, T2, T3, T4, T5, T6, T7, T8, T9> (
             func : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8, a9 : T9) => T,
             v1: IValue<T1>, v2: IValue<T2>, v3: IValue<T3>,
             v4: IValue<T4>, v5: IValue<T5>, v6: IValue<T6>,
             v7: IValue<T7>, v8: IValue<T8>, v9: IValue<T9>,
         ) : IValue<T>;
 
-        $enable () : void;
-        $disable () : void;
-        $bindAlive(cond: IValue<boolean>, onOff?: () => void, onOn?: () => void): this;
-        $destroy () : void;
+        enable () : void;
+        disable () : void;
+        bindAlive(cond: IValue<boolean>, onOff?: () => void, onOn?: () => void): this;
+        destroy () : void;
     }
     declare export class Executor {
         addClass (el : Element, cl : string) : void;
@@ -149,6 +148,10 @@ declare module "vasille" {
     }
     declare export class TimeoutExecutor extends InstantExecutor {
     }
+    declare export class Switchable extends Destroyable {
+        enable(): void;
+        disable(): void;
+    }
     declare export class IValue<T> extends Destroyable {
         isEnabled : boolean;
 
@@ -157,11 +160,9 @@ declare module "vasille" {
         set $ (value : T) : this;
         on (handler : (value : T) => void) : this;
         off (handler : (value : T) => void) : this;
-        enable () : this;
-        disable () : this;
     }
     declare export class Signal<
-        T1 = void, T2 = void, T3 = void, T4 = void, T5 = void, T6 = void, T7 = void, T8 = void, T9 = void
+        T = Fragment, T1 = void, T2 = void, T3 = void, T4 = void, T5 = void, T6 = void, T7 = void, T8 = void, T9 = void
         > {
         handlers : Set<
             (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8, a9 : T9) => void
@@ -176,19 +177,19 @@ declare module "vasille" {
         ) : void;
     }
     declare export class Slot<
-        t1 = void, t2 = void, t3 = void, t4 = void, t5 = void, t6 = void, t7 = void, t8 = void, t9 = void
+        T = Fragment, t1 = void, t2 = void, t3 = void, t4 = void, t5 = void, t6 = void, t7 = void, t8 = void, t9 = void
         > {
-        runner : ?(a0 : Fragment, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void;
+        runner : ?(a0 : T, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void;
 
         insert (
-            func : (a0 : Fragment, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void
+            func : (a0 : T, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void
         ) : void;
         release (
-            a0 : Fragment, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9
+            a0 : T, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9
         ) : void;
         predefine (
-            func : (a0 : Fragment, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void,
-            a0 : Fragment, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9
+            func : (a0 : T, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9) => void,
+            a0 : T, a1 : t1, a2 : t2, a3 : t3, a4 : t4, a5 : t5, a6 : t6, a7 : t7, a8 : t8, a9 : t9
         ) : void;
     }
     declare export class Listener<ValueT, IndexT = string | number> {
@@ -208,6 +209,10 @@ declare module "vasille" {
         enableReactivity () : void;
         disableReactivity () : void;
     }
+    declare interface IModel {
+        enableReactivity () : void;
+        disableReactivity () : void;
+    }
     declare export class ArrayModel<T> extends Array<T> implements IModel {
         listener : Listener<T, ?T>;
         constructor (data ?: Array<T>) : void;
@@ -230,6 +235,8 @@ declare module "vasille" {
         removeFirst () : this;
         removeLast () : this;
         removeOne (v : T) : this;
+        enableReactivity () : void;
+        disableReactivity () : void;
     }
     declare export class MapModel<K, T> extends Map<K, T> implements IModel {
         listener : Listener<T, K>;
@@ -238,6 +245,8 @@ declare module "vasille" {
         clear () : void;
         delete (key : any) : boolean;
         set (key : K, value : T) : this;
+        enableReactivity () : void;
+        disableReactivity () : void;
     }
     declare export class ObjectModel<T> extends Object implements IModel {
         listener : Listener<T, string>;
@@ -246,20 +255,24 @@ declare module "vasille" {
         get (key : string) : T;
         set (key : string, v : T) : this;
         delete (key : string) : void;
+        enableReactivity () : void;
+        disableReactivity () : void;
     }
     declare export class SetModel<T> extends Set<T> implements IModel {
         listener : Listener<T, T>;
 
         constructor (set ?: T[]) : void;
         add (value : T) : this;
-        clear () : this;
+        clear () : void;
         delete (value : T) : boolean;
+        enableReactivity () : void;
+        disableReactivity () : void;
     }
     declare export class AppNode extends INode {
-        $run : Executor;
+        run : Executor;
 
         constructor (options : AppOptions) : void;
-        $$appendNode(node: Node): void;
+        $appendNode(node: Node): void;
     }
     declare export class App extends AppNode {
         constructor (node : HTMLElement, options : AppOptions) : void;
@@ -283,7 +296,7 @@ declare module "vasille" {
         t1 = void, t2 = void, t3 = void, t4 = void, t5 = void, t6 = void, t7 = void, t8 = void, t9 = void
         > extends Fragment {
         interceptor : Interceptor<t1, t2, t3, t4, t5, t6, t7, t8, t9>;
-        slot : Slot<Interceptor<t1, t2, t3, t4, t5, t6, t7, t8, t9>>;
+        slot : Slot<Fragment, Interceptor<t1, t2, t3, t4, t5, t6, t7, t8, t9>>;
     }
     declare export class FragmentPrivate extends ReactivePrivate {
 
@@ -296,52 +309,54 @@ declare module "vasille" {
         preinit (app : AppNode, parent: Fragment) : void;
     }
     declare export class Fragment extends Reactive {
-        $ : FragmentPrivate;
-        $children : Array<Fragment>;
+        children : Array<Fragment>;
 
         constructor ($ : ?FragmentPrivate) : void;
 
-        $preinit (app: AppNode, parent : Fragment, data ?: any) : void;
-        $init () : this;
-        $created () : void;
-        $mounted () : void;
-        $ready () : void;
-        $createSignals () : void;
-        $createWatchers () : void;
-        $compose () : void;
-        $$pushNode (node : Fragment) : void;
-        $$findFirstChild () : ?Node;
-        $$appendNode (node : Node) : void ;
-        $$insertAdjacent (node : Node) : void;
-        $text (
+        preinit (app: AppNode, parent : Fragment, data ?: any) : void;
+        init () : this;
+        created () : void;
+        mounted () : void;
+        ready () : void;
+        createSignals () : void;
+        createWatchers () : void;
+        compose () : void;
+        $pushNode (node : Fragment) : void;
+        $findFirstChild () : ?Node;
+        $appendNode (node : Node) : void ;
+        $insertAdjacent (node : Node) : void;
+        text (
             text : string | IValue<string>,
             cb : ?(text : TextNode) => void
         ) : this;
-        $debug(text : IValue<string>) : this;
-        $tag<T = Element> (
+        debug(text : IValue<string>) : this;
+        tag<T = Element> (
             tagName : string,
-            cb : ?(node : Tag, element : T) => void
+            cb ?: (node : Tag, element : T) => void
         ) : this;
-        $create<T> (
+        create<T> (
             node : T,
-            callback : ($ : T) => void,
-            callback1 : ($ : T) => void
+            callback ?: ($ : T) => void,
+            callback1 ?: ($ : T) => void
         ) : this;
-        $if (
+        if (
             cond : IValue<boolean>,
             cb : (node : Fragment) => void
         ) : this ;
-        $if_else (
+        if_else (
             ifCond : IValue<boolean>,
             ifCb : (node : Fragment) => void,
             elseCb : (node : Fragment) => void
         ) : this;
-        $switch (
+        switch (
             ...cases : Array<{ cond : IValue<boolean>, cb : (node : Fragment) => void }>
         ) : this;
-        $case (cond : IValue<boolean>, cb : (node : Fragment) => void)
+        case (cond : IValue<boolean>, cb : (node : Fragment) => void)
             : {cond : IValue<boolean>, cb : (node : Fragment) => void};
-        $default (cb: (node : Fragment) => void)
+        insertBefore(node: Fragment): void;
+        insertAfter(node: Fragment): void;
+        remove(): void;
+        default (cb: (node : Fragment) => void)
             : {cond : IValue<boolean>, cb : (node : Fragment) => void};
     }
     declare export class TextNodePrivate extends FragmentPrivate {
@@ -351,10 +366,9 @@ declare module "vasille" {
         preinitText (app : AppNode, parent: Fragment, text : IValue<string>) : void;
     }
     declare export class TextNode extends Fragment {
-        $ : TextNodePrivate;
         constructor () : void;
 
-        $preinit (app : AppNode, parent : Fragment, text : ?IValue<string>) : void;
+        preinit (app : AppNode, parent : Fragment, text : ?IValue<string>) : void;
     }
     declare export class INodePrivate extends FragmentPrivate {
 
@@ -364,212 +378,211 @@ declare module "vasille" {
         constructor () : void;
     }
     declare export class INode extends Fragment {
-        $ : INodePrivate;
 
         constructor ($ : ?INodePrivate) : void;
-        $init () : this;
-        $createAttrs () : void;
-        $createStyle () : void;
-        $attr (name : string, value : IValue<?string>) : this;
-        $bindAttr<T1> (
+        init () : this;
+        createAttrs () : void;
+        createStyle () : void;
+        attr (name : string, value : IValue<?string>) : this;
+        bindAttr<T1> (
             name : string,
             calculator : (a1 : T1) => string,
             v1 : IValue<T1>,
         ) : this;
-        $bindAttr<T1, T2> (
+        bindAttr<T1, T2> (
             name : string,
             calculator : (a1 : T1, a2 : T2) => string,
             v1 : IValue<T1>, v2 : IValue<T2>,
         ) : this;
-        $bindAttr<T1, T2, T3> (
+        bindAttr<T1, T2, T3> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4> (
+        bindAttr<T1, T2, T3, T4> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4, T5> (
+        bindAttr<T1, T2, T3, T4, T5> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4, T5, T6> (
+        bindAttr<T1, T2, T3, T4, T5, T6> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4, T5, T6, T7> (
+        bindAttr<T1, T2, T3, T4, T5, T6, T7> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4, T5, T6, T7, T8> (
+        bindAttr<T1, T2, T3, T4, T5, T6, T7, T8> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>, v8 : IValue<T8>,
         ) : this;
-        $bindAttr<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
+        bindAttr<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8, a9 : T9) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>, v8 : IValue<T8>, v9 : IValue<T9>,
         ) : this;
-        $setAttr (
+        setAttr (
             name : string,
             value : string
         ) : this;
-        $addClass (cl : string) : this;
-        $addClasses (...cl : Array<string>) : this;
-        $bindClass (
+        addClass (cl : string) : this;
+        addClasses (...cl : Array<string>) : this;
+        bindClass (
             className : IValue<string>
         ) : this;
-        $floatingClass (cond : IValue<boolean>, className : string) : this;
-        $style (name : string, value : IValue<string>) : this;
-        $bindStyle<T1> (
+        floatingClass (cond : IValue<boolean>, className : string) : this;
+        style (name : string, value : IValue<string>) : this;
+        bindStyle<T1> (
             name : string,
             calculator : (a1 : T1) => string,
             v1 : IValue<T1>,
         ) : this;
-        $bindStyle<T1, T2> (
+        bindStyle<T1, T2> (
             name : string,
             calculator : (a1 : T1, a2 : T2) => string,
             v1 : IValue<T1>, v2 : IValue<T2>,
         ) : this;
-        $bindStyle<T1, T2, T3> (
+        bindStyle<T1, T2, T3> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4> (
+        bindStyle<T1, T2, T3, T4> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4, T5> (
+        bindStyle<T1, T2, T3, T4, T5> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4, T5, T6> (
+        bindStyle<T1, T2, T3, T4, T5, T6> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4, T5, T6, T7> (
+        bindStyle<T1, T2, T3, T4, T5, T6, T7> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4, T5, T6, T7, T8> (
+        bindStyle<T1, T2, T3, T4, T5, T6, T7, T8> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>, v8 : IValue<T8>,
         ) : this;
-        $bindStyle<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
+        bindStyle<T1, T2, T3, T4, T5, T6, T7, T8, T9> (
             name : string,
             calculator : (a1 : T1, a2 : T2, a3 : T3, a4 : T4, a5 : T5, a6 : T6, a7 : T7, a8 : T8, a9 : T9) => string,
             v1 : IValue<T1>, v2 : IValue<T2>, v3 : IValue<T3>,
             v4 : IValue<T4>, v5 : IValue<T5>, v6 : IValue<T6>,
             v7 : IValue<T7>, v8 : IValue<T8>, v9 : IValue<T9>,
         ) : this;
-        $setStyle (
+        setStyle (
             prop : string,
             value : string
         ) : this;
-        $listen (name : string, handler : (ev : any) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $oncontextmenu (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmousedown (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmouseenter (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmouseleave (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmousemove (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmouseout (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmouseover (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onmouseup (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onclick (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondblclick (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onblur (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onfocus (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onfocusin (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onfocusout (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onkeydown (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onkeyup (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onkeypress (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ontouchstart (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ontouchmove (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ontouchend (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ontouchcancel (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onwheel (handler : (ev : WheelEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onabort (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onerror (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onload (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onloadend (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onloadstart (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onprogress (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ontimeout (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondrag (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragend (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragenter (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragexit (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragleave (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragover (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondragstart (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ondrop (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerover (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerenter (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerdown (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointermove (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerup (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointercancel (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerout (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpointerleave (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $ongotpointercapture (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onlostpointercapture (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onanimationstart (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onanimationend (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onanimationiteraton (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onclipboardchange (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $oncut (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $oncopy (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $onpaste (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
-        $$insertAdjacent (node : Node) : void;
-        $bindShow (cond : IValue<boolean>) : this;
-        $html (value : IValue<string>) : void;
+        listen (name : string, handler : (ev : any) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        oncontextmenu (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmousedown (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmouseenter (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmouseleave (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmousemove (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmouseout (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmouseover (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onmouseup (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onclick (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondblclick (handler : (ev : MouseEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onblur (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onfocus (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onfocusin (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onfocusout (handler : (ev : FocusEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onkeydown (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onkeyup (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onkeypress (handler : (ev : KeyboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ontouchstart (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ontouchmove (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ontouchend (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ontouchcancel (handler : (ev : TouchEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onwheel (handler : (ev : WheelEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onabort (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onerror (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onload (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onloadend (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onloadstart (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onprogress (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ontimeout (handler : (ev : ProgressEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondrag (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragend (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragenter (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragexit (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragleave (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragover (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondragstart (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ondrop (handler : (ev : DragEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerover (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerenter (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerdown (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointermove (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerup (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointercancel (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerout (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpointerleave (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        ongotpointercapture (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onlostpointercapture (handler : (ev : PointerEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onanimationstart (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onanimationend (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onanimationiteraton (handler : (ev : AnimationEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onclipboardchange (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        oncut (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        oncopy (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        onpaste (handler : (ev : ClipboardEvent) => void, options : ?EventListenerOptionsOrUseCapture) : this;
+        $insertAdjacent (node : Node) : void;
+        bindShow (cond : IValue<boolean>) : this;
+        html (value : IValue<string>) : void;
     }
     declare export class Tag extends INode {
 
         constructor () : void;
 
-        $preinit (app : AppNode, parent : Fragment, tagName : ?string) : void;
-        $$appendNode(node: Node): void;
-        $bindMount(cond: IValue<boolean>): this;
+        preinit (app : AppNode, parent : Fragment, tagName : ?string) : void;
+        $appendNode(node: Node): void;
+        bindMount(cond: IValue<boolean>): this;
     }
     declare export class Extension extends INode {
-        $preinit (app : AppNode, parent : Fragment) : void;
+        preinit (app : AppNode, parent : Fragment) : void;
 
         constructor ($ : ?INodePrivate) : void;
     }
     declare export class Component extends Extension {
         constructor () : void;
 
-        $mounted () : void;
+        mounted () : void;
     }
     declare export class SwitchedNodePrivate extends INodePrivate {
         index : number;
@@ -583,7 +596,7 @@ declare module "vasille" {
         constructor ($ : ?SwitchedNodePrivate) : void;
         setCases (cases : Array<{ cond : IValue<boolean>, cb : (node : Fragment) => void }>) : void;
         createChild (cb : (node : Fragment) => void) : void;
-        $ready () : void;
+        ready () : void;
     }
     declare export class DebugPrivate extends FragmentPrivate {
         node : Comment;
@@ -593,19 +606,18 @@ declare module "vasille" {
         preinitComment (app : AppNode, parent: Fragment, text : IValue<string>) : void;
     }
     declare export class DebugNode extends Fragment {
-        $ : DebugPrivate;
 
         constructor () : void;
 
-        $preinit (app : AppNode, parent : Fragment, text : ?IValue<string>) : void;
+        preinit (app : AppNode, parent : Fragment, text : ?IValue<string>) : void;
     }
     declare export class Watch<T> extends Fragment {
-        slot : Slot<T>;
+        slot : Slot<Fragment, T>;
         model : IValue<T>;
 
         constructor () : void;
 
-        $createWatchers () : void;
+        createWatchers () : void;
     }
     declare export class Expression<
         T, T1 = void, T2 = void, T3 = void, T4 = void, T5 = void, T6 = void, T7 = void, T8 = void, T9 = void
@@ -724,10 +736,10 @@ declare module "vasille" {
         get $ () : T;
         set $ (value : T) : this;
 
-        enable () : this;
-        disable () : this;
-        on (handler : (value : T) => void) : this;
-        off (handler : (value : T) => void) : this;
+        enable () : void;
+        disable () : void;
+        on (handler : (value : T) => void) : void;
+        off (handler : (value : T) => void) : void;
     }
     declare export class Mirror<T> extends Reference<T> {
         pointedValue : IValue<T>;
@@ -751,17 +763,17 @@ declare module "vasille" {
     declare export class BaseView<K, T, Model> extends RepeatNode<K, T> {
         model : Model;
 
-        constructor ($1 : ?BaseViewPrivate<K, T>) : void;
+        constructor ($ : ?BaseViewPrivate<K, T>) : void;
     }
     declare export class ArrayView<T> extends BaseView<?T, T, ArrayModel<T>> {
-        constructor () : void;
+        constructor (model : ArrayModel<T>) : void;
         createChild (id : ?T, item : T, before : ?Fragment) : any;
     }
     declare export class MapView<K, T> extends BaseView<K, T, MapModel<K, T>> {
-        constructor () : void;
+        constructor (model : MapModel<K, T>) : void;
     }
     declare export class ObjectView<T> extends BaseView<string, T, ObjectModel<T>> {
-        constructor () : void;
+        constructor (model : ObjectModel<T>) : void;
     }
     declare export class RepeatNodePrivate<IdT> extends INodePrivate {
         nodes : Map<IdT, Fragment>;
@@ -769,7 +781,7 @@ declare module "vasille" {
         constructor () : void;
     }
     declare export class RepeatNode<IdT, T> extends Fragment {
-        slot : Slot<T, IdT>;
+        slot : Slot<Fragment, T, IdT>;
         freezeUi : boolean;
 
         constructor ($ : ?RepeatNodePrivate<IdT>) : void;
@@ -791,7 +803,7 @@ declare module "vasille" {
         changeCount (number : number) : void;
     }
     declare export class SetView<T> extends BaseView<T, T, SetModel<T>> {
-        constructor () : void;
+        constructor (model : SetModel<T>) : void;
     }
     declare export class AttributeBinding extends Binding<?string> {
         constructor (
@@ -799,12 +811,10 @@ declare module "vasille" {
             name : string,
             value : IValue<?string>
         ) : void;
-
-        bound (name : string) : (rt : INode, ts : INode, value : ?string) => void;
     }
     declare export class Binding<T> extends Destroyable {
         binding : IValue<T>;
-        updateFunc : (value: T) => void;
+        func : (value: T) => void;
 
         constructor (
             node : INode,
@@ -812,18 +822,13 @@ declare module "vasille" {
             value : IValue<T>
         ) : void;
 
-        bound (name : string) : (rt : INode, ts : INode, value : T) => void;
-        $destroy () : void;
+        destroy () : void;
     }
-    declare export class ClassBinding extends Binding<string | boolean> {
-
-        constructor (
-            node : INode,
-            name : string,
-            value : IValue<string | boolean>
-        ) : void;
-
-        bound (name : string) : (rt : INode, ts : INode, value : string | boolean) => void;
+    declare export class StaticClassBinding extends Binding<boolean> {
+        constructor(node: INode, name: string, value: IValue<boolean>) : void;
+    }
+    declare export class DynamicalClassBinding extends Binding<string> {
+        constructor (node : INode, value : IValue<string>) : void;
     }
     declare export class StyleBinding extends Binding<string> {
         constructor (
@@ -831,7 +836,5 @@ declare module "vasille" {
             name : string,
             value : IValue<string>
         ) : void;
-
-        bound (name : string) : (rt : INode, ts : INode, value : string) => void;
     }
 }