ziko 0.0.14 → 0.0.15

package/src/time/utils/ease.js

@@ -1,144 +1,144 @@
-const Ease={
-    Linear:function(t){
-        return t;
-    },
-    InSin(t){
-        return 1 - Math.cos((t * Math.PI) / 2);
-    },
-    OutSin(t){
-        return Math.sin((t * Math.PI) / 2);
-    },
-    InOutSin(t){
-        return  -(Math.cos(Math.PI * t) - 1) / 2;
-    },
-    InQuad(t){
-        return t**2;
-    },
-    OutQuad(t){
-        return 1 - Math.pow((1 - t),2)
-    },
-    InOutQuad(t){
-        return t < 0.5 ? 2 * Math.pow(t,2) : 1 - Math.pow(-2 * t + 2, 2) / 2;
-    },
-    InCubic(t){
-        return t**3;    
-    },
-    OutCubic(t){
-        return 1 - Math.pow((1 - t),3)
-    },
-    InOutCubic(t){
-        return t < 0.5 ? 4 * Math.pow(t,3) : 1 - Math.pow(-2 * t + 2, 3) / 2;
-    },
-    InQuart(t){
-        return t**4;
-    },
-    OutQuart(t){
-        return 1 - Math.pow((1 - t),4);
-    },
-    InOutQuart(t){
-        return t < 0.5 ? 8 * Math.pow(t,4) : 1 - Math.pow(-2 * t + 2, 4) / 2;
-    },
-    InQuint(t){
-        return t**5;
-    },
-    OutQuint(t){
-        return 1 - Math.pow((1 - t),5);
-    },
-    InOutQuint(t){
-        return t < 0.5 ? 16 * Math.pow(t,5) : 1 - Math.pow(-2 * t + 2, 5) / 2;
-    },
-    InExpo(t){
-        return t === 0 ? 0 : Math.pow(2, 10 * t - 10);
-    },
-    OutExpo(t){
-        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
-    },
-    InOutExpo(t){
-        return t === 0? 0: t === 1? 1: t < 0.5 ? Math.pow(2, 20 * t - 10) / 2: (2 - Math.pow(2, -20 * t + 10)) / 2;
-    },
-    InCirc(t){
-        return 1 - Math.sqrt(1 - Math.pow(t, 2));
-    },
-    OutCirc(t){
-        return Math.sqrt(1 - Math.pow(t - 1, 2));
-    },
-    InOutCic(t){
-        return t < 0.5? (1 - Math.sqrt(1 - Math.pow(2 * t, 2))) / 2: (Math.sqrt(1 - Math.pow(-2 * t + 2, 2)) + 1) / 2;
-    },
-    Arc(t){
-        return 1 - Math.sin(Math.acos(t));
-    },
-    Back(t){
-        // To Be Changed
-        let x=1
-        return Math.pow(t, 2) * ((x + 1) * t - x);  
-    },
-    Elastic(t){
-        return -2*Math.pow(2, 10 * (t - 1)) * Math.cos(20 * Math.PI * t / 3 * t);
-    },
-    InBack(t){
-        const c1 = 1.70158;
-        const c3 = c1 + 1;
-        return c3 *Math.pow(t,3)- c1 * (t**2);      
-    },
-    OutBack(t){
-        const c1 = 1.70158;
-        const c3 = c1 + 1;
-        return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2);     
-    },
-    InOutBack(t){
-        const c1 = 1.70158;
-        const c2 = c1 * 1.525;
-        return t < 0.5
-        ? (Math.pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2)) / 2
-        : (Math.pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;        
-    },
-    InElastic(t){
-        const c4 = (2 * Math.PI) / 3;return t === 0
-        ? 0
-        : t === 1
-        ? 1
-        : -Math.pow(2, 10 * t - 10) * Math.sin((t * 10 - 10.75) * c4);
-    },
-    OutElastic(t){
-        const c4 = (2 * Math.PI) / 3;
-        return t === 0
-        ? 0
-        : t === 1
-        ? 1
-        : Math.pow(2, -10 * t) * Math.sin((t * 10 - 0.75) * c4) + 1;
-    },
-    InOutElastic(t){
-        const c5 = (2 * Math.PI) / 4.5;
-        return t === 0
-        ? 0
-        : t === 1
-        ? 1
-        : t < 0.5
-        ? -(Math.pow(2, 20 * t - 10) * Math.sin((20 * t - 11.125) * c5)) / 2
-        : (Math.pow(2, -20 * t + 10) * Math.sin((20 * t - 11.125) * c5)) / 2 + 1;
-    },
-    InBounce(t){
-        return 1 - Ease.OutBounce(1-t);
-    },
-    OutBounce(t){
-        const n1 = 7.5625;
-        const d1 = 2.75;
-        if (t < 1 / d1) {
-            return n1 * t * t;
-        } else if (t < 2 / d1) {
-            return n1 * (t -= 1.5 / d1) * t + 0.75;
-        } else if (t < 2.5 / d1) {
-            return n1 * (t -= 2.25 / d1) * t + 0.9375;
-        } else {
-            return n1 * (t -= 2.625 / d1) * t + 0.984375;
-        }
-
-    },
-    InOutBounce(t){
-        return t < 0.5
-        ? (1 - Ease.OutBounce(1 - 2 * t)) / 2
-        : (1 + Ease.OutBounce(2 * t - 1)) / 2;
-    }
-}
+const Ease={
+    Linear:function(t){
+        return t;
+    },
+    InSin(t){
+        return 1 - Math.cos((t * Math.PI) / 2);
+    },
+    OutSin(t){
+        return Math.sin((t * Math.PI) / 2);
+    },
+    InOutSin(t){
+        return  -(Math.cos(Math.PI * t) - 1) / 2;
+    },
+    InQuad(t){
+        return t**2;
+    },
+    OutQuad(t){
+        return 1 - Math.pow((1 - t),2)
+    },
+    InOutQuad(t){
+        return t < 0.5 ? 2 * Math.pow(t,2) : 1 - Math.pow(-2 * t + 2, 2) / 2;
+    },
+    InCubic(t){
+        return t**3;    
+    },
+    OutCubic(t){
+        return 1 - Math.pow((1 - t),3)
+    },
+    InOutCubic(t){
+        return t < 0.5 ? 4 * Math.pow(t,3) : 1 - Math.pow(-2 * t + 2, 3) / 2;
+    },
+    InQuart(t){
+        return t**4;
+    },
+    OutQuart(t){
+        return 1 - Math.pow((1 - t),4);
+    },
+    InOutQuart(t){
+        return t < 0.5 ? 8 * Math.pow(t,4) : 1 - Math.pow(-2 * t + 2, 4) / 2;
+    },
+    InQuint(t){
+        return t**5;
+    },
+    OutQuint(t){
+        return 1 - Math.pow((1 - t),5);
+    },
+    InOutQuint(t){
+        return t < 0.5 ? 16 * Math.pow(t,5) : 1 - Math.pow(-2 * t + 2, 5) / 2;
+    },
+    InExpo(t){
+        return t === 0 ? 0 : Math.pow(2, 10 * t - 10);
+    },
+    OutExpo(t){
+        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
+    },
+    InOutExpo(t){
+        return t === 0? 0: t === 1? 1: t < 0.5 ? Math.pow(2, 20 * t - 10) / 2: (2 - Math.pow(2, -20 * t + 10)) / 2;
+    },
+    InCirc(t){
+        return 1 - Math.sqrt(1 - Math.pow(t, 2));
+    },
+    OutCirc(t){
+        return Math.sqrt(1 - Math.pow(t - 1, 2));
+    },
+    InOutCic(t){
+        return t < 0.5? (1 - Math.sqrt(1 - Math.pow(2 * t, 2))) / 2: (Math.sqrt(1 - Math.pow(-2 * t + 2, 2)) + 1) / 2;
+    },
+    Arc(t){
+        return 1 - Math.sin(Math.acos(t));
+    },
+    Back(t){
+        // To Be Changed
+        let x=1
+        return Math.pow(t, 2) * ((x + 1) * t - x);  
+    },
+    Elastic(t){
+        return -2*Math.pow(2, 10 * (t - 1)) * Math.cos(20 * Math.PI * t / 3 * t);
+    },
+    InBack(t){
+        const c1 = 1.70158;
+        const c3 = c1 + 1;
+        return c3 *Math.pow(t,3)- c1 * (t**2);      
+    },
+    OutBack(t){
+        const c1 = 1.70158;
+        const c3 = c1 + 1;
+        return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2);     
+    },
+    InOutBack(t){
+        const c1 = 1.70158;
+        const c2 = c1 * 1.525;
+        return t < 0.5
+        ? (Math.pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2)) / 2
+        : (Math.pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;        
+    },
+    InElastic(t){
+        const c4 = (2 * Math.PI) / 3;return t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : -Math.pow(2, 10 * t - 10) * Math.sin((t * 10 - 10.75) * c4);
+    },
+    OutElastic(t){
+        const c4 = (2 * Math.PI) / 3;
+        return t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : Math.pow(2, -10 * t) * Math.sin((t * 10 - 0.75) * c4) + 1;
+    },
+    InOutElastic(t){
+        const c5 = (2 * Math.PI) / 4.5;
+        return t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : t < 0.5
+        ? -(Math.pow(2, 20 * t - 10) * Math.sin((20 * t - 11.125) * c5)) / 2
+        : (Math.pow(2, -20 * t + 10) * Math.sin((20 * t - 11.125) * c5)) / 2 + 1;
+    },
+    InBounce(t){
+        return 1 - Ease.OutBounce(1-t);
+    },
+    OutBounce(t){
+        const n1 = 7.5625;
+        const d1 = 2.75;
+        if (t < 1 / d1) {
+            return n1 * t * t;
+        } else if (t < 2 / d1) {
+            return n1 * (t -= 1.5 / d1) * t + 0.75;
+        } else if (t < 2.5 / d1) {
+            return n1 * (t -= 2.25 / d1) * t + 0.9375;
+        } else {
+            return n1 * (t -= 2.625 / d1) * t + 0.984375;
+        }
+
+    },
+    InOutBounce(t){
+        return t < 0.5
+        ? (1 - Ease.OutBounce(1 - 2 * t)) / 2
+        : (1 + Ease.OutBounce(2 * t - 1)) / 2;
+    }
+}
 export default Ease

