ziko 0.0.25 → 0.0.26

package/README.md

@@ -1,4 +1,4 @@
-<img src="docs/assets/zikojs.png" width="200" align="right" alt="zikojs logo">
+<img src="docs/assets/logo-200.svg" width="100" align="right" alt="zikojs logo">
 
 *💡 **Zikojs** a versatile JavaScript library offering a rich set of UI components, advanced mathematical utilities,Reactivity,animations,client side routing and graphics capabilities* 
 

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sun Feb 09 2025 19:26:57 GMT+0100 (UTC+01:00)
+  Date : Thu Feb 13 2025 17:40:20 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
@@ -1947,7 +1947,49 @@ class ZikoEventClick extends ZikoEvent{
         return this;
      }     
 }
-const useClickEvent=target=>new ZikoEventClick(target);
+const useClickEvent=target=>new ZikoEventClick(target);
+
+
+// 
+
+
+// import { ZikoEvent, EVENT_CONTROLLER } from "./ZikoEvent.js";
+
+// class ZikoEventClick extends ZikoEvent {
+//     constructor(target) {
+//         super(target);
+//         this.event = null;
+//         this.cache = {
+//             prefixe: "",
+//             preventDefault: { click: false, dbclick: false },
+//             paused: { click: false, dbclick: false },
+//             stream: {
+//                 enabled: { click: false, dbclick: false },
+//                 clear: { click: false, dbclick: false },
+//                 history: { click: [], dbclick: [] }
+//             },
+//             callbacks: { click: [], dbclick: [] }
+//         };
+        
+//         this.__controller = {};
+//         ["click", "dbclick"].forEach(evt => {
+//             this.__controller[evt] = (e) => EVENT_CONTROLLER.call(this, e, evt, null, null);
+//         });
+//     }
+
+//     onClick(...callbacks) {
+//         return this.__onEvent("click", {}, ...callbacks);
+//     }
+
+//     onDbClick(...callbacks) {
+//         return this.__onEvent("dbclick", {}, ...callbacks);
+//     }
+// }
+
+// const useClickEvent = (target) => new ZikoEventClick(target);
+
+// export default useClickEvent;
+// export { useClickEvent, ZikoEventClick };
 
 function pointerdown_controller(e){
     EVENT_CONTROLLER.call(
@@ -4711,7 +4753,7 @@ class ZikoUIElement {
     }
     for (let i = 0; i < ele.length; i++) {
       if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-      if (ele[i] instanceof ZikoUIElement) {
+      if (ele[i]?.isZikoUIElement) {
         ele[i].cache.parent = this;
         this.element[adder](ele[i].element);
         ele[i].target = this.element;
@@ -4749,7 +4791,7 @@ class ZikoUIElement {
   remove(...ele) {
     const remove = (ele) => {
       if (typeof ele === "number") ele = this.items[ele];
-      if (ele instanceof ZikoUIElement) this.element?.removeChild(ele.element);
+      if (ele?.isZikoUIElement) this.element?.removeChild(ele.element);
       this.items = this.items.filter((n) => n !== ele);
     };
     for (let i = 0; i < ele.length; i++) remove(ele[i]);
@@ -4850,7 +4892,7 @@ class ZikoUIElement {
   }
   setTarget(tg) {
     if(this.isBody) return ;
-    if (tg instanceof ZikoUIElement) tg = tg.element;
+    if (tg?.isZikoUIElement) tg = tg.element;
     this.unrender();
     this.target = tg;
     this.render();
@@ -4866,7 +4908,7 @@ class ZikoUIElement {
   }
   render(target = this.target) {
     if(this.isBody)return ;
-    if(target instanceof ZikoUIElement)target=target.element;
+    if(target?.isZikoUIElement)target=target.element;
     this.target=target;
     this.target?.appendChild(this.element);
     return this;
@@ -4885,12 +4927,12 @@ class ZikoUIElement {
     return this;
   }
   after(ui){
-    if(ui instanceof ZikoUIElement) ui=ui.element;
+    if(ui?.isZikoUIElement) ui=ui.element;
     this.element?.after(ui);
     return this;
   }
   before(ui){
-    if(ui instanceof ZikoUIElement) ui=ui.element;
+    if(ui?.isZikoUIElement) ui=ui.element;
     this.element?.before(ui);
     return this;
   }

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sun Feb 09 2025 19:26:57 GMT+0100 (UTC+01:00)
+  Date : Sat Mar 08 2025 13:43:10 GMT+0000 (UTC)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -1949,7 +1949,49 @@
             return this;
          }     
     }
-    const useClickEvent=target=>new ZikoEventClick(target);
+    const useClickEvent=target=>new ZikoEventClick(target);
+
+
+    // 
+
+
+    // import { ZikoEvent, EVENT_CONTROLLER } from "./ZikoEvent.js";
+
+    // class ZikoEventClick extends ZikoEvent {
+    //     constructor(target) {
+    //         super(target);
+    //         this.event = null;
+    //         this.cache = {
+    //             prefixe: "",
+    //             preventDefault: { click: false, dbclick: false },
+    //             paused: { click: false, dbclick: false },
+    //             stream: {
+    //                 enabled: { click: false, dbclick: false },
+    //                 clear: { click: false, dbclick: false },
+    //                 history: { click: [], dbclick: [] }
+    //             },
+    //             callbacks: { click: [], dbclick: [] }
+    //         };
+            
+    //         this.__controller = {};
+    //         ["click", "dbclick"].forEach(evt => {
+    //             this.__controller[evt] = (e) => EVENT_CONTROLLER.call(this, e, evt, null, null);
+    //         });
+    //     }
+
+    //     onClick(...callbacks) {
+    //         return this.__onEvent("click", {}, ...callbacks);
+    //     }
+
+    //     onDbClick(...callbacks) {
+    //         return this.__onEvent("dbclick", {}, ...callbacks);
+    //     }
+    // }
+
+    // const useClickEvent = (target) => new ZikoEventClick(target);
+
+    // export default useClickEvent;
+    // export { useClickEvent, ZikoEventClick };
 
     function pointerdown_controller(e){
         EVENT_CONTROLLER.call(
@@ -4713,7 +4755,7 @@
         }
         for (let i = 0; i < ele.length; i++) {
           if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-          if (ele[i] instanceof ZikoUIElement) {
+          if (ele[i]?.isZikoUIElement) {
             ele[i].cache.parent = this;
             this.element[adder](ele[i].element);
             ele[i].target = this.element;
@@ -4751,7 +4793,7 @@
       remove(...ele) {
         const remove = (ele) => {
           if (typeof ele === "number") ele = this.items[ele];
-          if (ele instanceof ZikoUIElement) this.element?.removeChild(ele.element);
+          if (ele?.isZikoUIElement) this.element?.removeChild(ele.element);
           this.items = this.items.filter((n) => n !== ele);
         };
         for (let i = 0; i < ele.length; i++) remove(ele[i]);
@@ -4852,7 +4894,7 @@
       }
       setTarget(tg) {
         if(this.isBody) return ;
-        if (tg instanceof ZikoUIElement) tg = tg.element;
+        if (tg?.isZikoUIElement) tg = tg.element;
         this.unrender();
         this.target = tg;
         this.render();
@@ -4868,7 +4910,7 @@
       }
       render(target = this.target) {
         if(this.isBody)return ;
-        if(target instanceof ZikoUIElement)target=target.element;
+        if(target?.isZikoUIElement)target=target.element;
         this.target=target;
         this.target?.appendChild(this.element);
         return this;
@@ -4887,12 +4929,12 @@
         return this;
       }
       after(ui){
-        if(ui instanceof ZikoUIElement) ui=ui.element;
+        if(ui?.isZikoUIElement) ui=ui.element;
         this.element?.after(ui);
         return this;
       }
       before(ui){
-        if(ui instanceof ZikoUIElement) ui=ui.element;
+        if(ui?.isZikoUIElement) ui=ui.element;
         this.element?.before(ui);
         return this;
       }
@@ -5197,9 +5239,9 @@
             
             if(this.cache.lineBreak)this.element?.appendChild(globalThis.document?.createElement("br"));
           });
-          if(this.element?.innerHTML){
-            this.element.innerHTML = this.element.innerHTML.replace(/\n/g, '<br>').replace(/(?<!<[^>]+) /g, '&nbsp;');
-          }
+          // if(this.element?.innerHTML){
+          //   this.element.innerHTML = this.element.innerHTML.replace(/\n/g, '<br>').replace(/(?<!<[^>]+) /g, '&nbsp;');
+          // }
           return this
         }
         setValue(...value) {