ziko 0.0.28 → 0.0.30

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Wed Jul 23 2025 15:08:02 GMT+0100 (UTC+01:00)
+  Date : Tue Jul 29 2025 15:18:10 GMT+0100 (UTC+01:00)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -4612,181 +4612,10 @@ var Hooks = /*#__PURE__*/Object.freeze({
     useType: useType
 });
 
-const getEvent=(event = "")=>{
-    if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-    return event.toLowerCase()
-};
-
-function event_controller(e, event_name, details_setter, customizer, push_object){
-    this.cache.currentEvent = event_name;
-    this.cache.event = e;
-    details_setter?.call(this);
-    if(customizer?.hasOwnProperty("prototype"))customizer?.call(this);
-    else customizer?.call(null, this);
-    if(this.cache.preventDefault[event_name]) e.preventDefault();
-    if(this.cache.stopPropagation[event_name]) e.stopPropagation();
-    if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
-    
-    if(this.cache.stream.enabled[event_name]&&push_object)this.cache.stream.history[event_name].push(push_object);
-    this.cache.callbacks[event_name]?.map(n=>n(this));
-}
-class __ZikoEvent__ {
-    constructor(target = null, Events = [], details_setter, customizer){
-        this.target = target;
-        this.cache = {
-            currentEvent : null,
-            event: null,
-            options : {},
-            preventDefault : {},
-            stopPropagation : {},
-            stopImmediatePropagation : {},
-            event_flow : {},
-            paused : {},
-            stream : {
-                enabled : {},
-                clear : {},
-                history : {}
-            },
-            callbacks : {},
-            __controllers__:{}
-        };
-        const events = Events.map(n=>getEvent(n));
-        events.forEach((event,i)=>{
-            Object.assign(this.cache.preventDefault, {[event] : false});
-            Object.assign(this.cache.options, {[event] : {}});
-            Object.assign(this.cache.paused, {[event] : false});
-            Object.assign(this.cache.stream.enabled, {[event] : false});
-            Object.assign(this.cache.stream.clear, {[event] : false});
-            Object.assign(this.cache.stream.history, {[event] : []});
-            Object.assign(this.cache.__controllers__, {[event] : e=>event_controller.call(this, e, event, details_setter, customizer)});
-            Object.assign(this, { [`on${Events[i]}`] : (...callbacks)=> this.__onEvent(event, this.cache.options[event], {}, ...callbacks)});
-        });
-    }
-    get targetElement(){
-        return this.target?.element;
-    }
-    get isParent(){
-        return this.target?.element === this.event.srcElement;
-    }
-    get item(){
-        return this.target.find(n=>n.element == this.event?.srcElement)?.[0];
-    }
-    get currentEvent(){
-        return this.cache.currentEvent;
-    }
-    get event(){
-        return this.cache.event;
-    }
-    setTarget(UI){
-        this.target=UI;
-        return this;
-    }
-    __handle(event, handler, options, dispose){
-        this.targetElement?.addEventListener(event, handler, options);
-        return this;
-    }
-    __onEvent(event, options, dispose, ...callbacks){
-        if(callbacks.length===0){
-            console.log("00");
-            if(this.cache.callbacks[event]){
-                console.log("Call");
-                // this.cache.callbacks.map(n=>e=>n.call(this,e));
-                this.cache.callbacks[event].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.cache.__controllers__[event],options, dispose);
-        return this;  
-    }
-    #override(methode, overrides, defaultValue){
-        if(defaultValue === "default") Object.assign(this.cache[methode], {...this.cache[methode], ...overrides});
-        const all = defaultValue === "default" 
-        ? this.cache[methode]
-        : Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]));
-        Object.assign(this.cache[methode], {...all,...overrides});
-        return this       
-    }
-    preventDefault(overrides = {}, defaultValue = "default"){
-        this.#override("preventDefault", overrides, defaultValue);
-        // const all=Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]))
-        // Object.assign(this.cache.preventDefault, {...all,...overrides});
-        return this;
-    }
-    stopPropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopPropagation", overrides, defaultValue);
-        return this;
-    }
-    stopImmediatePropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopImmediatePropagation", overrides, defaultValue);
-        return this;
-    }
-    setEventOptions(event, options){
-        this.pause({[event] : true, }, "default");
-        Object.assign(this.cache.options[getEvent(event)], options);
-        this.resume({[event] : true, }, "default");
-        return this;
-    }
-    pause(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.removeEventListener(key, this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=true;
-            }
-        }
-        return this;
-    }
-    resume(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.addEventListener(key,this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=false;
-            }
-        }
-        return this;
-     }
-    stream(overrides = {}, defaultValue = "default"){
-        this.cache.stream.t0=Date.now();
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        Object.assign(this.cache.stream.enabled,overrides);
-        return this;
-     }
-    clear(){
-
-    }
-    dispose(overrides = {}, defaultValue = "default"){
-        this.pause(overrides, defaultValue);
-
-        return this;
-    }
-}
-
-// export * from "./click.js";
-// export * from "./key.js";
-// export * from "./pointer.js"
-
-var EventsExp = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    __ZikoEvent__: __ZikoEvent__,
-    getEvent: getEvent
-});
-
 const Reactivity={
     ...Events,
     ...Observer,
     ...Hooks,
-    ...EventsExp,
 };
 
 class ZikoUIElement {
@@ -7105,6 +6934,22 @@ var Grid$2 = /*#__PURE__*/Object.freeze({
     ZikoUIGrid: ZikoUIGrid
 });
 
+const tags = new Proxy({}, {
+  get(target, prop) {
+    if (typeof prop !== 'string') return undefined;
+    let tag = prop.replaceAll("_","-").toLowerCase();
+    switch(tag){
+      case "html"  :
+      case "head"  :
+      case "style" :
+      case "link"  :
+      case "meta"  :
+      case "srcipt":
+      case "body"  : return null;      default : return new ZikoUIElement(tag);
+    }
+  }
+});
+
 const UI$1 = {
     ...Text$1,
     ...List,
@@ -9578,7 +9423,6 @@ exports.__CACHE__ = __CACHE__;
 exports.__Config__ = __Config__;
 exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
 exports.__UI__ = __UI__;
-exports.__ZikoEvent__ = __ZikoEvent__;
 exports.abbrText = abbrText;
 exports.abs = abs;
 exports.accum = accum;
@@ -9632,7 +9476,6 @@ exports.figure = figure;
 exports.floor = floor;
 exports.gamma = gamma;
 exports.geomspace = geomspace;
-exports.getEvent = getEvent;
 exports.h = h;
 exports.h1 = h1;
 exports.h2 = h2;
@@ -9725,6 +9568,7 @@ exports.svg2ascii = svg2ascii;
 exports.svg2img = svg2img;
 exports.svg2imgUrl = svg2imgUrl;
 exports.svg2str = svg2str;
+exports.tags = tags;
 exports.tan = tan;
 exports.tanh = tanh;
 exports.text = text;

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Wed Jul 23 2025 15:08:02 GMT+0100 (UTC+01:00)
+  Date : Tue Jul 29 2025 15:18:10 GMT+0100 (UTC+01:00)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -4614,181 +4614,10 @@
         useType: useType
     });
 
