ziko 0.0.12 → 0.0.14

package/src/user-interface/elements/primitives/table/utils.js

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

package/src/user-interface/elements/primitives/text/__ZikoUIText__.js

@@ -0,0 +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__
+  }

package/src/user-interface/elements/primitives/text/heading.js

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

package/src/user-interface/elements/primitives/text/index.js

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

package/src/user-interface/elements/primitives/text/p.js

@@ -0,0 +1,26 @@
+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/user-interface/elements/primitives/text/text.js

@@ -0,0 +1,81 @@
+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/user-interface/index.js

@@ -0,0 +1,190 @@
+import {
+    text,
+    quote,
+    dfnText,
+    supText,
+    subText,
+    codeText,
+    abbrText,
+    p,
+    blockQuote,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,   
+} from "./elements/primitives/text/index.js";
+import {
+    btn,
+    br,
+    hr,
+    brs,
+    hrs,
+    link,
+    html
+} from "./elements/primitives/misc/index.js";
+import {
+    ol,
+    ul
+} from "./elements/primitives/list/index.js"
+import{
+    Form,
+    input,
+    search,
+    slider,
+    checkbox,
+    radio,
+    datalist,
+    inputNumber,
+    inputColor,
+    inputDate,
+    inputDateTime,
+    inputEmail,
+    inputImage,
+    inputPassword,
+    inputTime,
+    select,
+    textarea,
+    inputCamera
+} from "./elements/primitives/io/index.js";
+import {
+    image,
+    video,
+    audio,
+    figure
+} from "./elements/primitives/media/index.js"
+import{
+    Flex,
+    Grid,
+    Carousel,
+    CodeCell,
+    CodeNote,
+    Tabs,
+    Collapsible,
+    Accordion,
+    Modal,
+    hSplitter,
+    vSplitter,
+    Breadcrumbs,
+    successAlert,
+    infoAlert,
+    warningAlert,
+    dangerAlert,
+} from "./elements/derived/index.js"
+import{
+    Header,
+    Main,
+    Section,
+    Article,
+    Aside,
+    Nav,
+    Footer,
+    } from "./elements/primitives/semantic/index.js";
+import { Table } from "./elements/primitives/table/index.js";
+import { PDFViewer } from "./elements/primitives/embaded/index.js";
+const UI={
+    html,
+    text,
+    quote,
+    dfnText,
+    supText,
+    subText,
+    codeText,
+    abbrText,
+    p,
+    blockQuote,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    btn,
+    br,
+    hr,
+    brs,
+    hrs,
+    link,
+    ol,
+    ul,
+    Form,
+    input,
+    search,
+    slider,
+    checkbox,
+    radio,
+    datalist,
+    inputNumber,
+    inputColor,
+    inputDate,
+    inputDateTime,
+    inputEmail,
+    inputImage,
+    inputPassword,
+    inputTime,
+    select,
+    textarea,
+    inputCamera,
+    image,
+    video,
+    audio,
+    figure,
+    Flex,
+    Carousel,
+    Grid,
+    Header,
+    Main,
+    Section,
+    Article,
+    Aside,
+    Nav,
+    Footer,
+    Table,
+    CodeCell,
+    CodeNote,
+    Tabs,
+    Collapsible,
+    Accordion,
+    Modal,
+    hSplitter,
+    vSplitter,
+    Breadcrumbs,
+    successAlert,
+    infoAlert,
+    warningAlert,
+    dangerAlert,
+    PDFViewer,
+    ExtractAll: function () {
+        const keys = Object.keys(this);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            if (key !== 'ExtractAll' && key !== 'RemoveAll') {
+                globalThis[key] = this[key];
+            }
+        }
+        return this;
+    },
+    RemoveAll: function () {
+        const keys = Object.keys(this);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            if (key !== 'RemoveAll') {
+                delete globalThis[key];
+            }
+        }
+        return this;
+    }
+}
+export * from "./elements/primitives/text/index.js";
+export * from "./elements/primitives/list/index.js";
+export * from "./elements/primitives/io/index.js";
+export * from "./elements/primitives/media/index.js";
+export * from "./elements/primitives/table/index.js";
+export * from "./elements/primitives/semantic/index.js";
+export * from "./elements/primitives/misc/index.js";
+export * from "./elements/derived/index.js";
+export {
+    html,
+}
+export default UI;