ziko 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/ziko.cjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sat Sep 05 2026 12:37:55 GMT+0100 (UTC+01:00)
+  Date : Mon Sep 07 2026 22:41:50 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
@@ -278,16 +278,12 @@ let UIElement$1 = class UIElement extends UINode{
   constructor(){
     super();
   }
-  init({element, name, type, render, props = {}, items = []} = {}){
+  init({element, name, type, mount, props = {}, items = []} = {}){
     this.target = globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body;
     if(typeof element === "string") {
       switch(type){
-        case "html" : {
-          element = globalThis?.document?.createElement(element);
-        } break;
-        case "svg" : {
-          element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); 
-        } break;
+        case "html" : element = globalThis?.document?.createElement(element); break;
+        case "svg" : element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); break;
         default : throw Error("Not supported")
       }
     }
@@ -297,37 +293,37 @@ let UIElement$1 = class UIElement extends UINode{
       itemsTarget : this,
       isInteractive : false,
       parent:null,
-      isBody:false,
-      isRoot:false,
-      isHidden: false,
-      isFrozzen:false,
-      attributes: {},
-      filters: {},
-      temp:{}
+      // isBody:false,
+      // isRoot:false,
+      // isHidden: false,
+      // isFrozzen:false,
+      // attributes: {},
+      // filters: {},
+      // temp:{}
     });
-    this.events = {
-      ptr:null,
-      mouse:null,
-      wheel:null,
-      key:null,
-      drag:null,
-      drop:null,
-      click:null,
-      clipboard:null,
-      focus:null,
-      swipe:null,
-      custom:null,
-    };
-    this.observer={
-      resize:null,
-      intersection:null
-    };
+    // this.events = {
+    //   ptr:null,
+    //   mouse:null,
+    //   wheel:null,
+    //   key:null,
+    //   drag:null,
+    //   drop:null,
+    //   click:null,
+    //   clipboard:null,
+    //   focus:null,
+    //   swipe:null,
+    //   custom:null,
+    // }
+    // this.observer={
+    //   resize:null,
+    //   intersection:null
+    // }
     if(element) Object.assign(this.cache,{element});
     this.items = new UIStore();
     globalThis.__Ziko__.__UI__[this.cache.name]
       ? globalThis.__Ziko__.__UI__[this.cache.name]?.push(this)
       : globalThis.__Ziko__.__UI__[this.cache.name]=[this];
-    element && render && this?.render?.();
+    element && mount && this?.mount?.();
     globalThis.__Ziko__.__UI__.push(this);
     
     const parsed_props = parse_props(props);
@@ -384,12 +380,9 @@ function mount(target = this.target, delay = 0) {
         setTimeout(() => this.mount(target, 0), delay);
         return this;
     }
-
     if (this.isBody) return this;
-
     if (target?.isUIElement) target = target.element;
     this.target = target;
-
     this.target?.appendChild(this.element);
     return this;
 }
@@ -399,7 +392,6 @@ function unmount(delay = 0) {
         setTimeout(() => this.unmount(0), delay);
         return this;
     }
