ziko 0.37.0 → 0.38.1

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

@@ -1,138 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.js";
-import {text} from "../text/index.js";
-class ZikoUILI extends ZikoUIElement{
-  constructor(UI){
-    super("li","li");
-    this.append(UI);
-  }
-  get isLi(){
-    return true;
-  }
-}
-class ZikoUIList extends ZikoUIElement {
-    constructor(element,name) {
-      super(element,name);
-      delete this.append;
-      this.style({ listStylePosition: "inside" });
-    }
-    get isList(){
-      return true;
-    }
-    append(...arr){
-      for (let i = 0; i < arr.length; i++) {
-        let li = null;
-        if(["string","number"].includes(typeof arr[i]))arr[i]=text(arr[i])
-        if (arr[i] instanceof ZikoUIElement)li=new ZikoUILI(arr[i]);
-        li.setTarget(this.element)
-        this.items.push(li[0]);
-        this.maintain();
-      }
-    }
-    remove(...ele) {
-      if(ele.length==0){
-        if(this.target.children.length) this.target.removeChild(this.element);
-      }
-      else {
-        const remove = (ele) => {
-          if(typeof ele === "number") ele=this.items[ele];
-          if(ele instanceof ZikoUIElement)this.element?.removeChild(ele.parent.element);
-            this.items=this.items.filter(n=>n!==ele);
-        };
-        for (let i = 0; i < ele.length; i++) remove(ele[i]);
-        for (let i = 0; i < this.items.length; i++)
-          Object.assign(this, { [[i]]: this.items[i] });
-      }
-      return this;
-    }
-    insertAt(index, ...ele) {
-      if (index >= this.element.children.length) this.append(...ele);
-      else
-        for (let i = 0; i < ele.length; i++) {
-          let li = null;
-          if(["number","string"].includes(typeof ele[i]))ele[i]=text(ele[i]);
-          if (ele[i] instanceof ZikoUIElement)li=new ZikoUILI(ele[i]);
-          this.element?.insertBefore(li.element, this.items[index].parent.element);
-          this.items.splice(index, 0, ele[i][0]);
-        }
-      return this;
-    }
-    filterByTextContent(text,exactMatch=false){
-      this.items.map(n=>n.parent.render());
-      this.items.filter(n=>{
-        const content=n.element.textContent
-        return !(exactMatch?content===text:content.includes(text))
-      }).map(n=>n.parent.render(false));
-       return this;
-    }
-    sortByTextContent(order=1){
-      this.items.map(n=>n.parent.render(false));
-      // To Fix
-      this.sortedItems=this.items.sort((a,b)=>order*a.element.textContent.localeCompare(b.element.textContent))
-      this.append(...this.sortedItems);
-      return this;
-    }
-    filterByClass(value) {
-      this.items.map(n=>n.parent.render(true));
-      this.items.filter(n=>!n.Classes.includes(value)).map(n=>n.parent.render(false));
-      return this; 
-    }
-    delete(value) {
-      const valueIndex = [...this.element.children].indexOf(value);
-      return valueIndex;
-      /*if(valueIndex >= 0) {
-        return this.list.splice(valueIndex, 1);
-      }*/
-    }
-    push(){
-
-    }
-    pop(){
-
-    }
-    unshift(){
-
-    }
-    shift(){
-
-    }
-    sort(){
-
-    }
-    filter(){
-
-    }
-    slice(){
-      
-    }
-  }
-class ZikoUIOList extends ZikoUIList{
-  constructor(...arr){
-    super("ol","ol");
-    this.append(...arr);
-  }
-  get isOl(){
-    return true;
-  }
-  type(tp = 1) {
-    this.element?.setAttribute("type", tp);
-    return this;
-  }
-  start(st = 1) {
-    this.element?.setAttribute("start", st);
-    return this;
-  }
-}
-class ZikoUIUList extends ZikoUIList{
-  constructor(...arr){
-    super("ul","ul");
-    this.append(...arr);
-  }
-  get isUl(){
-    return true;
-  }
-}
-const li=UI=>new ZikoUILI(UI)
-const ol = (...arr) => new ZikoUIOList(...arr);
-const ul = (...arr) => new ZikoUIUList(...arr);
-
-export{ol,ul,li}

package/src/ui/elements/media/Audio/index.js

@@ -1,17 +0,0 @@
-import { __ZikoUIDynamicMediaElement__ } from "../__ZikoUIDynamicMediaELement__.js";
-class ZikoUIAudio extends __ZikoUIDynamicMediaElement__ {
-    constructor(src) {
-      super("audio","audio");
-      this.element?.setAttribute("src", src);
-      this.size("150px","30px")
-      // this.useControls();
-    }
-    get isAudio(){
-      return true;
-    }
-  }
-const audio = (src) => new ZikoUIAudio(src);
-export {
-    audio,
-    ZikoUIAudio
-}