package/src/time/utils/index.js

@@ -1,18 +1,18 @@
-import Ease from "./ease.js";
-const wait=(delayInMS)=>{
-    return new Promise((resolve) => setTimeout(resolve, delayInMS));
-}
-const timeTaken = callback => {
-    console.time('timeTaken');
-    const r = callback();
-    console.timeEnd('timeTaken');
-    return r;
-}
-export{
-    wait,
-    timeTaken,
-    Ease
-}
-export * from "./decorators.js";
-export * from "./performance.js";
+import Ease from "./ease.js";
+const wait=(delayInMS)=>{
+    return new Promise((resolve) => setTimeout(resolve, delayInMS));
+}
+const timeTaken = callback => {
+    console.time('timeTaken');
+    const r = callback();
+    console.timeEnd('timeTaken');
+    return r;
+}
+export{
+    wait,
+    timeTaken,
+    Ease
+}
+export * from "./decorators.js";
+export * from "./performance.js";
 export * from "./ui.js"

package/src/time/utils/performance.js

@@ -1,16 +1,16 @@
-const time_memory_Taken = (callback) => {
-    const t0 = Date.now();
-    const m0 = performance.memory.usedJSHeapSize;
-    const result = callback();
-    const t1 = Date.now();
-    const m1 = performance.memory.usedJSHeapSize;
-    const elapsedTime = t1 - t0;
-    const usedMemory = m1 - m0;
-    return { 
-        elapsedTime,
-        usedMemory, 
-        result 
-    };
-  };
-export {time_memory_Taken}
+const time_memory_Taken = (callback) => {
+    const t0 = Date.now();
+    const m0 = performance.memory.usedJSHeapSize;
+    const result = callback();
+    const t1 = Date.now();
+    const m1 = performance.memory.usedJSHeapSize;
+    const elapsedTime = t1 - t0;
+    const usedMemory = m1 - m0;
+    return { 
+        elapsedTime,
+        usedMemory, 
+        result 
+    };
+  };
+export {time_memory_Taken}
     

