ziko 0.37.0 → 0.38.1

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

@@ -1,115 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.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/table/utils.js

@@ -1,12 +0,0 @@
-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/text/__ZikoUIText__.js

@@ -1,70 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.js";
-import { 
-  ZikoUISubText,
-  ZikoUISupText
- } from "./text.js";
-import { 
-  Complex,
-  Matrix
- } from "../../../math/index.js";
-import { 
-  arr2str,
-  obj2str
-} from "../../../data/index.js";
-class __ZikoUIText__ extends ZikoUIElement {
-    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/text/heading.js

@@ -1,36 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.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/text/index.js

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

package/src/ui/elements/text/p.js

@@ -1,26 +0,0 @@
-import { __ZikoUIText__ } from "./__ZikoUIText__.js";
-class ZikoUIParagraphe extends __ZikoUIText__ {
-    constructor(...value) {
-      super("p", "p", true, ...value);
-    }
-    get isPara(){
-      return true;
-    }
-}
-class ZikoUIBlockQuote extends __ZikoUIText__ {
-    constructor(cite,quote) {
-      super("blockquote", "blockquote", true, quote);
-      this.setAttr("cite", cite);
-    }
-    get isBlockQuote(){
-      return true;
-    }
-}
-const p = (...ZikoUIElement) => new ZikoUIParagraphe(...ZikoUIElement);
-const blockQuote = (cite, quote) => new ZikoUIBlockQuote(cite, quote);
-export {
-  p,
-  blockQuote,
-  ZikoUIParagraphe,
-  ZikoUIBlockQuote
-}

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

@@ -1,81 +0,0 @@
-import { __ZikoUIText__ } from "./__ZikoUIText__.js";
-class ZikoUIText extends __ZikoUIText__ {
-    constructor(...value) {
-      super("span", "text", false, ...value);
-    }
-}
-class ZikoUIQuote extends __ZikoUIText__ {
-  constructor(...value) {
-    super("q", "quote", false, ...value);
-    this.style({
-      fontStyle: "italic"
-    })
-  }
-  get isQuote(){
-    return true
-  }
-}
-class ZikoUIDefintion extends __ZikoUIText__ {
-  constructor(...value) {
-    super("dfn", "dfnText", false, ...value);
-  }
-  get isDfnText(){
-    return true
-  }
-}
-class ZikoUISupText extends __ZikoUIText__ {
-  constructor(sup) {
-    super("sup", "supText", false, sup);
-  }
-  get isSupText(){
-    return true
-  }
-}
-class ZikoUISubText extends __ZikoUIText__ {
-  constructor(...value) {
-    super("sub", "subText", false, ...value);
-  }
-  get isSubText(){
-    return true
-  }
-}
-class ZikoUICodeText extends __ZikoUIText__ {
-  constructor(...value) {
-    super("code", "codeText", false, ...value);
-  }
-  get isCodeText(){
-    return true
-  }
-}
-class ZikoUIAbbrText extends __ZikoUIText__ {
-  constructor(abbr, title) {
-    super("abbr", "abbrText", false, abbr);
-    this.setAttr("title", title);
-  }
-  get isAbbrText(){
-    return true
-  }
-}
-const text = (...str) => new ZikoUIText(...str);
-const quote = (...str) => new ZikoUIQuote(...str);
-const dfnText = (...str) => new ZikoUIDefintion(...str);
-const supText = (...str) => new ZikoUISupText(...str);
-const subText = (...str) => new ZikoUISubText(...str);
-const codeText = (...str) => new ZikoUICodeText(...str);
-const abbrText = (abbr, title) => new ZikoUIAbbrText(abbr, title); 
-export {
-  ZikoUIText,
-  ZikoUIQuote,
-  ZikoUIDefintion,
-  ZikoUISupText,
-  ZikoUISubText,
-  ZikoUICodeText,
-  ZikoUIAbbrText,
-  text,
-  quote,
-  dfnText,
-  supText,
-  subText,
-  codeText,
-  abbrText
-}

package/src/use/use-debounce.js

@@ -1,4 +0,0 @@
-export const useDebounce=(fn,delay=1000)=>{
-    let id;
-    return(...args)=> id ? clearTimeout(id) : setTimeout(()=>fn(...args),delay)
-}

package/src/use/use-state.js

@@ -1,22 +0,0 @@
-export function useState(initialValue) {
-    let value = initialValue;
-    const subscribers = new Set();
-
-    function getValue() {
-        return {
-            value,
-            isStateGetter: () => true,
-            _subscribe: (fn) => subscribers.add(fn),
-        };
-    }
-
-    function setValue(newValue) {
-        if (typeof newValue === "function") newValue = newValue(value);
-        if (newValue !== value) {
-            value = newValue;
-            subscribers.forEach(fn => fn(value));
-        }
-    }
-
-    return [getValue, setValue];
-}

package/src/use/use-throttle.js

@@ -1,9 +0,0 @@
-export const useThrottle=(fn,delay)=>{
-    let lastTime=0;
-    return (...args)=>{
-        const now=new Date().getTime()
-        if(now-lastTime<delay)return;
-        lastTime=now;
-        fn(...args); 
-    }
-}