ziko 0.0.18 → 0.0.20

package/src/reactivity/events/Pointer.js

@@ -1,232 +1,232 @@
-import {ZikoEvent,EVENT_CONTROLLER} from "./ZikoEvent.js";
-function pointerdown_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 pointermove_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 pointerup_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 pointerenter_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "enter",
-        null,
-        null    
-    )
-}
-function pointerleave_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "leave",
-        null,
-        null    
-    )
-}
-function pointerout_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "out",
-        null,
-        null    
-    )
-}
-function pointercancel_controller(e){
-    EVENT_CONTROLLER.call(
-        this,
-        e,
-        "cancel",
-        null,
-        null    
-    )
-}
-class ZikoEventPointer 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:"pointer",
-            preventDefault:{
-                down:false,
-                move:false,
-                up:false,
-                enter:false,
-                out:false,
-                leave:false,
-                cancel:false
-            },
-            paused:{
-                down:false,
-                move:false,
-                up:false,
-                enter:false,
-                out:false,
-                leave:false,
-                cancel:false          
-            },
-            stream:{
-                enabled:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave:false,
-                    cancel:false
-                },
-                clear:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave:false,
-                    cancel:false            
-                },
-                history:{
-                    down:[],
-                    move:[],
-                    up:[],
-                    enter:[],
-                    out:[],
-                    leave:[]
-                }
-            },
-            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})],
-                cancel:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})]
-            }
-        }
-        this.__controller={
-            down:pointerdown_controller.bind(this),
-            move:pointermove_controller.bind(this),
-            up:pointerup_controller.bind(this),
-            enter:pointerenter_controller.bind(this),
-            out:pointerout_controller.bind(this),
-            leave:pointerleave_controller.bind(this),
-            cancel:pointercancel_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,cancel: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,cancel: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,cancel: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,cancel: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,cancel: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,cancel:false},...callbacks)
-        return this;
-    }
-    onCancel(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("cancel",{down:false,move:false,up:false,enter:false,out:false,leave:false,cancel:true},...callbacks)
-        return this;
-    }
-}
-var usePointerEvent=target=>new ZikoEventPointer(target)
-export{
-    usePointerEvent,
-    ZikoEventPointer
+import {ZikoEvent,EVENT_CONTROLLER} from "./ZikoEvent.js";
+function pointerdown_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 pointermove_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 pointerup_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 pointerenter_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "enter",
+        null,
+        null    
+    )
+}
+function pointerleave_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "leave",
+        null,
+        null    
+    )
+}
+function pointerout_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "out",
+        null,
+        null    
+    )
+}
+function pointercancel_controller(e){
+    EVENT_CONTROLLER.call(
+        this,
+        e,
+        "cancel",
+        null,
+        null    
+    )
+}
+class ZikoEventPointer 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:"pointer",
+            preventDefault:{
+                down:false,
+                move:false,
+                up:false,
+                enter:false,
+                out:false,
+                leave:false,
+                cancel:false
+            },
+            paused:{
+                down:false,
+                move:false,
+                up:false,
+                enter:false,
+                out:false,
+                leave:false,
+                cancel:false          
+            },
+            stream:{
+                enabled:{
+                    down:false,
+                    move:false,
+                    up:false,
+                    enter:false,
+                    out:false,
+                    leave:false,
+                    cancel:false
+                },
+                clear:{
+                    down:false,
+                    move:false,
+                    up:false,
+                    enter:false,
+                    out:false,
+                    leave:false,
+                    cancel:false            
+                },
+                history:{
+                    down:[],
+                    move:[],
+                    up:[],
+                    enter:[],
+                    out:[],
+                    leave:[]
+                }
+            },
+            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})],
+                cancel:[(self)=>console.log({ux:self.ux,uy:self.uy,down:self.down,move:self.move,t:self.dt})]
+            }
+        }
+        this.__controller={
+            down:pointerdown_controller.bind(this),
+            move:pointermove_controller.bind(this),
+            up:pointerup_controller.bind(this),
+            enter:pointerenter_controller.bind(this),
+            out:pointerout_controller.bind(this),
+            leave:pointerleave_controller.bind(this),
+            cancel:pointercancel_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,cancel: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,cancel: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,cancel: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,cancel: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,cancel: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,cancel:false},...callbacks)
+        return this;
+    }
+    onCancel(...callbacks){
+        if(callbacks.length===0)callbacks=[()=>{}];
+        this.__onEvent("cancel",{down:false,move:false,up:false,enter:false,out:false,leave:false,cancel:true},...callbacks)
+        return this;
+    }
+}
+var usePointerEvent=target=>new ZikoEventPointer(target)
+export{
+    usePointerEvent,
+    ZikoEventPointer
 }

package/src/reactivity/events/ZikoEvent.js

