1 line
1.2 KiB
JavaScript
1 line
1.2 KiB
JavaScript
let t;const u={config:{name:"Components",type:"library",targetVer:"0.0.1"},init:(r,n,e)=>{t=r},data:{Input:{new:()=>{const{HTML:r}=t,n=new r("input");return n.style({"border-radius":"5px",padding:"2.5px",outline:"none",background:"transparent",border:"1px solid var(--surface-0)"}),n}},Button:{new:(r="normal")=>{function n(d,a){const s=parseInt(d,16),p=(s>>16)+a,i=(s>>8&255)+a;return((s&255)+a|i<<8|p<<16).toString(16)}const{HTML:e}=t,o=new e("button");return o.style({"border-radius":"5px",padding:"2.5px 5px",background:"var(--base)",border:"1px solid var(--surface-0)"}),r==="normal"?o.style({background:"var(--base)"}):r==="primary"&&o.style({background:"var(--primary)",color:"var(--base)",border:`1px solid #${n(document.documentElement.style.getPropertyValue("--primary").replace("#",""),-40)}`}),o}},Icon:{new:(r,n="inherit")=>{const{HTML:e}=t;return new e("i").class("material-symbols-rounded").text(r).style({"font-size":n})}},Dropdown:{new:r=>{const{HTML:n}=t,e=new n("select");return e.style({"border-radius":"5px",padding:"2.5px",background:"var(--base)",border:"1px solid var(--surface-1)"}).appendMany(...r.map(o=>new n("option").text(o))),e}}}};export{u as default};
|