ziko 0.0.18 → 0.0.20

package/src/reactivity/events/mouse.js

@@ -1,233 +1,233 @@
-import {ZikoEvent,EVENT_CONTROLLER} from "./ZikoEvent.js";
-class ZikoEventMouse extends ZikoEvent{
-    constructor(target){
-        super(target);
-        this.event=null;
-        this.dx=0;
-        this.dy=0;
-        this.dt=0;
-        this.mx=0;
-        this.my=0;
-        this.mt=0;
-        this.ux=0;
-        this.uy=0;      
-        this.ut=0;
-        this.swippe={
-            h:null,
-            v:null,
-            delta_x:0,
-            delta_y:0
-        }
-        this.isMoving=false;
-        this.isDown=false;
-        this.cache={
-            prefixe:"mouse",
-            preventDefault:{
-                down:false,
-                move:false,
-                up:false,
-                enter:false,
-                out:false,
-                leave:false,
-                over:false,
-            },
-            paused:{
-                down:false,
-                move:false,
-                up:false,
-                enter:false,
-                out:false,
-                leave:false, 
-                over:false,         
-            },
-            stream:{
-                enabled:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave:false,
-                    over:false,
-                },
-                clear:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave:false, 
-                    over:false,           
-                },
-                history:{
-                    down:[],
-                    move:[],
-                    up:[],
-                    enter:[],
-                    out:[],
-                    leave:[],
-                    over:[]
-                }
-            },
-            callbacks:{
-                down:[(self)=>console.log({dx:self.dx,dy:self.dy,down:self.down,move:self.move,t:self.dt})],
-                move:[(self)=>console.log({mx:self.mx,my:self.my,down:self.down,move:self.move,t:self.dt})],
-                up:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})],
-                enter:[(self)=>console.log({dx:self.dx,dy:self.dy,down:self.down,move:self.move,t:self.dt})],
-                out:[(self)=>console.log({mx:self.mx,my:self.my,down:self.down,move:self.move,t:self.dt})],
-                leave:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})],
-                over:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})]
-            }
-        }
-        this.__controller={
-            down:mousedown_controller.bind(this),
-            move:mousemove_controller.bind(this),
-            up:mouseup_controller.bind(this),
-            enter:mouseenter_controller.bind(this),
-            out:mouseout_controller.bind(this),
-            leave:mouseleave_controller.bind(this),
-            over:mouseover_controller.bind(this),
-        }
-    }
-    onDown(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("down",{down:true,move:false,up:false,enter:false,out:false,leave:false,over:false},...callbacks)
-        return this;
-    }
-    onMove(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("move",{down:false,move:true,up:false,enter:false,out:false,leave:false,over:false},...callbacks)
-        return this;
-    }
-    onUp(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("up",{down:false,move:false,up:true,enter:false,out:false,leave:false,over:false},...callbacks)
-        return this;
-    }
-    onEnter(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("enter",{down:false,move:false,up:false,enter:true,out:false,leave:false,over:false},...callbacks)
-        return this;
-    }
-    onOut(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("out",{down:false,move:false,up:false,enter:false,out:true,leave:false,over:false},...callbacks)
-        return this;
-    }
-    onLeave(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("leave",{down:false,move:false,up:false,enter:false,out:false,leave:true,over:false},...callbacks)
-        return this;
-    }
-    onOver(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("over",{down:false,move:false,up:false,enter:false,out:false,leave:false,over:true},...callbacks)
-        return this;
-    }
-}
-function mousedown_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "down",
-        ()=>{
-            this.dx=parseInt(e.offsetX);
-            this.dy=parseInt(e.offsetY);
-            this.isDown=true;
-        },
-        {
-            x:this.dx,
-            y:this.dy,
-            t:Date.now()-this.cache.stream.t0
-        }  
-    )
-}
-function mousemove_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "move",
-        ()=>{
-            this.mx=parseInt(e.offsetX);
-            this.my=parseInt(e.offsetY);
-            this.isMoving=true;
-        },
-        {
-            x:this.mx,
-            y:this.my,
-            t:Date.now()-this.cache.stream.t0
-        }    
-    )
-}
-function mouseup_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "up",
-        ()=>{
-            this.ux=parseInt(e.offsetX);
-            this.uy=parseInt(e.offsetY);
-            this.isDown=false;
-            const dx=this.dx;
-            const dy=this.dy;
-            const ux=this.ux;
-            const uy=this.uy;
-            const delta_x=(ux-dx)/this.target.Width;
-            const delta_y=(dy-uy)/this.target.Height;
-            const HORIZONTAL_SWIPPE=(delta_x<0)?"left":(delta_x>0)?"right":"none";
-            const VERTICAL_SWIPPE=(delta_y<0)?"bottom":(delta_y>0)?"top":"none";
-            this.swippe={
-                h:HORIZONTAL_SWIPPE,
-                v:VERTICAL_SWIPPE,
-                delta_x,
-                delta_y
-            }
-        },
-        {
-            x:this.ux,
-            y:this.uy,
-            t:Date.now()-this.cache.stream.t0
-        }    
-    )
-}
-function mouseenter_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "enter",
-        null,
-        null    
-    )
-}
-function mouseleave_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "leave",
-        null,
-        null    
-    )
-}
-function mouseout_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "out",
-        null,
-        null    
-    )
-}
-function mouseover_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "out",
-        null,
-        null    
-    )
-}
-const useMouseEvent=target=>new ZikoEventMouse(target);
-export{
-    useMouseEvent,
-    ZikoEventMouse
+import {ZikoEvent,EVENT_CONTROLLER} from "./ZikoEvent.js";
+class ZikoEventMouse extends ZikoEvent{
+    constructor(target){
+        super(target);
+        this.event=null;
+        this.dx=0;
+        this.dy=0;
+        this.dt=0;
+        this.mx=0;
+        this.my=0;
+        this.mt=0;
+        this.ux=0;
+        this.uy=0;      
+        this.ut=0;
+        this.swippe={
+            h:null,
+            v:null,
+            delta_x:0,
+            delta_y:0
+        }
+        this.isMoving=false;
+        this.isDown=false;
+        this.cache={
+            prefixe:"mouse",
+            preventDefault:{
+                down:false,
+                move:false,
+                up:false,
+                enter:false,
+                out:false,
+                leave:false,
+                over:false,
+            },
+            paused:{
+                down:false,
+                move:false,
+                up:false,
+                enter:false,
+                out:false,
+                leave:false, 
+                over:false,         
+            },
+            stream:{
+                enabled:{
+                    down:false,
+                    move:false,
+                    up:false,
+                    enter:false,
+                    out:false,
+                    leave:false,
+                    over:false,
+                },
+                clear:{
+                    down:false,
+                    move:false,
+                    up:false,
+                    enter:false,
+                    out:false,
+                    leave:false, 
+                    over:false,           
+                },
+                history:{
+                    down:[],
+                    move:[],
+                    up:[],
+                    enter:[],
+                    out:[],
+                    leave:[],
+                    over:[]
+                }
+            },
+            callbacks:{
+                down:[(self)=>console.log({dx:self.dx,dy:self.dy,down:self.down,move:self.move,t:self.dt})],
+                move:[(self)=>console.log({mx:self.mx,my:self.my,down:self.down,move:self.move,t:self.dt})],
+                up:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})],
+                enter:[(self)=>console.log({dx:self.dx,dy:self.dy,down:self.down,move:self.move,t:self.dt})],
+                out:[(self)=>console.log({mx:self.mx,my:self.my,down:self.down,move:self.move,t:self.dt})],
+                leave:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})],
+                over:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})]
+            }
+        }
+        this.__controller={
+            down:mousedown_controller.bind(this),
+            move:mousemove_controller.bind(this),
+            up:mouseup_controller.bind(this),
+            enter:mouseenter_controller.bind(this),
+            out:mouseout_controller.bind(this),
+            leave:mouseleave_controller.bind(this),
+            over:mouseover_controller.bind(this),
+        }
+    }
+    onDown(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("down",{down:true,move:false,up:false,enter:false,out:false,leave:false,over:false},...callbacks)
+        return this;
+    }
+    onMove(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("move",{down:false,move:true,up:false,enter:false,out:false,leave:false,over:false},...callbacks)
+        return this;
+    }
+    onUp(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("up",{down:false,move:false,up:true,enter:false,out:false,leave:false,over:false},...callbacks)
+        return this;
+    }
+    onEnter(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("enter",{down:false,move:false,up:false,enter:true,out:false,leave:false,over:false},...callbacks)
+        return this;
+    }
+    onOut(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("out",{down:false,move:false,up:false,enter:false,out:true,leave:false,over:false},...callbacks)
+        return this;
+    }
+    onLeave(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("leave",{down:false,move:false,up:false,enter:false,out:false,leave:true,over:false},...callbacks)
+        return this;
+    }
+    onOver(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("over",{down:false,move:false,up:false,enter:false,out:false,leave:false,over:true},...callbacks)
+        return this;
+    }
+}
+function mousedown_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "down",
+        ()=>{
+            this.dx=parseInt(e.offsetX);
+            this.dy=parseInt(e.offsetY);
+            this.isDown=true;
+        },
+        {
+            x:this.dx,
+            y:this.dy,
+            t:Date.now()-this.cache.stream.t0
+        }  
+    )
+}
+function mousemove_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "move",
+        ()=>{
+            this.mx=parseInt(e.offsetX);
+            this.my=parseInt(e.offsetY);
+            this.isMoving=true;
+        },
+        {
+            x:this.mx,
+            y:this.my,
+            t:Date.now()-this.cache.stream.t0
+        }    
+    )
+}
+function mouseup_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "up",
+        ()=>{
+            this.ux=parseInt(e.offsetX);
+            this.uy=parseInt(e.offsetY);
+            this.isDown=false;
+            const dx=this.dx;
+            const dy=this.dy;
+            const ux=this.ux;
+            const uy=this.uy;
+            const delta_x=(ux-dx)/this.target.Width;
+            const delta_y=(dy-uy)/this.target.Height;
+            const HORIZONTAL_SWIPPE=(delta_x<0)?"left":(delta_x>0)?"right":"none";
+            const VERTICAL_SWIPPE=(delta_y<0)?"bottom":(delta_y>0)?"top":"none";
+            this.swippe={
+                h:HORIZONTAL_SWIPPE,
+                v:VERTICAL_SWIPPE,
+                delta_x,
+                delta_y
+            }
+        },
+        {
+            x:this.ux,
+            y:this.uy,
+            t:Date.now()-this.cache.stream.t0
+        }    
+    )
+}
+function mouseenter_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "enter",
+        null,
+        null    
+    )
+}
+function mouseleave_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "leave",
+        null,
+        null    
+    )
+}
+function mouseout_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "out",
+        null,
+        null    
+    )
+}
+function mouseover_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "out",
+        null,
+        null    
+    )
+}
+const useMouseEvent=target=>new ZikoEventMouse(target);
+export{
+    useMouseEvent,
+    ZikoEventMouse
 }