package/src/time/utils/ui.js

@@ -1,26 +1,26 @@
-const waitForUIElm=(UIElement)=>{
-    return new Promise(resolve => {
-        if (UIElement.element) {
-            return resolve(UIElement.element);
-        }
-  
-        const observer = new MutationObserver(() => {
-            if (UIElement.element) {
-                resolve(UIElement.element);
-                observer.disconnect();
-            }
-        });
-  
-        observer.observe(document?.body, {
-            childList: true,
-            subtree: true
-        });
-    });
-  }
-  const waitForUIElmSync=(UIElement,timeout=2000)=>{
-    const t0=Date.now();
-    while(Date.now()-t0<timeout){
-      if(UIElement.element)return UIElement.element
-    }
-  }
+const waitForUIElm=(UIElement)=>{
+    return new Promise(resolve => {
+        if (UIElement.element) {
+            return resolve(UIElement.element);
+        }
+  
+        const observer = new MutationObserver(() => {
+            if (UIElement.element) {
+                resolve(UIElement.element);
+                observer.disconnect();
+            }
+        });
+  
+        observer.observe(document?.body, {
+            childList: true,
+            subtree: true
+        });
+    });
+  }
+  const waitForUIElmSync=(UIElement,timeout=2000)=>{
+    const t0=Date.now();
+    while(Date.now()-t0<timeout){
+      if(UIElement.element)return UIElement.element
+    }
+  }
   export {waitForUIElm,waitForUIElmSync}

