ziko 0.0.18 → 0.0.20

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,73 +1,73 @@
-// 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"
-
-
+// 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/ui/elements/derived/accordion/accordion.js

@@ -1,42 +1,42 @@
-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
-}
+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
+}

package/src/ui/elements/derived/accordion/collapsible.js

@@ -1,82 +1,82 @@
-import ZikoUIElement from "../../primitives/ZikoUIElement.js";
-import { html } from "../../primitives/misc/index.js";
-import { watchAttr } from "../../../../reactivity/index.js";
-class ZikoUICollapbsible extends ZikoUIElement{
-    constructor(summary,content,openIcon="😁", closeIcon=openIcon){
-        super("details","Collapsible")
-        Object.assign(this.cache,{
-            icons:{
-                open : openIcon,
-                close : closeIcon
-            }
-        })
-        this.summary=html("summary",summary).style({
-            fontSize:"1.1em",
-            padding:"0.625rem",
-            fontWeight:"bold",
-            listStyleType:`"${openIcon}"`,
-            cursor:"pointer",
-        });
-        this.summary[0].style({
-            marginLeft:"0.5em",
-        })
-        this.content=content.style({
-            margin:"0.7em",
-        });
-        this.element?.append(this.summary.element,this.content.element)
-        this.style({
-            marginBottom:"0.7em",
-        })
-        watchAttr(this, e=>{
-            if(e.target.isOpen){
-                e.target.emit("open");
-                if(this?.parent?.isAccordion){
-                    if(this.parent.cache.autoClose)this.parent.closeExcept(this);
-                }
-                this.summary.style({
-                    listStyleType:`"${this.cache.icons.close}"`
-                })
-            }
-            else{
-                e.target.emit("close");
-                this.summary.style({
-                    listStyleType:`"${this.cache.icons.open}"`
-                })
-            }
-        })
-    }
-    get isCollapsible(){
-        return true;
-    }
-    get isOpen(){
-        return this.element.open;
-    }
-    open(details=this){
-        this.element.open=true;
-        this.emit("open",details)
-        return this;
-    }
-    close(){
-        this.element.open=false;
-        return this;
-    }
-    onOpen(callback){
-        this.on("open", callback)
-        return this;
-    }
-    onClose(callback){
-        this.on("close", callback)
-        return this;
-    }
-    toggle(){
-        this.element.open=!this.element.open;
-        return this;
-    }
-}
-
- 
-const Collapsible=(summary, content, openIcon, closeIcon)=>new ZikoUICollapbsible(summary,content,openIcon, closeIcon);
-export{
-    Collapsible
-}
-
+import ZikoUIElement from "../../primitives/ZikoUIElement.js";
+import { html } from "../../primitives/misc/index.js";
+import { watchAttr } from "../../../../reactivity/index.js";
+class ZikoUICollapbsible extends ZikoUIElement{
+    constructor(summary,content,openIcon="😁", closeIcon=openIcon){
+        super("details","Collapsible")
+        Object.assign(this.cache,{
+            icons:{
+                open : openIcon,
+                close : closeIcon
+            }
+        })
+        this.summary=html("summary",summary).style({
+            fontSize:"1.1em",
+            padding:"0.625rem",
+            fontWeight:"bold",
+            listStyleType:`"${openIcon}"`,
+            cursor:"pointer",
+        });
+        this.summary[0].style({
+            marginLeft:"0.5em",
+        })
+        this.content=content.style({
+            margin:"0.7em",
+        });
+        this.element?.append(this.summary.element,this.content.element)
+        this.style({
+            marginBottom:"0.7em",
+        })
+        watchAttr(this, e=>{
+            if(e.target.isOpen){
+                e.target.emit("open");
+                if(this?.parent?.isAccordion){
+                    if(this.parent.cache.autoClose)this.parent.closeExcept(this);
+                }
+                this.summary.style({
+                    listStyleType:`"${this.cache.icons.close}"`
+                })
+            }
+            else{
+                e.target.emit("close");
+                this.summary.style({
+                    listStyleType:`"${this.cache.icons.open}"`
+                })
+            }
+        })
+    }
+    get isCollapsible(){
+        return true;
+    }
+    get isOpen(){
+        return this.element.open;
+    }
+    open(details=this){
+        this.element.open=true;
+        this.emit("open",details)
+        return this;
+    }
+    close(){
+        this.element.open=false;
+        return this;
+    }
+    onOpen(callback){
+        this.on("open", callback)
+        return this;
+    }
+    onClose(callback){
+        this.on("close", callback)
+        return this;
+    }
+    toggle(){
+        this.element.open=!this.element.open;
+        return this;
+    }
+}
+
+ 
+const Collapsible=(summary, content, openIcon, closeIcon)=>new ZikoUICollapbsible(summary,content,openIcon, closeIcon);
+export{
+    Collapsible
+}
+

package/src/ui/elements/derived/accordion/index.js

@@ -1,2 +1,2 @@
-export * from "./collapsible.js"
+export * from "./collapsible.js"
 export * from "./accordion.js"