ziko 0.0.25 → 0.0.26

package/dist/ziko.mjs

@@ -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
@@ -1943,7 +1943,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(
@@ -4707,7 +4749,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;
@@ -4745,7 +4787,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]);
@@ -4846,7 +4888,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();
@@ -4862,7 +4904,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;
@@ -4881,12 +4923,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;
   }
@@ -5191,9 +5233,9 @@ class __ZikoUIText__ extends ZikoUIElement {
         
         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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities",
   "keywords": [
     "front-end",

package/src/reactivity/events/click.js

@@ -57,4 +57,46 @@ export default useClickEvent;
 export {
     useClickEvent,
     ZikoEventClick
-}
+}
+
+
+// 
+
+
+// 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 };

package/src/ui/elements/ZikoUIElement.js

@@ -161,7 +161,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;
@@ -199,7 +199,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]);
@@ -300,7 +300,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();
@@ -316,7 +316,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;
@@ -335,12 +335,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/src/ui/elements/text/__ZikoUIText__.js

@@ -47,9 +47,9 @@ class __ZikoUIText__ extends ZikoUIElement {
         
         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) {