package/src/types.js

@@ -1,71 +1,73 @@
-import ZikoUIElement from "./user-interface/elements/primitives/ZikoUIElement";
-import ZikoUIContainerElement from "./user-interface/elements/primitives/ZikoUIContainerElement";
-
-export {
-    ZikoUIElement,
-    ZikoUIContainerElement
-}
-export {
-    ZikoUIAbbrText,
-    ZikoUIAccordion,
-    ZikoUIArticle,
-    ZikoUIAside,
-    ZikoUIAudio,
-    ZikoUIBlockQuote,
-    ZikoUIBr,
-    ZikoUIBreadcrumbs,
-    ZikoUICodeNote,
-    ZikoUICodeText,
-    ZikoUIDefintion,
-    ZikoUIFigure,
-    ZikoUIFlex,
-    ZikoUIFooter,
-    ZikoUIForm,
-    ZikoUIGrid,
-    ZikoUIHeader,
-    ZikoUIHeading,
-    ZikoUIHorizontalSplitter,
-    ZikoUIHr,
-    ZikoUIHtmlTag,
-    ZikoUIImage,
-    ZikoUIInput,
-    ZikoUIInputCheckbox,
-    ZikoUIInputColor,
-    ZikoUIInputDatalist,
-    ZikoUIInputDate,
-    ZikoUIInputDateTime,
-    ZikoUIInputEmail,
-    ZikoUIInputImage,
-    ZikoUIInputNumber,
-    ZikoUIInputOption,
-    ZikoUIInputPassword,
-    ZikoUIInputRadio,
-    ZikoUIInputSearch,
-    ZikoUIInputSlider,
-    ZikoUIInputTime,
-    ZikoUILabel,
-    ZikoUILink,
-    ZikoUIMain,
-    ZikoUIMenu3d,
-    ZikoUIModal,
-    ZikoUINav,
-    ZikoUIParagraphe,
-    ZikoUIQuote,
-    ZikoUISection,
-    ZikoUISelect,
-    ZikoUISubText,
-    ZikoUISupText,
-    ZikoUIText,
-    ZikoUITextArea,
-    ZikoUIVerticalSplitter,
-    ZikoUIVideo,
-} from "./user-interface/index.js"
-
-export{
-    Matrix,
-    LinearSystem,
-    Complex,
-    Random,
-} from "./math/index.js"
-
-
+// import ZikoUIElement from "./ui/elements/primitives/ZikoUIElement";
+// import ZikoUIContainerElement from "./ui/elements/primitives/ZikoUIContainerElement";
+
+// export {
+//     ZikoUIElement,
+//     ZikoUIContainerElement
+// }
+// export {
+//     ZikoUIAbbrText,
+//     ZikoUIAccordion,
+//     ZikoUIArticle,
+//     ZikoUIAside,
+//     ZikoUIAudio,
+//     ZikoUIBlockQuote,
+//     ZikoUIBr,
+//     ZikoUIBreadcrumbs,
+//     ZikoUICodeNote,
+//     ZikoUICodeText,
+//     ZikoUIDefintion,
+//     ZikoUIFigure,
+//     ZikoUIFlex,
+//     ZikoUIFooter,
+//     ZikoUIForm,
+//     ZikoUIGrid,
+//     ZikoUIHeader,
+//     ZikoUIHeading,
+//     ZikoUIHorizontalSplitter,
+//     ZikoUIHorizontalSlider,
+//     ZikoUIHr,
+//     ZikoUIHtmlTag,
+//     ZikoUIImage,
+//     ZikoUIInput,
+//     ZikoUIInputCheckbox,
+//     ZikoUIInputColor,
+//     ZikoUIInputDatalist,
+//     ZikoUIInputDate,
+//     ZikoUIInputDateTime,
+//     ZikoUIInputEmail,
+//     ZikoUIInputImage,
+//     ZikoUIInputNumber,
+//     ZikoUIInputOption,
+//     ZikoUIInputPassword,
+//     ZikoUIInputRadio,
+//     ZikoUIInputSearch,
+//     ZikoUIInputSlider,
+//     ZikoUIInputTime,
+//     ZikoUILabel,
+//     ZikoUILink,
+//     ZikoUIMain,
+//     ZikoUIMenu3d,
+//     ZikoUIModal,
+//     ZikoUINav,
+//     ZikoUIParagraphe,
+//     ZikoUIQuote,
+//     ZikoUISection,
+//     ZikoUISelect,
+//     ZikoUISubText,
+//     ZikoUISupText,
+//     ZikoUIText,
+//     ZikoUITextArea,
+//     ZikoUIVerticalSplitter,
+//     ZikoUIVerticalSlider,
+//     ZikoUIVideo,
+// } from "./ui/index.js"
+
+// export{
+//     Matrix,
+//     LinearSystem,
+//     Complex,
+//     Random,
+// } from "./math/index.js"
+
+