-
     if (this.cache.parent) {
         this.cache.parent.remove(this);
     } else if (
@@ -540,11 +532,11 @@ class UIText extends UINode {
 const text = (...str) => new UIText(...str);
 
 function append(...ele) {
-  __addItem__.call(this, "append", "push", ...ele);
+  __addItems__.call(this, "append", "push", ...ele);
   return this;
 }
 function prepend(...ele) {
-  this.__addItem__.call(this, "prepend", "unshift", ...ele);
+  this.__addItems__.call(this, "prepend", "unshift", ...ele);
   return this;
 }
 function insertAt(index, ...ele) {
@@ -586,58 +578,46 @@ function replaceElementWith(new_element){
     return this
 }
 function after(ui){
-  if(ui?.isUIElement) ui=ui.element;
+  if(ui?.isUIElement) ui = ui.element;
   this.itemsTarget.element?.after(ui);
   return this;
 }
 function before(ui){
-  if(ui?.isUIElement) ui=ui.element;
+  if(ui?.isUIElement) ui = ui.element;
   this.itemsTarget.element?.before(ui);
   return this;
 }
-async function __addItem__(adder, pusher, ...ele) {
-  const itemsTarget_el = this.itemsTarget.element;
-  const itemsTarget = this.itemsTarget;
-  if (this.cache.isFrozzen) {
-    console.warn("You can't append new item to frozzen element");
-    return this;
+
+async function __addItem__(adder, pusher, item, referenceNode = null, index = null) {
+  const { element: itemsTargetEl, items } = this.itemsTarget;
+  if (["number", "string"].includes(typeof item)) item = text(item);
+  if (typeof item === "function" && isStateGetter(item)) {
+    const getter = item();
+    item = text(getter.value);
+    getter._subscribe(
+      (newValue) => { item.element.textContent = newValue; },
+      item
+    );
   }
-  for (let i = 0; i < ele.length; i++) {
-    if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-        // Fix Items Latter
-    if (ele[i] instanceof Function) {
-      if (isStateGetter(ele[i])) {
-        const getter = ele[i]();
-        ele[i] = text(getter.value);
-        getter._subscribe(
-            (newValue) => (ele[i].element.textContent = newValue),
-            ele[i] 
-        );
-        // this.itemsTarget.element.appendChild(textNode);
-      }
-    }
-    if (typeof globalThis?.Node === "function" && ele[i] instanceof globalThis?.Node) ele[i] = new this.constructor(ele[i]);
-    if (ele[i]?.isUINode) {
-        ele[i].cache.parent = this;
-        itemsTarget_el?.[adder](ele[i].element);
-        ele[i].target = this.itemsTarget.element;
-        itemsTarget.items[pusher](ele[i]);
-    } 
-    else if(ele[i] instanceof Promise){
-      const UIEle = await ele[i];
-      UIEle.cache.parent = this;
-      itemsTarget_el?.[adder](UIEle.element);
-      UIEle.target = this.itemsTarget.element;
-      itemsTarget.items[pusher](UIEle);
-    }
-    else if (ele[i] instanceof Object) {
-      if (ele[i]?.style) this.style(ele[i]?.style);
-      if (ele[i]?.attr) {
-        Object.entries(ele[i].attr).forEach((n) =>
-          this.setAttr("" + n[0], n[1]),
-        );
-      }
-    }
+  if (typeof globalThis?.Node === "function" && item instanceof globalThis.Node)
+    item = new this.constructor(item);
+  if (item instanceof Promise) item = await item;
+  if (item?.isUINode) {
+    item.cache.parent = this;
+    item.target = itemsTargetEl;
+    if (adder === "insertBefore" && itemsTargetEl) 
+      itemsTargetEl.insertBefore(item.element, referenceNode);
+    else if (typeof itemsTargetEl?.[adder] === "function") 
+      itemsTargetEl[adder](item.element);
+    if (pusher === "splice" && index !== null) items.splice(index, 0, item);
+    else if (typeof items?.[pusher] === "function") items[pusher](item);
+    return;
+  }
+}
+
+async function __addItems__(adder, pusher, ...elements) {
+  for (const item of elements) {
+    await this.__addItem__(adder, pusher, item);
   }
   this.maintain();
   return this;
@@ -646,6 +626,7 @@ async function __addItem__(adder, pusher, ...ele) {
 var DomMethods = /*#__PURE__*/Object.freeze({
    __proto__: null,
    __addItem__: __addItem__,
+   __addItems__: __addItems__,
    after: after,
    append: append,
    before: before,
@@ -1358,9 +1339,9 @@ class UIElement extends UIElement$1{
     if(directive)this.element.setAttribute('data-hydration-directive', directive);
     return this;
   }
-  get st(){
-    return this.cache.style;
-  }
+  // get st(){
+  //   return this.cache.style;
+  // }
   get attr(){
     return this.cache.attributes;
   }
@@ -1755,7 +1736,7 @@ const is_anagram = (word, words) =>{
 const is_isogram = (text = '') => [...new Set(text.toLowerCase())].length === text.length;
 
 if(globalThis?.document){
-    document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
+    document?.addEventListener('DOMContentLoaded', __Ziko__.__Config__.init());
 }
 
 // import './math/functions/proxy.js'

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sat Sep 05 2026 12:37:55 GMT+0100 (UTC+01:00)
+  Date : Mon Sep 07 2026 22:41:50 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
@@ -282,16 +282,12 @@
      constructor(){
        super();
      }
-     init({element, name, type, render, props = {}, items = []} = {}){
+     init({element, name, type, mount, props = {}, items = []} = {}){
        this.target = globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body;
        if(typeof element === "string") {
          switch(type){
-           case "html" : {
-             element = globalThis?.document?.createElement(element);
-           } break;
-           case "svg" : {
-             element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); 
-           } break;
+           case "html" : element = globalThis?.document?.createElement(element); break;
+           case "svg" : element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); break;
            default : throw Error("Not supported")
          }
        }
@@ -301,37 +297,37 @@
          itemsTarget : this,
          isInteractive : false,
          parent:null,
-         isBody:false,
-         isRoot:false,
-         isHidden: false,
-         isFrozzen:false,
-         attributes: {},
-         filters: {},
-         temp:{}
+         // isBody:false,
+         // isRoot:false,
+         // isHidden: false,
+         // isFrozzen:false,
+         // attributes: {},
+         // filters: {},
+         // temp:{}
        });
-       this.events = {
-         ptr:null,
-         mouse:null,
-         wheel:null,
-         key:null,
-         drag:null,
-         drop:null,
-         click:null,
-         clipboard:null,
-         focus:null,
-         swipe:null,
-         custom:null,
-       };
-       this.observer={
-         resize:null,
-         intersection:null
-       };
+       // this.events = {
+       //   ptr:null,
+       //   mouse:null,
+       //   wheel:null,
+       //   key:null,
+       //   drag:null,
+       //   drop:null,
+       //   click:null,
+       //   clipboard:null,
+       //   focus:null,
+       //   swipe:null,
+       //   custom:null,
+       // }
+       // this.observer={
+       //   resize:null,
+       //   intersection:null
+       // }
        if(element) Object.assign(this.cache,{element});
        this.items = new UIStore();
        globalThis.__Ziko__.__UI__[this.cache.name]
          ? globalThis.__Ziko__.__UI__[this.cache.name]?.push(this)
          : globalThis.__Ziko__.__UI__[this.cache.name]=[this];
-       element && render && this?.render?.();
+       element && mount && this?.mount?.();
        globalThis.__Ziko__.__UI__.push(this);
        
        const parsed_props = parse_props(props);
@@ -388,12 +384,9 @@
            setTimeout(() => this.mount(target, 0), delay);
            return this;
        }
-
        if (this.isBody) return this;
-
        if (target?.isUIElement) target = target.element;
        this.target = target;
-
        this.target?.appendChild(this.element);
        return this;
    }
@@ -403,7 +396,6 @@
            setTimeout(() => this.unmount(0), delay);
            return this;
        }
-
        if (this.cache.parent) {
            this.cache.parent.remove(this);
        } else if (
@@ -544,11 +536,11 @@
    const text = (...str) => new UIText(...str);
 
    function append(...ele) {
-     __addItem__.call(this, "append", "push", ...ele);
+     __addItems__.call(this, "append", "push", ...ele);
      return this;
    }
    function prepend(...ele) {
-     this.__addItem__.call(this, "prepend", "unshift", ...ele);
+     this.__addItems__.call(this, "prepend", "unshift", ...ele);
      return this;
    }
    function insertAt(index, ...ele) {
@@ -590,58 +582,46 @@
        return this
    }
    function after(ui){
-     if(ui?.isUIElement) ui=ui.element;
+     if(ui?.isUIElement) ui = ui.element;
      this.itemsTarget.element?.after(ui);
      return this;
    }
    function before(ui){
-     if(ui?.isUIElement) ui=ui.element;
+     if(ui?.isUIElement) ui = ui.element;
      this.itemsTarget.element?.before(ui);
      return this;
    }
-   async function __addItem__(adder, pusher, ...ele) {
-     const itemsTarget_el = this.itemsTarget.element;
-     const itemsTarget = this.itemsTarget;
-     if (this.cache.isFrozzen) {
-       console.warn("You can't append new item to frozzen element");
-       return this;
+
+   async function __addItem__(adder, pusher, item, referenceNode = null, index = null) {
+     const { element: itemsTargetEl, items } = this.itemsTarget;
+     if (["number", "string"].includes(typeof item)) item = text(item);
+     if (typeof item === "function" && isStateGetter(item)) {
+       const getter = item();
+       item = text(getter.value);
+       getter._subscribe(
+         (newValue) => { item.element.textContent = newValue; },
+         item
+       );
      }
-     for (let i = 0; i < ele.length; i++) {
-       if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-           // Fix Items Latter
-       if (ele[i] instanceof Function) {
-         if (isStateGetter(ele[i])) {
-           const getter = ele[i]();
-           ele[i] = text(getter.value);
-           getter._subscribe(
-               (newValue) => (ele[i].element.textContent = newValue),
-               ele[i] 
-           );
-           // this.itemsTarget.element.appendChild(textNode);
-         }
-       }
-       if (typeof globalThis?.Node === "function" && ele[i] instanceof globalThis?.Node) ele[i] = new this.constructor(ele[i]);
-       if (ele[i]?.isUINode) {
-           ele[i].cache.parent = this;
-           itemsTarget_el?.[adder](ele[i].element);
-           ele[i].target = this.itemsTarget.element;
-           itemsTarget.items[pusher](ele[i]);
-       } 
-       else if(ele[i] instanceof Promise){
-         const UIEle = await ele[i];
-         UIEle.cache.parent = this;
-         itemsTarget_el?.[adder](UIEle.element);
-         UIEle.target = this.itemsTarget.element;
-         itemsTarget.items[pusher](UIEle);
-       }
-       else if (ele[i] instanceof Object) {
-         if (ele[i]?.style) this.style(ele[i]?.style);
-         if (ele[i]?.attr) {
-           Object.entries(ele[i].attr).forEach((n) =>
-             this.setAttr("" + n[0], n[1]),
-           );
-         }
-       }
+     if (typeof globalThis?.Node === "function" && item instanceof globalThis.Node)
+       item = new this.constructor(item);
+     if (item instanceof Promise) item = await item;
+     if (item?.isUINode) {
+       item.cache.parent = this;
+       item.target = itemsTargetEl;
+       if (adder === "insertBefore" && itemsTargetEl) 
+         itemsTargetEl.insertBefore(item.element, referenceNode);
+       else if (typeof itemsTargetEl?.[adder] === "function") 
+         itemsTargetEl[adder](item.element);
+       if (pusher === "splice" && index !== null) items.splice(index, 0, item);
+       else if (typeof items?.[pusher] === "function") items[pusher](item);
+       return;
+     }
+   }
+
+   async function __addItems__(adder, pusher, ...elements) {
+     for (const item of elements) {
+       await this.__addItem__(adder, pusher, item);
      }
      this.maintain();
      return this;
@@ -650,6 +630,7 @@
    var DomMethods = /*#__PURE__*/Object.freeze({
       __proto__: null,
       __addItem__: __addItem__,
+      __addItems__: __addItems__,
       after: after,
       append: append,
       before: before,
@@ -1362,9 +1343,9 @@
        if(directive)this.element.setAttribute('data-hydration-directive', directive);
        return this;
      }
-     get st(){
-       return this.cache.style;
-     }
+     // get st(){
+     //   return this.cache.style;
+     // }
      get attr(){
        return this.cache.attributes;
      }
@@ -1759,7 +1740,7 @@
    const is_isogram = (text = '') => [...new Set(text.toLowerCase())].length === text.length;
 
    if(globalThis?.document){
-       document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
+       document?.addEventListener('DOMContentLoaded', __Ziko__.__Config__.init());
    }
 
    // import './math/functions/proxy.js'

package/dist/ziko.min.js

@@ -1,9 +1,9 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sat Sep 05 2026 12:37:55 GMT+0100 (UTC+01:00)
+  Date : Mon Sep 07 2026 22:41:50 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
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Ziko={})}(this,function(e){"use strict";const{PI:t,E:s}=Math,n=Number.EPSILON,i=(e,...t)=>{const s=t.map(t=>{return"object"!=typeof(s=t)&&"function"!=typeof s||null===s||t?.__mapfun__?e(t):t instanceof Array?t.map(t=>i(e,t)):ArrayBuffer.isView(t)?t.map(t=>e(t)):t instanceof Set?new Set(i(e,...t)):t instanceof Map?new Map([...t].map(t=>[t[0],i(e,t[1])])):t.isMatrix?.()?new t.constructor(t.rows,t.cols,i(t.arr.flat(1))):t instanceof Object?Object.fromEntries(Object.entries(t).map(t=>[t[0],i(e,t[1])])):void 0;var s});return 1==s.length?s[0]:s},r=(e,t)=>e.isComplex?.()?new e.constructor(t(e.a),t(e.b)):e.isMatrix?.()?new e.constructor(e.rows,e.cols,e.arr.flat(1).map(t)):(e instanceof Array&&i(t,...e),t(e)),a=(e,t,s)=>r(e,e=>t!==s?(e-t)/(s-t):0),o=(e,t,s)=>r(e,e=>(s-t)*e+t),c=(e,t,s=!0)=>{if(e instanceof Array&&!(t instanceof Array))return i(e=>c(e,t,s),...e);if(t instanceof Array&&!(e instanceof Array))return i(t=>c(e,t,s),...t);if(e instanceof Array&&t instanceof Array)return e.map((e,n)=>c(e,t[n],s));const n=Math.atan2(e,t);return s?n:180*n/Math.PI};class l{constructor(e){this.cache={node:e}}isUINode(){return!0}get node(){return this.cache.node}}class h extends Array{constructor(...e){super(...e)}clear(){return this.length=0,this}getItemById(e){return this.find(t=>t.element.id===e)}getItemsByTagName(e){return this.filter(t=>t.element.tagName.toLowerCase()===e.toLowerCase())}getElementsByClassName(e){return this.filter(t=>t.element.classList?.contains(e))}querySelector(e){const t=globalThis?.document?.querySelector(e);return t&&this.find(e=>e.element===t)||null}querySelectorAll(e){const t=globalThis?.document?.querySelectorAll(e);return Array.from(t).map(e=>this.find(t=>t.element===e)).filter(Boolean)}}const u=new h,m={default:{target:null,render:!0},setDefault:function(e){const t=Object.keys(e),s=Object.values(e);for(let e=0;e<t.length;e++)this.default[t[e]]=s[e]},init:()=>{},renderingMode:"spa",isSSC:!1},p={store:new Map,index:0,register:function(e){this.store.set(this.index++,e)},reset(){this.index=0,this.store.clear()}},f={ui_index:0,get_ui_index:function(){return this.ui_index++},register_ui:function(e){}};var d={store:new Map,index:0,session_storage:null,register:function(e){},update:function(e,t){}};var g;globalThis?.__Ziko__||(globalThis.__Ziko__={__UI__:u,__HYDRATION__:p,__State__:d,__Config__:m,__CACHE__:f,__PROVIDERS__:{}},g=__Ziko__,Object.defineProperties(g,{QueryParams:{get:function(){return function(e){const t={};return e.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi,e=>{const[s,n]=e.split("=");t[s]=n}),t}(globalThis.location.search.substring(1))},configurable:!1,enumerable:!0},HashParams:{get:function(){return globalThis.location.hash.substring(1).split("#")},configurable:!1,enumerable:!0}}));let _=class extends l{constructor(){super()}init({element:e,name:t,type:s,render:n,props:i={},items:r=[]}={}){if(this.target=globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body,"string"==typeof e)switch(s){case"html":e=globalThis?.document?.createElement(e);break;case"svg":e=globalThis?.document?.createElementNS("http://www.w3.org/2000/svg",e);break;default:throw Error("Not supported")}else this.target=e?.parentElement;Object.assign(this.cache,{name:t,itemsTarget:this,isInteractive:!1,parent:null,isBody:!1,isRoot:!1,isHidden:!1,isFrozzen:!1,attributes:{},filters:{},temp:{}}),this.events={ptr:null,mouse:null,wheel:null,key:null,drag:null,drop:null,click:null,clipboard:null,focus:null,swipe:null,custom:null},this.observer={resize:null,intersection:null},e&&Object.assign(this.cache,{element:e}),this.items=new h,globalThis.__Ziko__.__UI__[this.cache.name]?globalThis.__Ziko__.__UI__[this.cache.name]?.push(this):globalThis.__Ziko__.__UI__[this.cache.name]=[this],e&&n&&this?.render?.(),globalThis.__Ziko__.__UI__.push(this);const a=((e={})=>{const t={methods:{},events:{},style:{},attrs:{}};for(const[s,n]of Object.entries(e))"style"===s?t.style=n:s.startsWith("$")?t.methods[s.slice(1)]=n:/^on[A-Z]/.test(s)?t.events[s]=n:t.attrs[s]=n;return t})(i);this.parsed_props=a,this.style(a.style),this.setAttr(a.attrs);Object.entries(a.events).forEach(([e,t])=>this[e](t.bind(this))),r.length>0&&this.append(...r)}get element(){return this.cache.element}[Symbol.iterator](){return this.items[Symbol.iterator]()}maintain(){for(let e=0;e<this.items.length;e++)Object.defineProperty(this,e,{value:this.items[e],writable:!0,configurable:!0,enumerable:!1})}isInteractive(){return this.cache.isInteractive}isUIElement(){return!0}};function b(e,...t){t.forEach(t=>function(e,t){const s=Object.getOwnPropertyDescriptors(t);for(const t of Reflect.ownKeys(s)){const n=s[t];"get"in n||"set"in n||"function"!=typeof n.value?Object.defineProperty(Object.getPrototypeOf(e),t,n):"function"==typeof n.value&&(Object.getPrototypeOf(e).hasOwnProperty(t)||Object.defineProperty(Object.getPrototypeOf(e),t,n))}}(e,t))}var v=Object.freeze({__proto__:null,mount:function(e=this.target,t=0){return t>0?(setTimeout(()=>this.mount(e,0),t),this):(this.isBody||(e?.isUIElement&&(e=e.element),this.target=e,this.target?.appendChild(this.element)),this)},unmount:function(e=0){return e>0?(setTimeout(()=>this.unmount(0),e),this):(this.cache.parent?this.cache.parent.remove(this):this.target?.children?.length&&[...this.target.children].includes(this.element)&&this.target.removeChild(this.element),this)}});const y=Symbol.for("ziko/hooks/STATE_GETTER");function w(e){const t={value:e,subscribers:new Set,paused:!1};function s(){return{value:t.value,_subscribe:e=>(t.subscribers.add(e),()=>t.subscribers.delete(e))}}s[y]=!0;return[s,function(e){t.paused||("function"==typeof e&&(e=e(t.value)),Object.is(e,t.value)||(t.value=e,t.subscribers.forEach(e=>e(t.value))))},{pause:()=>{t.paused=!0},resume:()=>{t.paused=!1},clear:()=>{t.subscribers.clear()},force:e=>{"function"==typeof e&&(e=e(t.value)),t.value=e,t.subscribers.forEach(e=>e(t.value))},getSubscribers:()=>new Set(t.subscribers)}]}const k=e=>"function"==typeof e&&!0===e[y];function T(e,t){if(globalThis.SVGAElement&&this.element instanceof globalThis.SVGAElement&&(e=is_camelcase(e)?camel2hyphencase(e):e),!this?.attr[e]||this?.attr[e]!==t){if(k(t)){t()._subscribe(t=>this.element?.setAttribute(e,t),this)}else this.element?.setAttribute(e,t);Object.assign(this.cache.attributes,{[e]:t})}}var E=Object.freeze({__proto__:null,_set_attrs_:T,getAttr:function(e){return this.element.attributes[e].value},removeAttr:function(...e){for(let t=0;t<e.length;t++)this.element?.removeAttribute(e[t]);return this},setAttr:function(e,t){if(e instanceof Object){const[s,n]=[Object.keys(e),Object.values(e)];for(let e=0;e<s.length;e++)n[e]instanceof Array&&(t[e]=n[e].join(" ")),T.call(this,s[e],n[e])}else t instanceof Array&&(t=t.join(" ")),T.call(this,e,t);return this},setContentEditable:function(e=!0){return this.setAttr("contenteditable",e),this}});class C extends l{constructor(...e){super("span","text",!1,...e),this.element=globalThis?.document?.createTextNode(...e)}isText(){return!0}}const x=(...e)=>new C(...e);async function A(e,t,...s){const n=this.itemsTarget.element,i=this.itemsTarget;if(this.cache.isFrozzen)return console.warn("You can't append new item to frozzen element"),this;for(let r=0;r<s.length;r++){if(["number","string"].includes(typeof s[r])&&(s[r]=x(s[r])),s[r]instanceof Function&&k(s[r])){const e=s[r]();s[r]=x(e.value),e._subscribe(e=>s[r].element.textContent=e,s[r])}if("function"==typeof globalThis?.Node&&s[r]instanceof globalThis?.Node&&(s[r]=new this.constructor(s[r])),s[r]?.isUINode)s[r].cache.parent=this,n?.[e](s[r].element),s[r].target=this.itemsTarget.element,i.items[t](s[r]);else if(s[r]instanceof Promise){const a=await s[r];a.cache.parent=this,n?.[e](a.element),a.target=this.itemsTarget.element,i.items[t](a)}else s[r]instanceof Object&&(s[r]?.style&&this.style(s[r]?.style),s[r]?.attr&&Object.entries(s[r].attr).forEach(e=>this.setAttr(""+e[0],e[1])))}return this.maintain(),this}var O=Object.freeze({__proto__:null,__addItem__:A,after:function(e){return e?.isUIElement&&(e=e.element),this.itemsTarget.element?.after(e),this},append:function(...e){return A.call(this,"append","push",...e),this},before:function(e){return e?.isUIElement&&(e=e.element),this.itemsTarget.element?.before(e),this},clear:function(){return this?.items?.forEach(e=>e.unmount()),this.itemsTarget.element.innerHTML="",this},insertAt:function(e,...t){const s=this.itemsTarget;if(e>=s.items.length)return this.append(...t);for(let n=0;n<t.length;n++)["number","string"].includes(typeof t[n])&&(t[n]=x(t[n])),s.element?.insertBefore(t[n].element,s.items[e].element),s.items.splice(e,0,t[n]);return s.maintain(),this},prepend:function(...e){return this.__addItem__.call(this,"prepend","unshift",...e),this},remove:function(...e){const t=e=>{"number"==typeof e&&(e=this.items[e]),e?.isUIElement&&this.itemsTarget.element?.removeChild(e.element),this.items=this.items.filter(t=>t!==e)};for(let s=0;s<e.length;s++)t(e[s]);for(let e=0;e<this.items.length;e++)Object.assign(this,{[[e]]:this.items[e]});return this},replaceElementWith:function(e){return this.cache.element.replaceWith(e),this.cache.element=e,this}});var L=Object.freeze({__proto__:null,at:function(e){return this.items.at(e)},find:function(e){return this.items.filter(e)},forEach:function(e){return this.items.forEach(e),this},map:function(e){return this.items.map(e)}});var j=Object.freeze({__proto__:null,animate:function(e,{duration:t=1e3,iterations:s=1,easing:n="ease"}={}){return this.element?.animate(e,{duration:t,iterations:s,easing:n}),this},hide:function(){},show:function(){},size:function(e,t){return this.style({width:e,height:t})},style:function(e){if(!this.element?.style)return this;for(let t in e){const s=e[t];if(k(s)){const e=s();Object.assign(this.element.style,{[t]:e.value}),e._subscribe(e=>{console.log({newValue:e}),Object.assign(this.element.style,{[t]:e})})}else Object.assign(this.element.style,{[t]:s})}return this}});class I{constructor(e,t){this.cache={category:t,target:e,listeners:{},currentEvent:null,event:null,customEvents:new Set}}get event(){return this.cache.event}get target(){return this.cache.target}get element(){return this.cache.target.element}get currentEvent(){return this.cache.currentEvent}addListener(e,t,{preventDefault:s=!1,paused:n=!1}={}){return this.cache.listeners[e]={callback:s=>{this.cache.event=s,this.cache.listeners[e].preventDefault&&s.preventDefault(),this.cache.listeners[e].paused||(this.cache.currentEvent=e,t.call(this,this))},preventDefault:s,paused:n},this.element.addEventListener(e,this.cache.listeners[e].callback),this}removeListener(e){return this.element.removeEventListener(e,this.cache.listeners[e].callback),this}pause(e){return this.cache.listeners[e].paused=!0,this}resume(e){return this.cache.listeners[e].paused=!1,this}preventDefault(e){return this.cache.listeners[e].preventDefault=!0,this}useDefault(e){return this.cache.listeners[e].preventDefault=!1,this}}class S extends Event{constructor(e,t){super("clickaway",{bubbles:!0,cancelable:!0}),this.originalEvent=e,this.targetElement=t}}function M(e){function t(t){if(!e.contains(t.target)){const s=new S(t,e);e.dispatchEvent(s)}}return globalThis?.document?.addEventListener("click",t),()=>globalThis?.document?.removeEventListener("click",t)}const P=(e,t=!1)=>{const s=e.element.getBoundingClientRect(),n=e.event;let i=n?.clientX-s.left|0,r=n?.clientY-s.top|0;if(t){const t=e.element.clientWidth,s=e.element.clientHeight;i=+(i/t*2-1).toFixed(8),r=+(r/s*-2+1).toFixed(8)}return{x:i,y:r}},D="click",z={onClick(e){return this.on("click",e,{category:D})},onDblClick(e){return this.on("dblclick",e,{category:D})},onClickAway(e){var t,s,n;return t=this,s=D,n="clickaway",t.exp.events?.[s]?.cache?.customEvents?.has(n)||M(this.element),this.on("clickaway",e,{category:D,isCustom:!0})}},U="ptr",Z={onPtrDown(e,t=!1){return this.on("pointerdown",e,{category:U,details_setter:e=>{const{x:s,y:n}=P(e,t);e.dx=s,e.dy=n,e.isDown=!0,e.isDragging=e.isMoving??!1}})},onPtrMove(e,t=!1){return this.on("pointermove",e,{category:U,details_setter:e=>{const{x:s,y:n}=P(e,t);e.mx=s,e.my=n,e.isMoving=!0,e.isDragging=e.isDown??!1}})},onPtrUp(e,t=!1){return this.on("pointerup",e,{category:U,details_setter:e=>{const{x:s,y:n}=P(e,t);e.ux=s,e.uy=n,e.isDown=!1,e.isMoving=!1,e.isDragging=!1}})}},R="key",N={onKeyDown(e){return this.on("keydown",e,{category:R,details_setter:e=>{e.kd=e.event.key}})},onKeyPress(e){return this.on("keypress",e,{category:R,details_setter:e=>{e.kp=e.event.key}})},onKeyUp(e){return this.on("keydown",e,{category:R,details_setter:e=>{e.ku=e.event.key}})}};class B{constructor(e,t,s=1/0,n){this.ms=t,this.fn=e,this.count=s,this.frame=1,this.id=null,this.running=!1,n&&this.start()}start(){return this.running||(this.running=!0,this.frame=1,this.id=setInterval(()=>{this.frame>this.count?this.stop():(this.fn.call(null,this),this.frame++)},this.ms)),this}stop(){return this.running&&(this.running=!1,clearInterval(this.id),this.id=null),this}isRunning(){return this.running}}class G extends B{constructor(e=1e3/60){super(e,()=>this._tick()),this.elapsed=0,this._lastTime=performance.now(),this._callbacks=new Set}_tick(){const e=performance.now(),t=e-this._lastTime;this.elapsed+=t,this._lastTime=e;for(const e of this._callbacks)e({elapsed:this.elapsed,delta:t})}onTick(e){return this._callbacks.add(e),()=>this._callbacks.delete(e)}reset(){this.elapsed=0,this._lastTime=performance.now()}pause(){super.stop()}resume(){this._lastTime=performance.now(),super.start()}}class F{constructor(e=[],{repeat:t=1,loop:s=!1}={}){this.tasks=e,this.repeat=t,this.loop=s,this.stopped=!1,this.running=!1,this.onStart=null,this.onTask=null,this.onEnd=null}async run(){if(this.running)return;this.running=!0,this.stopped=!1,this.onStart&&this.onStart();let e=this.repeat;do{for(const e of this.tasks){if(this.stopped)return;if(Array.isArray(e))await Promise.all(e.map(({fn:e,delay:t=0})=>new Promise(async s=>{t>0&&await new Promise(e=>setTimeout(e,t)),this.onTask&&this.onTask(e),await e(),s()})));else{const{fn:t,delay:s=0}=e;s>0&&await new Promise(e=>setTimeout(e,s)),this.onTask&&this.onTask(t),await t()}}}while(this.loop&&!this.stopped&&(e===1/0||e-- >1));!this.stopped&&this.onEnd&&this.onEnd(),this.running=!1}stop(){this.stopped=!0,this.running=!1}addTask(e){this.tasks.push(e)}clearTasks(){this.tasks=[]}}const H=(e,t)=>{let s=0;return(...n)=>{const i=(new Date).getTime();i-s<t||(s=i,e(...n))}};class V extends CustomEvent{constructor(e,t,{bubbles:s=!0,cancelable:n=!0}={}){super(e,{detail:t,bubbles:s,cancelable:n})}}function Y(e,{intersection:t=!0,resize:s=!0,threshold:n=0,throttleResize:i=100,throttleEnterExit:r=0}={}){let a,o;const c=t=>{for(let s of t){const{width:t,height:n}=s.contentRect;e.dispatchEvent(new V("resizeview",{width:t,height:n,entry:s}))}},l=i>0?H(c,i):c,h=t=>{for(let s of t){const t=s.isIntersecting?"enterview":"exitview";e.dispatchEvent(new V(t,s))}},u=r>0?H(h,r):h;return t&&(a=new IntersectionObserver(u,{threshold:n}),a.observe(e)),s&&(o=new ResizeObserver(l),o.observe(e)),()=>{a&&(a.unobserve(e),a.disconnect()),o&&(o.unobserve(e),o.disconnect())}}const q="view",$={onEnterView(e){return this.exp.events?.[q]||Y(this.element),this.on("enterview",e,{category:q,isCustom:!0})},onExitView(e){return this.exp.events?.[q]||Y(this.element),this.on("exitview",e,{category:q,isCustom:!0})},onResizeView(e){return this.exp.events?.[q]||Y(this.element),this.on("resizeview",e,{category:q,isCustom:!0})}};class K extends CustomEvent{constructor(e,t){super(e,{detail:t,bubbles:!0,cancelable:!0})}}class W extends _{constructor({element:e,name:t="",type:s="html",render:n=__Ziko__.__Config__.default.render,props:i}={}){super(),this.exp={events:{}},b(this,v,E,O,j,L,Z,z,N,$),e&&this.init({element:e,name:t,type:s,render:n,props:i})}on(e,t,{details_setter:s,category:n="global",isCustom:i=!1,preventDefault:r=!1}={}){e instanceof Array&&e.forEach(e=>this.on(e,t,{details_setter:s,category:n,isCustom:i,preventDefault:r})),n&&!this.exp.events.hasOwnProperty(n)&&(this.exp.events[n]=new I(this,n)),i&&this.exp.events[n].cache.customEvents.add(e);const a=this.exp.events[n];return a.addListener(e,e=>{s&&s(a),t(e)},{preventDefault:r}),this}_off(e,t="global"){return this.exp.events[t].removeListener(e),this}get element(){return this.cache.element}get itemsTarget(){return this.cache.itemsTarget}get itemsTargetElement(){return this.itemsTarget.element}setItemsTarget(e){return this.cache.itemsTarget=e,this.items=e.items,this}isInteractive(){return this.cache.isInteractive}useClient(e){return this.cache.isInteractive||(this.element.setAttribute("data-hydration-index",globalThis.__Ziko__.__HYDRATION__.index),globalThis.__Ziko__.__HYDRATION__.register(()=>this),this.cache.isInteractive=!0),e&&this.element.setAttribute("data-hydration-directive",e),this}get st(){return this.cache.style}get attr(){return this.cache.attributes}get evt(){return this.events}get html(){return this.element.innerHTML}get text(){return this.element.textContent}get parent(){return this.cache.parent}get width(){return this.element.getBoundingClientRect().width}get height(){return this.element.getBoundingClientRect().height}get top(){return this.element.getBoundingClientRect().top}get right(){return this.element.getBoundingClientRect().right}get bottom(){return this.element.getBoundingClientRect().bottom}get left(){return this.element.getBoundingClientRect().left}}const X=["a","abb","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","i","iframe","img","ipnut","ins","kbd","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","small","source","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"],J=["svg","g","defs","symbol","use","image","switch","rect","circle","ellipse","line","polyline","polygon","path","text","tspan","textPath","altGlyph","altGlyphDef","altGlyphItem","glyph","glyphRef","linearGradient","radialGradient","pattern","solidColor","filter","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDropShadow","feFlood","feFuncA","feFuncR","feFuncG","feFuncB","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","feSpecularLighting","feTile","feTurbulence","animate","animateMotion","animateTransform","set","script","desc","title","metadata","foreignObject"],Q=["math","annotation","merror","mfrac","mi","mprescripts","mn","mo","mover","mpadded","mphantom","mprescripts","mroot","mrow","ms","semantics","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"],ee=new Proxy({},{get(e,t){if("string"!=typeof t)return;let s,n=t.replaceAll("_","-").toLowerCase();return X.includes(n)&&(s="html"),J.includes(n)&&(s="svg"),Q.includes(n)&&(s="mathml"),(...e)=>0===e.length?new W({element:n,name:n,type:s}):["string","number"].includes(typeof e[0])||e[0]instanceof W||k(e[0])||e[0]instanceof HTMLElement?new W({element:n,name:n,type:s}).append(...e):new W({element:n,type:s,props:e.shift()}).append(...e)}});class te{constructor(e=10){this.events={},this.maxListeners=e}on(e,t){return this.events[e]||(this.events[e]=[]),this.events[e].push(t),this.events[e].length>this.maxListeners&&console.warn(`Warning: Possible memory leak. Event '${e}' has more than ${this.maxListeners} listeners.`),this}once(e,t){const s=(...n)=>{this.off(e,s),t(...n)};return this.on(e,s)}off(e,t){const s=this.events[e];if(!s)return this;const n=s.indexOf(t);return-1!==n&&s.splice(n,1),this}emit(e,t){const s=this.events[e];return!!s&&([...s].forEach(s=>{try{s(t)}catch(t){console.error(`Error in listener for '${e}':`,t)}}),!0)}remove(e){return delete this.events[e],this}clear(){return this.events={},this}setMaxListeners(e){return this.maxListeners=e,this}}globalThis?.document&&document?.addEventListener("DOMContentLoaded",__Ziko__.__Config__.init()),e.ClickAwayEvent=S,e.ClickListeners=z,e.Clock=G,e.E=s,e.EPSILON=n,e.EventController=I,e.KeyListeners=N,e.PI=t,e.PtrListeners=Z,e.Scheduler=(e,{repeat:t=null}={})=>new F(e,{repeat:t}),e.SwipeEvent=K,e.Tick=B,e.TimeScheduler=F,e.UIElement=W,e.ViewEvent=V,e.ViewListeners=$,e.apply_fun=r,e.atan2=c,e.camel2constantcase=(e="")=>e.replace(/[A-Z]/g,e=>"_"+e).toUpperCase(),e.camel2hyphencase=(e="")=>e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),e.camel2pascalcase=(e="")=>e.charAt(0).toUpperCase()+e.slice(1),e.camel2snakecase=(e="")=>e.replace(/[A-Z]/g,e=>"_"+e.toLowerCase()),e.clamp=(e,t,s)=>r(e,e=>Math.min(Math.max(e,t),s)),e.clock=e=>new G(e),e.constant2camelcase=(e="")=>e.toLowerCase().replace(/_([a-z])/g,e=>e[1].toUpperCase()),e.constant2hyphencase=(e="")=>e.toLowerCase().replace(/_/g,"-"),e.constant2pascalcase=(e="")=>e.toLowerCase().split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.constant2snakecase=(e="")=>e.toLowerCase(),e.debounce=(e,t=1e3)=>(...s)=>setTimeout(()=>e(...s),t),e.deg2rad=(...e)=>i(e=>e*Math.PI/180,...e),e.hyphen2camelcase=(e="")=>e.replace(/-([a-z])/g,e=>e[1].toUpperCase()),e.hyphen2constantcase=(e="")=>e.replace(/-/g,"_").toUpperCase(),e.hyphen2pascalcase=(e="")=>e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.hyphen2snakecase=(e="")=>e.replace(/-/g,"_"),e.hypot=(...e)=>{const t=e.find(e=>e.isComplex?.());if(t){const s=e.map(e=>e.isComplex?.()?e:new t.constructor(e,0));return Math.hypot(...s.map(e=>e.z))}return Math.hypot(...e)},e.isStateGetter=k,e.is_anagram=(e,t)=>(e=e.split("").sort(),t=t.split("").sort(),JSON.stringify(e)===JSON.stringify(t)),e.is_camelcase=(e="")=>{if(0===e.length)return!1;return/^[a-z][a-zA-Z0-9]*$/.test(e)},e.is_hyphencase=(e="")=>e.split("-").length>0,e.is_isogram=(e="")=>[...new Set(e.toLowerCase())].length===e.length,e.is_palindrome=e=>{const t=e.toLocaleLowerCase();let s,n=t.length;for(s=0;s<n/2;s++)if(t[s]!=t[n-s-1])return!1;return!0},e.is_pascalcalse=(e="")=>{if(0===e.length)return!1;return/^[A-Z][a-zA-Z0-9]*$/.test(e)},e.is_snakeCase=(e="")=>e.split("_").length>0,e.lerp=o,e.map=(e,t,s,n,i)=>r(e,e=>o(a(e,t,s),n,i)),e.mapfun=i,e.norm=a,e.pascal2camelcase=(e="")=>e.charAt(0).toLowerCase()+e.slice(1),e.pascal2constantcase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"_"+e:e).toUpperCase(),e.pascal2hyphencase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"-"+e.toLowerCase():e.toLowerCase()),e.pascal2snakecase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"_"+e.toLowerCase():e.toLowerCase()),e.rad2deg=(...e)=>i(e=>e/Math.PI*180,...e),e.register_click_away_event=M,e.register_swipe_event=function(e,t=5,s=100,n=500){let i=0,r=0,a=0,o=!1;function c(e){i=e.clientX,r=e.clientY,a=performance.now(),o=!0}function l(c){if(!o)return;o=!1;const l=c.clientX-i,h=c.clientY-r;let u=null,m=null;performance.now()-a<=n&&(Math.abs(l)>=t&&Math.abs(h)<=s?(u=l<0?"left":"right",m="swipe"+u):Math.abs(h)>=t&&Math.abs(l)<=s&&(u=h<0?"up":"down",m="swipe"+u)),m&&e.dispatchEvent(new K(m,{direction:u,distX:l,distY:h,originalEvent:c}))}return e.addEventListener("pointerdown",c,{passive:!0}),e.addEventListener("pointerup",l,{passive:!0}),()=>{e.removeEventListener("pointerdown",c),e.removeEventListener("pointerup",l)}},e.register_view_event=Y,e.sleep=e=>new Promise(t=>setTimeout(t,e)),e.snake2camelcase=(e="")=>e.replace(/(_\w)/g,e=>e[1].toUpperCase()),e.snake2constantcase=(e="")=>e.toUpperCase(),e.snake2hyphencase=(e="")=>e.replace(/_/g,"-"),e.snake2pascalcase=(e="")=>e.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.tags=ee,e.throttle=H,e.tick=(e,t,s=1/0,n=!0)=>new B(e,t,s,n),e.timeout=function(e,t){let s;const n=new Promise(n=>{s=setTimeout(()=>{t&&t(),n()},e)});return{id:s,clear:()=>clearTimeout(s),promise:n}},e.useDerived=function(e,t){const s=()=>e(...t.map(e=>e().value));let n=s();const i=new Set,r=()=>{const e=s();Object.is(e,n)||(n=e,i.forEach(e=>e(n)))};t.map(e=>e()._subscribe(r));const a=()=>({value:n,_subscribe:e=>(i.add(e),()=>i.delete(e))});return a[y]=!0,a},e.useEffect=(e,t=[])=>{const s=t.filter(k);let n;const i=()=>{"function"==typeof n&&n(),n=e(s.map(e=>e().value))},r=s.map(e=>e()._subscribe(i));return i(),()=>{r.forEach(e=>e()),"function"==typeof n&&(n(),n=void 0)}},e.useEventEmitter=e=>new te(e),e.useReactive=e=>i(e=>{const t=w(e);return{get:t[0],set:t[1]}},e),e.useState=w});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Ziko={})}(this,function(e){"use strict";const{PI:t,E:s}=Math,n=Number.EPSILON,i=(e,...t)=>{const s=t.map(t=>{return"object"!=typeof(s=t)&&"function"!=typeof s||null===s||t?.__mapfun__?e(t):t instanceof Array?t.map(t=>i(e,t)):ArrayBuffer.isView(t)?t.map(t=>e(t)):t instanceof Set?new Set(i(e,...t)):t instanceof Map?new Map([...t].map(t=>[t[0],i(e,t[1])])):t.isMatrix?.()?new t.constructor(t.rows,t.cols,i(t.arr.flat(1))):t instanceof Object?Object.fromEntries(Object.entries(t).map(t=>[t[0],i(e,t[1])])):void 0;var s});return 1==s.length?s[0]:s},r=(e,t)=>e.isComplex?.()?new e.constructor(t(e.a),t(e.b)):e.isMatrix?.()?new e.constructor(e.rows,e.cols,e.arr.flat(1).map(t)):(e instanceof Array&&i(t,...e),t(e)),a=(e,t,s)=>r(e,e=>t!==s?(e-t)/(s-t):0),o=(e,t,s)=>r(e,e=>(s-t)*e+t),c=(e,t,s=!0)=>{if(e instanceof Array&&!(t instanceof Array))return i(e=>c(e,t,s),...e);if(t instanceof Array&&!(e instanceof Array))return i(t=>c(e,t,s),...t);if(e instanceof Array&&t instanceof Array)return e.map((e,n)=>c(e,t[n],s));const n=Math.atan2(e,t);return s?n:180*n/Math.PI};class l{constructor(e){this.cache={node:e}}isUINode(){return!0}get node(){return this.cache.node}}class h extends Array{constructor(...e){super(...e)}clear(){return this.length=0,this}getItemById(e){return this.find(t=>t.element.id===e)}getItemsByTagName(e){return this.filter(t=>t.element.tagName.toLowerCase()===e.toLowerCase())}getElementsByClassName(e){return this.filter(t=>t.element.classList?.contains(e))}querySelector(e){const t=globalThis?.document?.querySelector(e);return t&&this.find(e=>e.element===t)||null}querySelectorAll(e){const t=globalThis?.document?.querySelectorAll(e);return Array.from(t).map(e=>this.find(t=>t.element===e)).filter(Boolean)}}const u=new h,m={default:{target:null,render:!0},setDefault:function(e){const t=Object.keys(e),s=Object.values(e);for(let e=0;e<t.length;e++)this.default[t[e]]=s[e]},init:()=>{},renderingMode:"spa",isSSC:!1},p={store:new Map,index:0,register:function(e){this.store.set(this.index++,e)},reset(){this.index=0,this.store.clear()}},f={ui_index:0,get_ui_index:function(){return this.ui_index++},register_ui:function(e){}};var d={store:new Map,index:0,session_storage:null,register:function(e){},update:function(e,t){}};var g;globalThis?.__Ziko__||(globalThis.__Ziko__={__UI__:u,__HYDRATION__:p,__State__:d,__Config__:m,__CACHE__:f,__PROVIDERS__:{}},g=__Ziko__,Object.defineProperties(g,{QueryParams:{get:function(){return function(e){const t={};return e.replace(/[A-Z0-9]+?=([\w|:|\/\.]*)/gi,e=>{const[s,n]=e.split("=");t[s]=n}),t}(globalThis.location.search.substring(1))},configurable:!1,enumerable:!0},HashParams:{get:function(){return globalThis.location.hash.substring(1).split("#")},configurable:!1,enumerable:!0}}));let _=class extends l{constructor(){super()}init({element:e,name:t,type:s,mount:n,props:i={},items:r=[]}={}){if(this.target=globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body,"string"==typeof e)switch(s){case"html":e=globalThis?.document?.createElement(e);break;case"svg":e=globalThis?.document?.createElementNS("http://www.w3.org/2000/svg",e);break;default:throw Error("Not supported")}else this.target=e?.parentElement;Object.assign(this.cache,{name:t,itemsTarget:this,isInteractive:!1,parent:null}),e&&Object.assign(this.cache,{element:e}),this.items=new h,globalThis.__Ziko__.__UI__[this.cache.name]?globalThis.__Ziko__.__UI__[this.cache.name]?.push(this):globalThis.__Ziko__.__UI__[this.cache.name]=[this],e&&n&&this?.mount?.(),globalThis.__Ziko__.__UI__.push(this);const a=((e={})=>{const t={methods:{},events:{},style:{},attrs:{}};for(const[s,n]of Object.entries(e))"style"===s?t.style=n:s.startsWith("$")?t.methods[s.slice(1)]=n:/^on[A-Z]/.test(s)?t.events[s]=n:t.attrs[s]=n;return t})(i);this.parsed_props=a,this.style(a.style),this.setAttr(a.attrs);Object.entries(a.events).forEach(([e,t])=>this[e](t.bind(this))),r.length>0&&this.append(...r)}get element(){return this.cache.element}[Symbol.iterator](){return this.items[Symbol.iterator]()}maintain(){for(let e=0;e<this.items.length;e++)Object.defineProperty(this,e,{value:this.items[e],writable:!0,configurable:!0,enumerable:!1})}isInteractive(){return this.cache.isInteractive}isUIElement(){return!0}};function b(e,...t){t.forEach(t=>function(e,t){const s=Object.getOwnPropertyDescriptors(t);for(const t of Reflect.ownKeys(s)){const n=s[t];"get"in n||"set"in n||"function"!=typeof n.value?Object.defineProperty(Object.getPrototypeOf(e),t,n):"function"==typeof n.value&&(Object.getPrototypeOf(e).hasOwnProperty(t)||Object.defineProperty(Object.getPrototypeOf(e),t,n))}}(e,t))}var v=Object.freeze({__proto__:null,mount:function(e=this.target,t=0){return t>0?(setTimeout(()=>this.mount(e,0),t),this):(this.isBody||(e?.isUIElement&&(e=e.element),this.target=e,this.target?.appendChild(this.element)),this)},unmount:function(e=0){return e>0?(setTimeout(()=>this.unmount(0),e),this):(this.cache.parent?this.cache.parent.remove(this):this.target?.children?.length&&[...this.target.children].includes(this.element)&&this.target.removeChild(this.element),this)}});const y=Symbol.for("ziko/hooks/STATE_GETTER");function w(e){const t={value:e,subscribers:new Set,paused:!1};function s(){return{value:t.value,_subscribe:e=>(t.subscribers.add(e),()=>t.subscribers.delete(e))}}s[y]=!0;return[s,function(e){t.paused||("function"==typeof e&&(e=e(t.value)),Object.is(e,t.value)||(t.value=e,t.subscribers.forEach(e=>e(t.value))))},{pause:()=>{t.paused=!0},resume:()=>{t.paused=!1},clear:()=>{t.subscribers.clear()},force:e=>{"function"==typeof e&&(e=e(t.value)),t.value=e,t.subscribers.forEach(e=>e(t.value))},getSubscribers:()=>new Set(t.subscribers)}]}const k=e=>"function"==typeof e&&!0===e[y];function E(e,t){if(globalThis.SVGAElement&&this.element instanceof globalThis.SVGAElement&&(e=is_camelcase(e)?camel2hyphencase(e):e),!this?.attr[e]||this?.attr[e]!==t){if(k(t)){t()._subscribe(t=>this.element?.setAttribute(e,t),this)}else this.element?.setAttribute(e,t);Object.assign(this.cache.attributes,{[e]:t})}}var T=Object.freeze({__proto__:null,_set_attrs_:E,getAttr:function(e){return this.element.attributes[e].value},removeAttr:function(...e){for(let t=0;t<e.length;t++)this.element?.removeAttribute(e[t]);return this},setAttr:function(e,t){if(e instanceof Object){const[s,n]=[Object.keys(e),Object.values(e)];for(let e=0;e<s.length;e++)n[e]instanceof Array&&(t[e]=n[e].join(" ")),E.call(this,s[e],n[e])}else t instanceof Array&&(t=t.join(" ")),E.call(this,e,t);return this},setContentEditable:function(e=!0){return this.setAttr("contenteditable",e),this}});class C extends l{constructor(...e){super("span","text",!1,...e),this.element=globalThis?.document?.createTextNode(...e)}isText(){return!0}}const x=(...e)=>new C(...e);async function A(e,t,...s){for(const n of s)await this.__addItem__(e,t,n);return this.maintain(),this}var O=Object.freeze({__proto__:null,__addItem__:async function(e,t,s,n=null,i=null){const{element:r,items:a}=this.itemsTarget;if(["number","string"].includes(typeof s)&&(s=x(s)),"function"==typeof s&&k(s)){const e=s();s=x(e.value),e._subscribe(e=>{s.element.textContent=e},s)}if("function"==typeof globalThis?.Node&&s instanceof globalThis.Node&&(s=new this.constructor(s)),s instanceof Promise&&(s=await s),s?.isUINode)return s.cache.parent=this,s.target=r,"insertBefore"===e&&r?r.insertBefore(s.element,n):"function"==typeof r?.[e]&&r[e](s.element),void("splice"===t&&null!==i?a.splice(i,0,s):"function"==typeof a?.[t]&&a[t](s))},__addItems__:A,after:function(e){return e?.isUIElement&&(e=e.element),this.itemsTarget.element?.after(e),this},append:function(...e){return A.call(this,"append","push",...e),this},before:function(e){return e?.isUIElement&&(e=e.element),this.itemsTarget.element?.before(e),this},clear:function(){return this?.items?.forEach(e=>e.unmount()),this.itemsTarget.element.innerHTML="",this},insertAt:function(e,...t){const s=this.itemsTarget;if(e>=s.items.length)return this.append(...t);for(let n=0;n<t.length;n++)["number","string"].includes(typeof t[n])&&(t[n]=x(t[n])),s.element?.insertBefore(t[n].element,s.items[e].element),s.items.splice(e,0,t[n]);return s.maintain(),this},prepend:function(...e){return this.__addItems__.call(this,"prepend","unshift",...e),this},remove:function(...e){const t=e=>{"number"==typeof e&&(e=this.items[e]),e?.isUIElement&&this.itemsTarget.element?.removeChild(e.element),this.items=this.items.filter(t=>t!==e)};for(let s=0;s<e.length;s++)t(e[s]);for(let e=0;e<this.items.length;e++)Object.assign(this,{[[e]]:this.items[e]});return this},replaceElementWith:function(e){return this.cache.element.replaceWith(e),this.cache.element=e,this}});var L=Object.freeze({__proto__:null,at:function(e){return this.items.at(e)},find:function(e){return this.items.filter(e)},forEach:function(e){return this.items.forEach(e),this},map:function(e){return this.items.map(e)}});var I=Object.freeze({__proto__:null,animate:function(e,{duration:t=1e3,iterations:s=1,easing:n="ease"}={}){return this.element?.animate(e,{duration:t,iterations:s,easing:n}),this},hide:function(){},show:function(){},size:function(e,t){return this.style({width:e,height:t})},style:function(e){if(!this.element?.style)return this;for(let t in e){const s=e[t];if(k(s)){const e=s();Object.assign(this.element.style,{[t]:e.value}),e._subscribe(e=>{console.log({newValue:e}),Object.assign(this.element.style,{[t]:e})})}else Object.assign(this.element.style,{[t]:s})}return this}});class j{constructor(e,t){this.cache={category:t,target:e,listeners:{},currentEvent:null,event:null,customEvents:new Set}}get event(){return this.cache.event}get target(){return this.cache.target}get element(){return this.cache.target.element}get currentEvent(){return this.cache.currentEvent}addListener(e,t,{preventDefault:s=!1,paused:n=!1}={}){return this.cache.listeners[e]={callback:s=>{this.cache.event=s,this.cache.listeners[e].preventDefault&&s.preventDefault(),this.cache.listeners[e].paused||(this.cache.currentEvent=e,t.call(this,this))},preventDefault:s,paused:n},this.element.addEventListener(e,this.cache.listeners[e].callback),this}removeListener(e){return this.element.removeEventListener(e,this.cache.listeners[e].callback),this}pause(e){return this.cache.listeners[e].paused=!0,this}resume(e){return this.cache.listeners[e].paused=!1,this}preventDefault(e){return this.cache.listeners[e].preventDefault=!0,this}useDefault(e){return this.cache.listeners[e].preventDefault=!1,this}}class S extends Event{constructor(e,t){super("clickaway",{bubbles:!0,cancelable:!0}),this.originalEvent=e,this.targetElement=t}}function M(e){function t(t){if(!e.contains(t.target)){const s=new S(t,e);e.dispatchEvent(s)}}return globalThis?.document?.addEventListener("click",t),()=>globalThis?.document?.removeEventListener("click",t)}const P=(e,t=!1)=>{const s=e.element.getBoundingClientRect(),n=e.event;let i=n?.clientX-s.left|0,r=n?.clientY-s.top|0;if(t){const t=e.element.clientWidth,s=e.element.clientHeight;i=+(i/t*2-1).toFixed(8),r=+(r/s*-2+1).toFixed(8)}return{x:i,y:r}},D="click",U={onClick(e){return this.on("click",e,{category:D})},onDblClick(e){return this.on("dblclick",e,{category:D})},onClickAway(e){var t,s,n;return t=this,s=D,n="clickaway",t.exp.events?.[s]?.cache?.customEvents?.has(n)||M(this.element),this.on("clickaway",e,{category:D,isCustom:!0})}},Z="ptr",R={onPtrDown(e,t=!1){return this.on("pointerdown",e,{category:Z,details_setter:e=>{const{x:s,y:n}=P(e,t);e.dx=s,e.dy=n,e.isDown=!0,e.isDragging=e.isMoving??!1}})},onPtrMove(e,t=!1){return this.on("pointermove",e,{category:Z,details_setter:e=>{const{x:s,y:n}=P(e,t);e.mx=s,e.my=n,e.isMoving=!0,e.isDragging=e.isDown??!1}})},onPtrUp(e,t=!1){return this.on("pointerup",e,{category:Z,details_setter:e=>{const{x:s,y:n}=P(e,t);e.ux=s,e.uy=n,e.isDown=!1,e.isMoving=!1,e.isDragging=!1}})}},z="key",B={onKeyDown(e){return this.on("keydown",e,{category:z,details_setter:e=>{e.kd=e.event.key}})},onKeyPress(e){return this.on("keypress",e,{category:z,details_setter:e=>{e.kp=e.event.key}})},onKeyUp(e){return this.on("keydown",e,{category:z,details_setter:e=>{e.ku=e.event.key}})}};class N{constructor(e,t,s=1/0,n){this.ms=t,this.fn=e,this.count=s,this.frame=1,this.id=null,this.running=!1,n&&this.start()}start(){return this.running||(this.running=!0,this.frame=1,this.id=setInterval(()=>{this.frame>this.count?this.stop():(this.fn.call(null,this),this.frame++)},this.ms)),this}stop(){return this.running&&(this.running=!1,clearInterval(this.id),this.id=null),this}isRunning(){return this.running}}class G extends N{constructor(e=1e3/60){super(e,()=>this._tick()),this.elapsed=0,this._lastTime=performance.now(),this._callbacks=new Set}_tick(){const e=performance.now(),t=e-this._lastTime;this.elapsed+=t,this._lastTime=e;for(const e of this._callbacks)e({elapsed:this.elapsed,delta:t})}onTick(e){return this._callbacks.add(e),()=>this._callbacks.delete(e)}reset(){this.elapsed=0,this._lastTime=performance.now()}pause(){super.stop()}resume(){this._lastTime=performance.now(),super.start()}}class V{constructor(e=[],{repeat:t=1,loop:s=!1}={}){this.tasks=e,this.repeat=t,this.loop=s,this.stopped=!1,this.running=!1,this.onStart=null,this.onTask=null,this.onEnd=null}async run(){if(this.running)return;this.running=!0,this.stopped=!1,this.onStart&&this.onStart();let e=this.repeat;do{for(const e of this.tasks){if(this.stopped)return;if(Array.isArray(e))await Promise.all(e.map(({fn:e,delay:t=0})=>new Promise(async s=>{t>0&&await new Promise(e=>setTimeout(e,t)),this.onTask&&this.onTask(e),await e(),s()})));else{const{fn:t,delay:s=0}=e;s>0&&await new Promise(e=>setTimeout(e,s)),this.onTask&&this.onTask(t),await t()}}}while(this.loop&&!this.stopped&&(e===1/0||e-- >1));!this.stopped&&this.onEnd&&this.onEnd(),this.running=!1}stop(){this.stopped=!0,this.running=!1}addTask(e){this.tasks.push(e)}clearTasks(){this.tasks=[]}}const H=(e,t)=>{let s=0;return(...n)=>{const i=(new Date).getTime();i-s<t||(s=i,e(...n))}};class q extends CustomEvent{constructor(e,t,{bubbles:s=!0,cancelable:n=!0}={}){super(e,{detail:t,bubbles:s,cancelable:n})}}function F(e,{intersection:t=!0,resize:s=!0,threshold:n=0,throttleResize:i=100,throttleEnterExit:r=0}={}){let a,o;const c=t=>{for(let s of t){const{width:t,height:n}=s.contentRect;e.dispatchEvent(new q("resizeview",{width:t,height:n,entry:s}))}},l=i>0?H(c,i):c,h=t=>{for(let s of t){const t=s.isIntersecting?"enterview":"exitview";e.dispatchEvent(new q(t,s))}},u=r>0?H(h,r):h;return t&&(a=new IntersectionObserver(u,{threshold:n}),a.observe(e)),s&&(o=new ResizeObserver(l),o.observe(e)),()=>{a&&(a.unobserve(e),a.disconnect()),o&&(o.unobserve(e),o.disconnect())}}const Y="view",$={onEnterView(e){return this.exp.events?.[Y]||F(this.element),this.on("enterview",e,{category:Y,isCustom:!0})},onExitView(e){return this.exp.events?.[Y]||F(this.element),this.on("exitview",e,{category:Y,isCustom:!0})},onResizeView(e){return this.exp.events?.[Y]||F(this.element),this.on("resizeview",e,{category:Y,isCustom:!0})}};class K extends CustomEvent{constructor(e,t){super(e,{detail:t,bubbles:!0,cancelable:!0})}}class W extends _{constructor({element:e,name:t="",type:s="html",render:n=__Ziko__.__Config__.default.render,props:i}={}){super(),this.exp={events:{}},b(this,v,T,O,I,L,R,U,B,$),e&&this.init({element:e,name:t,type:s,render:n,props:i})}on(e,t,{details_setter:s,category:n="global",isCustom:i=!1,preventDefault:r=!1}={}){e instanceof Array&&e.forEach(e=>this.on(e,t,{details_setter:s,category:n,isCustom:i,preventDefault:r})),n&&!this.exp.events.hasOwnProperty(n)&&(this.exp.events[n]=new j(this,n)),i&&this.exp.events[n].cache.customEvents.add(e);const a=this.exp.events[n];return a.addListener(e,e=>{s&&s(a),t(e)},{preventDefault:r}),this}_off(e,t="global"){return this.exp.events[t].removeListener(e),this}get element(){return this.cache.element}get itemsTarget(){return this.cache.itemsTarget}get itemsTargetElement(){return this.itemsTarget.element}setItemsTarget(e){return this.cache.itemsTarget=e,this.items=e.items,this}isInteractive(){return this.cache.isInteractive}useClient(e){return this.cache.isInteractive||(this.element.setAttribute("data-hydration-index",globalThis.__Ziko__.__HYDRATION__.index),globalThis.__Ziko__.__HYDRATION__.register(()=>this),this.cache.isInteractive=!0),e&&this.element.setAttribute("data-hydration-directive",e),this}get attr(){return this.cache.attributes}get evt(){return this.events}get html(){return this.element.innerHTML}get text(){return this.element.textContent}get parent(){return this.cache.parent}get width(){return this.element.getBoundingClientRect().width}get height(){return this.element.getBoundingClientRect().height}get top(){return this.element.getBoundingClientRect().top}get right(){return this.element.getBoundingClientRect().right}get bottom(){return this.element.getBoundingClientRect().bottom}get left(){return this.element.getBoundingClientRect().left}}const X=["a","abb","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","i","iframe","img","ipnut","ins","kbd","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","small","source","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"],J=["svg","g","defs","symbol","use","image","switch","rect","circle","ellipse","line","polyline","polygon","path","text","tspan","textPath","altGlyph","altGlyphDef","altGlyphItem","glyph","glyphRef","linearGradient","radialGradient","pattern","solidColor","filter","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDropShadow","feFlood","feFuncA","feFuncR","feFuncG","feFuncB","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","feSpecularLighting","feTile","feTurbulence","animate","animateMotion","animateTransform","set","script","desc","title","metadata","foreignObject"],Q=["math","annotation","merror","mfrac","mi","mprescripts","mn","mo","mover","mpadded","mphantom","mprescripts","mroot","mrow","ms","semantics","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"],ee=new Proxy({},{get(e,t){if("string"!=typeof t)return;let s,n=t.replaceAll("_","-").toLowerCase();return X.includes(n)&&(s="html"),J.includes(n)&&(s="svg"),Q.includes(n)&&(s="mathml"),(...e)=>0===e.length?new W({element:n,name:n,type:s}):["string","number"].includes(typeof e[0])||e[0]instanceof W||k(e[0])||e[0]instanceof HTMLElement?new W({element:n,name:n,type:s}).append(...e):new W({element:n,type:s,props:e.shift()}).append(...e)}});class te{constructor(e=10){this.events={},this.maxListeners=e}on(e,t){return this.events[e]||(this.events[e]=[]),this.events[e].push(t),this.events[e].length>this.maxListeners&&console.warn(`Warning: Possible memory leak. Event '${e}' has more than ${this.maxListeners} listeners.`),this}once(e,t){const s=(...n)=>{this.off(e,s),t(...n)};return this.on(e,s)}off(e,t){const s=this.events[e];if(!s)return this;const n=s.indexOf(t);return-1!==n&&s.splice(n,1),this}emit(e,t){const s=this.events[e];return!!s&&([...s].forEach(s=>{try{s(t)}catch(t){console.error(`Error in listener for '${e}':`,t)}}),!0)}remove(e){return delete this.events[e],this}clear(){return this.events={},this}setMaxListeners(e){return this.maxListeners=e,this}}globalThis?.document&&document?.addEventListener("DOMContentLoaded",__Ziko__.__Config__.init()),e.ClickAwayEvent=S,e.ClickListeners=U,e.Clock=G,e.E=s,e.EPSILON=n,e.EventController=j,e.KeyListeners=B,e.PI=t,e.PtrListeners=R,e.Scheduler=(e,{repeat:t=null}={})=>new V(e,{repeat:t}),e.SwipeEvent=K,e.Tick=N,e.TimeScheduler=V,e.UIElement=W,e.ViewEvent=q,e.ViewListeners=$,e.apply_fun=r,e.atan2=c,e.camel2constantcase=(e="")=>e.replace(/[A-Z]/g,e=>"_"+e).toUpperCase(),e.camel2hyphencase=(e="")=>e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),e.camel2pascalcase=(e="")=>e.charAt(0).toUpperCase()+e.slice(1),e.camel2snakecase=(e="")=>e.replace(/[A-Z]/g,e=>"_"+e.toLowerCase()),e.clamp=(e,t,s)=>r(e,e=>Math.min(Math.max(e,t),s)),e.clock=e=>new G(e),e.constant2camelcase=(e="")=>e.toLowerCase().replace(/_([a-z])/g,e=>e[1].toUpperCase()),e.constant2hyphencase=(e="")=>e.toLowerCase().replace(/_/g,"-"),e.constant2pascalcase=(e="")=>e.toLowerCase().split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.constant2snakecase=(e="")=>e.toLowerCase(),e.debounce=(e,t=1e3)=>(...s)=>setTimeout(()=>e(...s),t),e.deg2rad=(...e)=>i(e=>e*Math.PI/180,...e),e.hyphen2camelcase=(e="")=>e.replace(/-([a-z])/g,e=>e[1].toUpperCase()),e.hyphen2constantcase=(e="")=>e.replace(/-/g,"_").toUpperCase(),e.hyphen2pascalcase=(e="")=>e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.hyphen2snakecase=(e="")=>e.replace(/-/g,"_"),e.hypot=(...e)=>{const t=e.find(e=>e.isComplex?.());if(t){const s=e.map(e=>e.isComplex?.()?e:new t.constructor(e,0));return Math.hypot(...s.map(e=>e.z))}return Math.hypot(...e)},e.isStateGetter=k,e.is_anagram=(e,t)=>(e=e.split("").sort(),t=t.split("").sort(),JSON.stringify(e)===JSON.stringify(t)),e.is_camelcase=(e="")=>{if(0===e.length)return!1;return/^[a-z][a-zA-Z0-9]*$/.test(e)},e.is_hyphencase=(e="")=>e.split("-").length>0,e.is_isogram=(e="")=>[...new Set(e.toLowerCase())].length===e.length,e.is_palindrome=e=>{const t=e.toLocaleLowerCase();let s,n=t.length;for(s=0;s<n/2;s++)if(t[s]!=t[n-s-1])return!1;return!0},e.is_pascalcalse=(e="")=>{if(0===e.length)return!1;return/^[A-Z][a-zA-Z0-9]*$/.test(e)},e.is_snakeCase=(e="")=>e.split("_").length>0,e.lerp=o,e.map=(e,t,s,n,i)=>r(e,e=>o(a(e,t,s),n,i)),e.mapfun=i,e.norm=a,e.pascal2camelcase=(e="")=>e.charAt(0).toLowerCase()+e.slice(1),e.pascal2constantcase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"_"+e:e).toUpperCase(),e.pascal2hyphencase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"-"+e.toLowerCase():e.toLowerCase()),e.pascal2snakecase=(e="")=>e.replace(/([A-Z])/g,(e,t)=>t?"_"+e.toLowerCase():e.toLowerCase()),e.rad2deg=(...e)=>i(e=>e/Math.PI*180,...e),e.register_click_away_event=M,e.register_swipe_event=function(e,t=5,s=100,n=500){let i=0,r=0,a=0,o=!1;function c(e){i=e.clientX,r=e.clientY,a=performance.now(),o=!0}function l(c){if(!o)return;o=!1;const l=c.clientX-i,h=c.clientY-r;let u=null,m=null;performance.now()-a<=n&&(Math.abs(l)>=t&&Math.abs(h)<=s?(u=l<0?"left":"right",m="swipe"+u):Math.abs(h)>=t&&Math.abs(l)<=s&&(u=h<0?"up":"down",m="swipe"+u)),m&&e.dispatchEvent(new K(m,{direction:u,distX:l,distY:h,originalEvent:c}))}return e.addEventListener("pointerdown",c,{passive:!0}),e.addEventListener("pointerup",l,{passive:!0}),()=>{e.removeEventListener("pointerdown",c),e.removeEventListener("pointerup",l)}},e.register_view_event=F,e.sleep=e=>new Promise(t=>setTimeout(t,e)),e.snake2camelcase=(e="")=>e.replace(/(_\w)/g,e=>e[1].toUpperCase()),e.snake2constantcase=(e="")=>e.toUpperCase(),e.snake2hyphencase=(e="")=>e.replace(/_/g,"-"),e.snake2pascalcase=(e="")=>e.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),e.tags=ee,e.throttle=H,e.tick=(e,t,s=1/0,n=!0)=>new N(e,t,s,n),e.timeout=function(e,t){let s;const n=new Promise(n=>{s=setTimeout(()=>{t&&t(),n()},e)});return{id:s,clear:()=>clearTimeout(s),promise:n}},e.useDerived=function(e,t){const s=()=>e(...t.map(e=>e().value));let n=s();const i=new Set,r=()=>{const e=s();Object.is(e,n)||(n=e,i.forEach(e=>e(n)))};t.map(e=>e()._subscribe(r));const a=()=>({value:n,_subscribe:e=>(i.add(e),()=>i.delete(e))});return a[y]=!0,a},e.useEffect=(e,t=[])=>{const s=t.filter(k);let n;const i=()=>{"function"==typeof n&&n(),n=e(s.map(e=>e().value))},r=s.map(e=>e()._subscribe(i));return i(),()=>{r.forEach(e=>e()),"function"==typeof n&&(n(),n=void 0)}},e.useEventEmitter=e=>new te(e),e.useReactive=e=>i(e=>{const t=w(e);return{get:t[0],set:t[1]}},e),e.useState=w});