package/src/ui/elements/media/Image/figure.js

@@ -1,19 +0,0 @@
-import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
-class ZikoUIFigure extends ZikoUIElement{
-    constructor(src,caption){
-      super("figure","figure")
-      this.img=src.width("100%").element;
-      this.caption=document?.createElement("figcaption");
-      this.caption.append(caption.element)
-      this.element?.append(this.img);
-      this.element?.append(this.caption);
-    }
-    get isFigure(){
-      return true;
-    }
-}
-const figure =(image,caption) =>new ZikoUIFigure(image,caption);
-export{
-    figure,
-    ZikoUIFigure
-}

package/src/ui/elements/media/Image/image.js

@@ -1,37 +0,0 @@
-import ZikoUIElement from "../../../constructors/ziko-ui-element.js";
-class ZikoUIImage extends ZikoUIElement {
-    constructor(src,alt, w, h) {
-      super("img","image");
-      this.value=src;
-      if (src.nodeName === "IMG")this.element.setAttribute("src", src.src);
-      else this.element?.setAttribute("src", src);
-      if (typeof w == "number") w += "%";
-      if (typeof h == "number") h += "%";
-      this.setAttr("alt", alt)
-      this.style({ border: "1px solid black", width: w, height: h });
-    }
-    get isImg(){
-      return true;
-    }
-     updateSrc(url){
-      this.value=url;
-      this.element.src=url;
-     return this;
-    }
-    toggleSrc(...values){
-      values=values.map(n=>""+n);
-      let index=values.indexOf(""+this.value);
-      if(index!=-1&&index!=(values.length-1))this.updateSrc(values[index+1]);
-      else this.updateSrc(values[0]);
-      return this;
-    }
-    alt(alt){
-      this.element.alt=alt;
-      return this;
-    }
-  }
-const image = (src,alt, width, height) => new ZikoUIImage(src,alt, width, height);
-export{
-    image,
-    ZikoUIImage
-}

package/src/ui/elements/media/Image/index.js

@@ -1,2 +0,0 @@
-export * from "./image";
-export * from "./figure";

package/src/ui/elements/media/Video/index.js

@@ -1,27 +0,0 @@
-import { __ZikoUIDynamicMediaElement__ } from "../__ZikoUIDynamicMediaELement__.js";
-class ZikoUIVideo extends __ZikoUIDynamicMediaElement__ {
-    constructor(src="", w = "100%", h = "50vh") {
-      super("video","video");
-      if (src.nodeName === "VIDEO") this.element?.setAttribute("src", src.src);
-      else this.element?.setAttribute("src", src);
-      if (typeof w == "number") w += "%";
-      if (typeof h == "number") h += "%";
-      this.style({ width: w, height: h });
-    }
-    get isVideo(){
-      return true;
-    }
-    usePoster(src=""){
-      this.element.poster=src;
-      return this;
-    }
-    usePIP(e){
-      this.element.requestPictureInPicture(e);
-      return this;
-    }
-  }
-const video = (src, width, height) => new ZikoUIVideo(src, width, height);
-export {
-  video,
-  ZikoUIVideo
-}

package/src/ui/elements/media/__ZikoUIDynamicMediaELement__.js

@@ -1,47 +0,0 @@
-import ZikoUIElement from "../../constructors/ziko-ui-element.js";
-class __ZikoUIDynamicMediaElement__ extends ZikoUIElement {
-    constructor(element, name) {
-      super(element, name);
-      this.useControls();
-    }
-    get t(){
-      return this.element.currentTime;  
-    }
-    useControls(enabled = true) {
-      this.element.controls = enabled;
-      return this;
-    }
-    enableControls(){
-      this.element.controls = true;
-      return this;
-    }
-    disableControls(){
-      this.element.controls = true;
-      return this;
-    }
-    toggleControls(){
-      this.element.controls = !this.element.controls;
-      return this;
-    }
-    play() {
-      this.element.play();
-      return this;
-    }
-    pause() {
-      this.element.pause();
-      return this;
-    }
-    seekTo(time) {
-      this.element.currentTime = time;
-      return this;
-    }
-    onPlay(){
-
-    }
-    onPause(){
-
-    }
-  }
-export {
-  __ZikoUIDynamicMediaElement__
-}

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

@@ -1,3 +0,0 @@
-export * from "./image";
-export * from "./video";
-export * from "./audio";

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"