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

a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities

import ZikoUIElement from "../ZikoUIElement";
class ZikoUIMain extends ZikoUIElement{
    constructor(){
      super("main","Main");
    }
    get isMain(){
      return true
    }
  }
  class ZikoUIHeader extends ZikoUIElement{
    constructor(){
      super("header","Header");
    }
    get isHeader(){
      return true
    }
  }
  class ZikoUINav extends ZikoUIElement{
    constructor(){
      super("nav","Nav");
    }
    get isNav(){
      return true
    }
  }
  class ZikoUISection extends ZikoUIElement{
    constructor(){
      super("section","Section");
      this.style({position:"relative"})
    }
    get isSection(){
      return true
    }
  }
  class ZikoUIArticle extends ZikoUIElement{
    constructor(){
      super("article","Article");
    }
    get isArticle(){
      return true
    }
  }
  class ZikoUIAside extends ZikoUIElement{
    constructor(){
      super("aside","Aside");
    }
    get isAside(){
      return true
    }
  }
  class ZikoUIFooter extends ZikoUIElement{
    constructor(){
      super("footer","Footer");
      this.element=document?.createElement("footer");
    }
    get isFooter(){
      return true
    }
  }
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
}