package/dist/ziko.mjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Sat Sep 05 2026 12:37:55 GMT+0100 (UTC+01:00)
+  Date : Mon Sep 07 2026 22:41:50 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
@@ -276,16 +276,12 @@ let UIElement$1 = class UIElement extends UINode{
   constructor(){
     super();
   }
-  init({element, name, type, render, props = {}, items = []} = {}){
+  init({element, name, type, mount, props = {}, items = []} = {}){
     this.target = globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body;
     if(typeof element === "string") {
       switch(type){
-        case "html" : {
-          element = globalThis?.document?.createElement(element);
-        } break;
-        case "svg" : {
-          element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); 
-        } break;
+        case "html" : element = globalThis?.document?.createElement(element); break;
+        case "svg" : element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); break;
         default : throw Error("Not supported")
       }
     }
@@ -295,37 +291,37 @@ let UIElement$1 = class UIElement extends UINode{
       itemsTarget : this,
       isInteractive : false,
       parent:null,
-      isBody:false,
-      isRoot:false,
-      isHidden: false,
-      isFrozzen:false,
-      attributes: {},
-      filters: {},
-      temp:{}
+      // isBody:false,
+      // isRoot:false,
+      // isHidden: false,
+      // isFrozzen:false,
+      // attributes: {},
+      // filters: {},
+      // temp:{}
     });