-    const getEvent=(event = "")=>{
-        if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-        return event.toLowerCase()
-    };
-
-    function event_controller(e, event_name, details_setter, customizer, push_object){
-        this.cache.currentEvent = event_name;
-        this.cache.event = e;
-        details_setter?.call(this);
-        if(customizer?.hasOwnProperty("prototype"))customizer?.call(this);
-        else customizer?.call(null, this);
-        if(this.cache.preventDefault[event_name]) e.preventDefault();
-        if(this.cache.stopPropagation[event_name]) e.stopPropagation();
-        if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
-        
-        if(this.cache.stream.enabled[event_name]&&push_object)this.cache.stream.history[event_name].push(push_object);
-        this.cache.callbacks[event_name]?.map(n=>n(this));
-    }
-    class __ZikoEvent__ {
-        constructor(target = null, Events = [], details_setter, customizer){
-            this.target = target;
-            this.cache = {
-                currentEvent : null,
-                event: null,
-                options : {},
-                preventDefault : {},
-                stopPropagation : {},
-                stopImmediatePropagation : {},
-                event_flow : {},
-                paused : {},
-                stream : {
-                    enabled : {},
-                    clear : {},
-                    history : {}
-                },
-                callbacks : {},
-                __controllers__:{}
-            };
-            const events = Events.map(n=>getEvent(n));
-            events.forEach((event,i)=>{
-                Object.assign(this.cache.preventDefault, {[event] : false});
-                Object.assign(this.cache.options, {[event] : {}});
-                Object.assign(this.cache.paused, {[event] : false});
-                Object.assign(this.cache.stream.enabled, {[event] : false});
-                Object.assign(this.cache.stream.clear, {[event] : false});
-                Object.assign(this.cache.stream.history, {[event] : []});
-                Object.assign(this.cache.__controllers__, {[event] : e=>event_controller.call(this, e, event, details_setter, customizer)});
-                Object.assign(this, { [`on${Events[i]}`] : (...callbacks)=> this.__onEvent(event, this.cache.options[event], {}, ...callbacks)});
-            });
-        }
-        get targetElement(){
-            return this.target?.element;
-        }
-        get isParent(){
-            return this.target?.element === this.event.srcElement;
-        }
-        get item(){
-            return this.target.find(n=>n.element == this.event?.srcElement)?.[0];
-        }
-        get currentEvent(){
-            return this.cache.currentEvent;
-        }
-        get event(){
-            return this.cache.event;
-        }
-        setTarget(UI){
-            this.target=UI;
-            return this;
-        }
-        __handle(event, handler, options, dispose){
-            this.targetElement?.addEventListener(event, handler, options);
-            return this;
-        }
-        __onEvent(event, options, dispose, ...callbacks){
-            if(callbacks.length===0){
-                console.log("00");
-                if(this.cache.callbacks[event]){
-                    console.log("Call");
-                    // this.cache.callbacks.map(n=>e=>n.call(this,e));
-                    this.cache.callbacks[event].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.cache.__controllers__[event],options, dispose);
-            return this;  
-        }
-        #override(methode, overrides, defaultValue){
-            if(defaultValue === "default") Object.assign(this.cache[methode], {...this.cache[methode], ...overrides});
-            const all = defaultValue === "default" 
-            ? this.cache[methode]
-            : Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]));
-            Object.assign(this.cache[methode], {...all,...overrides});
-            return this       
-        }
-        preventDefault(overrides = {}, defaultValue = "default"){
-            this.#override("preventDefault", overrides, defaultValue);
-            // const all=Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]))
-            // Object.assign(this.cache.preventDefault, {...all,...overrides});
-            return this;
-        }
-        stopPropagation(overrides = {}, defaultValue = "default"){
-            this.#override("stopPropagation", overrides, defaultValue);
-            return this;
-        }
-        stopImmediatePropagation(overrides = {}, defaultValue = "default"){
-            this.#override("stopImmediatePropagation", overrides, defaultValue);
-            return this;
-        }
-        setEventOptions(event, options){
-            this.pause({[event] : true, }, "default");
-            Object.assign(this.cache.options[getEvent(event)], options);
-            this.resume({[event] : true, }, "default");
-            return this;
-        }
-        pause(overrides = {}, defaultValue = "default"){
-            const all = defaultValue === "default" 
-              ? this.cache.stream.enabled
-              : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            for(let key in overrides){
-                if(overrides[key]){
-                    this.targetElement?.removeEventListener(key, this.cache.__controllers__[key], this.cache.options[key]);
-                    this.cache.paused[key]=true;
-                }
-            }
-            return this;
-        }
-        resume(overrides = {}, defaultValue = "default"){
-            const all = defaultValue === "default" 
-              ? this.cache.stream.enabled
-              : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            for(let key in overrides){
-                if(overrides[key]){
-                    this.targetElement?.addEventListener(key,this.cache.__controllers__[key], this.cache.options[key]);
-                    this.cache.paused[key]=false;
-                }
-            }
-            return this;
-         }
-        stream(overrides = {}, defaultValue = "default"){
-            this.cache.stream.t0=Date.now();
-            const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-            overrides={...all,...overrides};
-            Object.assign(this.cache.stream.enabled,overrides);
-            return this;
-         }
-        clear(){
-
-        }
-        dispose(overrides = {}, defaultValue = "default"){
-            this.pause(overrides, defaultValue);
-
-            return this;
-        }
-    }
-
-    // export * from "./click.js";
-    // export * from "./key.js";
-    // export * from "./pointer.js"
-
-    var EventsExp = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        __ZikoEvent__: __ZikoEvent__,
-        getEvent: getEvent
-    });
-
     const Reactivity={
         ...Events,
         ...Observer,
         ...Hooks,
-        ...EventsExp,
     };
 
     class ZikoUIElement {
@@ -7107,6 +6936,22 @@
         ZikoUIGrid: ZikoUIGrid
     });
 
