ziko 0.48.1 → 0.49.0

package/src/time/ease/index.js

@@ -1,77 +1,118 @@
-const {PI, sqrt, cos, sin, acos, pow} = Math;
-
-export const Linear = t => t
-export const InSin = t => 1 - cos((t * PI) / 2);
-export const OutSin = t => sin((t * PI) / 2);
-export const InOutSin = t => -(cos(PI * t) - 1) / 2;
-
-export const InQuad = t => t**2;
-export const OutQuad = t => 1 - (1-t)**2;
-export const InOutQuad = t => t < 0.5 ? 2 * (t**2) : 1 - (-2 * t + 2)**2 / 2;
-
-export const InCubic = t => t**3;
-export const OutCubic = t => 1 - (1-t)**3;
-export const InOutCubic = t => t < 0.5 ? 4 * (t**3) : 1 - (-2 * t + 2)**3 / 2;
-
-export const InQuart = t => t**4;
-export const OutQuart = t => 1 - (1-t)**4;
-export const InOutQuart = t => t < 0.5 ? 8 * (t**4) : 1 - (-2 * t + 2)**4 / 2;
-
-export const InQuint = t => t**5;
-export const OutQuint = t => 1 - (1-t)**5;
-export const InOutQuint = t => t < 0.5 ? 16 * (t**5) : 1 - (-2 * t + 2)**5 / 2;
-
-export const InExpo = t => t === 0 ? 0 : 2**(10*t - 10)
-export const OutExpo = t => t === 1 ? 1 : 1 - 2**(-10 * t)
-export const InOutExpo = t => t === 0? 0: t === 1? 1: t < 0.5 ? 2**(20 * t - 10) / 2: (2 - 2**(-20 * t + 10)) / 2;
-
-export const InCirc = t => 1 - sqrt(1 - t**2);
-export const OutCirc = t => sqrt(1 - (t-1)**2);
-export const InOutCirc = t => t < 0.5? (1 - sqrt(1 - (2*t)**2)) / 2: (sqrt(1 - (-2*t+2)**2) + 1) / 2;
-
-export const Arc = t => 1 - sin(acos(t));
-export const Back = (t, x = 1) => (t**2) * ((x+1)*t - x);
-export const Elastic = t => -2*pow(2, 10 * (t - 1)) * cos(20 * PI * t / 3 * t);
-
-export const InBack = (t, c1 = 1.70158, c3 = c1 + 1) => c3 * pow(t,3)- c1 * (t**2); 
-export const OutBack = (t, c1 = 1.70158, c3 = c1 + 1) => 1 + c3 * pow(t - 1, 3) + c1 * pow(t - 1, 2); 
-export 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;  
-
-export const InElastic = (t, c4 = 2*PI/3) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : -pow(2, 10 * t - 10) * sin((t * 10 - 10.75) * c4);    
-}
-
-export const OutElastic = (t, c4 = 2*PI/3) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : pow(2, -10 * t) * sin((t * 10 - 0.75) * c4) + 1;
-} 
-export const InOutElastic = (t, c5 = 2 * PI / 4.5) => {
-    return t === 0
-    ? 0
-    : t === 1
-    ? 1
-    : t < 0.5
-    ? -(pow(2, 20 * t - 10) * sin((20 * t - 11.125) * c5)) / 2
-    : (pow(2, -20 * t + 10) * sin((20 * t - 11.125) * c5)) / 2 + 1;
-}
-
-export const InBounce = (t, n1 = 7.5625, d1 = 2.75) => 1 - OutBounce(1-t, n1, d1);
-export 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;
-    return n1 * (t -= 2.625 / d1) * t + 0.984375;
-}
+const { PI, sqrt, cos, sin, acos, pow } = Math;
+
+export const linear = t => t;
+
+// --- Sin ---
+export const in_sin = t => 1 - cos((t * PI) / 2);
+export const out_sin = t => sin((t * PI) / 2);
+export const in_out_sin = t => -(cos(PI * t) - 1) / 2;
+
+// --- Quad ---
+export const in_quad = t => t ** 2;
+export const out_quad = t => 1 - (1 - t) ** 2;
+export const in_out_quad = t =>
+    t < 0.5 ? 2 * (t ** 2) : 1 - (-2 * t + 2) ** 2 / 2;
+
+// --- Cubic ---
+export const in_cubic = t => t ** 3;
+export const out_cubic = t => 1 - (1 - t) ** 3;
+export const in_out_cubic = t =>
+    t < 0.5 ? 4 * (t ** 3) : 1 - (-2 * t + 2) ** 3 / 2;
+
+// --- Quart ---
+export const in_quart = t => t ** 4;
+export const out_quart = t => 1 - (1 - t) ** 4;
+export const in_out_quart = t =>
+    t < 0.5 ? 8 * (t ** 4) : 1 - (-2 * t + 2) ** 4 / 2;
+
+// --- Quint ---
+export const in_quint = t => t ** 5;
+export const out_quint = t => 1 - (1 - t) ** 5;
+export const in_out_quint = t =>
+    t < 0.5 ? 16 * (t ** 5) : 1 - (-2 * t + 2) ** 5 / 2;
+
+// --- Expo ---
+export const in_expo = t => (t === 0 ? 0 : 2 ** (10 * t - 10));
+export const out_expo = t => (t === 1 ? 1 : 1 - 2 ** (-10 * t));
+export 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 ---
+export const in_circ = t => 1 - sqrt(1 - t ** 2);
+export const out_circ = t => sqrt(1 - (t - 1) ** 2);
+export const in_out_circ = t =>
+    t < 0.5
+        ? (1 - sqrt(1 - (2 * t) ** 2)) / 2
+        : (sqrt(1 - (-2 * t + 2) ** 2) + 1) / 2;
+
+// --- Arc ---
+export const arc = t => 1 - sin(acos(t));
 
