ziko 0.0.4 → 0.0.6

package/src/UI/List/index.js

@@ -1,130 +0,0 @@
-import ZikoUIElement from "../ZikoUIElement.js";
-import {text} from "../Text/index.js";
-class ZikoUILI extends ZikoUIElement{
-  constructor(UI){
-    super();
-    this.element=document.createElement("li");
-    this.append(UI);
-    this.render()
-  }
-}
-class ZikoUIList extends ZikoUIElement {
-    constructor(element,name) {
-      super(element,name);
-      delete this.append;
-      //this.style({ listStylePosition: "inside" });
-    }
-    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);
-    this.render();
-  }
-  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);
-    this.render();
-  }
-}
-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/Media/Audio/index.js

@@ -1,39 +0,0 @@
-import ZikoUIElement from "../../ZikoUIElement";
-class ZikoUIAudio extends ZikoUIElement {
-    constructor(src) {
-      super("audio","audio");
-      this.element.setAttribute("src", src);
-      this.render();
-      this.useControls();
-    }
-    get t(){
-      return this.element.currentTime;  
-    }
-    useControls(enabled = true) {
-      this.element.controls = enabled;
-      return this;
-    }
-    play() {
-      this.element.play();
-      return this;
-    }
-    pause() {
-      this.element.pause();
-      return this;
-    }
-    seekTo(time) {
-      this.element.currentTime = time;
-      return this;
-    }
-    onPlay(){
-
-    }
-    onPause(){
-
-    }
-  }
-const audio = (src) => new ZikoUIAudio(src);
-export {
-    audio,
-    ZikoUIAudio
-}

package/src/UI/Media/Image/figure.js

@@ -1,17 +0,0 @@
-import ZikoUIElement from "../../ZikoUIElement";
-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);
-      this.render();
-    }
-}
-const figure =(image,caption) =>new ZikoUIFigure(image,caption);
-export{
-    figure,
-    ZikoUIFigure
-}

package/src/UI/Media/Image/image.js

@@ -1,34 +0,0 @@
-import ZikoUIElement from "../../ZikoUIElement.js";
-class ZikoUIImage extends ZikoUIElement {
-    constructor(src, w, h) {
-      super("image","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.style({ border: "1px solid black", width: w, height: h });
-      this.render();
-    }
-     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, width, height) => new ZikoUIImage(src, width, height);
-export{
-    image,
-    ZikoUIImage
-}

package/src/UI/Media/Image/index.js

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

package/src/UI/Media/Video/index.js

@@ -1,50 +0,0 @@
-import ZikoUIElement from "../../ZikoUIElement.js";
-class ZikoUIVideo extends ZikoUIElement {
-    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 });
-      this.render();
-    }
-    get t(){
-      return this.element.currentTime;  
-    }
-    useControls(enabled = true) {
-      this.element.controls = enabled;
-      return this;
-    }
-    play() {
-      this.element.play();
-      return this;
-    }
-    pause() {
-      this.element.pause();
-      return this;
-    }
-    poster(src=""){
-      this.element.poster=src;
-      return this;
-    }
-    usePIP(e){
-      this.element.requestPictureInPicture(e);
-      return this;
-    }
-    seekTo(time) {
-      this.element.currentTime = time;
-      return this;
-    }
-    onPlay(){
-
-    }
-    onPause(){
-
-    }
-  }
-const video = (src, width, height) => new ZikoUIVideo(src, width, height);
-export {
-  video,
-  ZikoUIVideo
-}

package/src/UI/Media/index.js

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

package/src/UI/Misc/index.js

@@ -1,49 +0,0 @@
-import ZikoUIElement from "../ZikoUIElement.js";
-class ZikoUIHtmlTag extends ZikoUIElement {
-  constructor(element) {
-    super(element,"ZikoHtml");
-      this.render();
-  }
-}
-class ZikoUIBr extends ZikoUIElement {
-    constructor() {
-      super("br","br");
-        this.render();
-        delete this.append
-    }
-  }
-  class ZikoUIHr extends ZikoUIElement {
-    constructor() {
-      super("hr","hr");
-        this.render();
-        delete this.append
-    }
-  }
-  class ZikoUILink extends ZikoUIElement{
-    constructor(href){
-      super("a","link");
-      this.setHref(href);
-      this.render();
-    }
-    setHref(href){
-      this.element.href=href;
-    }
-  }
-  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 ZikoHtml=(tag,...UIElement)=>new ZikoUIHtmlTag(tag).append(...UIElement);
-export{
-  ZikoHtml,
-  br,
-  hr,
-  brs,
-  hrs,
-  link,
-  ZikoUIHtmlTag,
-  ZikoUIBr,
-  ZikoUIHr,
-  ZikoUILink
-}

package/src/UI/Semantic/index.js

@@ -1,68 +0,0 @@
-import ZikoUIElement from "../ZikoUIElement.js";
-class ZikoUIMain extends ZikoUIElement{
-    constructor(){
-      super("main","Main");
-      this.render();
-    }
-  }
-  class ZikoUIHeader extends ZikoUIElement{
-    constructor(){
-      super("header","Header");
-      this.render();
-    }
-  }
-  class ZikoUINav extends ZikoUIElement{
-    constructor(){
-      super("nav","Nav");
-      this.render();
-    }
-  }
-  class ZikoUISection extends ZikoUIElement{
-    constructor(){
-      super("section","Section");
-      this.style({position:"relative"})
-      this.render();
-    }
-  }
-  class ZikoUIArticle extends ZikoUIElement{
-    constructor(){
-      super("article","Article");
-      this.render();
-    }
-  }
-  class ZikoUIAside extends ZikoUIElement{
-    constructor(){
-      super("aside","Aside");
-      this.render();
-    }
-  }
-  class ZikoUIFooter extends ZikoUIElement{
-    constructor(){
-      super("footer","Footer");
-      this.element=document.createElement("footer");
-      this.render();
-    }
-  }
-const Section = (...ZikoUIElement) => new ZikoUISection().append(...ZikoUIElement);
-const Article = (...ZikoUIElement) => new ZikoUIArticle().append(...ZikoUIElement);
-const Main = (...ZikoUIElement) => new ZikoUIMain().append(...ZikoUIElement);
-const Header = (...ZikoUIElement) => new ZikoUIHeader().append(...ZikoUIElement);
-const Footer = (...ZikoUIElement) => new ZikoUIFooter().append(...ZikoUIElement);
-const Nav = (...ZikoUIElement) => new ZikoUINav().append(...ZikoUIElement);
-const Aside = (...ZikoUIElement) => new ZikoUIAside().append(...ZikoUIElement);
-export{
-  Header,
-  Main,
-  Section,
-  Article,
-  Aside,
-  Nav,
-  Footer,
-  ZikoUIHeader,
-  ZikoUIMain,
-  ZikoUISection,
-  ZikoUIArticle,
-  ZikoUIAside,
-  ZikoUINav,
-  ZikoUIFooter
-}