+    const tags = new Proxy({}, {
+      get(target, prop) {
+        if (typeof prop !== 'string') return undefined;
+        let tag = prop.replaceAll("_","-").toLowerCase();
+        switch(tag){
+          case "html"  :
+          case "head"  :
+          case "style" :
+          case "link"  :
+          case "meta"  :
+          case "srcipt":
+          case "body"  : return null;      default : return new ZikoUIElement(tag);
+        }
+      }
+    });
+
     const UI$1 = {
         ...Text$1,
         ...List,
@@ -9580,7 +9425,6 @@
     exports.__Config__ = __Config__;
     exports.__HYDRATION_MAP__ = __HYDRATION_MAP__;
     exports.__UI__ = __UI__;
-    exports.__ZikoEvent__ = __ZikoEvent__;
     exports.abbrText = abbrText;
     exports.abs = abs;
     exports.accum = accum;
@@ -9634,7 +9478,6 @@
     exports.floor = floor;
     exports.gamma = gamma;
     exports.geomspace = geomspace;
-    exports.getEvent = getEvent;
     exports.h = h;
     exports.h1 = h1;
     exports.h2 = h2;
@@ -9727,6 +9570,7 @@
     exports.svg2img = svg2img;
     exports.svg2imgUrl = svg2imgUrl;
     exports.svg2str = svg2str;
+    exports.tags = tags;
     exports.tan = tan;
     exports.tanh = tanh;
     exports.text = text;