ziko 0.0.5 → 0.0.6

package/core/Reactivity/Events/Global/Mouse.js

@@ -1,230 +0,0 @@
-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 Mouse=target=>new ZikoEventMouse(target);
-export default Mouse;

package/core/Reactivity/Events/Global/Pointer.js

@@ -1,214 +0,0 @@
-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    
-    )
-}
-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,
-            },
-            paused:{
-                down:false,
-                move:false,
-                up:false,
-                enter:false,
-                out:false,
-                leave:false,          
-            },
-            stream:{
-                enabled:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave:false,
-                },
-                clear:{
-                    down:false,
-                    move:false,
-                    up:false,
-                    enter:false,
-                    out:false,
-                    leave: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})]
-            }
-        }
-        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),
-        }
-    }
-    onDown(...callbacks){
-        if(callbacks.length===0)callbacks=[()=>{}];
-        this.__onEvent("down",{down:true,move:false,up:false,enter:false,out:false,leave: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},...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},...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},...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},...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},...callbacks)
-        return this;
-    }
-    // handle({down=false,move=false,up=false}={}){
-    //     if(down)this.handleDown();
-    //     if(move)this.handleMove();
-    //     if(up)this.handleUp()
-    // }
-}
-var Pointer=target=>new ZikoEventPointer(target)
-export default Pointer;

package/core/Reactivity/Events/Global/Wheel.js

@@ -1,44 +0,0 @@
-import { ZikoEvent , EVENT_CONTROLLER } from "../ZikoEvent.js";
-function wheel_controller(e){
-    EVENT_CONTROLLER.call(this,e,"wheel",null,null)
-}
-class ZikoEventWheel extends ZikoEvent{
-    constructor(target){
-        super(target);
-        this.event=null;
-        this.cache={
-            prefixe:"",
-            preventDefault:{
-                wheel:false,
-            },
-            paused:{
-                wheel:false,      
-            },
-            stream:{
-                enabled:{
-                    wheel:false,
-
-                },
-                clear:{
-                    wheel:false, 
-         
-                },
-                history:{
-                    wheel:[],
-                }
-            },
-            callbacks:{
-                click:[],
-            }
-        }
-        this.__controller={
-            wheel:wheel_controller.bind(this),
-        }
-    }
-    onWheel(...callbacks){
-        this.__onEvent("wheel",{},...callbacks)
-        return this;
-     }    
-}
-const Wheel=Target=>new ZikoEventWheel(Target);
-export default Wheel

package/core/Reactivity/Events/Partiel/Hash.js

@@ -1,44 +0,0 @@
-import { ZikoEvent , EVENT_CONTROLLER } from "../ZikoEvent.js";
-function hashchange_controller(e){
-    EVENT_CONTROLLER.call(this,e,"hashchange",null,null)
-}
-class ZikoEventHash extends ZikoEvent{
-    constructor(target){
-        super(target);
-        this.event=null;
-        this.cache={
-            prefixe:"",
-            preventDefault:{
-                hashchange:false,
-            },
-            paused:{
-                hashchange:false,      
-            },
-            stream:{
-                enabled:{
-                    hashchange:false,
-
-                },
-                clear:{
-                    hashchange:false, 
-         
-                },
-                history:{
-                    hashchange:[],
-                }
-            },
-            callbacks:{
-                hashchange:[],
-            }
-        }
-        this.__controller={
-            hashchange:hashchange_controller.bind(this),
-        }
-    }
-    onChange(...callbacks){
-        this.__onEvent("hashchange",{},...callbacks)
-        return this;
-     }    
-}
-const HashEvent=Target=>new ZikoEventHash(Target);
-export default HashEvent

package/core/Reactivity/Events/Partiel/Input.js

@@ -1,59 +0,0 @@
-import { ZikoEvent , EVENT_CONTROLLER } from "../ZikoEvent.js";
-function input_controller(e){
-    EVENT_CONTROLLER.call(this,e,"input",null,null)
-}
-function change_controller(e){
-    EVENT_CONTROLLER.call(this,e,"change",null,null)
-}
-class ZikoEventInput extends ZikoEvent{
-    constructor(target){
-        super(target);
-        this.event=null;
-        this.cache={
-            prefixe:"",
-            preventDefault:{
-                input:false,
-                change:false,
-            },
-            paused:{
-                input:false,
-                change:false,      
-            },
-            stream:{
-                enabled:{
-                    input:false,
-                    change:false,
-                },
-                clear:{
-                    input:false, 
-                    change:false,         
-                },
-                history:{
-                    input:[],
-                    change:[],
-                }
-            },
-            callbacks:{
-                input:[],
-                change:[],
-            }
-        }
-        this.__controller={
-            input:input_controller.bind(this),
-            change:change_controller.bind(this),
-        }
-    }
-    get value(){
-        return this.target.value;
-    }
-    onInput(...callbacks){
-        this.__onEvent("input",{},...callbacks)
-        return this;
-     }
-    onChange(...callbacks){
-        this.__onEvent("change",{},...callbacks)
-        return this;
-     }     
-}
-const Input=Target=>new ZikoEventInput(Target);
-export default Input

package/core/Reactivity/Events/Partiel/MediaEvent.js

@@ -1 +0,0 @@
-// Timeupdate

package/core/Reactivity/Events/ZikoEvent.js

@@ -1,91 +0,0 @@
-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}