@@ -1,91 +1,91 @@
-function EVENT_CONTROLLER(e,EVENT,setter,push_object){
-    this.event=e
-    if(this.cache.preventDefault[EVENT])e.preventDefault();
-    if(setter)setter();
-    if(this.cache.stream.enabled[EVENT]&&push_object)this.cache.stream.history[EVENT].push(push_object);
-    this.cache.callbacks[EVENT].map(n=>n(this));
-    return this;
-}
-class ZikoEvent{
-    constructor(target){
-        this.target=null;
-        this.setTarget(target);
-        this.__dispose=this.dispose.bind(this);
-        // this.EventIndex=Garbage.Pointer.data.length;
-        // Garbage.Pointer.data.push({event:this,index:this.EventIndex});
-    }
-    get targetElement(){
-        return this.target.element
-    }
-    setTarget(UI){
-        this.target=UI;
-        return this;
-    }
-    __handle(event,handler,dispose){
-        const EVENT=(event==="drag")?event:`${this.cache.prefixe}${event}`
-        this.dispose(dispose);
-        this.targetElement?.addEventListener(EVENT,handler);
-        return this;   
-    }
-    __onEvent(event,dispose,...callbacks){
-        if(callbacks.length===0){
-            if(this.cache.callbacks.length>1){
-                this.cache.callbacks.map(n=>e=>n.call(this,e));
-            }   
-            else {
-                return this;
-            }
-        }
-        else this.cache.callbacks[event]=callbacks.map(n=>e=>n.call(this,e));
-        this.__handle(event,this.__controller[event],dispose)
-        return this;  
-    }
-    preventDefault(config={}){
-        Object.assign(this.cache.preventDefault,config);
-        return this;
-    }
-    pause(config={}){
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
-        config={...all,...config}
-        for(let key in config){
-            if(config[key]){
-                this.targetElement?.removeEventListener(`${this.cache.prefixe}${key}`,this.__controller[`${this.cache.prefixe}${key}`]);
-                this.cache.paused[`${this.cache.prefixe}${key}`]=true;
-            }
-        }
-        return this;
-     }
-    resume(config={}){
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
-        config={...all,...config}
-        for(let key in config){
-            if(config[key]){
-                this.targetElement?.addEventListener(`${this.cache.prefixe}${key}`,this.__controller[`${this.cache.prefixe}${key}`]);
-                this.cache.paused[`${this.cache.prefixe}${key}`]=false;
-            }
-        }
-        return this;
-     }
-    dispose(config={}){
-        this.pause(config);
-        return this;
-     }
-    stream(config={}){
-        this.cache.stream.t0=Date.now();
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
-        config={...all,...config}
-        Object.assign(this.cache.stream.enabled,config);
-        return this;
-     }
-    clear(config={}){
-        const all=Object.fromEntries(Object.keys(this.cache.stream.clear).map(n=>[n,true]))
-        config={...all,...config}
-        for(let key in config){
-            if(config[key]){
-                this.cache.stream.history[key]=[]
-            }
-        }
-        return this;
-    }
-}
+function EVENT_CONTROLLER(e,EVENT,setter,push_object){
+    this.event=e
+    if(this.cache.preventDefault[EVENT])e.preventDefault();
+    if(setter)setter();
+    if(this.cache.stream.enabled[EVENT]&&push_object)this.cache.stream.history[EVENT].push(push_object);
+    this.cache.callbacks[EVENT].map(n=>n(this));
+    return this;
+}
+class ZikoEvent{
+    constructor(target){
+        this.target=null;
+        this.setTarget(target);
+        this.__dispose=this.dispose.bind(this);
+        // this.EventIndex=Garbage.Pointer.data.length;
+        // Garbage.Pointer.data.push({event:this,index:this.EventIndex});
+    }
+    get targetElement(){
+        return this.target.element
+    }
+    setTarget(UI){
+        this.target=UI;
+        return this;
+    }
+    __handle(event,handler,dispose){
+        const EVENT=(event==="drag")?event:`${this.cache.prefixe}${event}`
+        this.dispose(dispose);
+        this.targetElement?.addEventListener(EVENT,handler);
+        return this;   
+    }
+    __onEvent(event,dispose,...callbacks){
+        if(callbacks.length===0){
+            if(this.cache.callbacks.length>1){
+                this.cache.callbacks.map(n=>e=>n.call(this,e));
+            }   
+            else {
+                return this;
+            }
+        }
+        else this.cache.callbacks[event]=callbacks.map(n=>e=>n.call(this,e));
+        this.__handle(event,this.__controller[event],dispose)
+        return this;  
+    }
+    preventDefault(config={}){
+        Object.assign(this.cache.preventDefault,config);
+        return this;
+    }
+    pause(config={}){
+        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
+        config={...all,...config}
+        for(let key in config){
+            if(config[key]){
+                this.targetElement?.removeEventListener(`${this.cache.prefixe}${key}`,this.__controller[`${this.cache.prefixe}${key}`]);
+                this.cache.paused[`${this.cache.prefixe}${key}`]=true;
+            }
+        }
+        return this;
+     }
+    resume(config={}){
+        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
+        config={...all,...config}
+        for(let key in config){
+            if(config[key]){
+                this.targetElement?.addEventListener(`${this.cache.prefixe}${key}`,this.__controller[`${this.cache.prefixe}${key}`]);
+                this.cache.paused[`${this.cache.prefixe}${key}`]=false;
+            }
+        }
+        return this;
+     }
+    dispose(config={}){
+        this.pause(config);
+        return this;
+     }
+    stream(config={}){
+        this.cache.stream.t0=Date.now();
+        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,true]))
+        config={...all,...config}
+        Object.assign(this.cache.stream.enabled,config);
+        return this;
+     }
+    clear(config={}){
+        const all=Object.fromEntries(Object.keys(this.cache.stream.clear).map(n=>[n,true]))
+        config={...all,...config}
+        for(let key in config){
+            if(config[key]){
+                this.cache.stream.history[key]=[]
+            }
+        }
+        return this;
+    }
+}
 export {ZikoEvent,EVENT_CONTROLLER}