ziko 0.0.18 → 0.0.20

package/src/ui/elements/primitives/table/elements.js

@@ -1,94 +1,94 @@
-import ZikoUIElement from "../ZikoUIElement.js"
-import { text } from "../text/text.js";
-class ZikoUITh extends ZikoUIElement{
-    constructor(...ZikoUIElement){
-        super()
-        this.element=document?.createElement("Th");
-        this.append(...ZikoUIElement)
-    }
-}
-class ZikoUITr extends ZikoUIElement{
-    constructor(...ZikoUIElement){
-        super()
-        this.element=document?.createElement("Tr");
-        this.append(...ZikoUIElement)
-    }
-}
-class ZikoUITd extends ZikoUIElement{
-    constructor(...ZikoUIElement){
-        super()
-        this.element=document?.createElement("Td");
-        this.append(...ZikoUIElement)
-    }
-}
-class ZikoUIThead extends ZikoUIElement{
-    constructor(...ZikoUITr){
-        super()
-        this.element=document?.createElement("Thead");
-        this.append(...ZikoUITr)
-    }
-}
-class ZikoUITbody extends ZikoUIElement{
-    constructor(...ZikoUITr){
-        super()
-        this.element=document?.createElement("Tbody");
-        this.append(...ZikoUITr)
-    }
-}
-class ZikoUITfoot extends ZikoUIElement{
-    constructor(...ZikoUITr){
-        super()
-        this.element=document?.createElement("Tfoot");
-        this.append(...ZikoUITr)
-    }
-}
-export class ZikoUICaption extends ZikoUIElement{
-    constructor(ZikoUIElement){
-        super()
-        this.element=document?.createElement("Caption");
-        this.append(ZikoUIElement)
-    }
-}
-class ZikoUICol extends ZikoUIElement{
-    constructor(...ZikoUIElement){
-        super()
-        this.element=document?.createElement("Col");
-        this.append(...ZikoUIElement)
-    }
-}
-class ZikoUIColgroup extends ZikoUIElement{
-    constructor(...ZikoUIElement){
-        super()
-        this.element=document?.createElement("Colgroup");
-        this.append(...ZikoUIElement)
-    }
-}
-
-const tr=(...ZikoUIElement)=>new ZikoUITr(...ZikoUIElement)
-const th=(...UI)=>{
-    UI=UI.map(n=>{
-        if(!(n instanceof ZikoUIElement))n=text(n)
-        return n
-    })
-    return new ZikoUITh(...UI)
-}
-const td=(...UI)=>{
-    UI=UI.map(n=>{
-        if(!(n instanceof ZikoUIElement))n=text(n)
-        return n
-    })
-    return new ZikoUITd(...UI)
-}
-const thead=(...ZikoUITd)=>{
-    ZikoUITd=ZikoUITd.map(n=>{
-        if(!(n instanceof ZikoUIElement))n=td(n)
-        return n
-    })
-    return new ZikoUIThead(...UI)
-}
-const tbody=(...ZikoUITr)=>new ZikoUITbody(...ZikoUITr)
-const tfoot=(...ZikoUITr)=>new ZikoUITfoot(...ZikoUITr)
-const caption=(ZikoUITr)=>new ZikoUICaption(ZikoUITr)
-
-
+import ZikoUIElement from "../ZikoUIElement.js"
+import { text } from "../text/text.js";
+class ZikoUITh extends ZikoUIElement{
+    constructor(...ZikoUIElement){
+        super()
+        this.element=document?.createElement("Th");
+        this.append(...ZikoUIElement)
+    }
+}
+class ZikoUITr extends ZikoUIElement{
+    constructor(...ZikoUIElement){
+        super()
+        this.element=document?.createElement("Tr");
+        this.append(...ZikoUIElement)
+    }
+}
+class ZikoUITd extends ZikoUIElement{
+    constructor(...ZikoUIElement){
+        super()
+        this.element=document?.createElement("Td");
+        this.append(...ZikoUIElement)
+    }
+}
+class ZikoUIThead extends ZikoUIElement{
+    constructor(...ZikoUITr){
+        super()
+        this.element=document?.createElement("Thead");
+        this.append(...ZikoUITr)
+    }
+}
+class ZikoUITbody extends ZikoUIElement{
+    constructor(...ZikoUITr){
+        super()
+        this.element=document?.createElement("Tbody");
+        this.append(...ZikoUITr)
+    }
+}
+class ZikoUITfoot extends ZikoUIElement{
+    constructor(...ZikoUITr){
+        super()
+        this.element=document?.createElement("Tfoot");
+        this.append(...ZikoUITr)
+    }
+}
+export class ZikoUICaption extends ZikoUIElement{
+    constructor(ZikoUIElement){
+        super()
+        this.element=document?.createElement("Caption");
+        this.append(ZikoUIElement)
+    }
+}
+class ZikoUICol extends ZikoUIElement{
+    constructor(...ZikoUIElement){
+        super()
+        this.element=document?.createElement("Col");
+        this.append(...ZikoUIElement)
+    }
+}
+class ZikoUIColgroup extends ZikoUIElement{
+    constructor(...ZikoUIElement){
+        super()
+        this.element=document?.createElement("Colgroup");
+        this.append(...ZikoUIElement)
+    }
+}
+
+const tr=(...ZikoUIElement)=>new ZikoUITr(...ZikoUIElement)
+const th=(...UI)=>{
+    UI=UI.map(n=>{
+        if(!(n instanceof ZikoUIElement))n=text(n)
+        return n
+    })
+    return new ZikoUITh(...UI)
+}
+const td=(...UI)=>{
+    UI=UI.map(n=>{
+        if(!(n instanceof ZikoUIElement))n=text(n)
+        return n
+    })
+    return new ZikoUITd(...UI)
+}
+const thead=(...ZikoUITd)=>{
+    ZikoUITd=ZikoUITd.map(n=>{
+        if(!(n instanceof ZikoUIElement))n=td(n)
+        return n
+    })
+    return new ZikoUIThead(...UI)
+}
+const tbody=(...ZikoUITr)=>new ZikoUITbody(...ZikoUITr)
+const tfoot=(...ZikoUITr)=>new ZikoUITfoot(...ZikoUITr)
+const caption=(ZikoUITr)=>new ZikoUICaption(ZikoUITr)
+
+
 export {th,tr,td,thead,tbody,tfoot,caption}

