ziko 0.49.7 → 0.50.1

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sat Nov 29 2025 19:48:11 GMT+0100 (UTC+01:00)
+  Date : Tue Dec 02 2025 12:55:22 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
@@ -1179,7 +1179,7 @@ const __CACHE__ = {
     }
 };
 
-class UseChannel {
+class UseIPC {
     #channel;
     #eventData;
     #handlers;
@@ -1260,14 +1260,14 @@ class UseChannel {
     }
 }
 
-const useChannel = (name) => new UseChannel(name);
+const useIPC = (name) => new UseIPC(name);
 
 class UseStorage {
     constructor(storage, globalKey, initialValue, use_channel = true) {
         this.cache = {
             storage,
             globalKey,
-            channel: use_channel ? useChannel(`Ziko:useStorage-${globalKey}`) : null,
+            channel: use_channel ? useIPC(`Ziko:useStorage-${globalKey}`) : null,
             oldItemKeys: new Set()
         };
 
@@ -1889,7 +1889,7 @@ var DomMethods = /*#__PURE__*/Object.freeze({
     unrenderAfter: unrenderAfter
 });
 
-const Events = {
+const EventsMap = {
     'Click' : [
         'Click',
         'DblClick',
@@ -1949,21 +1949,7 @@ const getEvent=(event = "")=>{
     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);
-    customizer?.hasOwnProperty("prototype") ? customizer?.call(this) : customizer?.call(null, 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__ {
+let ZikoEvent$1 = class ZikoEvent {
     constructor(target = null, Events = [], details_setter, customizer){
         this.target = target;
         this.cache = {
@@ -2107,92 +2093,24 @@ class __ZikoEvent__ {
 
         return this;
     }
-}
-
-// import { register_click_away_event } from "./custom-events/click-away.js";
-class ZikoEventClick extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Click, details_setter$a, customizer);
-        // register_click_away_event(target.element)
-    }
-}
-function details_setter$a(){
-    if(this.currentEvent==="click") this.dx = 0;
-    else this.dx = 1;
-    // console.log(this.currentEvent)
-}
-const bind_click_event = (target, customizer) => new ZikoEventClick(target, customizer);
-
-class ZikoEventClipboard extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Clipboard, details_setter$9, customizer);
-    }
-}
-function details_setter$9(){
-
-}
-const bind_clipboard_event = (target, customizer) => new ZikoEventClipboard(target, customizer);
-
-class ZikoEventCustom extends __ZikoEvent__{
-    constructor(target, events, customizer){
-        super(target, events, details_setter$8, customizer);
-    }
-    _register_events(events){
-        super._register_events(events, null, null, false);
-        return this;
-    }
-    emit(event_name, details = {}){
-        const event=new Event(event_name);
-        this.targetElement.dispatchEvent(event);
-        return this;
-    }
-    on(event_name, ...callbacks){
-        if(!this.cache.options.hasOwnProperty(event_name)) this._register_events([event_name]);
-        this.__onEvent(event_name, this.cache.options[event_name], {}, ...callbacks);
-        return this;
-    }
-}
-function details_setter$8(){
-
-}
-const bindCustomEvent = (target, events, customizer) => new ZikoEventCustom(target, events, customizer);
-
-class ZikoEventDrag extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Drag, details_setter$7, customizer);
-    }
-}
-function details_setter$7(){
-
-}
-const bind_drag_event = (target, customizer) => new ZikoEventDrag(target, customizer);
-
-class ZikoEventFocus extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Focus, details_setter$6, customizer);
-    }
-}
-function details_setter$6(){
-
-}
-const bind_focus_event = (target, customizer) => new ZikoEventFocus(target, customizer);
-
-class ZikoEventHash extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Hash, details_setter$5, customizer);
-    }
-}
-function details_setter$5(){
+};
 
-}
-const bindHashEvent = (target, customizer) => new ZikoEventHash(target, customizer);
+function event_controller(e, event_name, details_setter, customizer, push_object){
+    this.cache.currentEvent = event_name;
+    this.cache.event = e;
+    details_setter?.call(this);
+    customizer?.hasOwnProperty("prototype") ? customizer?.call(this) : customizer?.call(null, 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 ZikoEventKey extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Key, details_setter$4, customizer);
-    }
-}
-function details_setter$4(){
+function key_details_setter(){
     switch(this.currentEvent){
         case "keydown" : {
             this.kd = this.event.key;
@@ -2205,26 +2123,9 @@ function details_setter$4(){
         } break;
 
     }
-}
-const bind_key_event = (target, customizer) => new ZikoEventKey(target, customizer);
-
-class ZikoEventMouse extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Mouse, details_setter$3, customizer);
-    }
-}
-function details_setter$3(){
-
-}
-const bind_mouse_event = (target, customizer) => new ZikoEventMouse(target, customizer);
+}
 
