ziko 0.37.0 → 0.38.0

package/src/ui/elements/misc/hyperscript.js

@@ -1,144 +0,0 @@
-import ZikoUIElement from '../../constructors/ziko-ui-element.js';
-const _h=(tag, type, attributes, ...children)=>{
-    const { name, style, ...attrs } = attributes;
-    let element = new ZikoUIElement(tag, name, type);
-    style && element.style(style);
-    attrs && element.setAttr(attrs);
-    children && element.append(...children);
-    return element; 
-}
-const h=(tag, attributes = {}, ...children)=> _h(tag, "html", attributes, ...children);
-const s=(tag, attributes = {}, ...children)=> _h(tag, "svg", attributes, ...children);
-
-const HTMLTags = [
-  'a',
-  'abb',
-  'address',
-  'area',
-  'article',
-  'aside',
-  'audio',
-  'b',
-  'base',
-  'bdi',
-  'bdo',
-  'blockquote',
-  'br',
-  'button',
-  'canvas',
-  'caption',
-  'cite',
-  'code',
-  'col',
-  'colgroup',
-  'data',
-  'datalist',
-  'dd',
-  'del',
-  'details',
-  'dfn',
-  'dialog',
-  'div',
-  'dl',
-  'dt',
-  'em',
-  'embed',
-  'fieldset',
-  'figcaption',
-  'figure',
-  'footer',
-  'form',
-  'h1',
-  'h2',
-  'h3',
-  'h4',
-  'h5',
-  'h6',
-  'header',
-  'hgroup',
-  'hr',
-  'i',
-  'iframe',
-  'img',
-  'ipnut',
-  'ins',
-  'kbd',
-  'label',
-  'legend',
-  'li',
-  'main',
-  'map',
-  'mark',
-  'menu',
-  'meter',
-  'nav',
-  'object',
-  'ol',
-  'optgroup',
-  'option',
-  'output',
-  'p',
-  'param',
-  'picture',
-  'pre',
-  'progress',
-  'q',
-  'rp',
-  'rt',
-  'ruby',
-  's',
-  'samp',
-  'search',
-  'section',
-  'select',
-  'small',
-  'source',
-  'span',
-  'strong',
-  'sub',
-  'summary',
-  'sup',
-  'svg',
-  'table',
-  'tbody',
-  'td',
-  'template',
-  'textarea',
-  'tfoot',
-  'th',
-  'thead',
-  'time',
-  'title',
-  'tr',
-  'track',
-  'u',
-  'ul',
-  'var',
-  'video',
-  'wbr'
-];
-
-const SVGTags = [
-    "svg", "g", "defs", "symbol", "use", "image", "switch",
-    "rect", "circle", "ellipse", "line", "polyline", "polygon", "path",
-    "text", "tspan", "textPath", "altGlyph", "altGlyphDef", "altGlyphItem", "glyph", "glyphRef",
-    "linearGradient", "radialGradient", "pattern", "solidColor",
-    "filter", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix",
-    "feDiffuseLighting", "feDisplacementMap", "feDropShadow", "feFlood", "feFuncA", "feFuncR", "feFuncG", "feFuncB",
-    "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "feSpecularLighting",
-    "feTile", "feTurbulence",
-    "animate", "animateMotion", "animateTransform", "set",
-    "script",
-    "desc", "title", "metadata", "foreignObject"
-  ];
-  
-const hTags = HTMLTags.reduce((acc, key) => {
-  acc[key] = (attr, ...children) => h(key, attr, ...children);
-  return acc;
-}, {});
-const sTags = SVGTags.reduce((acc, key) => {
-    acc[key] = (attr, ...children) => h(key, attr, ...children);
-    return acc;
-  }, {});
-
-export { h, s, hTags, sTags };

package/src/ui/elements/misc/index.js