package/src/ui/elements/primitives/table/index.js

@@ -1,3 +1,3 @@
-export{
-    Table
+export{
+    Table
 } from "./table.js"

package/src/ui/elements/primitives/table/table.js

@@ -1,115 +1,115 @@
-import ZikoUIElement from "../ZikoUIElement.js"
-import { tbody,caption,ZikoUICaption,thead} from "./elements.js";
-import { matrix } from "../../../../math/matrix/index.js";
-import { MatrixToTableUI } from "./utils.js";
-class ZikoUITable extends ZikoUIElement {
-    constructor(body,{caption=null,head=null,foot=null}={}){
-        super("table","Table");
-        this.structure={
-            caption,
-            head,
-            body:null,
-            foot
-        }
-        if(body)this.fromMatrix(body);
-        if(caption)this.setCaption(caption)
-    }
-    get isTable(){
-        return true;
-      }
-    get caption(){
-        return this.structure.caption;
-    }
-    get header(){
-
-    }
-    get body(){
-
-    }
-    get footer(){
-
-    }
-    setCaption(c){
-        this.removeCaption();
-        this.structure.caption=caption(c);
-        this.append(this.structure.caption);
-        return this;
-    }
-    removeCaption(){
-        if(this.structure.caption)this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
-        this.structure.caption=null;
-        return this;
-    }
-    setHeader(...c){
-        this.tHead=thead(...c);
-        this.append(this.tHead);
-        return this;
-    }
-    removeHeader(){
-        this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
-        return this;
-    }
-    setFooter(c){
-        this.structure.caption=caption(c);
-        this.append(this.structure.caption);
-        return this;
-    }
-    removeFooter(){
-        this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
-        return this;
-    }
-    fromMatrix(bodyMatrix) {
-        (bodyMatrix instanceof Array)?this.bodyMatrix=matrix(bodyMatrix):this.bodyMatrix=bodyMatrix;
-        if(this.structure.body)this.remove(this.structure.body);
-        this.structure.body=tbody()
-        this.append(this.structure.body);
-        this.structure.body.append(...MatrixToTableUI(this.bodyMatrix))
-        //this.structure.body.append(...MatrixToTableUI(matrix))
-        //this.cellStyles({ padding: "0.2rem 0.4rem", textAlign: "center" });
-        return this;
-      }
-    transpose() {
-        this.fromMatrix(this.bodyMatrix.T);
-        return this;
-      }
-    hstack(m) {
-        if(m instanceof ZikoUITable)m=m.bodyMatrix
-        this.fromMatrix(this.bodyMatrix.clone.hstack(m));
-        return this;
-    }
-    vstack(m) {
-        if(m instanceof ZikoUITable)m=m.bodyMatrix
-        this.fromMatrix(this.bodyMatrix.clone.vstack(m));
-        return this;
-    }
-    slice(r0=0,c0=0,r1=this.bodyMatrix.rows-1,c1=this.bodyMatrix.cols-1) {
-        this.fromMatrix(this.bodyMatrix.slice(r0,c0,r1,c1));
-        return this;
-      }
-    sortByCols(n, config = { type: "num", order: "asc" }) {
-        this.fromMatrix(this.bodyMatrix.clone.sortTable(n, config));
-        return this;
-    }
-    sortByRows(n, config = { type: "num", order: "asc" }) {
-        this.fromMatrix(this.bodyMatrix.T.clone.sortTable(n, config).T);
-        return this;
-    }
-    filterByRows(item) {
-        this.fromMatrix(this.bodyMatrix.clone.filterByRows(item));
-        return this;
-    }
-    filterByCols(item) {
-        this.fromMatrix(this.bodyMatrix.clone.filterByCols(item));
-        return this;
-      }
-    forEachRow(callback){
-        this.structure.body.forEach(callback);
-        return this;
-    }
-    forEachItem(callback){
-        this.structure.body.forEach(n=>n.forEach(callback));
-        return this;
-    }
-}
-const Table=(matrix,config)=>new ZikoUITable(matrix,config)
-export {Table}
+import ZikoUIElement from "../ZikoUIElement.js"
+import { tbody,caption,ZikoUICaption,thead} from "./elements.js";
+import { matrix } from "../../../../math/matrix/index.js";
+import { MatrixToTableUI } from "./utils.js";
+class ZikoUITable extends ZikoUIElement {
+    constructor(body,{caption=null,head=null,foot=null}={}){
+        super("table","Table");
+        this.structure={
+            caption,
+            head,
+            body:null,
+            foot
+        }
+        if(body)this.fromMatrix(body);
+        if(caption)this.setCaption(caption)
+    }
+    get isTable(){
+        return true;
+      }
+    get caption(){
+        return this.structure.caption;
+    }
+    get header(){
+
+    }
+    get body(){
+
+    }
+    get footer(){
+
+    }
+    setCaption(c){
+        this.removeCaption();
+        this.structure.caption=caption(c);
+        this.append(this.structure.caption);
+        return this;
+    }
+    removeCaption(){
+        if(this.structure.caption)this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
+        this.structure.caption=null;
+        return this;
+    }
+    setHeader(...c){
+        this.tHead=thead(...c);
+        this.append(this.tHead);
+        return this;
+    }
+    removeHeader(){
+        this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
+        return this;
+    }
+    setFooter(c){
+        this.structure.caption=caption(c);
+        this.append(this.structure.caption);
+        return this;
+    }
+    removeFooter(){
+        this.removeItem(...this.items.filter(n=>n instanceof ZikoUICaption));
+        return this;
+    }
+    fromMatrix(bodyMatrix) {
+        (bodyMatrix instanceof Array)?this.bodyMatrix=matrix(bodyMatrix):this.bodyMatrix=bodyMatrix;
+        if(this.structure.body)this.remove(this.structure.body);
+        this.structure.body=tbody()
+        this.append(this.structure.body);
+        this.structure.body.append(...MatrixToTableUI(this.bodyMatrix))
+        //this.structure.body.append(...MatrixToTableUI(matrix))
+        //this.cellStyles({ padding: "0.2rem 0.4rem", textAlign: "center" });
+        return this;
+      }
+    transpose() {
+        this.fromMatrix(this.bodyMatrix.T);
+        return this;
+      }
+    hstack(m) {
+        if(m instanceof ZikoUITable)m=m.bodyMatrix
+        this.fromMatrix(this.bodyMatrix.clone.hstack(m));
+        return this;
+    }
+    vstack(m) {
+        if(m instanceof ZikoUITable)m=m.bodyMatrix
+        this.fromMatrix(this.bodyMatrix.clone.vstack(m));
+        return this;
+    }
+    slice(r0=0,c0=0,r1=this.bodyMatrix.rows-1,c1=this.bodyMatrix.cols-1) {
+        this.fromMatrix(this.bodyMatrix.slice(r0,c0,r1,c1));
+        return this;
+      }
+    sortByCols(n, config = { type: "num", order: "asc" }) {
+        this.fromMatrix(this.bodyMatrix.clone.sortTable(n, config));
+        return this;
+    }
+    sortByRows(n, config = { type: "num", order: "asc" }) {
+        this.fromMatrix(this.bodyMatrix.T.clone.sortTable(n, config).T);
+        return this;
+    }
+    filterByRows(item) {
+        this.fromMatrix(this.bodyMatrix.clone.filterByRows(item));
+        return this;
+    }
+    filterByCols(item) {
+        this.fromMatrix(this.bodyMatrix.clone.filterByCols(item));
+        return this;
+      }
+    forEachRow(callback){
+        this.structure.body.forEach(callback);
+        return this;
+    }
+    forEachItem(callback){
+        this.structure.body.forEach(n=>n.forEach(callback));
+        return this;
+    }
+}
+const Table=(matrix,config)=>new ZikoUITable(matrix,config)
+export {Table}

package/src/ui/elements/primitives/table/utils.js

@@ -1,12 +1,12 @@
-import { td,tr } from "./elements.js";
-export const MatrixToTableUI=matrix=>{
-    var Tr = new Array(matrix.rows).fill(null).map(() => tr());
-    var Td = matrix.arr.map((n) => n.map(() => null));
-    for (let i = 0; i < Td.length; i++) {
-        for (let j = 0; j < Td[0].length; j++) {
-            Td[i][j] = td(matrix.arr[i][j]);
-            Tr[i].append(Td[i][j]);
-        }
-    }
-    return Tr
+import { td,tr } from "./elements.js";
+export const MatrixToTableUI=matrix=>{
+    var Tr = new Array(matrix.rows).fill(null).map(() => tr());
+    var Td = matrix.arr.map((n) => n.map(() => null));
+    for (let i = 0; i < Td.length; i++) {
+        for (let j = 0; j < Td[0].length; j++) {
+            Td[i][j] = td(matrix.arr[i][j]);
+            Tr[i].append(Td[i][j]);
+        }
+    }
+    return Tr
 }

package/src/ui/elements/primitives/text/__ZikoUIText__.js

@@ -1,71 +1,71 @@
-import ZikoUIElement from "../ZikoUIElement.js";
-import ZikoContainerElement from "../ZikoUIContainerElement.js";
-import { 
-  ZikoUISubText,
-  ZikoUISupText
- } from "./text.js";
-import { 
-  Complex,
-  Matrix
- } from "../../../../math/index.js";
-import { 
-  arr2str,
-  obj2str
-} from "../../../../data/index.js";
-class __ZikoUIText__ extends ZikoContainerElement {
-    constructor(tag, name, lineBreak,...value) {
-      super(tag, name);
-      this.addValue(...value);
-      this.style({margin:0,padding:0});
-      Object.assign(this.cache,{
-        lineBreak,
-      })
-    }
-    get isText(){
-      return true;
-    }
-    get value(){
-      return this.element.textContent;
-    }
-    clear() {
-      this.element.childNodes.forEach((e) => e.remove());
-      this.element.textContent = "";
-      return this;
-    }
-    addValue(...value) {
-      value.forEach((item,i) => {
-        if (typeof item === "string" || typeof item === "number") this.element?.appendChild(globalThis?.document.createTextNode(item));
-        else if (item instanceof ZikoUIElement) this.element?.appendChild(item.element);
-        else if (item instanceof Complex || item instanceof Matrix) this.element?.appendChild(new Text(item.toString()));
-        else if (item instanceof Array) this.element?.appendChild(new Text(arr2str(item)));
-        else if (item instanceof Object) this.element?.appendChild(new Text(obj2str(item)));
-        
-        // if(
-        //   (item !== value[value.length - 1]) 
-        //   && !(value[i+1] instanceof ZikoUIElement)
-        //   && !(value[i-1] instanceof ZikoUIElement)
-        // ) this.element?.appendChild(new Text(" "))
-        
-        if(this.cache.lineBreak)this.element?.appendChild(globalThis.document?.createElement("br"));
-      });
-      if(this.element?.innerHTML){
-        this.element.innerHTML = this.element.innerHTML.replace(/\n/g, '<br>').replace(/(?<!<[^>]+) /g, '&nbsp;');
-      }
-      return this
-    }
-    setValue(...value) {
-      this.clear();
-      this.addValue(...value);
-      return this;
-    }
-  }
-class __ZikoUIInlineText__ extends __ZikoUIText__{
-  constructor(tag, name,...value){
-    super(tag, name, ...value)
-    this.cache.breakLine=false;
-  }
-}
-  export {
-    __ZikoUIText__,
-    __ZikoUIInlineText__
-  }
+import ZikoUIElement from "../ZikoUIElement.js";
+import ZikoContainerElement from "../ZikoUIContainerElement.js";
+import { 
+  ZikoUISubText,
+  ZikoUISupText
+ } from "./text.js";
+import { 
+  Complex,
+  Matrix
+ } from "../../../../math/index.js";
+import { 
+  arr2str,
+  obj2str
+} from "../../../../data/index.js";
+class __ZikoUIText__ extends ZikoContainerElement {
+    constructor(tag, name, lineBreak,...value) {
+      super(tag, name);
+      this.addValue(...value);
+      this.style({margin:0,padding:0});
+      Object.assign(this.cache,{
+        lineBreak,
+      })
+    }
+    get isText(){
+      return true;
+    }
+    get value(){
+      return this.element.textContent;
+    }
+    clear() {
+      this.element.childNodes.forEach((e) => e.remove());
+      this.element.textContent = "";
+      return this;
+    }
+    addValue(...value) {
+      value.forEach((item,i) => {
+        if (typeof item === "string" || typeof item === "number") this.element?.appendChild(globalThis?.document.createTextNode(item));
+        else if (item instanceof ZikoUIElement) this.element?.appendChild(item.element);
+        else if (item instanceof Complex || item instanceof Matrix) this.element?.appendChild(new Text(item.toString()));
+        else if (item instanceof Array) this.element?.appendChild(new Text(arr2str(item)));
+        else if (item instanceof Object) this.element?.appendChild(new Text(obj2str(item)));
+        
+        // if(
+        //   (item !== value[value.length - 1]) 
+        //   && !(value[i+1] instanceof ZikoUIElement)
+        //   && !(value[i-1] instanceof ZikoUIElement)
+        // ) this.element?.appendChild(new Text(" "))
+        
+        if(this.cache.lineBreak)this.element?.appendChild(globalThis.document?.createElement("br"));
+      });
+      if(this.element?.innerHTML){
+        this.element.innerHTML = this.element.innerHTML.replace(/\n/g, '<br>').replace(/(?<!<[^>]+) /g, '&nbsp;');
+      }
+      return this
+    }
+    setValue(...value) {
+      this.clear();
+      this.addValue(...value);
+      return this;
+    }
+  }
+class __ZikoUIInlineText__ extends __ZikoUIText__{
+  constructor(tag, name,...value){
+    super(tag, name, ...value)
+    this.cache.breakLine=false;
+  }
+}
+  export {
+    __ZikoUIText__,
+    __ZikoUIInlineText__
+  }

package/src/ui/elements/primitives/text/heading.js

@@ -1,36 +1,36 @@
-import ZikoUIElement from "../ZikoUIElement.js";
-class ZikoUIHeading extends ZikoUIElement {
-    constructor(type = 1, value = "") {
-      super(`h${type}`,`h${type}`);
-      this.element.textContent = value;
-    }
-    get isHeading(){
-      return true;
-    }
-    get value() {
-      return this.element.innerText;
-    }
-    setValue(text = "") {
-      this.element.innerText = text;
-      return;
-    }
-    addValue(text = "") {
-      this.element.innerText += text;
-      return this;
-    }
-  }
-const h1=(text="")=>new ZikoUIHeading(1, text);
-const h2=(text="")=>new ZikoUIHeading(2, text);
-const h3=(text="")=>new ZikoUIHeading(3, text);
-const h4=(text="")=>new ZikoUIHeading(4, text);
-const h5=(text="")=>new ZikoUIHeading(5, text);
-const h6=(text="")=>new ZikoUIHeading(6, text);
-export{
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  ZikoUIHeading
+import ZikoUIElement from "../ZikoUIElement.js";
+class ZikoUIHeading extends ZikoUIElement {
+    constructor(type = 1, value = "") {
+      super(`h${type}`,`h${type}`);
+      this.element.textContent = value;
+    }
+    get isHeading(){
+      return true;
+    }
+    get value() {
+      return this.element.innerText;
+    }
+    setValue(text = "") {
+      this.element.innerText = text;
+      return;
+    }
+    addValue(text = "") {
+      this.element.innerText += text;
+      return this;
+    }
+  }
+const h1=(text="")=>new ZikoUIHeading(1, text);
+const h2=(text="")=>new ZikoUIHeading(2, text);
+const h3=(text="")=>new ZikoUIHeading(3, text);
+const h4=(text="")=>new ZikoUIHeading(4, text);
+const h5=(text="")=>new ZikoUIHeading(5, text);
+const h6=(text="")=>new ZikoUIHeading(6, text);
+export{
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ZikoUIHeading
 }

package/src/ui/elements/primitives/text/index.js

@@ -1,3 +1,3 @@
-export * from "./text";
-export * from "./p";
+export * from "./text";
+export * from "./p";
 export *from "./heading";