ziko 0.48.1 → 0.49.0

package/dist/ziko.mjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Mon Nov 10 2025 12:43:12 GMT+0100 (UTC+01:00)
+  Date : Sat Nov 22 2025 13:34:29 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
@@ -1338,7 +1338,7 @@ class UIElementCore extends UINode{
 //     //   UI.append(...items);
 //     // }
 //     // else UI.element=this.element.cloneNode(true);
-//     // return UI.render(render);
+//     // return UI.mount(render);
 //   }
 
 //   freeze(freeze){
@@ -1348,9 +1348,9 @@ class UIElementCore extends UINode{
   // setTarget(tg) {
   //   if(this.isBody) return ;
   //   if (tg?.isUIElement) tg = tg.element;
-  //   this.unrender();
+  //   this.unmount();
   //   this.target = tg;
-  //   this.render();
+  //   this.mount();
   //   return this;
   // }
 //   describe(label){
@@ -1656,18 +1656,18 @@ function remove(...ele) {
   return this;
 }
 function clear(){
-  this?.items?.forEach(n=>n.unrender());
+  this?.items?.forEach(n=>n.unmount());
   this.element.innerHTML = "";
   return this;
 }
-function render(target = this.target) {
+function mount(target = this.target) {
   if(this.isBody)return ;
   if(target?.isUIElement)target=target.element;
   this.target=target;
   this.target?.appendChild(this.element);
   return this;
 }
-function unrender(){
+function unmount(){
   if(this.cache.parent)this.cache.parent.remove(this);
   else if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
   return this;
@@ -1680,11 +1680,11 @@ function replaceElementWith(new_element){
     return this
 }
 function renderAfter(t = 1) {
-  setTimeout(() => this.render(), t);
+  setTimeout(() => this.mount(), t);
   return this;
 }
 function unrenderAfter(t = 1) {
-  setTimeout(() => this.unrender(), t);
+  setTimeout(() => this.unmount(), t);
   return this;
 }
 function after(ui){
@@ -1705,12 +1705,12 @@ var DomMethods = /*#__PURE__*/Object.freeze({
     before: before,
     clear: clear,
     insertAt: insertAt,
+    mount: mount,
     prepend: prepend,
     remove: remove,
-    render: render,
     renderAfter: renderAfter,
     replaceElementWith: replaceElementWith,
-    unrender: unrender,
+    unmount: unmount,
     unrenderAfter: unrenderAfter
 });
 
@@ -2415,7 +2415,7 @@ let UIElement$1 = class UIElement extends UIElementCore{
   //   //   UI.append(...items);
   //   // }
   //   // else UI.element=this.element.cloneNode(true);
-  //   // return UI.render(render);
+  //   // return UI.mount(render);
   // }
   // [Symbol.iterator]() {
   //   return this.items[Symbol.iterator]();
@@ -2437,9 +2437,9 @@ let UIElement$1 = class UIElement extends UIElementCore{
   // setTarget(tg) {
   //   if(this.isBody) return ;
   //   if (tg?.isUIElement) tg = tg.element;
-  //   this.unrender();
+  //   this.unmount();
   //   this.target = tg;
-  //   this.render();
+  //   this.mount();
   //   return this;
   // }
   // describe(label){
@@ -2702,7 +2702,7 @@ class ZikoUIFlex extends UIElement$1 {
     if (typeof h == "number") h += "%";
     this.style({ width: w, height: h });
     this.style({ display: "flex" });
-    // this.render();
+    // this.mount();
   }
   get isFlex(){
     return true;
@@ -2810,7 +2810,7 @@ class ZikoUISuspense extends UIElement{
         (async ()=>{
             try{
                 const ui = await callback();
-                fallback_ui.unrender();
+                fallback_ui.unmount();
                 this.append(ui);
                 // console.log(content)
             }
@@ -2912,19 +2912,19 @@ function define_wc(name, UIElement, props = {}, { mode = 'open'} = {}) {
             }
 
             connectedCallback() {
-                this.render();
+                this.mount();
             }
 
-            render() {
+            mount() {
                 this.shadowRoot.innerHTML = '';
-                this.UIElement = UIElement(this.props).render(this.shadowRoot);
+                this.UIElement = UIElement(this.props).mount(this.shadowRoot);
             }
 
             attributeChangedCallback(name, _, newValue) {
                 Object.assign(this.props, {
                     [name]: this.mask[name].type(newValue)
                 });
-                this.render();
+                this.mount();
             }
         }
     );
@@ -2938,7 +2938,7 @@ class UISwitch extends UIElement$1{
         this.init();
     }
     init(){
-        Object.values(this.cases).filter(n=>n != this.current).forEach(n=>n.unrender());
+        Object.values(this.cases).filter(n=>n != this.current).forEach(n=>n.unmount());
         super.init(this.current.element);
     }
     get current(){
@@ -2965,7 +2965,7 @@ const Switch=({key, cases})=> new UISwitch(key, cases);
 const svg2str=svg=>(new XMLSerializer()).serializeToString(svg);
 const svg2ascii=svg=>btoa(svg2str(svg));
 const svg2imgUrl=svg=>'data:image/svg+xml;base64,'+svg2ascii(svg);
-const svg2img=(svg,render=true)=>tags.img(svg2imgUrl(svg)).render(render);
+const svg2img=(svg,render=true)=>tags.img(svg2imgUrl(svg)).mount(render);
 
 // const obj2str=(object)=>{
 //     const recursiveToString = (obj) => {
@@ -3781,27 +3781,27 @@ class Complex extends ZikoMath{
             this.b=a.b;
         }
         else if(typeof(a)==="object"){
-            if(("a" in b && "b" in a)){
+            if(("a" in a && "b" in a)){
                 this.a=a.a;
                 this.b=a.b;
             }
-            else if(("a" in b && "z" in a)){
+            else if(("a" in a && "z" in a)){
                 this.a=a.a;
                 this.b=sqrt$2((a.z**2)-(a.a**2));
             }
-            else if(("a" in b && "phi" in a)){
+            else if(("a" in a && "phi" in a)){
                 this.a=a.a;
                 this.b=a.a*tan(a.phi);
             }
-            else if(("b" in b && "z" in a)){
+            else if(("b" in a && "z" in a)){
                 this.b=a.b;
                 this.a=sqrt$2((a.z**2)-(a.b**2));
             }
-            else if(("b" in b && "phi" in a)){
+            else if(("b" in a && "phi" in a)){
                 this.b=b;
                 this.a=a.b/tan(a.phi);
             }
-            else if(("z" in b && "phi" in a)){
+            else if(("z" in a && "phi" in a)){
                 this.a=a.z*cos$2(a.phi);
                 this.a=a.z*sin$2(a.phi);
             }
@@ -3940,17 +3940,6 @@ class Complex extends ZikoMath{
         const de=cos$2(this.a*2)+cosh$1(this.b*2);
         return complex(sin$2(2*this.a)/de,sinh$1(2*this.b)/de);
     }
-    printInConsole() {
-        let string = this.a + " + " + this.b + " * i";
-        console.log(string);
-        return string;
-    }
-    print() {
-        //return text(this.a + " + i * " + this.b);
-    }
-    UI() {
-        return "<span>" + this.a + " + i * " + this.b + "</span>";
-    }
 }
 const complex=(a,b)=>{
     if((a instanceof Array||ArrayBuffer.isView(a)) && (b instanceof Array||ArrayBuffer.isView(a)))return a.map((n,i)=>complex(a[i],b[i]));
@@ -4078,86 +4067,127 @@ const hypot=(...x)=>{
     )
 };
 
-const {PI, sqrt: sqrt$1, cos: cos$1, sin: sin$1, acos, pow} = Math;
-
-const Linear = t => t;
-const InSin = t => 1 - cos$1((t * PI) / 2);
-const OutSin = t => sin$1((t * PI) / 2);
-const InOutSin = t => -(cos$1(PI * t) - 1) / 2;
-
-const InQuad = t => t**2;
-const OutQuad = t => 1 - (1-t)**2;
-const InOutQuad = t => t < 0.5 ? 2 * (t**2) : 1 - (-2 * t + 2)**2 / 2;
-
-const InCubic = t => t**3;
-const OutCubic = t => 1 - (1-t)**3;
-const InOutCubic = t => t < 0.5 ? 4 * (t**3) : 1 - (-2 * t + 2)**3 / 2;
-
-const InQuart = t => t**4;
-const OutQuart = t => 1 - (1-t)**4;
-const InOutQuart = t => t < 0.5 ? 8 * (t**4) : 1 - (-2 * t + 2)**4 / 2;
-
-const InQuint = t => t**5;
-const OutQuint = t => 1 - (1-t)**5;
-const InOutQuint = t => t < 0.5 ? 16 * (t**5) : 1 - (-2 * t + 2)**5 / 2;
-
-const InExpo = t => t === 0 ? 0 : 2**(10*t - 10);
-const OutExpo = t => t === 1 ? 1 : 1 - 2**(-10 * t);
-const InOutExpo = t => t === 0? 0: t === 1? 1: t < 0.5 ? 2**(20 * t - 10) / 2: (2 - 2**(-20 * t + 10)) / 2;
-
-const InCirc = t => 1 - sqrt$1(1 - t**2);
-const OutCirc = t => sqrt$1(1 - (t-1)**2);
-const InOutCirc = t => t < 0.5? (1 - sqrt$1(1 - (2*t)**2)) / 2: (sqrt$1(1 - (-2*t+2)**2) + 1) / 2;
-
-const Arc = t => 1 - sin$1(acos(t));
-const Back = (t, x = 1) => (t**2) * ((x+1)*t - x);
-const Elastic = t => -2*pow(2, 10 * (t - 1)) * cos$1(20 * PI * t / 3 * t);
-
-const InBack = (t, c1 = 1.70158, c3 = c1 + 1) => c3 * pow(t,3)- c1 * (t**2); 
-const OutBack = (t, c1 = 1.70158, c3 = c1 + 1) => 1 + c3 * pow(t - 1, 3) + c1 * pow(t - 1, 2); 
-const InOutBack = (t, c1 = 1.70158, c2 = c1 * 1.525) => t < 0.5 ? (pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2)) / 2 : (pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;  
-
-const InElastic = (t, c4 = 2*PI/3) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : -pow(2, 10 * t - 10) * sin$1((t * 10 - 10.75) * c4);    
-};
-
-const OutElastic = (t, c4 = 2*PI/3) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : pow(2, -10 * t) * sin$1((t * 10 - 0.75) * c4) + 1;
-}; 
-const InOutElastic = (t, c5 = 2 * PI / 4.5) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : t < 0.5
-    ? -(pow(2, 20 * t - 10) * sin$1((20 * t - 11.125) * c5)) / 2
-    : (pow(2, -20 * t + 10) * sin$1((20 * t - 11.125) * c5)) / 2 + 1;
-};
-
-const InBounce = (t, n1 = 7.5625, d1 = 2.75) => 1 - OutBounce(1-t, n1, d1);
-const OutBounce = (t, n1 = 7.5625, d1 = 2.75) => {
-    if(t<1/d1) return n1 * t * t;
-    if(t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;
-    if(t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;
+const { PI, sqrt: sqrt$1, cos: cos$1, sin: sin$1, acos, pow } = Math;
+
+const linear = t => t;
+
+// --- Sin ---
+const in_sin = t => 1 - cos$1((t * PI) / 2);
+const out_sin = t => sin$1((t * PI) / 2);
+const in_out_sin = t => -(cos$1(PI * t) - 1) / 2;
+
+// --- Quad ---
+const in_quad = t => t ** 2;
+const out_quad = t => 1 - (1 - t) ** 2;
+const in_out_quad = t =>
+    t < 0.5 ? 2 * (t ** 2) : 1 - (-2 * t + 2) ** 2 / 2;
+
+// --- Cubic ---
+const in_cubic = t => t ** 3;
+const out_cubic = t => 1 - (1 - t) ** 3;
+const in_out_cubic = t =>
+    t < 0.5 ? 4 * (t ** 3) : 1 - (-2 * t + 2) ** 3 / 2;
+
+// --- Quart ---
+const in_quart = t => t ** 4;
+const out_quart = t => 1 - (1 - t) ** 4;
+const in_out_quart = t =>
+    t < 0.5 ? 8 * (t ** 4) : 1 - (-2 * t + 2) ** 4 / 2;
+
+// --- Quint ---
+const in_quint = t => t ** 5;
+const out_quint = t => 1 - (1 - t) ** 5;
+const in_out_quint = t =>
+    t < 0.5 ? 16 * (t ** 5) : 1 - (-2 * t + 2) ** 5 / 2;
+
+// --- Expo ---
+const in_expo = t => (t === 0 ? 0 : 2 ** (10 * t - 10));
+const out_expo = t => (t === 1 ? 1 : 1 - 2 ** (-10 * t));
+const in_out_expo = t =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : t < 0.5
+        ? 2 ** (20 * t - 10) / 2
+        : (2 - 2 ** (-20 * t + 10)) / 2;
+
+// --- Circ ---
+const in_circ = t => 1 - sqrt$1(1 - t ** 2);
+const out_circ = t => sqrt$1(1 - (t - 1) ** 2);
+const in_out_circ = t =>
+    t < 0.5
+        ? (1 - sqrt$1(1 - (2 * t) ** 2)) / 2
+        : (sqrt$1(1 - (-2 * t + 2) ** 2) + 1) / 2;
+
+// --- Arc ---
+const arc = t => 1 - sin$1(acos(t));
+
+// --- Back ---
+const back = (t, x = 1) => (t ** 2) * ((x + 1) * t - x);
+
+// --- Elastic ---
+const elastic = t =>
+    -2 * pow(2, 10 * (t - 1)) * cos$1((20 * PI * t) / 3 * t);
+
+// --- Back variations ---
+const in_back = (t, c1 = 1.70158, c3 = c1 + 1) =>
+    c3 * pow(t, 3) - c1 * (t ** 2);
+
+const out_back = (t, c1 = 1.70158, c3 = c1 + 1) =>
+    1 + c3 * pow(t - 1, 3) + c1 * pow(t - 1, 2);
+
+const in_out_back = (t, c1 = 1.70158, c2 = c1 * 1.525) =>
+    t < 0.5
+        ? (pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2)) / 2
+        : (pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;
+
+// --- Elastic variations ---
+const in_elastic = (t, c4 = (2 * PI) / 3) =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : -pow(2, 10 * t - 10) * sin$1((t * 10 - 10.75) * c4);
+
+const out_elastic = (t, c4 = (2 * PI) / 3) =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : pow(2, -10 * t) * sin$1((t * 10 - 0.75) * c4) + 1;
+
+const in_out_elastic = (t, c5 = (2 * PI) / 4.5) =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : t < 0.5
+        ? -(pow(2, 20 * t - 10) * sin$1((20 * t - 11.125) * c5)) / 2
+        : (pow(2, -20 * t + 10) * sin$1((20 * t - 11.125) * c5)) / 2 + 1;
+
+// --- Bounce ---
+const in_bounce = (t, n1 = 7.5625, d1 = 2.75) =>
+    1 - out_bounce(1 - t, n1, d1);
+
+const out_bounce = (t, n1 = 7.5625, d1 = 2.75) => {
+    if (t < 1 / d1) return n1 * t * t;
+    if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;
+    if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;
     return n1 * (t -= 2.625 / d1) * t + 0.984375;
 };
 
-const InOutBounce = (t, n1 = 7.5625, d1 = 2.75) => t < 0.5 ? OutBounce(1 - 2 * t, n1, d1)/2 : OutBounce(2 * t - 1, n1, d1)/2;
-
+const in_out_bounce = (t, n1 = 7.5625, d1 = 2.75) =>
+    t < 0.5
+        ? out_bounce(1 - 2 * t, n1, d1) / 2
+        : out_bounce(2 * t - 1, n1, d1) / 2;
 
-const Step = (t, steps = 5) => Math.floor(t*steps) / steps;
-const Discret = (t, segments = 5) => Math.ceil(t*segments) / segments;
+// --- Step / Discrete ---
+const step = (t, steps = 5) => Math.floor(t * steps) / steps;
+const discret = (t, segments = 5) => Math.ceil(t * segments) / segments;
 
 class TimeAnimation {
-  constructor(callback, { ease = Linear, step = 50, t0 = 0, start = true, duration = 3000 } = {}) {
+  constructor(callback, { ease = linear, step = 50, t0 = 0, start = true, duration = 3000 } = {}) {
     this.callback = callback;
     this.state = {
       isRunning: false,
@@ -4825,7 +4855,7 @@ class ZikoApp {
         this.head && this.setHead(this.head);
         this.wrapper && this.setWrapper(this.wrapper);
         this.target && this.setTarget(this.target);
-        if(this.wrapper && this.target)this.wrapper.render(this.target);
+        if(this.wrapper && this.target)this.wrapper.mount(this.target);
     }
     setTarget(target){
         if(target instanceof HTMLElement) this.target = target;
@@ -4901,16 +4931,16 @@ class ZikoSPA extends ZikoApp{
             ...Object.entries(routes)
         ]);
         this.clear();
-        globalThis.onpopstate = this.render(location.pathname);
+        globalThis.onpopstate = this.mount(location.pathname);
     }
     clear(){
         [...this.routes].forEach(n=>{
-            !isDynamic(n[0]) && n[1]?.isUIElement && n[1].unrender();
+            !isDynamic(n[0]) && n[1]?.isUIElement && n[1].unmount();
         });   
         // this.wrapper.clear();
         return this;
     }
-    render(path){
+    mount(path){
         const [mask, callback] = [...this.routes].find(route=>routesMatcher(route[0],path));
         let element ;
         if(isDynamic(mask)){
@@ -4918,13 +4948,13 @@ class ZikoSPA extends ZikoApp{
             element = callback.call(this,params);
         }
         else {
-            callback?.isUIElement && callback.render(this.wrapper); 
+            callback?.isUIElement && callback.mount(this.wrapper); 
             if(typeof callback === "function") element = callback();  
         }
-        if(element?.isUIElement) element.render(this.wrapper);
-        // if(element?.isZikoApp) element.render(this.wrapper);
+        if(element?.isUIElement) element.mount(this.wrapper);
+        // if(element?.isZikoApp) element.mount(this.wrapper);
         if(element instanceof Promise){
-            element.then(e=>e.render(this.wrapper));
+            element.then(e=>e.mount(this.wrapper));
         }
         globalThis.history.pushState({}, "", path);
         return this;
@@ -5359,4 +5389,4 @@ if(globalThis?.document){
     document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
 }
 
-export { App, Arc, Back, Base, Clock, Combinaison, Complex, Discret, E, EPSILON, Elastic, FileBasedRouting, Flex, HTMLWrapper, InBack, InBounce, InCirc, InCubic, InElastic, InExpo, InOutBack, InOutBounce, InOutCirc, InOutCubic, InOutElastic, InOutExpo, InOutQuad, InOutQuart, InOutQuint, InOutSin, InQuad, InQuart, InQuint, InSin, Linear, Logic$1 as Logic, Matrix, OutBack, OutBounce, OutCirc, OutCubic, OutElastic, OutExpo, OutQuad, OutQuart, OutQuint, OutSin, PI$2 as PI, Permutation, Random, SPA, SVGWrapper, Scheduler, Step, Suspense, Switch, Tick, TimeAnimation, TimeLoop, TimeScheduler, UIElement$1 as UIElement, UIHTMLWrapper, UINode, UISVGWrapper, UISwitch, UIView, Utils, View, ZikoApp, ZikoEventClick, ZikoEventClipboard, ZikoEventCustom, ZikoEventDrag, ZikoEventFocus, ZikoEventHash, ZikoEventKey, ZikoEventMouse, ZikoEventPointer, ZikoEventTouch, ZikoEventWheel, ZikoSPA, ZikoUIFlex, ZikoUISuspense, ZikoUIText, ZikoUseRoot, __ZikoEvent__, abs, accum, acos$1 as acos, acosh, acot, add, animation, arange, arr2str, asin, asinh, atan, atan2, atanh, bindCustomEvent, bindHashEvent, bindTouchEvent, bind_click_event, bind_clipboard_event, bind_drag_event, bind_focus_event, bind_key_event, bind_mouse_event, bind_pointer_event, bind_wheel_event, cartesianProduct, ceil, clamp, clock, combinaison, complex, cos$2 as cos, cosh$1 as cosh, cot, coth, csc, csv2arr, csv2json, csv2matrix, csv2object, csv2sql, debounce, defineParamsGetter, define_wc, deg2rad, div, e, fact, floor, geomspace, getEvent, hypot, inRange, isApproximatlyEqual, isStateGetter, json2arr, json2css, json2csv, json2csvFile, json2xml, json2xmlFile, json2yml, json2ymlFile, lerp, linspace, ln, logspace, loop, map$1 as map, mapfun$1 as mapfun, matrix, matrix2, matrix3, matrix4, max, min, modulo, mul, norm, nums, obj2str, ones, pgcd, pow$1 as pow, powerSet, ppcm, preload, prod, rad2deg, round, sec, sig, sign, sin$2 as sin, sinc, sinh$1 as sinh, sleep, sqrt$2 as sqrt, sqrtn, step_fps, sub, subSet, sum, svg2ascii, svg2img, svg2imgUrl, svg2str, tags, tan, tanh, text, throttle, tick, timeTaken, time_memory_Taken, timeout, useChannel, useDerived, useEventEmitter, useLocaleStorage, useReactive, useRoot, useSessionStorage, useState, useThread, wait, waitForUIElm, waitForUIElmSync, zeros };
+export { App, Base, Clock, Combinaison, Complex, E, EPSILON, FileBasedRouting, Flex, HTMLWrapper, Logic$1 as Logic, Matrix, PI$2 as PI, Permutation, Random, SPA, SVGWrapper, Scheduler, Suspense, Switch, Tick, TimeAnimation, TimeLoop, TimeScheduler, UIElement$1 as UIElement, UIHTMLWrapper, UINode, UISVGWrapper, UISwitch, UIView, Utils, View, ZikoApp, ZikoEventClick, ZikoEventClipboard, ZikoEventCustom, ZikoEventDrag, ZikoEventFocus, ZikoEventHash, ZikoEventKey, ZikoEventMouse, ZikoEventPointer, ZikoEventTouch, ZikoEventWheel, ZikoSPA, ZikoUIFlex, ZikoUISuspense, ZikoUIText, ZikoUseRoot, __ZikoEvent__, abs, accum, acos$1 as acos, acosh, acot, add, animation, arange, arc, arr2str, asin, asinh, atan, atan2, atanh, back, bindCustomEvent, bindHashEvent, bindTouchEvent, bind_click_event, bind_clipboard_event, bind_drag_event, bind_focus_event, bind_key_event, bind_mouse_event, bind_pointer_event, bind_wheel_event, cartesianProduct, ceil, clamp, clock, combinaison, complex, cos$2 as cos, cosh$1 as cosh, cot, coth, csc, csv2arr, csv2json, csv2matrix, csv2object, csv2sql, debounce, defineParamsGetter, define_wc, deg2rad, discret, div, e, elastic, fact, floor, geomspace, getEvent, hypot, inRange, in_back, in_bounce, in_circ, in_cubic, in_elastic, in_expo, in_out_back, in_out_bounce, in_out_circ, in_out_cubic, in_out_elastic, in_out_expo, in_out_quad, in_out_quart, in_out_quint, in_out_sin, in_quad, in_quart, in_quint, in_sin, isApproximatlyEqual, isStateGetter, json2arr, json2css, json2csv, json2csvFile, json2xml, json2xmlFile, json2yml, json2ymlFile, lerp, linear, linspace, ln, logspace, loop, map$1 as map, mapfun$1 as mapfun, matrix, matrix2, matrix3, matrix4, max, min, modulo, mul, norm, nums, obj2str, ones, out_back, out_bounce, out_circ, out_cubic, out_elastic, out_expo, out_quad, out_quart, out_quint, out_sin, pgcd, pow$1 as pow, powerSet, ppcm, preload, prod, rad2deg, round, sec, sig, sign, sin$2 as sin, sinc, sinh$1 as sinh, sleep, sqrt$2 as sqrt, sqrtn, step, step_fps, sub, subSet, sum, svg2ascii, svg2img, svg2imgUrl, svg2str, tags, tan, tanh, text, throttle, tick, timeTaken, time_memory_Taken, timeout, useChannel, useDerived, useEventEmitter, useLocaleStorage, useReactive, useRoot, useSessionStorage, useState, useThread, wait, waitForUIElm, waitForUIElmSync, zeros };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.48.1",
+  "version": "0.49.0",
   "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",
@@ -24,16 +24,17 @@
     "types",
     "LICENCE"
   ],
-  "types": "./types/global.d.ts",
   "exports": {
-    "./*": "./src/*",
+    "./*": {
+      "import" : "./src/*/index.js",
+      "types" : "./types/*/index.d.ts"
+    },
     ".": {
       "import": "./dist/ziko.mjs",
-      "require": "./dist/ziko.cjs"
-    },
-    "./math": {
-      "import": "./src/math/index.js"
+      "require": "./dist/ziko.cjs",
+      "types" : "./types/index.d.ts"
     },
+    
     "./helpers": {
       "import": "./src/__helpers__.js"
     },
@@ -59,7 +60,6 @@
     "./src": "./src/index.js",
     "./html": {},
     "./app": {},
-    "./time": {},
     "./components": {}
   },
   "sideEffects" : true,

package/src/app/spa.js

@@ -9,16 +9,16 @@ class ZikoSPA extends ZikoApp{
             ...Object.entries(routes)
         ]);
         this.clear();
-        globalThis.onpopstate = this.render(location.pathname);
+        globalThis.onpopstate = this.mount(location.pathname);
     }
     clear(){
         [...this.routes].forEach(n=>{
-            !isDynamic(n[0]) && n[1]?.isUIElement && n[1].unrender()
+            !isDynamic(n[0]) && n[1]?.isUIElement && n[1].unmount()
         })   
         // this.wrapper.clear();
         return this;
     }
-    render(path){
+    mount(path){
         const [mask, callback] = [...this.routes].find(route=>routesMatcher(route[0],path));
         let element ;
         if(isDynamic(mask)){
@@ -26,13 +26,13 @@ class ZikoSPA extends ZikoApp{
             element = callback.call(this,params)
         }
         else {
-            callback?.isUIElement && callback.render(this.wrapper); 
+            callback?.isUIElement && callback.mount(this.wrapper); 
             if(typeof callback === "function") element = callback();  
         }
-        if(element?.isUIElement) element.render(this.wrapper);
-        // if(element?.isZikoApp) element.render(this.wrapper);
+        if(element?.isUIElement) element.mount(this.wrapper);
+        // if(element?.isZikoApp) element.mount(this.wrapper);
         if(element instanceof Promise){
-            element.then(e=>e.render(this.wrapper))
+            element.then(e=>e.mount(this.wrapper))
         }
         globalThis.history.pushState({}, "", path);
         return this;

package/src/app/ziko-app.js

@@ -13,7 +13,7 @@ class ZikoApp {
         this.head && this.setHead(this.head);
         this.wrapper && this.setWrapper(this.wrapper);
         this.target && this.setTarget(this.target);
-        if(this.wrapper && this.target)this.wrapper.render(this.target);
+        if(this.wrapper && this.target)this.wrapper.mount(this.target);
     }
     setTarget(target){
         if(target instanceof HTMLElement) this.target = target;

package/src/data/converter/svg.js

@@ -2,7 +2,7 @@ import { tags } from "../../ui"
 const svg2str=svg=>(new XMLSerializer()).serializeToString(svg);
 const svg2ascii=svg=>btoa(svg2str(svg));
 const svg2imgUrl=svg=>'data:image/svg+xml;base64,'+svg2ascii(svg);
-const svg2img=(svg,render=true)=>tags.img(svg2imgUrl(svg)).render(render);
+const svg2img=(svg,render=true)=>tags.img(svg2imgUrl(svg)).mount(render);
 export{
     svg2str,
     svg2ascii,

package/src/math/complex/index.js

@@ -23,27 +23,27 @@ class Complex extends ZikoMath{
             this.b=a.b;
         }
         else if(typeof(a)==="object"){
-            if(("a" in b && "b" in a)){
+            if(("a" in a && "b" in a)){
                 this.a=a.a;
                 this.b=a.b;
             }
-            else if(("a" in b && "z" in a)){
+            else if(("a" in a && "z" in a)){
                 this.a=a.a;
                 this.b=sqrt((a.z**2)-(a.a**2));
             }
-            else if(("a" in b && "phi" in a)){
+            else if(("a" in a && "phi" in a)){
                 this.a=a.a;
                 this.b=a.a*tan(a.phi);
             }
-            else if(("b" in b && "z" in a)){
+            else if(("b" in a && "z" in a)){
                 this.b=a.b;
                 this.a=sqrt((a.z**2)-(a.b**2));
             }
-            else if(("b" in b && "phi" in a)){
+            else if(("b" in a && "phi" in a)){
                 this.b=b;
                 this.a=a.b/tan(a.phi);
             }
-            else if(("z" in b && "phi" in a)){
+            else if(("z" in a && "phi" in a)){
                 this.a=a.z*cos(a.phi);
                 this.a=a.z*sin(a.phi);
             }
@@ -182,17 +182,6 @@ class Complex extends ZikoMath{
         const de=cos(this.a*2)+cosh(this.b*2);
         return complex(sin(2*this.a)/de,sinh(2*this.b)/de);
     }
-    printInConsole() {
-        let string = this.a + " + " + this.b + " * i";
-        console.log(string);
-        return string;
-    }
-    print() {
-        //return text(this.a + " + i * " + this.b);
-    }
-    UI() {
-        return "<span>" + this.a + " + i * " + this.b + "</span>";
-    }
 }
 const complex=(a,b)=>{
     if((a instanceof Array||ArrayBuffer.isView(a)) && (b instanceof Array||ArrayBuffer.isView(a)))return a.map((n,i)=>complex(a[i],b[i]));

package/src/time/animation/index.js

@@ -1,8 +1,8 @@
-import { Linear } from "../ease/index.js";
+import { linear } from "../ease/index.js";
 import { map } from "../../math/utils/index.js";
 
 class TimeAnimation {
-  constructor(callback, { ease = Linear, step = 50, t0 = 0, start = true, duration = 3000 } = {}) {
+  constructor(callback, { ease = linear, step = 50, t0 = 0, start = true, duration = 3000 } = {}) {
     this.callback = callback;
     this.state = {
       isRunning: false,