@@ -1,101 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.js";
-class ZikoUIHtmlTag extends ZikoUIElement {
-  constructor(element) {
-    super(element,"html");
-  }
-}
-class ZikoUIBtn extends ZikoUIElement {
-  constructor(value = "button") {
-    super("button","btn");
-    this.setValue(value);
-    this.st.cursor("pointer");
-    globalThis.__Ziko__.__Config__.default.render && this.render();
-  }
-  get isBtn(){
-    return true
-  }
-  setValue(value) {
-    if (value instanceof ZikoUIElement) value.setTarget(this.element);
-    else {
-      this.element?.appendChild(document.createTextNode(""));
-      this.element.childNodes[0].data = value;
-    }
-    return this;
-  }
-  get value() {
-    return this.element.innerText;
-  }
-  toggleValues(...values) {
-    values = values.map((n) => "" + n);
-    let index = values.indexOf("" + this.value);
-    if (index != -1 && index != values.length - 1)
-      this.setValue(values[index + 1]);
-    else this.setValue(values[0]);
-    return this;
-  }
-}
-class ZikoUIBr extends ZikoUIElement {
-    constructor() {
-      super("br","br");
-    }
-    get isBr(){
-      return true
-    }
-  }
-  class ZikoUIHr extends ZikoUIElement {
-    constructor() {
-      super("hr","hr");
-      this.setAttr("role", "none");
-    }
-    get isHr(){
-      return true
-    }
-  }
-  class ZikoUILink extends ZikoUIElement{
-    constructor(href){
-      super("a","link");
-      Object.assign(this.cache,{
-        defaultStyle:{
-          color:"#0275d8",
-          textDecoration: "none"
-        },
-        hoverStyle:{
-          color:"#01447e",
-          textDecoration: "underline"
-        },
-      })
-      this.setHref(href);
-      this.style(this.cache.defaultStyle);
-      this.onPtrEnter(()=>this.style(this.cache.hoverStyle));
-      this.onPtrLeave(()=>this.style(this.cache.defaultStyle));
-    }
-    setHref(href){
-      this.element.href=href;
-    }
-    get isLink(){
-      return true
-    }
-  }
-  const br = () => new ZikoUIBr();
-  const hr = () => new ZikoUIHr();
-  const brs = (n=1)=> new Array(n).fill(new ZikoUIBr());
-  const hrs = (n=1)=> new Array(n).fill(new ZikoUIHr());
-  const link=(href,...UIElement)=>new ZikoUILink(href).append(...UIElement);
-  const html=(tag,...UIElement)=>new ZikoUIHtmlTag(tag).append(...UIElement);
-  const btn = (value) => new ZikoUIBtn(value);
-export * from "./xml-wrapper.js";
-export * from "./suspense.js"
-export * from "./hyperscript.js"
-export{
-  html,
-  btn,
-  br,
-  hr,
-  brs,
-  hrs,
-  link,
-  ZikoUIHtmlTag,
-  ZikoUIBr,
-  ZikoUIHr,
-  ZikoUILink
-}

package/src/ui/elements/semantic/index.js

@@ -1,42 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.js";
-const elements = ['Main', 'Header', 'Nav', 'Section', 'Article', 'Aside', 'Footer']
-
-// Storage for Classes and component functions
-const Classes = {};
-const Components = {};
-
-// Auto-generate Classes and factory functions
-for (let i=0; i<elements.length; i++) {
-  Classes[`ZikoUI${elements[i]}`] = class extends ZikoUIElement {
-    constructor() {
-      super(elements[i].toLowerCase());
-      this.style({ position: "relative" });
-    }
-    get [`is${elements[i]}`]() {
-      return true;
-    }
-  };
-
-  Components[elements[i]] = (...children) =>
-    new Classes[`ZikoUI${elements[i]}`]().append(...children);
-}
-
-export const {
-  Main,
-  Header,
-  Nav,
-  Section,
-  Article,
-  Aside,
-  Footer
-} = Components;
-
-export const {
-  ZikoUIMain,
-  ZikoUIHeader,
-  ZikoUINav,
-  ZikoUISection,
-  ZikoUIArticle,
-  ZikoUIAside,
-  ZikoUIFooter
-} = Classes;

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

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

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

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
-}