-    this.events = {
-      ptr:null,
-      mouse:null,
-      wheel:null,
-      key:null,
-      drag:null,
-      drop:null,
-      click:null,
-      clipboard:null,
-      focus:null,
-      swipe:null,
-      custom:null,
-    };
-    this.observer={
-      resize:null,
-      intersection:null
-    };
+    // this.events = {
+    //   ptr:null,
+    //   mouse:null,
+    //   wheel:null,
+    //   key:null,
+    //   drag:null,
+    //   drop:null,
+    //   click:null,
+    //   clipboard:null,
+    //   focus:null,
+    //   swipe:null,
+    //   custom:null,
+    // }
+    // this.observer={
+    //   resize:null,
+    //   intersection:null
+    // }
     if(element) Object.assign(this.cache,{element});
     this.items = new UIStore();
     globalThis.__Ziko__.__UI__[this.cache.name]
       ? globalThis.__Ziko__.__UI__[this.cache.name]?.push(this)
       : globalThis.__Ziko__.__UI__[this.cache.name]=[this];
-    element && render && this?.render?.();
+    element && mount && this?.mount?.();
     globalThis.__Ziko__.__UI__.push(this);
     
     const parsed_props = parse_props(props);
@@ -382,12 +378,9 @@ function mount(target = this.target, delay = 0) {
         setTimeout(() => this.mount(target, 0), delay);
         return this;
     }