package/src/{user-interface/elements/derived/elements → ui/elements/derived}/accordion/accordion.js

@@ -1,45 +1,42 @@
-import ZikoUIContainerElement from "../../../primitives/ZikoUIContainerElement.js";
-// import { Collapsible } from "./Collapsible";
-class ZikoUIAccordion extends ZikoUIContainerElement{
-    constructor(...Collapsible){
-        super("div", "Accordion")
-        this.append(...Collapsible);
-        Object.assign(this.cache,{
-            autoClose : true
-        })
-    }
-    get isAccordion(){
-        return true;
-    }
-    closeAll(){
-        this.items.forEach(n=>n.close());
-        return this;
-    }
-    closeExcept(...Collapsibles){
-        this.items.filter(n=>!Collapsibles.includes(n)).forEach(n=>n.close())
-        return this;
-    }
-    open(CollapsibleOrIndex){
-        CollapsibleOrIndex.isCollapsible? CollapsibleOrIndex.open(): this.items[CollapsibleOrIndex].open();
-        this.closeExcept(CollapsibleOrIndex.isCollapsible? CollapsibleOrIndex: this.items[CollapsibleOrIndex]);
-        return this;
-    }
-    enableAutoClose(){
-        this.cache.autoClose = true;
-        return this;
-    }
-    disableAutoClose(){
-        this.cache.autoClose = false;
-        return this;
-    }
-    toggleAutoClose(){
-        this.cache.autoClose = !this.cache.autoClose;
-    }
-}
-const Accordion = (... Collapsible) => new ZikoUIAccordion(...Collapsible);
-// window.Accordion = Accordion
-
-export{
-    Accordion,
-    ZikoUIAccordion
-}
+import ZikoUIContainerElement from "../../primitives/ZikoUIContainerElement.js";
+class ZikoUIAccordion extends ZikoUIContainerElement{
+    constructor(...Collapsible){
+        super("div", "Accordion")
+        this.append(...Collapsible);
+        Object.assign(this.cache,{
+            autoClose : true
+        })
+    }
+    get isAccordion(){
+        return true;
+    }
+    closeAll(){
+        this.items.forEach(n=>n.close());
+        return this;
+    }
+    closeExcept(...Collapsibles){
+        this.items.filter(n=>!Collapsibles.includes(n)).forEach(n=>n.close())
+        return this;
+    }
+    open(CollapsibleOrIndex){
+        CollapsibleOrIndex.isCollapsible? CollapsibleOrIndex.open(): this.items[CollapsibleOrIndex].open();
+        this.closeExcept(CollapsibleOrIndex.isCollapsible? CollapsibleOrIndex: this.items[CollapsibleOrIndex]);
+        return this;
+    }
+    enableAutoClose(){
+        this.cache.autoClose = true;
+        return this;
+    }
+    disableAutoClose(){
+        this.cache.autoClose = false;
+        return this;
+    }
+    toggleAutoClose(){
+        this.cache.autoClose = !this.cache.autoClose;
+    }
+}
+const Accordion = (... Collapsible) => new ZikoUIAccordion(...Collapsible);
+export{
+    Accordion,
+    ZikoUIAccordion
+}