-export 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
+// --- Back ---
+export const back = (t, x = 1) => (t ** 2) * ((x + 1) * t - x);
+
+// --- Elastic ---
+export const elastic = t =>
+    -2 * pow(2, 10 * (t - 1)) * cos((20 * PI * t) / 3 * t);
+
+// --- Back variations ---
+export const in_back = (t, c1 = 1.70158, c3 = c1 + 1) =>
+    c3 * pow(t, 3) - c1 * (t ** 2);
+
+export const out_back = (t, c1 = 1.70158, c3 = c1 + 1) =>
+    1 + c3 * pow(t - 1, 3) + c1 * pow(t - 1, 2);
+
+export 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 ---
+export const in_elastic = (t, c4 = (2 * PI) / 3) =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : -pow(2, 10 * t - 10) * sin((t * 10 - 10.75) * c4);
+
+export const out_elastic = (t, c4 = (2 * PI) / 3) =>
+    t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : pow(2, -10 * t) * sin((t * 10 - 0.75) * c4) + 1;
+
+export 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((20 * t - 11.125) * c5)) / 2
+        : (pow(2, -20 * t + 10) * sin((20 * t - 11.125) * c5)) / 2 + 1;
+
+// --- Bounce ---
+export const in_bounce = (t, n1 = 7.5625, d1 = 2.75) =>
+    1 - out_bounce(1 - t, n1, d1);
+
+export 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;
+};
 
+export 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;
 
-export const Step = (t, steps = 5) => Math.floor(t*steps) / steps;
-export const Discret = (t, segments = 5) => Math.ceil(t*segments) / segments;
+// --- Step / Discrete ---
+export const step = (t, steps = 5) => Math.floor(t * steps) / steps;
+export const discret = (t, segments = 5) => Math.ceil(t * segments) / segments;

package/src/ui/__methods__/dom.js

@@ -31,18 +31,18 @@ export function remove(...ele) {
   return this;
 }
 export function clear(){
-  this?.items?.forEach(n=>n.unrender());
+  this?.items?.forEach(n=>n.unmount());
   this.element.innerHTML = "";
   return this;
 }
-export function render(target = this.target) {
+export 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;
 }