-class ZikoEventPointer extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Ptr, details_setter$2, customizer);
-        this.isDown = false;
-    }
-}
-function details_setter$2(){
+function ptr_details_setter(){
     switch(this.currentEvent){
         case "pointerdown" : {
             this.dx = parseInt(this.event.offsetX);
@@ -2256,28 +2157,107 @@ function details_setter$2(){
     // if(this.currentEvent==="click") this.dx = 0
     // else this.dx = 1
     // console.log(this.currentEvent)
-}
-const bind_pointer_event = (target, customizer) => new ZikoEventPointer(target, customizer);
+}
 
-class ZikoEventTouch extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Touch, details_setter$1, customizer);
-    }
+class ClickAwayEvent extends Event {
+  constructor(originalEvent, targetElement) {
+    super("clickaway", { bubbles: true, cancelable: true });
+    this.originalEvent = originalEvent;
+    this.targetElement = targetElement;
+  }
 }
-function details_setter$1(){
 
-}
-const bindTouchEvent = (target, customizer) => new ZikoEventTouch(target, customizer);
-
-class ZikoEventWheel extends __ZikoEvent__{
-    constructor(target, customizer){
-        super(target, Events.Wheel, details_setter, customizer);
+function register_click_away_event(element) {
+  console.log(element);
+  function handler(e) {
+    if (!element.contains(e.target)) {
+      const clickAwayEvent = new ClickAwayEvent(e, element);
+      element.dispatchEvent(clickAwayEvent);
     }
-}
-function details_setter(){
+  }
+
+  globalThis?.document?.addEventListener("click", handler);
 
+  return () => globalThis?.document?.removeEventListener("click", handler);
+  
 }
-const bind_wheel_event = (target, customizer) => new ZikoEventWheel(target, customizer);
+
+// // Example usage
+// const box = document.querySelector("#my-box");
+
+// const stop = listenClickAway(box);
+
+// box.addEventListener("clickaway", (e) => {
+//   console.log("Clicked outside box!", e);
+// });
+
+// // later, you can stop listening:
+// // stop();
+
+const bind_click_event = (target, customizer) => {
+    register_click_away_event(target.element);
+    return new ZikoEvent$1(
+        target,
+        EventsMap.Click,
+        null,
+        customizer
+    );
+};
+const bind_clipboard_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Clipboard,
+    null,
+    customizer
+);
+const bind_drag_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Drag,
+    null,
+    customizer
+);
+const bind_focus_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Focus,
+    null,
+    customizer
+);
+const bind_key_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Key, 
+    key_details_setter, 
+    customizer
+);
+const bind_mouse_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Mouse,
+    null,
+    customizer
+);
+const bind_pointer_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Ptr, 
+    ptr_details_setter, 
+    customizer
+);
+const bind_touch_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Touch,
+    null,
+    customizer
+);
+const bind_wheel_event = (target, customizer) => new ZikoEvent$1(
+    target,
+    EventsMap.Wheel,
+    null,
+    customizer
+);
+
+
+// function details_setter(){
+//     if(this.currentEvent==="click") this.dx = 0
+//     else this.dx = 1
+//     // console.log(this.currentEvent)
+// }
 
 const binderMap = {
   ptr: bind_pointer_event,
@@ -2292,7 +2272,7 @@ const binderMap = {
 
 const EventsMethodes = {};
 
-Object.entries(Events).forEach(([name, eventList]) => {
+Object.entries(EventsMap).forEach(([name, eventList]) => {
   eventList.forEach(event => {
     const methodName = `on${event}`;
     EventsMethodes[methodName] = function (...callbacks) {
@@ -5507,22 +5487,11 @@ exports.UseThread = UseThread;
 exports.Utils = Utils;
 exports.View = View;
 exports.ZikoApp = ZikoApp;
-exports.ZikoEventClick = ZikoEventClick;
-exports.ZikoEventClipboard = ZikoEventClipboard;
-exports.ZikoEventCustom = ZikoEventCustom;
-exports.ZikoEventDrag = ZikoEventDrag;
-exports.ZikoEventFocus = ZikoEventFocus;
-exports.ZikoEventHash = ZikoEventHash;
-exports.ZikoEventKey = ZikoEventKey;
-exports.ZikoEventMouse = ZikoEventMouse;
-exports.ZikoEventPointer = ZikoEventPointer;
-exports.ZikoEventTouch = ZikoEventTouch;
-exports.ZikoEventWheel = ZikoEventWheel;
+exports.ZikoEvent = ZikoEvent$1;
 exports.ZikoSPA = ZikoSPA;
 exports.ZikoUIFlex = ZikoUIFlex;
 exports.ZikoUISuspense = ZikoUISuspense;
 exports.ZikoUIText = ZikoUIText;
-exports.__ZikoEvent__ = __ZikoEvent__;
 exports.abs = abs;
 exports.accum = accum;
 exports.acos = acos$1;
@@ -5539,9 +5508,6 @@ exports.atan = atan;
 exports.atan2 = atan2;
 exports.atanh = atanh;
 exports.back = back;
-exports.bindCustomEvent = bindCustomEvent;
-exports.bindHashEvent = bindHashEvent;
-exports.bindTouchEvent = bindTouchEvent;
 exports.bind_click_event = bind_click_event;
 exports.bind_clipboard_event = bind_clipboard_event;
 exports.bind_drag_event = bind_drag_event;
@@ -5549,6 +5515,7 @@ exports.bind_focus_event = bind_focus_event;
 exports.bind_key_event = bind_key_event;
 exports.bind_mouse_event = bind_mouse_event;
 exports.bind_pointer_event = bind_pointer_event;
+exports.bind_touch_event = bind_touch_event;
 exports.bind_wheel_event = bind_wheel_event;
 exports.cartesianProduct = cartesianProduct;
 exports.ceil = ceil;
@@ -5675,9 +5642,9 @@ exports.tick = tick;
 exports.timeTaken = timeTaken;
 exports.time_memory_Taken = time_memory_Taken;
 exports.timeout = timeout;
-exports.useChannel = useChannel;
 exports.useDerived = useDerived;
 exports.useEventEmitter = useEventEmitter;
+exports.useIPC = useIPC;
 exports.useLocaleStorage = useLocaleStorage;
 exports.useMediaQuery = useMediaQuery;
 exports.useReactive = useReactive;