ziko 0.0.4 → 0.0.6

package/src/UI/Style/index.js

@@ -1,499 +0,0 @@
-import { style , addSuffixeToNumber } from "../Utils/index.js";
-import { Matrix,cos,sin} from "../../Math/index.js";
-class ZikoUIElementStyle{
-    constructor(defaultStyle={}){
-        this.target=null;
-        this.styles=new Map(
-            [["default",defaultStyle]]
-        );
-        this.cache={
-            isHidden:false,
-            isFaddedOut:false,
-            transformation:{
-                Flip:[0,0,0],
-                matrix:new Matrix([
-                    [1,0,0,0],
-                    [0,1,0,0],
-                    [0,0,1,0],
-                    [0,0,0,1]
-                ])
-            }
-        }
-    }
-    style(styles,{target = "parent", maskVector = null } = {}){
-        if (target === "parent" || target === 0)style(this.target.element, styles);
-        else if(target === "parent" || target === 0){
-          if (maskVector) {
-            this.items.map((n, i) => maskVector[i] == 1 && n.style(styles));
-          } 
-          else this.items.map((n) => n.style(styles));      
-        }
-        return this;
-      }
-    linkTo(target){
-        this.target=target;
-        return this;
-    }
-    use(name="default"){
-        this.style(this.styles.get(name));
-        return this;
-    }
-    update(name,styles){
-        const old=this.styles.get(name);
-        old?this.styles.set(name,Object.assign(old,styles)):this.styles.set(name,styles);
-        return this;
-    }
-    add(name,styles){
-        this.styles.set(name,styles);
-        return this;
-    }
-    replace(name,styles){
-        this.styles.set(name,styles);
-        return this;
-    }
-    delete(...names){
-        names.forEach(n=>this.styles.delete(n));
-        return this;
-    }
-    updateDefaultStyle(){
-        const defaultStyle=Object.fromEntries(
-            Object.entries(this.target.element.style).filter(n=>isNaN(+n[0]))
-        )   
-        this.update("default",defaultStyle);
-        return this;
-    }
-    hover(styles){
-        //this.updateDefaultStyle()
-        if(styles)this.add("hover",styles)
-        this.target.element.addEventListener("pointerenter",()=>this.use("hover"));
-        this.target.element.addEventListener("pointerleave",()=>this.use("default"))
-        return this;
-    }
-    // Checkers 
-    isInline(){
-        return getComputedStyle(this.target.element).display.includes("inline");
-    }
-    isBlock(){
-        return !(this.isInline());
-    }
-    // Size
-    size(width,height,{ target, maskVector } = {}){
-        this.style({
-            width,
-            height
-        },{ target, maskVector })
-        return this;
-    }
-    width(w,{ target, maskVector } = {}){
-        if(w instanceof Object){
-          if(w instanceof Array)w={min:w[0],max:w[1]}
-          if("min" in w || "max" in w){
-            let min= w.min ?? w.max;
-            let max= w.max ?? w.min;
-            min=addSuffixeToNumber(min,"px");
-            max=addSuffixeToNumber(max,"px"); 
-            this.style({ minWidth: min, maxWidth: max }, { target, maskVector });
-          }
-        }
-        else {
-          w=addSuffixeToNumber(w,"px");
-          this.style({width:w},{ target, maskVector });
-        }
-        return this
-    }
-    height(h,{ target, maskVector } = {}){
-        if(h instanceof Object){
-          if(h instanceof Array)h={min:h[0],max:h[1]}
-          if("min" in h || "max" in h){
-            let min= h.min ?? h.max;
-            let max= h.max ?? h.min;
-            min=addSuffixeToNumber(min,"px");
-            max=addSuffixeToNumber(max,"px"); 
-            this.style({ minHeight: min, maxHeight: max }, { target, maskVector });
-          }
-        }
-        else {
-          h=addSuffixeToNumber(h,"px");
-          this.style({height:h},{ target, maskVector });
-        }
-        return this
-    } 
-    enableResize(h=false,v=false,{ target, maskVector } = {}){
-        let resize="none";
-        if(h)v?resize="both":resize="horizontal";
-        else v?resize="vertical":resize="none";
-        this.style({
-            resize,
-            overflow:"hidden"
-        },{ target, maskVector });
-        if(this.isInline()){
-            console.group("Ziko Issue : Temporarily Incompatible Method");
-            console.warn(".enableResize has no effect on inline elements!");
-            console.info("%cConsider using other display types such as block, inline-block, flex, or grid for proper resizing behavior.","color:gold;background-color:#3333cc;padding:5px");
-            console.groupEnd();
-        }
-        return this;
-    }   
-    // Apparence
-    hide({after, target, maskVector } = {}){
-        if(typeof after==="number"){
-            const wrapper=()=>this.hide({target,maskVector})
-            setTimeout(wrapper, after);
-            clearTimeout(wrapper);
-        }
-        else {
-          this.cache.isHidden=true;
-          this.style({display:"none"},{target,maskVector});
-        }
-        return this;
-    }
-    show({after, target, maskVector } = {}){
-        if(typeof after==="number"){
-            const wrapper=()=>this.show({target,maskVector})
-            setTimeout(wrapper, after);
-            clearTimeout(wrapper);
-        }
-        else {
-          this.cache.isHidden=false;
-          this.style({display:""},{target,maskVector});
-        }
-        return this;
-    }
-    color(color,{ target, maskVector } = {}){
-        this.style({color},{ target, maskVector });
-        return this;
-    }
-    background(background,{ target, maskVector } = {}){
-        this.style({background},{ target, maskVector });
-        return this;
-    }
-    backgroundColor(backgroundColor,{ target, maskVector } = {}){
-        this.style({backgroundColor},{ target, maskVector });
-        return this;
-    }
-    opacity(opacity, { target, maskVector } = {}) {
-        this.style({ opacity }, { target, maskVector });
-        return this;
-    }
-    // Placement
-    position(position,{ target, maskVector } = {}){
-        this.style({position},{ target, maskVector });
-        return this
-    }
-    display(disp, { target, maskVector } = {}) {
-        this.style({ display: disp }, { target, maskVector });
-        return this;
-    }
-    zIndex(z,{ target, maskVector } = {}){
-        this.style({zIndex:z},{ target, maskVector });
-        return this;
-    }
-    float(float, { target, maskVector } = {}) {
-        this.style({ float: float }, { target, maskVector });
-        return this;
-    }
-    // Box Model 
-    border(border = "1px solid red", { target, maskVector } = {}){
-        this.style({border}, { target, maskVector });
-        return this;
-    }
-    borderTop(borderTop = "1px solid red", { target, maskVector } = {}){
-        this.style({borderTop}, { target, maskVector });
-        return this;
-    }
-    borderRight(borderRight = "1px solid red", { target, maskVector } = {}){
-        this.style({borderRight}, { target, maskVector });
-        return this;
-    }
-    borderBottom(borderBottom = "1px solid red", { target, maskVector } = {}){
-        this.style({borderBottom}, { target, maskVector });
-        return this;
-    }
-    borderLeft(borderLeft = "1px solid red", { target, maskVector } = {}){
-        this.style({borderLeft}, { target, maskVector });
-        return this;
-    }
-    borderRadius(radius,{ target, maskVector } = {}){
-        radius=addSuffixeToNumber(radius,"px");
-        this.style({ borderRadius: radius }, { target, maskVector });
-        return this;
-    }
-    margin(margin,{ target, maskVector } = {}){
-        margin=addSuffixeToNumber(margin,"px");
-        this.style({ margin }, { target, maskVector });
-        return this;
-    }
-    marginTop(marginTop,{ target, maskVector } = {}){
-        marginTop=addSuffixeToNumber(marginTop,"px");
-        this.style({marginTop},{ target, maskVector });
-        return this;
-    }
-    marginRight(marginRight,{ target, maskVector } = {}){
-        marginRight=addSuffixeToNumber(marginRight,"px");
-        this.style({marginRight},{ target, maskVector });
-        return this;
-    }
-    marginBootom(marginBootom,{ target, maskVector } = {}){
-        marginBootom=addSuffixeToNumber(marginBootom,"px");
-        this.style({marginBootom},{ target, maskVector });
-        return this;
-    }
-    marginLeft(marginLeft,{ target, maskVector } = {}){
-        marginLeft=addSuffixeToNumber(marginLeft,"px");
-        this.style({marginLeft},{ target, maskVector });
-        return this;
-    }
-    padding(padding,{ target, maskVector } = {}){
-        padding=addSuffixeToNumber(padding,"px");
-        this.style({padding},{ target, maskVector });
-        return this;
-    }
-    paddingTop(paddingTop,{ target, maskVector } = {}){
-        paddingTop=addSuffixeToNumber(paddingTop,"px");
-        this.style({paddingTop},{ target, maskVector });
-        return this;
-    }
-    paddingRight(paddingRight,{ target, maskVector } = {}){
-        paddingRight=addSuffixeToNumber(paddingRight,"px");
-        this.style({paddingRight},{ target, maskVector });
-        return this;
-    }
-    paddingBootom(paddingBootom,{ target, maskVector } = {}){
-        paddingBootom=addSuffixeToNumber(paddingBootom,"px");
-        this.style({paddingBootom},{ target, maskVector });
-        return this;
-    }
-    paddingLeft(paddingLeft,{ target, maskVector } = {}){
-        paddingLeft=addSuffixeToNumber(paddingLeft,"px");
-        this.style({paddingLeft},{ target, maskVector });
-        return this;
-    }
-    // Typographie
-    font(font,{ target, maskVector } = {}){
-        this.style({font},{ target, maskVector });
-        return this;
-    }
-    fontFamily(fontFamily="",{ target, maskVector } = {}){
-        this.style({fontFamily},{ target, maskVector });
-        return this;
-    }
-    fontSize(fontSize,{ target, maskVector } = {}){
-        this.style({fontSize},{ target, maskVector });
-        return this;
-    }
-    // Misc
-    cursor(type="pointer"){
-        this.style({ cursor: type });
-        return this;
-    }  
-    overflow(x,y,{ target, maskVector } = {}){
-        const values=["hidden","auto"];
-        this.style({
-          overflowX:typeof x==="number"?values[x]:x,
-          overflowY:typeof y==="number"?values[y]:y
-        },{target,maskVector})
-        return this;
-    }
-    clip(polygon, { target, maskVector } = {}) {
-        if (typeof polygon === "string") polygon = "polygon(" + polygon + ")";
-        this.style({ clipPath: polygon }, { target, maskVector });
-        return this;
-    }
-    // Transfromations
-    fadeOut(t = 1) {
-        this.style({ 
-          transition: t/1000 + "s", 
-          opacity: 0 
-        });
-        this.cache.isFaddedOut=true;
-        return this;
-    }
-    fadeIn(t = 1) {
-        this.style({ 
-          transition: t/1000 + "s", 
-          opacity: 1 
-        });
-        this.cache.isFaddedOut=false;
-        return this;
-    }
-    toggleFade(t_in = 1000,t_out=t_in){
-        this.cache.isFaddedOut?this.fadeIn(t_in):this.fadeOut(t_out);
-        return this;
-    }
-    #applyTransformMatrix(t){
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.style({
-            transform: `matrix3d(${transformMatrix})`,
-            "-webkit-transform": `matrix3d(${transformMatrix})`,
-            "-moz-transform": `matrix3d(${transformMatrix})`, 
-            "-ms-transform": `matrix3d(${transformMatrix})`, 
-            "-o-transform": `matrix3d(${transformMatrix})` 
-        });
-        if (t != 0) this.style({ transition: `transform ${t/1000}s ease` });
-    }
-    translate(x, y = x ,z = 0, t = 0) {
-        this.cache.transformation.matrix.set(3,0,x);
-        this.cache.transformation.matrix.set(3,1,y);
-        this.cache.transformation.matrix.set(3,2,z);
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    translateX(x, t = 0) {
-        this.cache.transformation.matrix.set(3,0,x)
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    translateY(y, t = 0) {
-        this.cache.transformation.matrix.set(3,1,y)
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    translateZ(z, t = 0) {
-        const d=-1/this.cache.transformation.matrix[2][2];
-        this.cache.transformation.matrix.set(3,2,z);
-        this.cache.transformation.matrix.set(3,3,1-(z/d));
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    perspective(d,t=0){
-        const z=this.cache.transformation.matrix[3][2];
-        this.cache.transformation.matrix.set(2,2,-1/d);
-        this.cache.transformation.matrix.set(3,3,1-(z/d));
-        this.#applyTransformMatrix(t);
-        return this; 
-    }
-    scale(x, y = x, t = 0) {
-        this.cache.transformation.matrix.set(0,0,x)
-        this.cache.transformation.matrix.set(1,1,y)
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    scaleX(x = 1 , t = 0) {
-        this.cache.transformation.matrix.set(0,0,x)
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    scaleY(y = 1, t = 0) {
-        this.cache.transformation.matrix.set(1,1,y)
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    skew(x, y = x, t = 0) {
-        this.cache.transformation.matrix.set(0,1,x)
-        this.cache.transformation.matrix.set(1,0,y)
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    skewX(x = 1 , t = 0) {
-        this.cache.transformation.matrix.set(0,1,x)
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    skewY(y = 1, t = 0) {
-        this.cache.transformation.matrix.set(1,0,y);
-        const transformMatrix = this.cache.transformation.matrix.arr.join(",");
-        this.#applyTransformMatrix(t);
-        return this;
-    }
-    rotateX(deg, t = 0) {
-        this.cache.transformation.matrix.set(1,1,cos(deg));
-        this.cache.transformation.matrix.set(1,2,-sin(deg));
-        this.cache.transformation.matrix.set(2,1,sin(deg));
-        this.cache.transformation.matrix.set(1,2,cos(deg));
-        this.#applyTransformMatrix(t);   
-        return this;
-    }
-    rotateY(deg, t = 0) {
-        this.cache.transformation.matrix.set(0,0,cos(deg));
-        this.cache.transformation.matrix.set(0,2,sin(deg));
-        this.cache.transformation.matrix.set(2,0,-sin(deg));
-        this.cache.transformation.matrix.set(2,2,cos(deg));
-        this.#applyTransformMatrix(t);   
-        return this;
-    }
-    rotateZ(deg, t = 0) {
-        this.cache.transformation.matrix.set(0,0,cos(deg));
-        this.cache.transformation.matrix.set(0,1,-sin(deg));
-        this.cache.transformation.matrix.set(1,0,sin(deg));
-        this.cache.transformation.matrix.set(1,1,cos(deg)); 
-        this.#applyTransformMatrix(t);  
-        return this;
-    }
-    flipeX({ t = 1 } = {}) {
-        this.cache.transformation.Flip[0] += 180;
-        this.cache.transformation.Flip[0] %= 360;
-        this.rotateX(this.cache.transformation.Flip[0],t);
-        return this;
-    }
-    flipeY(t = 1) {
-        this.cache.transformation.Flip[1] += 180 ;
-        this.cache.transformation.Flip[1] %= 360;
-        this.rotateY(this.cache.transformation.Flip[1],t);
-        return this;
-      }
-    flipeZ(t = 1) {
-        this.cache.transformation.Flip[2] += 180;
-        this.cache.transformation.Flip[2] %= 360;
-        this.rotateZ(this.cache.transformation.Flip[2],t);
-        return this;
-    }
-    slideHeightIn(t = 1, h = this.h) {
-        this.style({ transition: t + "s", height: h });
-        return this;
-    }
-    slideHeightOut(t = 1) {
-        this.style({ transition: t + "s", height: 0 });
-        this.target.element.addEventListener("transitionend", () =>
-          this.style({ opacity: "none" }),
-        );
-        return this;
-      }
-    slideWidthIn(t = 1, w = this.w) {
-        this.style({ transition: t + "s", width: w });
-        return this;
-    }
-    slideWidthOut(t = 1) {
-        this.style({ transition: t + "s", width: 0 });
-        const wrapper=()=>{
-            this.style({ opacity: "none" })
-        }
-        this.target.element.addEventListener("transitionend",wrapper);
-        this.target.element.removeEventListener("transitionend",wrapper);
-        return this;
-    }
-    slideIn({ t = 1, w = "100%", h = "auto" } = {}) {
-        this.style({
-          transition: t + "s",
-          width: w,
-          height: h,
-          visibility: "visible",
-        });
-        return this;
-    }
-    slideOut({ t = 1, width = 0, height = 0 } = {}) {
-        this.style({
-          visibility: "hidden",
-          transition: t + "s",
-          opacity: "none",
-          width: width,
-          height: height,
-        });
-        const wrapper=()=>{
-            this.style({ opacity: "none" });
-        }
-        this.target.element.addEventListener("transitionend",wrapper);
-        this.target.element.removeEventListener("transitionend",wrapper);
-        return this;
-    }
-      
-}
-
-const ZikoStyle=(defaultStyle)=>new ZikoUIElementStyle(defaultStyle);
-export{
-    ZikoStyle
-}

package/src/UI/Table/elements.js

@@ -1,94 +0,0 @@
-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/Table/index.js

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

package/src/UI/Table/table.js

@@ -1,113 +0,0 @@
-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)
-        this.render();
-    }
-    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}