-
     if (this.isBody) return this;
-
     if (target?.isUIElement) target = target.element;
     this.target = target;
-
     this.target?.appendChild(this.element);
     return this;
 }
@@ -397,7 +390,6 @@ function unmount(delay = 0) {
         setTimeout(() => this.unmount(0), delay);
         return this;
     }
-
     if (this.cache.parent) {
         this.cache.parent.remove(this);
     } else if (
@@ -538,11 +530,11 @@ class UIText extends UINode {
 const text = (...str) => new UIText(...str);
 
 function append(...ele) {
-  __addItem__.call(this, "append", "push", ...ele);
+  __addItems__.call(this, "append", "push", ...ele);
   return this;
 }
 function prepend(...ele) {
-  this.__addItem__.call(this, "prepend", "unshift", ...ele);
+  this.__addItems__.call(this, "prepend", "unshift", ...ele);
   return this;
 }
 function insertAt(index, ...ele) {
@@ -584,58 +576,46 @@ function replaceElementWith(new_element){
     return this
 }
 function after(ui){
-  if(ui?.isUIElement) ui=ui.element;
+  if(ui?.isUIElement) ui = ui.element;
   this.itemsTarget.element?.after(ui);
   return this;
 }
 function before(ui){
-  if(ui?.isUIElement) ui=ui.element;
+  if(ui?.isUIElement) ui = ui.element;
   this.itemsTarget.element?.before(ui);
   return this;
 }
-async function __addItem__(adder, pusher, ...ele) {
-  const itemsTarget_el = this.itemsTarget.element;
-  const itemsTarget = this.itemsTarget;
-  if (this.cache.isFrozzen) {
-    console.warn("You can't append new item to frozzen element");
-    return this;
+
+async function __addItem__(adder, pusher, item, referenceNode = null, index = null) {
+  const { element: itemsTargetEl, items } = this.itemsTarget;
+  if (["number", "string"].includes(typeof item)) item = text(item);
+  if (typeof item === "function" && isStateGetter(item)) {
+    const getter = item();
+    item = text(getter.value);
+    getter._subscribe(
+      (newValue) => { item.element.textContent = newValue; },
+      item
+    );
   }
-  for (let i = 0; i < ele.length; i++) {
-    if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-        // Fix Items Latter
-    if (ele[i] instanceof Function) {
-      if (isStateGetter(ele[i])) {
-        const getter = ele[i]();
-        ele[i] = text(getter.value);
-        getter._subscribe(
-            (newValue) => (ele[i].element.textContent = newValue),
-            ele[i] 
-        );
-        // this.itemsTarget.element.appendChild(textNode);
-      }
-    }
-    if (typeof globalThis?.Node === "function" && ele[i] instanceof globalThis?.Node) ele[i] = new this.constructor(ele[i]);
-    if (ele[i]?.isUINode) {
-        ele[i].cache.parent = this;
-        itemsTarget_el?.[adder](ele[i].element);
-        ele[i].target = this.itemsTarget.element;
-        itemsTarget.items[pusher](ele[i]);
-    } 
-    else if(ele[i] instanceof Promise){
-      const UIEle = await ele[i];
-      UIEle.cache.parent = this;
-      itemsTarget_el?.[adder](UIEle.element);
-      UIEle.target = this.itemsTarget.element;
-      itemsTarget.items[pusher](UIEle);
-    }
-    else if (ele[i] instanceof Object) {
-      if (ele[i]?.style) this.style(ele[i]?.style);
-      if (ele[i]?.attr) {
-        Object.entries(ele[i].attr).forEach((n) =>
-          this.setAttr("" + n[0], n[1]),
-        );
-      }
-    }
+  if (typeof globalThis?.Node === "function" && item instanceof globalThis.Node)
+    item = new this.constructor(item);
+  if (item instanceof Promise) item = await item;
+  if (item?.isUINode) {
+    item.cache.parent = this;
+    item.target = itemsTargetEl;
+    if (adder === "insertBefore" && itemsTargetEl) 
+      itemsTargetEl.insertBefore(item.element, referenceNode);
+    else if (typeof itemsTargetEl?.[adder] === "function") 
+      itemsTargetEl[adder](item.element);
+    if (pusher === "splice" && index !== null) items.splice(index, 0, item);
+    else if (typeof items?.[pusher] === "function") items[pusher](item);
+    return;
+  }
+}
+
+async function __addItems__(adder, pusher, ...elements) {
+  for (const item of elements) {
+    await this.__addItem__(adder, pusher, item);
   }
   this.maintain();
   return this;
@@ -644,6 +624,7 @@ async function __addItem__(adder, pusher, ...ele) {
 var DomMethods = /*#__PURE__*/Object.freeze({
    __proto__: null,
    __addItem__: __addItem__,
+   __addItems__: __addItems__,
    after: after,
    append: append,
    before: before,
@@ -1356,9 +1337,9 @@ class UIElement extends UIElement$1{
     if(directive)this.element.setAttribute('data-hydration-directive', directive);
     return this;
   }
-  get st(){
-    return this.cache.style;
-  }
+  // get st(){
+  //   return this.cache.style;
+  // }
   get attr(){
     return this.cache.attributes;
   }
@@ -1753,7 +1734,7 @@ const is_anagram = (word, words) =>{
 const is_isogram = (text = '') => [...new Set(text.toLowerCase())].length === text.length;
 
 if(globalThis?.document){
-    document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
+    document?.addEventListener('DOMContentLoaded', __Ziko__.__Config__.init());
 }
 
 // import './math/functions/proxy.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.9",
   "description": "A versatile JavaScript library offering a rich set of Hyperscript Based UI components, advanced mathematical utilities, interactivity ,animations, client side routing and more ...",
   "keywords": [
     "front-end",

package/src/dom/UIElement/index.js

@@ -87,9 +87,9 @@ class UIElement extends UIElementCore{
     if(directive)this.element.setAttribute('data-hydration-directive', directive);
     return this;
   }
-  get st(){
-    return this.cache.style;
-  }
+  // get st(){
+  //   return this.cache.style;
+  // }
   get attr(){
     return this.cache.attributes;
   }

package/src/mini-dom/UIElement/index.js

@@ -7,16 +7,12 @@ class UIElement extends UINode{
   constructor(){
     super()
   }
-  init({element, name, type, render, props = {}, items = []} = {}){
+  init({element, name, type, mount, props = {}, items = []} = {}){
     this.target = globalThis.__Ziko__.__Config__.default.target||globalThis?.document?.body;
     if(typeof element === "string") {
       switch(type){
-        case "html" : {
-          element = globalThis?.document?.createElement(element);
-        }; break;
-        case "svg" : {
-          element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); 
-        }; break;
+        case "html" : element = globalThis?.document?.createElement(element); break;
+        case "svg" : element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); break;
         default : throw Error("Not supported")
       }
     }
@@ -26,37 +22,37 @@ class UIElement extends UINode{
       itemsTarget : this,
       isInteractive : false,
       parent:null,
-      isBody:false,
-      isRoot:false,
-      isHidden: false,
-      isFrozzen:false,
-      attributes: {},
-      filters: {},
-      temp:{}
+      // isBody:false,
+      // isRoot:false,
+      // isHidden: false,
+      // isFrozzen:false,
+      // attributes: {},
+      // filters: {},
+      // temp:{}
     })
-    this.events = {
-      ptr:null,
-      mouse:null,
-      wheel:null,
-      key:null,
-      drag:null,
-      drop:null,
-      click:null,
-      clipboard:null,
-      focus:null,
-      swipe:null,
-      custom:null,
-    }
-    this.observer={
-      resize:null,
-      intersection:null
-    }
+    // this.events = {
+    //   ptr:null,
+    //   mouse:null,
+    //   wheel:null,
+    //   key:null,
+    //   drag:null,
+    //   drop:null,
+    //   click:null,
+    //   clipboard:null,
+    //   focus:null,
+    //   swipe:null,
+    //   custom:null,
+    // }
+    // this.observer={
+    //   resize:null,
+    //   intersection:null
+    // }
     if(element) Object.assign(this.cache,{element});
     this.items = new UIStore();
     globalThis.__Ziko__.__UI__[this.cache.name]
       ? globalThis.__Ziko__.__UI__[this.cache.name]?.push(this)
       : globalThis.__Ziko__.__UI__[this.cache.name]=[this];
-    element && render && this?.render?.()
+    element && mount && this?.mount?.()
     globalThis.__Ziko__.__UI__.push(this)
     
     const parsed_props = parse_props(props);