-export function unrender(){
+export 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;
@@ -55,11 +55,11 @@ export function replaceElementWith(new_element){
     return this
 }
 export function renderAfter(t = 1) {
-  setTimeout(() => this.render(), t);
+  setTimeout(() => this.mount(), t);
   return this;
 }
 export function unrenderAfter(t = 1) {
-  setTimeout(() => this.unrender(), t);
+  setTimeout(() => this.unmount(), t);
   return this;
 }
 export function after(ui){

package/src/ui/constructors/UIElement.js

@@ -94,7 +94,7 @@ 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]();
@@ -116,9 +116,9 @@ 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){

package/src/ui/constructors/UIElementCore.js

@@ -133,7 +133,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){
@@ -143,9 +143,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){

package/src/ui/constructors/_m.js.txt

@@ -46,22 +46,22 @@ get #SwitchedStyleRTL_LTR(){
     return this;
   }
   filterByTextContent(text, exactMatch = false) {
-    this.items.forEach((n) => n.render());
+    this.items.forEach((n) => n.mount());
     this.filter(
       (n) => !(exactMatch ? n.text === text : n.text.includes(text)),
-      (e) => e.unrender(),
+      (e) => e.unmount(),
     );
     // this.items.filter(n=>{
     //   const content=n.element.textContent;
     //   return !(exactMatch?content===text:content.includes(text))
-    // }).map(n=>n.unrender());
+    // }).map(n=>n.unmount());
     //  return this;
   }
   filterByClass(value) {
-    this.items.map((n) => n.render());
+    this.items.map((n) => n.mount());
     this.items
       .filter((n) => !n.classes.includes(value))
-      .map((n) => n.unrender());
+      .map((n) => n.unmount());
     return this;
   }
   sortByTextContent(value, displays) {

package/src/ui/flex/index.js

@@ -7,7 +7,7 @@ class ZikoUIFlex extends UIElement {
     if (typeof h == "number") h += "%";
     this.style({ width: w, height: h });
     this.style({ display: "flex" });
-    // this.render();
+    // this.mount();
   }
   get isFlex(){
     return true;

package/src/ui/grid/index.js

@@ -7,7 +7,7 @@ class ZikoUIGrid extends UIElement {
       if (typeof h == "number") h += "%";
       this.style({ border: "1px solid black", width: w, height: h });
       this.style({ display: "grid" });
-    //   this.render();
+    //   this.mount();
     }
     get isGird(){
         return true;

package/src/ui/logic/switch/index.js

@@ -8,7 +8,7 @@ class UISwitch extends UIElement{
         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(){

package/src/ui/suspense/index.js

@@ -10,7 +10,7 @@ class ZikoUISuspense extends UIElement{
         (async ()=>{
             try{
                 const ui = await callback()
-                fallback_ui.unrender()
+                fallback_ui.unmount()
                 this.append(ui)
                 // console.log(content)
             }

package/src/ui/web-component/index.js

@@ -25,19 +25,19 @@ export 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();
             }
         }
     );

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './math'
+export type * from './time'

package/types/math/complex/index.d.ts

@@ -0,0 +1,52 @@
+export declare class Complex {
+    a: number;
+    b: number;
+
+    constructor(a?: number, b?: number);
+    constructor(c: Complex);
+    constructor(a: 
+        { a: number; b: number } | 
+        { a: number; z: number } | 
+        { a: number; phi: number } | 
+        { b: number; z: number } | 
+        { b: number; phi: number } | 
+        { z: number; phi: number }
+    );
+    constructor();
+
+    isComplex(): true;
+    toString(): string;
+
+    readonly clone: Complex;
+    readonly z: number;
+    readonly phi: number;
+    readonly conj: Complex;
+    readonly inv: Complex;
+    readonly sqrt: Complex;
+    readonly log: Complex;
+    readonly cos: Complex;
+    readonly sin: Complex;
+    readonly tan: Complex;
+    expo: [number, number];
+
+    add(...z: (number | Complex)[]): this;
+    sub(...z: (number | Complex)[]): this;
+    mul(...z: (number | Complex)[]): this;
+    div(...z: (number | Complex)[]): this;
+    pow(n: number): this;
+    sqrtn(n?: number): Complex;
+
+    static Zero(): Complex;
+    static fromExpo(z: number, phi: number): Complex;
+    static add(c: Complex, ...z: (number | Complex)[]): Complex;
+    static sub(c: Complex, ...z: (number | Complex)[]): Complex;
+    static mul(c: Complex, ...z: (number | Complex)[]): Complex;
+    static div(c: Complex, ...z: (number | Complex)[]): Complex;
+    static pow(c: Complex, n: number): Complex;
+    static xpowZ(x: number): Complex;
+}
+
+export declare function complex(a: number, b?: number): Complex;
+export declare function complex(a: Complex): Complex;
+export declare function complex(a: object): Complex;
+export declare function complex(): Complex;

package/types/math/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./complex"
+export * from './utils'

package/types/math/utils/index.d.ts

@@ -0,0 +1 @@
+export type * from './mapfun'

package/types/math/utils/mapfun.d.ts

@@ -0,0 +1,43 @@
+import type { Matrix } from "../matrix/index.js";
+import type { Complex } from "../complex/index.js";
+
+export type Mappable =
+    | number
+    | string
+    | boolean
+    | bigint
+    | undefined
+    | null
+    | Complex
+    | Matrix
+    | object
+    | any[]
+    | Set<any>
+    | Map<any, any>;
+
+export type MapfunResult<F, T> =
+    T extends Complex ? ReturnType<F> :
+    // T extends Matrix ? Matrix :
+    T extends Array<infer U> ? Array<MapfunResult<F, U>> :
+    T extends Set<infer U> ? Set<MapfunResult<F, U>> :
+    T extends Map<infer K, infer V> ? Map<K, MapfunResult<F, V>> :
+    T extends object ? { [K in keyof T]: MapfunResult<F, T[K]> } :
+    ReturnType<F>;
+
+/**
+ * Helper to unwrap single-element tuple
+ */
+type UnwrapSingle<T extends unknown[]> = T extends [infer U] ? U : { [K in keyof T]: T[K] };
+
+/**
+ * mapfun:
+ * - if multiple values → return tuple
+ * - if single value → return mapped value directly
+ */
+export declare function mapfun<
+    F extends (x: any) => any,
+    A extends Mappable[]
+>(
+    fun: F,
+    ...values: A
+): UnwrapSingle<{ [K in keyof A]: MapfunResult<F, A[K]> }>;

package/types/time/ease/index.d.ts

@@ -0,0 +1,103 @@
+declare const linear: (t: number) => number;
+
+// --- Sin ---
+declare const in_sin: (t: number) => number;
+declare const out_sin: (t: number) => number;
+declare const in_out_sin: (t: number) => number;
+
+// --- Quad ---
+declare const in_quad: (t: number) => number;
+declare const out_quad: (t: number) => number;
+declare const in_out_quad: (t: number) => number;
+
+// --- Cubic ---
+declare const in_cubic: (t: number) => number;
+declare const out_cubic: (t: number) => number;
+declare const in_out_cubic: (t: number) => number;
+
+// --- Quart ---
+declare const in_quart: (t: number) => number;
+declare const out_quart: (t: number) => number;
+declare const in_out_quart: (t: number) => number;
+
+// --- Quint ---
+declare const in_quint: (t: number) => number;
+declare const out_quint: (t: number) => number;
+declare const in_out_quint: (t: number) => number;
+
+// --- Expo ---
+declare const in_expo: (t: number) => number;
+declare const out_expo: (t: number) => number;
+declare const in_out_expo: (t: number) => number;
+
+// --- Circ ---
+declare const in_circ: (t: number) => number;
+declare const out_circ: (t: number) => number;
+declare const in_out_circ: (t: number) => number;
+
+// --- Arc ---
+declare const arc: (t: number) => number;
+
+// --- Back ---
+declare const back: (t: number, x?: number) => number;
+
+// --- Elastic ---
+declare const elastic: (t: number) => number;
+
+// --- Back variations ---
+declare const in_back: (t: number, c1?: number, c3?: number) => number;
+declare const out_back: (t: number, c1?: number, c3?: number) => number;
+declare const in_out_back: (t: number, c1?: number, c2?: number) => number;
+
+// --- Elastic variations ---
+declare const in_elastic: (t: number, c4?: number) => number;
+declare const out_elastic: (t: number, c4?: number) => number;
+declare const in_out_elastic: (t: number, c5?: number) => number;
+
+// --- Bounce ---
+declare const in_bounce: (t: number, n1?: number, d1?: number) => number;
+declare const out_bounce: (t: number, n1?: number, d1?: number) => number;
+declare const in_out_bounce: (t: number, n1?: number, d1?: number) => number;
+
+// --- Step & Discret ---
+declare const step: (t: number, steps?: number) => number;
+declare const discret: (t: number, segments?: number) => number;
+
+export {
+    linear,
+    in_sin,
+    out_sin,
+    in_out_sin,
+    in_quad,
+    out_quad,
+    in_out_quad,
+    in_cubic,
+    out_cubic,
+    in_out_cubic,
+    in_quart,
+    out_quart,
+    in_out_quart,
+    in_quint,
+    out_quint,
+    in_out_quint,
+    in_expo,
+    out_expo,
+    in_out_expo,
+    in_circ,
+    out_circ,
+    in_out_circ,
+    arc,
+    back,
+    elastic,
+    in_back,
+    out_back,
+    in_out_back,
+    in_elastic,
+    out_elastic,
+    in_out_elastic,
+    in_bounce,
+    out_bounce,
+    in_out_bounce,
+    step,
+    discret
+};

package/types/time/index.d.ts

@@ -0,0 +1 @@
+export type * from './ease/index.d.ts'