nodality 1.0.0-beta.8 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/bundle.umd.js +1 -1
  2. package/dist/finalresult.esm.js +1 -1
  3. package/dist/index.cjs.js +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/layout/index.js +5 -1
  6. package/{layout → lib}/scrollvideo.js +1 -1
  7. package/package.json +1 -1
package/dist/bundle.umd.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Bundle=t():e.Bundle=t()}(this,(()=>(()=>{"use strict";var __webpack_modules__={11:(e,t,s)=>{s.d(t,{B:()=>i});class i{constructor(e){this.res=null,this.st=e}setup(){let e=document.createElement("div");return e.style.display="grid",this.res=e,this.st&&this.sticky(),this}set(e){return this.setup(),e.height&&(this.res.style.height=e.height),e.sticky&&this.sticky(),this}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}add(e){this.children=e;for(var t=0;t<e.length;t++){let s=e[t].render();s.style.gridColumn=1,s.style.gridRow=1,this.res.appendChild(s)}return this}toCode(){let e="new Stack().set({})";return this.children.length>0&&(e+=`.add([\n \n ${this.children.map((e=>e.toCode())).join(",\n")} \n \n])`),[e]}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}},16:(e,t,s)=>{s.d(t,{E:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.res=null,this.setup(t),this.code=[],this.elCSS=[],this.html=[],this.react=[],this.code.push(`new Text("${this.text}")`)}flexOne(){return this.res.style.flex="1",this}setGridWithoutCode(){return this.res.style.border="1px solid white",this}setArea(e){return this.res.style.gridArea=e,this}toCodea(){return this.excludeFromCodeTrue&&(this.code=[""]),this.code}toCode(){if(this.excludeFromCodeTrue)return[""];const e=Object.fromEntries(Object.entries(this.options).filter((([e,t])=>null!==t))),t=JSON.stringify(e,null,4).replace(/"([^"]+)":/g,"$1:");return console.log("OCO"),console.log(t),[`new Text("${this.text}").set(${t})`]}toCSS(){return this.css}toHTMLA(){return this.html}toElCSS(){return this.elCSS=this.elCSS.map((e=>" "+e)),this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}getType(){return"S1"===this.options.fluidc?"HTMLHeaderElement":"HTMLParagraphElement"}gradientOptions(e){if(0===e.length)return this;const t=e.filter((e=>"gradient"===e.op.name))[0];if(void 0===t)return this;const s=t.op;if(t.point){const e=()=>{window.matchMedia(`(min-width: ${t.range[0]}) and (max-width: ${t.range[1]})`).matches&&(this.prevBackground=this.res.style.color.toString(),this.res.style.background=s.gradient,this.res.style.WebkitBackgroundClip="text")};e(),window.addEventListener("resize",e)}}strokeOptions(e){if(0===e.length)return this;const t=e.filter((e=>"blast"===e.op.name))[0];if(void 0===t)return this;console.log("DEL");const s=t.op;if(t.point){const e=()=>{window.matchMedia(`(min-width: ${t.range[0]}) and (max-width: ${t.range[1]})`).matches&&(s.color?this.res.style["-webkit-text-stroke"]=`${s.width?s.width:"1px"} ${s.color}`:this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent")};e(),window.addEventListener("resize",e)}else s.color&&(this.res.style["-webkit-text-stroke"]=`${s.width?s.width:"1px"} ${s.color}`),this.res.style["-webkit-text-fill-color"]="transparent"}stroke(){return this.res.style["-webkit-text-stroke"]="3px orange",this}fill(){return this.res.style["-webkit-text-fill-color"]="transparent",this}rowCol(e,t){return this.res.style.gridRow=e,this.res.style.gridColumn=t,this}setGridRow(e){return this.res.style.gridRow=e,this}setGridCol(e){return this.res.style.gridColumn=e,this}toHTML(){return this.res}onTap(e){return this.res.addEventListener("click",e),this}setClass(e){return this.res.setAttribute("class",e),this}setRandom(){for(var e="LAYOUT-",t=90;t>0;--t)e+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62*Math.random())];return e+=(new Date).getTime(),this.res.setAttribute("class",e),this}styled(e){return this.set(e),this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}set(e){this.resCopy=this.res,this.options=e,super.setPrevText(this.text),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.cursor&&(this.res.style.cursor="hand"),e.gpos&&this.gpos(e.gpos),e.vtn&&(this.res.style.viewTransitionName=e.vtn),e.index&&super.setIndex(e.index),e.index&&(this.index=e.index),e.preffersId&&(this.preffersId=e.preffersId),super.setPref(e.preffersId),e.removeDecoration&&(this.res.style.textDecoration="none"),e.block&&(this.res.style.display="block"),e.area&&this.setArea(e.area),e.icon&&this.addIcon(e.icon),e.color&&this.color(e.color),e.color&&this.elCSS.push(`color: ${e.color}; \n`),e.class&&this.setClass(e.class),e.size&&this.fluidCopy(e.size),e.fluidc&&this.fluidCopy(e.fluidc),e.initLetter&&this.initLetter(e.initLetter),e.onTap&&this.onTap(e.onTap),"S6"===e.fluidc?e.fluidc&&this.elCSS.push("font-size: calc(1.1rem + 2.075vw); \n"):e.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),this.options.id&&this.res.setAttribute("id",this.options.id),super.setID(this.options.id),this.options.class&&this.res.setAttribute("class",this.options.class),super.setClass(this.options.class),e.clampc&&this.clampCopy(e.clampc),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.pad&&this.pad(e.pad),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),e.mar&&this.mar(e.mar),e.exact&&(this.res.style.fontSize=e.exact),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.absolute&&(this.res.style.position="absolute"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.em&&this.em(e.em),e.fluid&&this.fluid(e.fluid),e.font&&this.font(e.font),e.fluidc&&this.elCSS.push(`font-family: ${e.font}; \n`),e.align&&(this.res.style.textAlign=e.align),e.weight&&(this.res.style.fontWeight=e.weight),e.padding&&this.padding(e.padding),e.breakWord&&(this.res.style.wordWrap="break-word"),e.center&&(this.res.style.marginRight="auto"),e.center&&(this.res.style.marginLeft="auto"),e.width&&(this.res.style.width=e.width),e.height&&(this.res.style.height=e.height),e.background&&(this.res.style.backgroundColor=e.background),e.radius&&(this.res.style.borderRadius=e.radius),e.italic&&this.italic(),e.responsive&&this.responsive(),e.border&&(this.res.style.border=`${e.border}`),e.onScroll&&this.onScroll(e.onScroll),e.keySet&&this.keySet(e.keySet),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.transform&&this.reactOnTransform(e.transform),console.log("OGA"),console.log(e);let t=[];if(e.stroke||e.gradient||e.span||e.backgroundOp||e.layout||e.shadow||e.animation||e.filtera||e.transform){e.gradient&&(this.globalGradient=e.gradient.op.gradient),e.stroke&&super.setAny({globalBlast:`${e.stroke.op.width} ${e.stroke.op.color}`}),e.span&&(e.span.prevText=this.text);let i=[e.stroke,e.gradient,e.animation,e.span,e.backgroundOp,e.layout,e.marginOp,e.shadow,e.animation,e.filtera,e.transform];i=i.filter((e=>null!=e));for(var s=0;s<i.length;s++)t.push({range:i[s].range,log:i[s].op.name,target:i[s].target,op:i[s].op});let r=[];e.borderObj&&r.push("border"),e.background&&r.push("background"),e.mar&&r.push("margin"),e.animation&&r.push("animation"),e.span&&r.push("span"),this.chainReact(t,this.options.id,r)}return this}excludeFromCode(){return this.excludeFromCodeTrue=!0,this}addIcon(e){let t=document.createElement("img");return t.style.width="20px",t.style.marginLeft="10px",t.style.height="auto",t.setAttribute("src",e.url),this.res.appendChild(t),this}checkForAnimation(e){e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const t=window.innerWidth;for(const s of e){const[e,i]=s.range,r=parseInt(e),n=parseInt(i);if(t>=r&&t<=n&&"animation"===s.log){const e=[{opacity:0,transform:"translateY(100px)"},{opacity:1,transform:"translateY(0)"}];this.res.animate(e,{duration:1e3,easing:"ease"})}}}resetSmall(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}resetGradient(){return this.res.style.WebkitBackgroundClip="text",this.res.style.background="transparent",this}resetStroke(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}innerStroke(e){e.color?this.res.style["-webkit-text-stroke"]=`${e.width?e.width:"1px"} ${e.color}`:this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent"}innerGradient(e){this.res.style.background="linear-gradient(45deg, #ff0000, #00ff00)",this.res.style["-webkit-background-clip"]="text"}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),t||(this.res.style.marginBottom=e),this}clampExperiment(){return this.res.style.fontSize="clamp(1rem, calc(1rem * 10rem), 3rem)",this}between(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}betweenCopy(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}stringGen(e){for(var t="",s=0;s<e;s++)t+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(26*Math.random()));return t}initLetter(e){let t=document.createElement("style");document.body.appendChild(t),Math.random();let s=this.stringGen(1e3);return this.res.setAttribute("id",s),document.styleSheets[0].insertRule(`#${s}::first-letter { color: green; font-size: 3em; padding: 0.1em }`,0),this}constant(e){return"S1"===e&&this.jumbotron(),"S2"===e&&this.large(),"S3"===e&&this.medium(),this}minusMargin(){return this.res.style.marginRight="-3.1em",this}fluid(e){if("S1"===e){this.res=document.createElement("h1");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 4.3vw)"}if("S2"===e){this.res=document.createElement("h2");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.525rem + 3.525vw)"}if("S3"===e){this.res=document.createElement("h3");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 2.75vw)"}if("S4"===e){this.res=document.createElement("h4");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.275rem + 1.975vw)"}return"S5"===e&&(this.res.style.fontSize="calc(1.1rem + 1.2vw)"),this}getClampValue(e){return"S7"===e?"clamp(1.45rem, 2vw + 1.5rem, 1.69rem)":"S6"===e?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===e?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===e?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===e?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===e?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===e?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(e){return this.res.style.fontSize=this.getClampValue(e),this}fluidCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.options&&!1===this.options.preffersId?this.html.push(`<p class="${this.options.class}">${this.text}</p> \n \n`):this.options&&this.options.id&&this.html.push(`<p id="${this.options.id.substr(1)}">${this.text}</p> \n \n`),this.res.style.fontSize="calc(1rem + 0.5vw)"),this}toReactComponent(){return this.react.push("function Godzilla() { \n"),this.react.push(`return <h1 class="${this.options.class}">${this.text}</h1> \n`),this.react.push("} \n \n"),this.react}myself(e){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=e.desktop:this.res.style.fontSize=e.phone};return t(),window.addEventListener("resize",t),this}jumbotron(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="8rem":this.res.style.fontSize="6rem"};return e(),window.addEventListener("resize",e),this}large(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="7rem":this.res.style.fontSize="5rem"};return e(),window.addEventListener("resize",e),this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,this}vw(e,t,s){}responsive(e){this.set=!1,this.setB=!1;const t=()=>{window.innerWidth<e.minw?(this.setB=!1,this.set||(this.res.style.color="#3498db",this.res.style.fontSize=e.baseVW/100*window.innerWidth+"px",this.set=!0)):window.innerWidth>e.maxw?(this.set=!1,this.setB||(this.res.style.color="orange",this.res.style.fontSize=e.baseVW/100*e.maxw+"px",this.setB=!0)):(this.set=!1,this.setB=!1,this.res.style.color="black",this.res.style.fontSize=`${e.baseVW}vw`)};return t(),window.addEventListener("resize",t),this}xlarge(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="6.5rem":this.res.style.fontSize="8.5rem"};return e(),window.addEventListener("resize",e),this}medium(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.25rem":this.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}small(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="1.5em":this.res.style.fontSize="1em"};return e(),window.addEventListener("resize",e),this}sizes(e){this.res.style.fontSize=`${e[0].size}rem`;const t=()=>{for(var t=0;t<e.length;t++)e[t].width&&window.matchMedia(`(min-width: ${e[t].width}px)`).matches&&(this.res.style.fontSize=`${e[t].size}`);window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.fontSize=`${e[e.length-1].mobile}`)};return t(),window.addEventListener("resize",t),this}setup(e){let t;e?(t=document.createElement(e.type),t.setAttribute("id",e.id),e.type):t=document.createElement("p");let s=document.createTextNode(this.text);return t.appendChild(s),this.res=t,this.res.style.padding=0,this.res.style.margin=0,this}hide(){return this.res.style.visibility="hidden",this}font(e){return this.res.style.fontFamily=e,this}center(){return this.res.style.textAlign="center",this}size(e){return this.res.style.fontSize=e,this}em(e){return this.res.style.fontSize=`${e}em`,this}color(e){return this.res.style.color=e,this}align(e){return this.res.style.textAlign=`${e}`,this}weight(e){return this.res.style.fontWeight=e,this}bold(){return this.res.style.fontWeight="bold",this}italic(){return this.res.style.fontStyle="italic",this}width(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}offset(e){return this.res.style.gridRow=2,this.res.style.gridColumn=2,this.res.style.marginLeft="-60px",this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}padding(e,t,s,i){return(e||t||s||i)&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i),t||s||i||(this.res.style.padding=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(this.res.style.margin=e),this}margin(e,t){return"top"==e?this.res.style.marginTop=t:"bottom"==e?this.res.style.marginBottom=t:"left"==e?this.res.style.marginLeft=t:"right"==e&&(this.res.style.marginRight=t),this}headline(){return this.em(4),this.font("Arial"),this.bold(),this}caption(){return this.bold(),this.res.style.fontFamily="Arial",this.color("gray"),this.padding("top",20),this.res.style.fontSize="1em",window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em",this}updating(e,t){var s=this.res,i=this.text;return Object.defineProperty(e,t,{set(e){let t=document.createTextNode(i.replace("$",e));s.replaceChild(t,s.childNodes[0])}}),this}style(e){return this.res.style.color=e.styles.color,this.res.style.fontWeight=e.styles.fontWeight,this.res.style.paddingLeft=e.styles.padding[0],this.res.style.paddingTop=e.styles.padding[1],this.res.style.paddingRight=e.styles.padding[2],this.res.style.paddingBottom=e.styles.padding[3],this.res.style.marginLeft=e.styles.margin[0],this.res.style.paddingTop=e.styles.margin[1],this.res.style.paddingRight=e.styles.margin[2],this.res.style.paddingBottom=e.styles.margin[3],this.res.style.opacity=e.styles.opacity,this}applyStyle(e,t){return window.matchMedia(`(max-width: ${e}px)`).matches&&Object.assign(this.res.style,t.styles),this}nextApply(e){let t=[];this.res.style;const s=s=>{t[0].matches?Object.assign(this.res.style,e[0].styles):t[1].matches?Object.assign(this.res.style,e[1].styles):Object.assign(this.res.style,e[e.length-1].styles)};for(var i=0;i<e.length;i++){let r=e[i],n=window.matchMedia(`(min-width: ${r.min}px) and (max-width: ${r.max}px)`);t.push(n),t[i].addListener(s)}return s(),this}apply(e){var t=this.res.styles;const s=()=>{for(var s=0;s<e.length;s++){let i=e[s];i.min&&i.max?window.matchMedia(`(min-width: ${i.min}px) and (max-width: ${i.max}px)`).matches?Object.assign(this.res.style,i.styles):(alert("YES min max, but does not match"),Object.assign(this.res.style,t)):window.matchMedia(`(max-width: ${i.max}px)`).matches?Object.assign(this.res.style,i.styles):(alert("NO min max, and does not match"),Object.assign(this.res.style,t))}};return s(),window.addEventListener("resize",s),this}render(e){if(!e)return this.res;this.options&&this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(e).appendChild(this.res)}}},19:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>Des});var _lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(807),_layout_text_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(16),_layout_image_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(130),_layout_link_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(219),_layout_flexRow_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(946),_layout_newNavBar_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(155),_layout_free_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(317),_layout_audionew_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(959),_layout_code_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(26),_layout_container_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(304),_layout_table_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(588),_layout_dropdown2025_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(69),_layout_textField_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(758),_layout_flexCard_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(110),_layout_zoomCard_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(418),_layout_multiswitcher_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(897),_layout_betaMobileBar_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(734),_layout_betaDesktopBar_js__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(828),_layout_sideNavBar_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(790),_layout_formComponents_floatingInput_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(148),_layout_formComponents_range_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(751),_layout_formComponents_radio_js__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(385),_layout_formComponents_picker_js__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(898),_layout_formComponents_imagePicker_js__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(877),_layout_formComponents_dataList_js__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(216),_layout_button_js__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(207),_layout_slider2025_js__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(733),_layout_video_js__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__(836),_layout_checkbox_js__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__(342);class Des{constructor(){this.items=[],this.options=[],this.code=[],this.ready2Render=[],this.stor={text:{miami:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},base:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},nepal:{code:'new Text("Hello").set({fluidc: "S3", color: "#2ECC71", font: "Helvetica Neue"})'},patagonia:{code:'new Text("Hello").set({fluidc: "S3", color: "#3498DB", font: "DIN Alternate"})'}},complexa:{code:"new Wrapper()\n .set({...}) // Rest of the code omitted for brevity"},complex:{code:'new Wrapper() \n\t.set({\n\t\tbackground: "orange",\n\t\tresponsive: {\n\t\t\tranges: ["700px", "1200px", "1400px"],\n\t\t\tsequence: "col-row-col"\n\t\t}\n\t})\n\t.add([\n\t\tnew Image("mountains.jpg").set({\n\t\t\twidth: "auto",\n\t\t\theight: "100%",\n\t\t}),\n\n new Wrapper().set({}).add([\n new Text("Title").set({\n fluidc: "S3",\n font: "Arial"\n }),\n\n new Image("sea.png").set({\n width: "100%"\n })\n ])\n\t])'},ops:{miami:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"${e}px"}}`},nepal:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"${e}px"}}`},patagonia:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"${e}px"}}`}},link:{miami:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "", color: "orange", hover: {color: "white", background: "orange", animation: 0.6}, borderObj: {color: "orange", width: "3px", radius: "0.7rem"}, pad: { sides: ["all"], value: "0.6rem" }, arrayMargin: { sides: ["top", "bottom"], value: "0.8rem" }, radius: "0.4rem"})'},base:{code:'new Link("Link").set({text: "Hello", url: "#ai", background: "#3498db", pad: [{lr: "0.5rem", tb: "1rem"}], radius: "0.4rem", color: "white"})'},nepal:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "#2ECC71", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'},patagonia:{code:'new Link("Link", "#a").set({text: "Hello", url: "#a", background: "#1ABC9C", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'}},grid:{code:"new Simple().set({...}).react([...]).add([...])"},flexRow:e=>({image:{code:'new FlexRow().set({border: ["all", "3px"], colat: "600px"}).items([new Image(...), new Image(...), new Image(...)])'},text:{code:"new FlexRow().set({...}).items([new Text(...), new Text(...), new Text(...)])"}}),tabSpace:e=>" ".repeat(e)}}at(e){return this.options.push(e),this}nodes(e){return this.options=e,this.protoOptions=[...e],console.log(this.options),console.log(this.protoOptions),this}getElType(e){return`S${e.substr(1)}`}filtero(e,t,s){return s.filter((t=>t.op.name===e)).filter((e=>!e.target||e.target.includes(t)))[0]}add(arr){this.css=[],this.elCSS=[],this.elHTML=[];let customOptions=this.options;for(var i=0;i<arr.length;i++){let el=arr[i],ela=null,ops=["blast","gradient","shadow","filter","animationSimple","transform"],replacementObjects=[{op:{name:"blast",color:"green",width:"1px"}},{op:{name:"gradient",gradient:"linear-gradient(orange, green)"}},{op:{name:"shadow",color:"#1abc9c",steps:3}},{op:{name:"filter",filter:"grayscale(0.7)"}},{op:{name:"animation",color:"green",width:"1px",fireAt:"inview",keyframesOpen:[{transform:"translate(100%, 0%)",opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, 0%)",opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}},{op:{name:"transform",values:["ty:-20px","scale(3)","rotate(30deg)","skew(40deg, 0deg)","perspective(500px)","matrix(1, 0, 0, 1, 50, 50)"]}}];for(var q=0;q<ops.length;q++){let e=customOptions.map((e=>e.op)).map(((e,t)=>e===ops[q]?t:"")).filter(String);if(e.length>0)for(var d=0;d<e.length;d++){let t=e[d],s=customOptions[t].target,i=customOptions[t].range,r=customOptions[t].filter,n=customOptions[t].gradient,a=replacementObjects[q];a.target=s,null!=i&&(a.range=i),null!=r&&(a.op.filter=r),null!=n&&(a.op.gradient=n),customOptions[t]=a}}console.warn(customOptions);for(var q=0;q<customOptions.length;q++){let e=customOptions[q].op.name,t=this.protoOptions[q].style||"default",s=this.protoOptions[q].duration||"default";if("transform"===e){let e=[];if(e="SOLARIUM"===t?["scale(3)"]:"WAVE"===t?["skew(15deg, 0deg)","tx:50px","rotate(10deg)","scale(1.1)"]:"CUBE-SPIN"===t?["perspective(700px)","scale(0.9)"]:"TORNADO-SWITCH"===t?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","tz:-80px"]:"LASER-SWEEP"===t?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"TORNADO-TWIST"===t?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","skew(10deg, 0deg)"]:"JELLY-WOBBLE"===t?["scale(1.2, 0.8)","rotate(5deg)","ty:-10px","skew(5deg, 0deg)"]:"DRUNKEN-SWAY"===t?["rotate(15deg)","tx:20px","ty:-10px","skew(10deg, 5deg)"]:"FLAME-FLICKER"===t?["scale(1.1, 0.9)","rotate(-5deg)","ty:5px","opacity:0.7"]:"PHANTOM-SHIFT"===t?["tx:15px","ty:-5px","opacity:0.5","skew(5deg, 5deg)"]:"RUBBER-BOUNCE"===t?["scale(1.3, 0.8)","skew(10deg, 0deg)","ty:-20px"]:"ASTEROID-CRASH"===t?["tx:-80px","ty:100px","rotate(45deg)","scale(0.7)","opacity:0.5"]:"CYBER-GLITCH"===t?["tx:5px","ty:-5px","rotate(3deg)","opacity:0.6","scale(1.05)"]:"BUBBLE-POP"===t?["scale(1.5)","opacity:0.3","ty:-20px"]:"SUPERNOVA-BURST"===t?["scale(2)","opacity:0","tx:50px","ty:-50px"]:"GRAVITY-DROP"===t?["ty:100px","scale(0.8)","rotate(10deg)","skew(0deg, 10deg)"]:"LASER-SWEEP"===t?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"VORTEX-SINK"===t?["rotate(-360deg)","scale(0.5)","ty:50px"]:"SHOCKWAVE"===t?["scale(1.7)","opacity:0.4","skew(5deg, 5deg)"]:["ty:-20px","scale(3)","rotate(30deg)","skew(40deg, 0deg)","perspective(500px)","matrix(1, 0, 0, 1, 50, 50)"],"default"===s&&(s="MEDIUM"),"FAST"===s?s="3s-ease-in-out":"MEDIUM"===s?s="6s-ease-in-out":"SLOW"===s&&(s="10s-ease-in-out"),q==i){console.log("DURA"),console.log(s),customOptions[q].op.transform={values:e,duration:s};let t="style",i="duration";if(customOptions[q]?.op&&t in customOptions[q].op&&delete customOptions[q].op[t],customOptions[q]?.op&&i in customOptions[q].op&&delete customOptions[q].op[i],console.log("COQ"),console.log(customOptions[q].op.values),customOptions[q]?.op.values){let e="values";customOptions[q]?.op.values&&delete customOptions[q].op[e]}}}}console.log(`----------------------------LLL ${i} ${customOptions.length}`);const matchEls=["h1","h2","h3","h4","h5","h6"].includes(el.type)||"img"===el.type||"a"===el.type||"slider"==el.type;matchEls?(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i}),ela.toCode?this.code.push(ela.toCode().join("")):this.code.push(ela),this.ready2Render.push(ela),ela=ela.render()):"table"===el.type?this.code.push('\n new Table()\n .add([\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" },\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" },\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" }\n ])\n .set({\n cellPadding: "0.3em",\n cellAlign: "center",\n style: {\n font: "Arial"\n },\n headStyle: {\n color: "white",\n background: "#ff6d22"\n },\n border: "2px solid black",\n center: true,\n borderRadius: 2.2\n })\n '):"grid"===el.type?this.code.push(this.stor.grid.code):"modal"===el.type?this.code.push('new Code()\n .set({\n pad: [\n { l: 30 },\n ], \n mar: [\n { a: 30 },\n ], \n class: "language-js",\n code: `\n // You need to copy and paste this example\n\n\n import {Animator} from "../layout/animator.js";\n import {Text} from "../layout/text.js";\n import {Modal} from "../layout/modal2025.js";\n import {Stack} from "../layout/stack.js";\n import {Image} from "../layout/image.js";\n import {FlexRow} from "../layout/flexrow.js";\n import {Button} from "../layout/button.js";\n import {Spacer} from "../layout/spacer.js";\n import {Wrapper} from "../layout/container.js";\n \n \n let firstLong = "Apple today announced that the company has surpassed a 60 percent reduction in its global greenhouse gas emissions compared to 2015 levels, as part of its Apple 2030 goal to become carbon neutral across its entire footprint in the next five years. The company achieved several other major environmental milestones, including the use of 99 percent recycled rare earth elements in all magnets and 99 percent recycled cobalt in all Apple-designed batteries.1 Apple shared this and other progress in its annual Environmental Progress Report, published today.\n “We’re incredibly proud of the progress we’re making toward Apple 2030, which touches every part of our business,” said Lisa Jackson, Apple’s vice president of Environment, Policy, and Social Initiatives. “Today, we’re using more clean energy and recycled materials to make our products than ever before, we’re preserving water and preventing waste around the world, and we’re investing big in nature. As we get closer to 2030, the work gets even harder — and we’re meeting the challenge with innovation, collaboration, and urgency.\n Apple’s 2030 strategy prioritizes cutting greenhouse gas emissions by 75 percent compared with its 2015 baseline year, before applying high-quality carbon credits to balance the remaining emissions. Last year, Apple’s comprehensive efforts to reduce its carbon footprint — including the continued transition of its supply chain to renewable electricity and designing products with more recycled materials — avoided an estimated 41 million metric tons of greenhouse gas emissions.";\n \n let elements = [\n new Stack()\n .setup({})\n .add([\n new Image("https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg").set({}),\n \n new FlexRow().set({aligns: "start"}).items([\n \n new Button("×")\n \n .set({\n fluidc: "S3",\n onTap: () => modal.close(),\n frame: { width: 80, height: 80 },\n color: "white",\n background: "none"\n }),\n \n new Spacer(true),\n ])\n ]),\n \n \n new Text("Samuel Suresh")\n .set({\n color: "#00ae56",\n font: "SF Pro Display",\n fluidc: "S2",\n pad: [{"tl": 20}]\n }),\n \n \n new Text("Studying Science and Business, Western Sydney University, class of 2022")\n .set({\n font: "Arial",\n fluidc: "S6",\n pad: [{"l": 20}]\n }),\n \n \n new Text(firstLong)\n .set({\n font: "Arial",\n fluidc: "S6",\n pad: [{"l": 20}]\n }), \n ];\n \n \n let wrapper = new Wrapper()\n .set({})\n .add(elements);\n \n \n let modal = new Modal();\n modal\n .set({\n width: "600px", \n background: "#469d73cc",\n close: true\n })\n .add([wrapper])\n .render("#res"); \n \n \n new Button("Wow")\n .set({\n fluidc: "S3",\n onTap: () => modal.show()\n })\n .render("#res");\n \n `\n })'):"row"===el.type?"img"===el.child?this.code.push(this.stor.flexRow(el.colat).image.code):this.code.push(this.stor.flexRow(el.colat).text.code):"cards"===el.type?(console.log("STORO"),console.log(this.stor),ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),this.code.push(ela)):"wrap"===el.type?this.code.push('new Wrapper().set({}).add([\n new Text("Hello").set({}),\n new Text("Hello").set({}),\n new Text("Hello").set({})\n ]) \n'):"responsive"===el.type?this.code.push(this.stor.complex.code):"free"===el.type||"nav"===el.type||"sideNav"===el.type||"dropdown"===el.type?(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),this.code.push(ela.toCode()),this.ready2Render.push(ela),ela=ela.render()):"code"==el.type?this.code.push('new Code()\n .set({\n pad: [\n { l: 30 },\n ], \n mar: [\n { a: 30 },\n ], \n class: "language-js",\n code: \'new Text("Modality").set({ font: "Arial" })\'\n })\n '):(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),ela.toCode?this.code.push(ela.toCode()):this.code.push(ela),this.ready2Render.push(ela),ela=eval(ela).render())}return this}toTextArea(){let e=document.createElement("textarea");e.style.width=300,e.style.height=300,e.setAttribute("id","elements"),e.value=this.code.join(""),this.target="#elements";let t=document.createElement("pre"),s=document.createElement("code");const i=this.code.map((e=>`${e}.render("#mount"); \n \n`));this.code=i,s.textContent=this.code,t.appendChild(s),t.setAttribute("class","nonLayout"),document.body.appendChild(t),document.body.appendChild(e);let r=document.createElement("pre");return r.style.marginTop="100px",r.style.overflow="scroll",this}set(obj){this.toTextArea(),document.querySelector("#elements").style.display="none",document.querySelector("pre").style.display="block",!1===obj.elements&&(document.querySelector(".nonLayout").style.display="none"),!1===obj.layout&&null!=document.querySelector("#layoutPre")&&(document.querySelector("#layoutPre").style.display="none");for(var i=0;i<this.code.length;i++){let sub=this.code[i];console.log("SUBO"),console.log(sub),eval(`${sub}`)}}}},26:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("code"),this.pre=document.createElement("pre"),this.res.style.background="#18232e",this.res.style.display="block",this.res.style.width="auto",this.res.style.height="auto",this.res.style.color="white",this.res.style.borderRadius="1rem",this.pre.appendChild(this.res)}set(e){return e.code&&(this.pre.children[0].innerHTML=e.code),e.class&&this.pre.children[0].setAttribute("class",`${e.class}`),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),e.resprop&&this.resprop(e.resprop),e.width&&(this.res.style.width=e.width),e.background&&(this.res.style.background=e.background),e.color&&(this.res.style.color=e.color),e.borderRadius&&(this.res.style.background=e.borderRadius),e.borderObj&&(this.res.style.border=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=`${e.borderObj.radius}`),this}render(e){return e&&document.querySelector(e).appendChild(this.pre),this.res}}},69:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("div"),this.toggleWrap=document.createElement("div"),this.toggleWrap.style.zIndex=9999,this.toggleWrap.style.borderRadius="0.3rem",this.toggleWrap.style.height="40px",this.toggleWrap.style.cursor="pointer",this.toggleWrap.style.display="flex",this.toggleWrap.style.alignItems="center",this.toggleWrap.style.justifyContent="center",this.res.appendChild(this.toggleWrap),this.contentWrap=document.createElement("div"),this.contentWrap.style.position="absolute",this.contentWrap.style.background="#ecf0f1",this.contentWrap.style.borderRadius="0.3rem",this.contentWrap.style.boxShadow="0 2px 5px rgba(0, 0, 0, 0.15)",this.contentWrap.style.marginTop="10px",this.contentWrap.style.width="250px",this.contentWrap.style.display="none",this.res.appendChild(this.contentWrap),this.styles={},this.children=[],this.isExpanded=!1,this.toggleWrap.addEventListener("click",(()=>this.toggle()))}set(e){this.options=e,e.title&&(this.toggleWrap.textContent=e.title),e.width&&(this.toggleWrap.style.width=e.width),e.contentWidth&&(this.contentWrap.style.width=e.contentWidth),e.background&&(this.contentWrap.style.backgroundColor=e.background),e.mar&&this.mar(e.mar);const t=()=>{let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia(`(max-width: ${e.breakpoint??"600px"})`);t.matches||s.matches?this.contentWrap.style.position="relative":this.contentWrap.style.position="absolute"};return window.addEventListener("resize",t),t(),this}add(e){if(!Array.isArray(e))throw new Error("The 'add' method expects an array of children.");if(e.forEach(((e,t)=>{if(0!==t){if(!(e.res instanceof HTMLElement))throw new Error("Each child must have a valid 'element' property that is an HTMLElement.");this.contentWrap.appendChild(e.res)}})),!this.options||!this.options.title){const t=e[0];t&&t.res&&this.toggleWrap.appendChild(t.res)}return this.children.push(...e),this}toggle(){this.isExpanded=!this.isExpanded,this.contentWrap.style.display=this.isExpanded?"block":"none"}toCode(){return[`new Dropdown().set({\n ${this.options?Object.entries(this.options).map((([e,t])=>"string"==typeof t?`${e}: "${t}"`:"object"==typeof t?`${e}: ${JSON.stringify(t)}`:`${e}: ${t}`)).join(",\n "):""}\n}).add([\n ${this.children.map(((e,t)=>e.toCode().flatMap((e=>e)).join("")+(t<this.children.length-1?",":""))).join("")}\n])`]}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}},110:(e,t,s)=>{s.d(t,{Z:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.url=t,this.setup()}getType(){return"sCardElement"}setup(){window.matchMedia("(max-device-width: 415px)");let e=document.createElement("div");return e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.backgroundColor="#fff",e.style.fontFamily="Arial",e.style.width="100%",e.style.boxShadow="3px 3px 10px #111",e.style.overflow="hidden",this.res=e,this}set(e){let t="";if(this.obj=e,e.border&&(this.res.style.border=e.border),e.radius&&(this.res.style.borderRadius=e.radius),e.arrayPadding){const s=e.arrayPadding.sides.map((e=>`"${e}"`)).join(", ");e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayPadding&&(t+=`\n arrayPadding: {sides: [${s}], value: "${e.arrayPadding.value}"},`)}return e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.width&&(this.res.style.width=e.width),this}arrayPadding(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),"all"===e[0]&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=t,this.res.style.paddingRight=t,this.res.style.paddingBottom=t),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}frame(e){return e.height&&(this.res.style.height=e.height),e.width&&(this.res.style.width=e.width),this}scale(e){return this.res.style.width,this.res.style.transition="0.5s all",this.res.addEventListener("mouseover",(()=>{this.res.style.width,this.res.style.transform="scale(1.04)"})),this.res.addEventListener("mouseout",(()=>{this.res.style.width,this.res.style.transform="scale(1.0)"})),this}background(e){return this.res.style.backgroundColor=e,this}color(e){return this.res.style.color=e,this}padding(e){return this.res.style.padding=`${e}px`,this}items(e){for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render());return this}shadow(){return this.res.style.boxShadow="1px 1px 20px rgba(0, 0, 0, 0.60)",this}round(e){return this.res.style.borderRadius=`${e}px`,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},130:(e,t,s)=>{s.d(t,{_:()=>r});var i=s(762);class r extends i.y{constructor(e,t,s,i){super(),this.url=e,this.res=null,this.code=[]}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}setType({url:e,type:t,mode:s}){if(this.code=[],"exact"===t){const e=`new Image("${this.url}", "exact")`;this.code.push(e)}else if("uncover"===t){const e=`new Image("${this.url}", "uncover")`;this.code.push(e)}else this.code.push(`new Image('${this.url}')`);return this.image(this.url,s,t),this}flexOne(){return this.res.style.flex="1",this}hand(){return this.res.style.cursor="hand",this}setGridWithoutCode(){return this.res.style.border="1px solid white",this}maxWidth(e){return this.res.style.maxWidth=e,this}getHeight(){return this.res.height}getWidth(){return this.res.width}getType(){return"HTMLImageElement"}toCode(){let e=this.options;this.res.style.border&&(e.border=this.res.style.border);const t=Object.fromEntries(Object.entries(e).filter((([e,t])=>null!==t)));return[`new Image().set(${JSON.stringify(t,null,2).replace(/"(\w+)"\s*:/g,"$1:")})`]}formatObj(e){return JSON.stringify(e,null,2).replace(/"(\w+)"\s*:/g,"$1:")}set(e){let t="";this.options=e;let s=e.isFull;if(s?this.image(e.url,"exact",s,"a"):this.setup(),e.url&&this.res.setAttribute("src",e.url),("exact"===s||"uncover"===s)&&this.url,e.vtn&&(this.res.style.viewTransitionName=e.vtn),this.vtn=e.vtn,e.minHeight&&(this.res.style.minHeight=e.minHeight),e.index&&super.setIndex(e.index),e.index&&(this.index=e.index),e.index&&(t+=`\n index: "${e.index}",`),e.centerSelf&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto"),e.fitContent&&(this.res.style.width="100%",this.res.style.height="100%",this.res.style.marginRight="auto",this.res.style.marginTop="auto",this.res.style.objectFit="cover"),e.objectFit&&(this.res.style.objectFit=e.objectFit),e.objectFit&&(t+=`\n objectFit: "${e.objectFit}",`),e.as&&this.as(e.as),e.onScroll&&this.onScroll(e.onScroll),e.class&&this.res.setAttribute("class",e.class),e.gpos&&(this.gposObject=e.gpos),e.gpos&&(this.res.style.gridColumn=e.gpos.col,this.res.style.gridRow=e.gpos.row,t+=`\n gpos: ${this.removeQuotesFromFirstWord(JSON.stringify(e.gpos))}, `),e.filtera){let s;s=Array.isArray(e.filtera)?r.filtera.filter((e=>"filter"===e.op.name))[0]:e.filtera,t+=`\n filtera: ${this.removeQuotesFromFirstWord(JSON.stringify(s))}, \n`}if(e.keySet&&this.keySet(e.keySet),e.stype&&this.setType(e.stype),e.isBackground&&(this.isBackground=e.isBackground),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.zIndex&&(t+=`\n zIndex: "${e.zIndex}", \n`),e.id&&this.res.setAttribute("id",e.id),e.id&&(t+=` id: "${e.id}", \n`),this.id=e.id,e.area&&this.setArea(e.area),e.area&&(t+=`area: "${e.area}", \n`),e.opacity&&(this.res.style.opacity=e.opacity),e.width&&(this.res.style.width=e.width),e.width&&(t+=`width: "${e.width}", `),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.maxWidth&&(t+=`maxWidth: "${e.maxWidth}", `),e.height&&(this.res.style.height=e.height),e.height&&(t+=`height: "${e.height}", `),e.multimargin&&this.makeMultiMargin(e.multimargin),e.multimargin&&(t+="multimargin: [ \n"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.multimargin){for(var i=0;i<e.multimargin.length;i++){const s=e.multimargin[i];t+=`{side: "${s.side}", value: "${s.value}"}, \n`}t+="], \n"}e.maxWidth&&this.maxWidth(e.maxWidth),e.maxWidth&&(t+=`maxWidth: "${e.maxWidth}", \n`),e.radius&&this.cornerRadius(e.radius),e.radius&&(t+=`radius: "${e.radius}", \n`),e.marginOp&&(t+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp))},`),e.clipPath&&this.clipPath(e.clipPath),e.clipPath&&(t+=`clipPath: "${e.clipPath}", \n`);let r=e;if(r.stroke||r.gradient||r.span||r.backgroundOp||r.layout||r.marginOp||r.shadow||r.filtera||r.animation){r.gradient,r.gradient&&(this.globalGradient=r.gradient.op.gradient),r.stroke&&super.setAny({globalBlast:`${r.stroke.op.width} ${r.stroke.op.color}`});let e=[r.stroke,r.gradient,r.animation,r.span,r.backgroundOp,r.layout,r.marginOp,r.shadow,r.filtera,r.animation];e=e.filter((e=>null!=e));let t=[];for(i=0;i<e.length;i++)t.push({range:e[i].range,log:e[i].op.name,target:e[i].target,op:e[i].op});this.chainReact(t,this.options.id)}if(r.shadow){let e=r.shadow;t+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(e))},`}if(r.animation){let e=r.animation;t+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(e))},`}let n=`\n .set({${t}}) \n \n`;return Object.keys(e).length>0?this.code.push(n):this.code.push(","),this}setFilter(e){let t=[],s=[e];s=s.filter((e=>null!=e));for(var i=0;i<s.length;i++)t.push({range:s[i].range,log:s[i].op.name,target:s[i].target})}makeMultiMargin(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.marginLeft=e[t].value),"right"===e[t].side&&(this.res.style.marginRight=e[t].value),"top"===e[t].side&&(this.res.style.marginTop=e[t].value),"bottom"===e[t].side&&(this.res.style.marginBottom=e[t].value);return this}setID(e){return this.res.setAttribute("id",e),this}square(){return this.res.style.width="30%",this.res.style.paddingBottom="30%",this}opacity(e){return this.res.style.opacity=`${e}`,this}rowCol(e,t){return this.res.style.gridRow=e,this.res.style.gridColumn=t,this}setArea(e){return this.res.style.gridArea=e,this}setGridRow(e){return this.res.style.gridRow=e,this}setGridCol(e){return this.res.style.gridColumn=e,this}setGrid(){return this.res.style.gridRow="span 2",this.res.style.gridColumn="span 3",this}transform(e){return this.res.style.transform=e,this}offset(){return this.res.style.marginLeft="-60px",this}offseta(){return this.res.style.marginLeft="90px",this.res.style.marginTop="-30px",this}borderAround(e){return this.res.style.border=e,this}setClass(e){return this.res.setAttribute("class",e),this}scale(e){return this.res.style.width,this.res.style.transition="0.5s all",this.res.addEventListener("mouseover",(()=>{this.res.style.width,this.res.style.transform="scale(1.04)"})),this.res.addEventListener("mouseout",(()=>{this.res.style.width,this.res.style.transform="scale(1.0)"})),this}onTap(e){return this.res.addEventListener("click",e),this}border(e){return this.res.style.borderTopLeftRadius="16px",this.res.style.borderTopRightRadius="16px",this}allRound(e){return this.res.style.borderRadius=e,this}mobileWidth(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="120%"),this}image(e,t,s,i,r){let n=window.matchMedia("(max-device-width: 415px)"),a=document.createElement("div");return a.style.viewTransitionName=i,a.style.width="100%",a.style.height="200",r&&(a.style.gridColumn=r.gridColumn,a.style.gridRow=r.gridRow),n.matches&&(a.style.height="500"),a.style.backgroundImage=`url(${e})`,a.style.backgroundPosition="center center",a.style.backgroundRepeat="no-repeat",a.style.backgroundSize="cover","uncover"===s&&(a.style.backgroundSize="contain"),"contain"===t&&(a.style.backgroundSize="contain"),this.res=a,this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),this}setup(){let e=document.createElement("img");return e.style.width="100%",e.src=this.url,this.res=e,this}autoW(){return this.res.style.width="initial",this}float(e){return this.res.style.float=`${e}`,this}fillAvailable(){return this.res.style.height="-webkit-fill-available",this}grayscale(e){return this.res.style.filter=`grayscale(${e}%)`,this}flex(e){return this.res.style.flex=1,this}height(e){return this.res.style.height=e,this.res.style.width="auto",this}expand(e){const t=()=>{if(window.matchMedia(`(min-width: ${e.at})`).matches){this.res.style.width=`${e.width}`;let i=window.innerWidth/2-(s=t=e.width,(t.includes("%")||t.includes("px"))&&(s=s.substr(0,2)),(t.includes("%")?Number(s/100*window.innerWidth):t.includes("px")?Number(s):void 0)/2);this.res.style.marginLeft=`${i}px`}else this.res.style.width="100%",this.res.style.marginLeft="0px";var t,s;window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%",this.res.style.marginLeft="0px")};return t(),window.addEventListener("resize",t),this}width(e){return this.res.style.width=e,this.res.style.height="auto",this}toBack(){return this.res.style.zIndex="-1",this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||0===t&&0===s&&0===i||(this.res.style.margin=e),this}padding(e){return this.res.style.padding=e,this}size(e,t){return e&&t?(this.res.style.width=e,this.res.style.height=t):(this.res.style.width=e,this.res.style.height=e),this}frame(e){let t=e.width,s=e.height;return t&&s?(this.res.style.width=t,this.res.style.height=s):(this.res.style.width=t,this.res.style.height=t),this}RSize(e,t,s){let i=window.matchMedia("(max-device-width: 420px)");return e&&t?(this.res.style.width=i.matches?e*s:e,this.res.style.height=i.matches?t*s:t):(this.res.style.width=i.matches?e*s:e,this.res.style.height=i.matches?e*s:e),this}shadow(e){return"mild"===e.type?this.res.style.boxShadow="0px 3px 15px rgba(0,0,0,0.2)":this.res.style.boxShadow=`${e.x}px ${e.y}px ${e.radius}px ${e.color}`,this}clipShape(e){return this.res.style.borderRadius="50%",this}cornerRadius(e){return this.res.style.borderRadius=e,this}clipPath(e){this.res.style.clipPath=`path("${e}")`;let t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.style.display="block",t.style.width="100%",t.style.height="100%",t.style.overflow="visible",this}render(e){let t=this.res;if(!e)return t;document.querySelector(e).appendChild(t)}}},148:(e,t,s)=>{s.d(t,{l:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(e){this.options=e;let t=document.createElement("div"),s=document.createElement("label");s.style.position="relative",s.style.display="block";let i=document.createTextNode(e.title);s.appendChild(i),s.style.opacity=0;var r=document.createElement("input");return"textarea"===e.type&&(r=document.createElement("textarea")),r.style.position="relative",r.placeholder=e.title,r.style.fontSize="1rem",r.style.padding=".4rem .75rem",t.appendChild(s),t.appendChild(r),this.res=t,e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),r.addEventListener("focus",(()=>{s.style.transition="transform ease 0.2s",s.style.transform="scale(0.80)",s.style.textTransform="uppercase",s.style.transformOrigin="left top",s.style.fontWeight="bold",r.placeholder="",s.style.opacity="1.0",e.font&&(s.style.fontFamily=e.font),e.color&&(s.style.color=e.color),e.exact&&(s.style.fontSize=e.exact)})),r.addEventListener("focusout",(()=>{s.style.transform="scale(1.0)",r.placeholder=e.title,s.style.opacity="0.0"})),e.name&&r.setAttribute("name",e.name),window.matchMedia("(max-device-width: 415px)").matches&&(r.style.width="100%",t.style.width="100%"),r.style.fontSize="1rem",this.el=t,this}getValue(){return this.el.children[1].value}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new FloatingInput().set(${e})`]}margin(e){return this.el.style.margin=e,this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.FloatingInput=r},155:(e,t,s)=>{s.d(t,{X:()=>n});var i=s(762);class r{constructor(e,t){this.obj=e||{},this.items=t||[]}render(){let e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(t.matches||s.matches)&&(e.style.marginTop="3rem");for(let t=0;t<this.items.length;t++){const s=this.items[t];e.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),i}}class n extends i.y{constructor(e){super(),this.titleText="",this.hasHamburger=!1,this.code=[],this.attributes={}}toCode(){let e="new UINavBar()";return Object.keys(this.attributes).length>0?e+=`.setup(${JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:")})`:e+=".setup({})",e+=".items([\n",e+=this.items.map((e=>e.toCode().join("").trim())).join(",\n"),e+="\n])",e}styled(e){return this.setup(e),this.styles=e,this}setup(e){this.obj=e,this.obj.isSide||(this.obj.animate=!1),this.attributes=e;let t=document.createElement("div");t.setAttribute("id","sars"),t.style.padding=0,t.style.margin=0;let s=document.createElement("div");s.setAttribute("id","covid"),s.style.position="absolute",s.style.width="100%",s.style.zIndex=1,s.style.alignItems="flex-start";let i=document.createElement("div");return i.style.background="green",i.style.position="absolute",s.style.margin="20px",s.style.display="flex",s.style.alignItems="flex-end",s.style.margin=0,s.style.padding=0,s.style.margin=0,t.appendChild(s),this.addCloseButton=!1,this.res=t,e.background&&this.background({color:e.background}),e.openColor&&(this.openColor=e.openColor),e.sticky&&this.sticky(),e.pad&&this.pad(e.pad),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),e.mobileSize&&(this.mobileSize=e.mobileSize),e.desktopSize&&(this.desktopSize=e.desktopSize),e.height&&(this.res.children[0].style.height=e.height),this}items(e){this.items=e;let t=["Link","Image","Spacer","Dropdown"].some((t=>e[0].__proto__.constructor.toString().startsWith(`class ${t}`)));console.log(this.items);{this.itemCount=e.length;let t=new r(this.obj,this.items).render();this.res.children[0].appendChild(t);let i=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){let e=n.animation.op;if(e){let t=window.matchMedia("(max-device-width: 415px)"),r=window.matchMedia("(max-width: 600px)");if(t.matches||r.matches){let t={duration:1,fill:"forwards",delay:1};for(s=0;s<i.children.length;s++)i.children[s].animate(e.keyframesClose,t)}else for(var s=0;s<i.children.length;s++){let t={duration:1,fill:"forwards",delay:1};i.children[s].animate(e.keyframesClose,t),i.children[s].animate(e.keyframesOpen,e.openOptions)}}}this.adjust()}if(!t){this.itemCount=e.length;let t=document.createElement("div");for(t.style.backgroundColor="orange",s=0;s<e.length;s++){let i=e[s];if(i.logo){let e=new Image(i.logo).width("100px"),t=document.createElement("div");t.style.flex="1",t.style.height=23;let s=document.createElement("div");s.setAttribute("id","WR"),s.style.display="flex",s.style.flexDirection="row",s.appendChild(e.render()),this.res.children[0].appendChild(e.render()),this.obj.spacing&&this.res.children[0].appendChild(t)}if(i.logo&&(this.allowPad=!0),i.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),i.title){let e;e=this.allowPad?i.type?new Dropdown(i.items,i.title):new Link(i.title,i.url).arrayPadding(["left","right"],"1em"):i.type?new Link("DRPA",i.url):new Link(i.title,i.url),t.appendChild(e.render())}}this.res.children[0].appendChild(t),this.adjust()}var i=this.addHamburger();let n=this.itemCount;return this.obj.spacing&&(n+=1),i.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(i,this.res.children[0].firstChild),this}instance(){return this.res.children[0]}sticky(){return this.res.children[0].style.position="fixed",this}font(e){for(var t=0;t<this.res.children[0].children;t++)this.res.children[0].children[t].style.fontFamily=e;return this}openSymbol(e){return this.symbol=e,this}background(e){return e.background?(this.res.children[0].style.backgroundColor=e.color,this.res.children[0].style.opacity=e.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}transluescent(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}keepItem(e){return this.keepItem=e,this}addHamburger=()=>{let e=window.matchMedia("(max-device-width: 415px)");var t=document.createElement("button");t.setAttribute("id","hamburger"),t.style.border="none",t.style.fontWeight="bold",t.style.position="absolute",t.style.color="orange",t.style.backgroundColor="transparent",t.style.fontSize=e.matches?"2.1em":"2em";var s=document.createTextNode(this.symbol?this.symbol:"☰");return t.appendChild(s),t.style.marginLeft="auto",this.isShown=!1,t.addEventListener("click",(()=>{this.isShown=!this.isShown,this.hasAnimatedToWide=!1;let e=this.items[0].options;if(e&&e.animation){let s=e.animation.op;const i=this.res.children[0].children[1].children[0];if(s){if(this.isShown)for(var t=0;t<i.children.length;t++)i.children[t].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=()=>{i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(t=0;t<i.children.length;t++){let e=i.children[t];e.animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}),this.isShown?e.animate(s.keyframesOpen,s.openOptions):e.animate(s.keyframesClose,s.closeOptions)}}}else this.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),t};adjust(e){let t=window.matchMedia("(max-width: 600px)"),s=window.matchMedia("(max-device-width: 415px)");const i=()=>{for(var e=0;e<this.res.children[0].children.length;e++){let t=this.res.children[0].children[e];t.style.fontSize=s.matches?this.mobileSize?this.mobileSize:"1.2em":this.desktopSize?this.desktopSize:"1em","☰"===t.textContent&&(t.style.fontSize="2em")}},r=()=>{this.res.children[0];for(var e=0;e<this.res.children[0].children.length;e++){let t=this.res.children[0].children[e];t.style.marginTop="0em",t.id,t.style.display="flex",t.textContent===this.titleText&&this.titleText.length>0&&(t.style.fontSize="2em")}let t=this.items[0].options;if(t&&t.animation){let s=t.animation.op;const i=this.res.children[0].children[1].children[0];if(i.style.marginTop="0",s&&!this.hasAnimatedToWide)for(this.hasAnimatedToWide=!0,e=0;e<i.children.length;e++)i.children[e].animate(s.keyframesOpen,s.openOptions)}else console.log(this.res)},n=()=>{this.isShown=!1,this.res.children[0],i(),this.res.children[0].style.flexDirection="column";for(var e=0;e<this.res.children[0].children.length;e++)"☰"==this.res.children[0].children[e].textContent||this.res.children[0].children[e].textContent==this.keepItem?(this.res.children[0].children[e].id,this.res.children[0].children[e].style.display="flex"):this.res.children[0].children[e].style.display="none"};if(this.obj.isSide)n();else{let e=this.res.children[1];null!=e&&(e.style.background="yellow"),t.matches||s.matches?n():r()}return this}render(e){const t=()=>{let e=window.matchMedia("(max-width: 600px)"),t=window.matchMedia("(max-device-width: 415px)"),s=this.res.children[0].children[1],i=s.children[0];t.matches&&(i.style.position="relative"),(e.matches||t.matches)&&null!=i?i.style.flexDirection="column":null==i||this.obj.isSide||(i.style.flexDirection="row"),this.obj.isSide||e.matches||t.matches||(this.res.children[0].children[0].style.display="none"),this.obj.isSide&&(i.style.flexDirection="column"),this.obj.isSide||e.matches||(this.res.children[0].style.position="relative",s.style.transform="translateY(0px)"),!this.obj.isSide&&e.matches,this.obj.customStyle&&(this.res.children[0].style.marginTop="1rem",this.res.children[0].style.position="absolute",this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem"),this.obj.radius&&(this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem")};return window.addEventListener("resize",(()=>t())),t(),e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.res),this.res):this.res}}},207:(e,t,s)=>{s.d(t,{$:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.res=null,this.val=t,this.setup()}setup(e){return this}hover(e){return this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,e.animation&&(this.res.style.transition=`${e.animation}s ease-in-out`,this.res.style.transionProperty="background, color"),this.res.onmouseout=()=>{this.res.style.backgroundColor=`${this.prevColor}`,this.res.style.color=`${this.foreColor}`},this.res.onmouseover=()=>{this.res.style.backgroundColor=e.background,this.res.style.color=e.color},this}set(e){this.options=e;let t=document.createElement("button");if(t.style.background="transparent",e.url){let s=document.createElement("img");s.setAttribute("src",e.url),s.style.width=e.frame.width,s.style.height=e.frame.height,t.appendChild(s)}else{let e=document.createTextNode(this.text.replace("$",this.val));t.appendChild(e)}this.res=t,e&&"submit"===e.type&&t.setAttribute("type",e.type);let s="";return this.border("none"),this.res.style.display="block",e.background&&this.background(e.background),e.padding&&this.padding(e.padding),e.margin&&this.margin(e.margin),e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),e.centered&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto",this.res.style.backgroundColor="black"),e.border&&this.border(e.border),e.radius&&this.borderRadius(e.radius),e.class&&this.setClass(e.class),e.color&&this.color(e.color),e.auto&&this.auto(),e.weight&&(this.res.style.fontWeight=e.weight),e.fluidc&&this.fluidButtonCopy(e.fluidc),e.fluidc&&(s+=`\n fluidc: "${e.fluidc}",`),e.onTap&&this.onTap(e.onTap),e.frame&&this.frame(e.frame),e.frame&&(s+=`\n frame: "${e.frame}",`),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.arrpad&&(s+=`\n arrpad: {sides: ["${e.arrpad.sides}"], value: "${e.arrpad.value}"},`),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(s+=`\n arrayMargin: {sides: ["${e.arrayMargin.sides}"], value: "${e.arrayMargin.value}"},`),e.keySet&&this.keySet(e.keySet),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}fluidButtonCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setClass(e){return this.res.setAttribute("class",e),this}color(e){return this.res.style.color=e,this}background(e){return this.res.style.background=e,this}width(e){return this.res.style.width=e,this}borderRadius(e){return this.res.style.borderRadius=e,this}padding(e,t,s,i){return e&&t&&s&&i?(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=e,this}margin(e,t,s,i){return e&&t&&s&&i?(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i):this.res.style.margin=e,this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.2rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}large(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?(alert("WOW"),this.res.style.fontSize="6rem"):this.res.style.fontSize="3rem"};return e(),window.addEventListener("resize",e),this}border(e,t){return"none"===e&&(this.res.style.border="none"),this.res.style.border=`${e} solid ${t}px`,this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,this}updating(e,t){var s=this.res,i=this.text;return Object.defineProperty(e,t,{set(e){let t=document.createTextNode(i.replace("$",e));s.replaceChild(t,s.childNodes[0])}}),this}onTap(e){return this.res.addEventListener("click",e),this}toCode(){const e=JSON.stringify(this.options,((e,t)=>"function"==typeof t?t.toString():t),4).replace(/"(\w+)":/g,"$1:").replace(/"(\(\)\s*=>\s*{[^}]*})"/gs,"$1").replace(/\\n/g,"").replace(/\\"/g,'"');return[`new Button("${this.text}").set(${e})`]}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},216:(e,t,s)=>{s.d(t,{T:()=>i});class i{constructor(){this.res=null,this.currentItem=""}set(e){let t=e;this.options=e;var s=document.createElement("input");s.setAttribute("list","dlCities"),s.setAttribute("id","my");var i=e.data,r=0,n=i.length,a=document.createElement("datalist");for(a.id="dlCities",r=0;r<n;r+=1){var o=document.createElement("option");o.value=i[r],a.appendChild(o)}return s.appendChild(a),s.addEventListener("change",(()=>{let e=document.querySelector("#my").value;console.log(e),this.currentItem=e})),s.setAttribute("placeholder","Type value"),s.style.padding=".4rem .75rem",s.style.fontSize="1rem",this.res=s,this.responsive(),t.arrayPadding&&this.arrayPadding(t.arrayPadding.sides,t.arrayPadding.value),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),this}toCode(){return[`new DataList().set(${JSON.stringify(this.options,null,4)})`]}getValue(){return this.res.value}arrayPadding(e,t){return console.log(e),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),this}arrayMargin(e,t){return console.log(e),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),this}margin(e){return this.res.style.margin=e,this}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}var r=i;i=function(...e){return new r(...e)},window.DataList=i},219:(e,t,s)=>{s.d(t,{N:()=>r});var i=s(762);class r extends i.y{constructor(e,t,s){super(),this.link=t,this.text=e,this.code=[],this.css=[],this.elCSS=[],this.html=[],this.res=null,this.stopEM=s,this.setup(),this.inlineBlock()}toCSS(){return this.css}toHTMLA(){return this.html}toElCSS(){return this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}getType(){return"HTMLAnchorElement"}toCode(){return this.code}setArea(e){return this.res.style.gridArea=e,this}setup(){let e=document.createElement("a");e.setAttribute("href",this.link),e.style.textDecoration="none",e.style.color="black",e.style.textAlign="center",e.style.fontFamily="Arial";var t=document.createTextNode(this.text);return e.appendChild(t),this.res=e,!1===this.stopEM&&this.em(1),this}appendImageAsChild(e,t){let s=document.createElement("a");e.options.vtn&&(s.style.viewTransitionName=e.options.vtn),s.setAttribute("href",e.options.url);let i=document.createElement("img");return e.options&&(i.style.width=e.options.size,e.options.radius&&(i.style.borderRadius=e.options.radius),i.setAttribute("src",e.options.img),s.appendChild(i)),this.res=s,t&&(this.res.style.marginLeft=t),this}addIcon(e){let t=document.createElement("img");return t.style.width="20px",t.style.height="auto",t.style.marginLeft=e.padding?e.padding:"10px",t.setAttribute("src",e.url),this.res.appendChild(t),this}removeQuotesFromFirstWord(e){if(e)return e.replace(/"([^"]+)":/g,"$1:")}set(e){this.elCSS.push("text-decoration: none; \n"),this.options=e;let t="";e.id&&this.res.setAttribute("id",e.id),e.id&&super.setID(e.id),e.pad&&this.pad(e.pad);let s=this.removeQuotesFromFirstWord(JSON.stringify(e.pad));if(e.pad&&(t+=`\n pad: ${s},`),e.preffersId&&(this.preffersId=e.preffersId),null!=e.preffersId&&(t+=`\n preffersId: ${e.preffersId},`),e.class&&super.setClass(e.class),e.class&&(t+=`\n class: "${e.class}",`),e.borderObj&&(this.res.style.border=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=`${e.borderObj.radius}`,t+=`\n borderObj: ${this.removeQuotesFromFirstWord(JSON.stringify(e.borderObj))},`),!1===this.options.preffersId?this.html.push(`<a class="${e.class}" href="#hello">${e.text}</a> \n \n`):e.id&&this.html.push(`<a id="${e.id.substr(1)}" href="#hello">${e.text}</a> \n \n`),null!=e.blastData){let s=this.removeQuotesFromFirstWord(JSON.stringify(e.blastData));super.setAny({globalBlast:`1px ${e.blastData.color}`}),e.blastData&&(t+=`\n blastData: ${s},`)}e.nowrap&&(this.res.style.whiteSpace="nowrap"),e.font&&this.font(e.font),e.font&&(t+=`\n font: "${e.font}",`),e.font&&this.elCSS.push(`font-family: "${e.font}"; \n`),e.fluidc&&this.fluidCopy(e.fluidc),e.fluidc&&(t+=`\n fluidc: "${e.fluidc}",`),e.size&&this.fluidCopy(e.size),e.size&&(t+=`\n size: "${e.size}",`),"S6"===e.fluidc?e.fluidc&&this.elCSS.push("font-size: calc(1rem + 1.075vw); \n"):e.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),e.clampc&&this.clampCopy(e.clampc),this.options.id&&(t+=`\n id: "${this.options.id}",`),e.align&&this.leftAlign(),e.align&&(t+=`\n align: "${e.align}",`),e.type&&(this.res.style.display="block"),e.color&&this.color(e.color),e.color&&(t+=`\n color: "${e.color}",`),e.color&&this.elCSS.push(`color: "${e.color}"; \n`),e.background&&this.background(e.background);let i=this.removeQuotesFromFirstWord(JSON.stringify(e.background));e.background&&(t+=`\n background: ${i},`),e.hover&&this.hover(e.hover);let r=this.removeQuotesFromFirstWord(JSON.stringify(e.hover));if(e.hover&&(t+=`\n hover: ${r},`),e.weight&&(this.res.style.fontWeight=e.weight),e.blast&&(this.blastData=e.blast),e.bold&&(this.res.style.fontWeight="bold"),e.bold&&(t+=`\n bold: ${e.bold},`),e.block&&this.toBlock(),e.block&&(t+=`\n block: ${e.block},`),e.radius&&this.radius(e.radius),e.radius&&(t+=`\n radius: "${e.radius}",`),e.width&&this.width(e.width),e.width&&(t+=`\n width: "${e.width}",`),e.arrayPadding){const s=e.arrayPadding.sides.map((e=>`"${e}"`)).join(", ");e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayPadding&&(t+=`\n arrayPadding: {sides: [${s}], value: "${e.arrayPadding.value}"},`)}if(e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.maxWidth&&this.maxWidth(e.maxWidth),e.url&&this.res.setAttribute("href",e.url),t+=`\n url: "${e.url}",`,e.text&&(this.res.textContent=e.text),t+=`\n text: "${e.text}",`,e.data){e.data&&this.appendImageAsChild(e.data,"20px");let s=this.removeQuotesFromFirstWord(JSON.stringify(e.data));e.data&&(t+=`\n data: ${s}`)}if(e.icon&&(this.addIcon(e.icon),t+=`\n icon: ${this.removeQuotesFromFirstWord(JSON.stringify(e.icon))},`),e.shadow){let s=e.shadow;t+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(s))},`}if(e.stroke){let s=this.removeQuotesFromFirstWord(JSON.stringify(e.stroke));e.stroke&&(t+=`\n stroke: ${s},`)}e.backgroundOp&&(t+=`\n backgroundOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.backgroundOp))},`),e.marginOp&&(t+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp))},`),e.gradient&&(t+=`\n gradient: ${this.removeQuotesFromFirstWord(JSON.stringify(e.gradient))},`),e.animation&&(t+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(e.animation))},`),e.transform&&(t+=`\n transform: ${this.removeQuotesFromFirstWord(JSON.stringify(e.transform))},`);let n=`new Link().set({${t}}) \n`;this.code.push(n),e.color&&this.color(e.color),e.rounded&&this.round(),e.transform&&e.transform.transform?this.reactOnTransform(e.transform):this.reactOnTransform(e);let a=[],o=[e.border,e.gradient,e.animation,e.span,e.shadow,e.backgroundOp,e.animation];if(o=o.filter((e=>null!=e)),o.length>0){for(var l=0;l<o.length;l++)a.push({range:o[l].range,log:o[l].op.name,target:o[l].target,op:o[l].op});let t=[];e.borderObj&&t.push("border"),e.background&&t.push("background"),e.mar&&t.push("margin"),e.animation&&t.push("animation"),this.chainReact(a,e.id,t,e.isNavA),this.res.style.zIndex=1}return e.mar&&this.mar(e.mar),this}color(e){return this.res.style.color=e,this}maxWidth(e){return this.res.style.maxWidth=e,this}background(e){return this.res.style.backgroundColor=e,this}leftAlign(){return this.res.style.textAlign="left",this}arrayPadding(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),"all"===e[0]&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=t,this.res.style.paddingRight=t,this.res.style.paddingBottom=t),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}getClampValue(e){return"S6"===e?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===e?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===e?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===e?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===e?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===e?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(e){return this.res.style.fontSize=this.getClampValue(e),this}fluidCopy(e){return"S1"===e&&(this.res.style.fontSize="calc(1.625rem + 5.075vw)"),"S2"===e&&(this.res.style.fontSize="calc(1.500rem + 4.3vw)"),"S3"===e&&(this.res.style.fontSize="calc(1.375rem + 3.525vw)"),"S4"===e&&(this.res.style.fontSize="calc(1.250rem + 2.75vw)"),"S5"===e&&(this.res.style.fontSize="calc(1.125rem + 1.975vw)"),"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}inlineBlock(){return this.res.style.display="inline-block",this}toBlock(){return this.res.style.display="block",this}myself(e){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=e.desktop:this.res.style.fontSize=e.phone};return t(),window.addEventListener("resize",t),this}style(e){return this.res.style.color=e.styles.color,this.res.style.fontWeight=e.styles.fontWeight,this.res.style.paddingLeft=e.styles.padding[0],this.res.style.paddingTop=e.styles.padding[1],this.res.style.paddingRight=e.styles.padding[2],this.res.style.paddingBottom=e.styles.padding[3],this}color(e){return this.res.style.color=e,this}round(){return this.res.style.borderRadius="0.5rem",this.options.rounded&&(this.res.children[0].style.borderRadius="0.5rem"),this}newWindow(){return this.res.target="_new",this}radius(e){return this.res.style.borderRadius=`${e}`,this}transition(e){return this.res.style.transition=`${e}s ease-in-out`,this.res.style.transionProperty="background, color",this}width(e){return this.res.style.width=e,this}italic(){return this.res.style.fontStyle="italic",this}padding(e,t,s,i){return e&&t&&s&&i?(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=e,this}medium(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}opacity(e){return this.res.style.opacity=e,this}margin(e,t,s,i){return e&&t&&s&&i?(this.el.style.marginLeft=e,this.el.style.marginTop=t,this.el.style.marginRight=s,this.el.style.marginBottom=i):this.el.style.margin=e,this}hover(e){if(e.border){let t=e.border.width;this.res.style.border=t?`${t}px solid transparent`:"1px solid transparent"}let t=this.options.borderObj;return t&&(this.res.style.border=`${t.width}px solid ${t.color}`),this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,this.prevBorder=this.res.style.border,e.animation&&(this.res.style.transition=`${e.animation}`,this.res.style.transionProperty="background, color"),this.res.onmouseout=()=>{this.res.style.backgroundColor=`${this.prevColor}`,this.res.style.color=`${this.foreColor}`,this.res.style.border=this.prevBorder},this.res.onmouseover=()=>{if(this.res.style.color=e.color,this.res.style.backgroundColor=e.background,e.border){let t=e.border.width,s=e.border.color??"#2ECC71";this.res.style.border=t?`${t}px solid ${s}`:"1px solid #2ECC71"}},this}em(e){let t=window.matchMedia("(max-device-width: 415px)");const s=()=>{t.matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em"};return s(),window.addEventListener("resize",s),this}margin(e,t,s,i){return this.res.style.marginTop=e,this.res.style.marginLeft=t,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}font(e){return this.res.style.fontFamily=e,this}render(e){return e?(document.querySelector(e).appendChild(this.res),this):this.res}}},304:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.res=null,this.setup(e),this.code=[],this.isLast=!1,this.code.push("\n new Wrapper() \n")}isLasta(){return this.isLast=!0,this}toCode(){return this.code}getType(){return"LayoutWrapperElement"}setArea(e){return this.res.style.gridArea=e,this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}clicked(e){return this.res.addEventListener("click",e),this}gpos(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}set(e){let t=".set({";if(e.pad&&this.pad(e.pad),e.arrpad&&(t+=`pad: {sides: [${e.arrpad.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrpad.value}"}, `),e.gpos&&this.gpos(e.gpos),e&&e.id&&e.stroke||e&&e.id&&e.gradient||e&&e.id&&e.span||e&&e.id&&e.layout){e.gradient,e.gradient&&(this.globalGradient=e.gradient.op.gradient),e.stroke&&super.setAny({globalBlast:`${e.stroke.op.width} ${e.stroke.op.color}`});let t=[e.stroke,e.gradient,e.animation,e.span,e.layout];t=t.filter((e=>null!=e));let i=[];for(var s=0;s<t.length;s++)i.push({range:t[s].range,log:t[s].op.name,target:t[s].target});this.res.setAttribute("id",e.id),this.betaReact(i,e.id)}e.socenter&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",e.socenter&&(t+=`socenter: ${e.socenter},`)),e.mboth&&(this.res.style.marginRight="auto")&&(this.res.style.marginLeft="auto"),e.mar&&this.mar(e.mar),e.sticky&&this.sticky(),e.transition&&(this.res.style.transition=e.transition),e.class&&this.res.setAttribute("class",e.class),e.ga&&(this.res.style.gridArea=e.ga),e.opacity&&(0==e.opacity&&(this.res.style.opacity=0),e.opacity&&(this.res.style.opacity=e.opacity)),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.id&&this.res.setAttribute("id",e.id),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.arrpad&&(t+=`arrpad: {sides: [${e.arrpad.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrpad.value}"}, `),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: ["${e.arrayMargin.sides}"], value: "${e.arrayMargin.value}"},`),e.center&&this.toCenter(e.center),e.center&&(t+=`center: "${e.center}",`),e.simpleCenter&&this.simpleCenter(),e.simpleCenter&&(t+=`center: "${e.simpleCenter}",`),e.filter&&(this.res.style.backdropFilter="blur(3px)"),e.radius&&this.corner(e.radius),e.radius&&(t+=`\n radius: "${e.radius}",`),e.border&&this.border(e.border),e.simpleBorder&&(this.res.style.border=e.simpleBorder),e.width&&this.width(e.width),e.width&&(t+=`\n width: "${e.width}",`),e.overflow&&(this.res.style.overflow="hidden"),e.overflow&&(t+=`\n overflow: "${e.overflow}",`),e.height&&this.heightNoAuto(e.height),e.height&&(t+=`\n height: "${e.height}",`),e.align&&this.flexAlign(e.align),e.align&&(t+=`\n align: "${e.align}",`),e.borderObj&&(this.res.style.borderRight=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=e.borderObj.radius),e.borderObja&&(this.res.style.border=`${e.borderObja.width} solid ${e.borderObja.color}`,this.res.style.borderRadius=e.borderObja.radius),e.font&&this.font(e.font),e.font&&(t+=`font: "${e.font}",`),e.maxWidth&&this.maxWidth(e.maxWidth),e.flexCenter&&this.flexc(e.flexCenter),e.multipad&&this.makeMultiPad(e.multipad),e.multimargin&&this.makeMultiMargin(e.multimargin),e.color&&this.color(e.color),e.background&&this.background(e.background),e.background&&(t+=`background: "${e.background}",`),e.weight&&this.weight(e.weight),e.paddings&&this.paddingo(e.paddings),e.area&&this.setArea(e.area),e.area&&(t+=`area: "${e.area}"`),e.column&&this.makeCol(),e.column&&(t+=`\n column: "${e.column}",`),e.alignIts&&(this.res.style.background="gray"),e.alignIts&&(this.res.style.alignItems="flex-start"),e.alignIts&&(this.res.style.justifyItems="flex-start"),e.customAlign&&(this.res.style.alignItems=e.customAlign),e.customJustify&&(this.res.style.justifyItems=e.customJustify),e.disp&&(this.res.style.display=e.disp),e.flexDir&&(this.res.style.flexDirection=e.flexDir),e.flexDir&&(this.res.style.display="flex"),e.flexDir&&(t+=`\n flexDir: "${e.flexDir}",`),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.name&&(this.name=e.name),e.responsive&&this.rsp(e.responsive),e.stretch&&(e.stretch&&this.stretch(e.stretch),t+=`\n stretch: ${this.removeQuotesFromFirstWord(JSON.stringify(e.stretch))},`);for(let t in e)if("margin"===t){let s=e[t];if(Array.isArray(s)&&s.length>0)for(let e of s){let t=e;t.hasOwnProperty("top")&&(this.res.style.marginTop=t.top),t.hasOwnProperty("right")&&(this.res.style.marginRight=t.right),t.hasOwnProperty("bottom")&&(this.res.style.marginBottom=t.bottom),t.hasOwnProperty("left")&&(this.res.style.marginLeft=t.left)}}return t+="})\n",8===t.length&&(t=""),this.code.push(t),this}rsp(e){this.res.style.display="flex";let t=e.sequence.split("-");const s=()=>{let s=e.ranges;"0px"!==s[0]&&s.unshift("0px");for(var i=0;i<s.length-1;i++)(window.matchMedia(`(min-width: ${s[i]}) and (max-width: ${s[i+1]})`).matches||window.matchMedia(`(min-width: ${s[s.length-1]})`).matches)&&("row"===t[i]&&(this.res.style.flexDirection="row",this.res.style.border="3px solid green"),"col"===t[i]&&(this.res.style.flexDirection="column",this.res.style.border="3px solid purple"));return this};window.addEventListener("resize",s),s()}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}toSticky(){return this.res.style.position="sticky",this.res.style.top="0",this}stretch(e){const t=()=>{window.matchMedia(`(max-width: ${e.at})`).matches?this.res.style.width="auto":window.matchMedia("(max-device-width: 415px)").matches?this.res.style.width="100%":this.res.style.width=e.backTo};t(),window.addEventListener("resize",t)}makeCol(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="flex-start",this}paddingo(e){return this.res.style.padding=e,this}toCenter(e){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center","both"===e&&(this.res.style.alignItems="center"),this}simpleCenter(){return this.res.style.justifyContent="center",this.res.style.justifyItems="center",this.res.style.alignContent="center",this.res.style.alignItems="center",this}color(e){return this.res.style.color=e,this}weight(e){return this.res.style.fontWeight=e,this}makeMultiPad(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.paddingLeft=e[t].value),"right"===e[t].side&&(this.res.style.paddingRight=e[t].value);return this}makeMultiMargin(e){this.res.style.zIndex="1";for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.marginLeft=e[t].value),"right"===e[t].side&&(this.res.style.marginRight=e[t].value),"top"===e[t].side&&(this.res.style.marginTop=e[t].value),"bottom"===e[t].side&&(this.res.style.marginBottom=e[t].value);return this}flexc(e){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this}maxWidth(e){return this.res.style.maxWidth=e,this}font(e){return this.res.style.fontFamily=e,this}flexAlign(e){return this.res.style.display="flex",this.res.style.justifyContent="flex-start",this.res.style.alignItems="flex-start","center"===e?(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",this):this}width(e){return this.res.style.width=e,this}heightNoAuto(e){return this.res.style.height=e,this}border(e){return this.res.style.borderRadius=`${e.radius}px`,this.res.style.padding="0.25em",this.res.style.border=`${e.width}px solid ${e.color}`,this}toCol(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center",this}add(e){this.items=e,this.code.push(".add([ \n");let t=e.map(((t,s)=>t.toCode().flatMap((e=>e)).join("")+(s<e.length-1?",":""))).join("");this.code.push(t);for(var s=0;s<e.length;s++)if(void 0!==e[s]&&void 0!==e[s].toCode){let t=e[s].render();this.res.appendChild(t)}return this.code.push("])"),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),this}setWidth(e){this.res.style.width="100vw"}setHeight(e){return this.res.style.height=`${e}`,this}setup(e){let t=e?document.createElement(e.isLink?"a":"div"):document.createElement("div");return e&&e.isLink&&(t.style.textDecoration="none",t.setAttribute("href",e.child)),this.res=t,this.res.style.margin=0,this.res.style.padding=0,e&&!0===e.hideOverflow&&(this.res.style.overflow="hidden",this.res.style.overflowY="scroll"),e&&!0===e.center&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center"),e&&"left"===e.align&&(this.res.style.alignItems="flex-start"),e&&"right"===e.align&&(this.res.style.alignItems="flex-end"),e&&e.height&&(this.res.style.height=e.height),e&&e.width&&(this.res.style.width=e.width,this.res.style.marginLeft="auto",this.res.style.marginRight="auto",window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="95%")),this}height(e){return this.res.style.width="auto",this.res.style.height=`${e}`,this}size(e,t){return this.w=e,this.h=t,this.w?this.res.style.width=this.w:this.res.style.width=window.innerWidth,this.h?this.res.style.height=this.h:this.res.style.height=window.innerHeight,this}background(e){return this.res.style.background=e,this}corner(e){return this.res.style.borderRadius=e,this}padding(e,t,s,i){return this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i,this}margin(e,t,s,i){return this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}apply(e){const t=()=>{for(var t=0;t<e.length;t++){let s=e[t],i=window.matchMedia(`(max-width: ${s.width}px)`);s.device&&(i=window.matchMedia(`(max-device-width: ${s.width}px)`),alert(s.device)),i.matches&&Object.assign(this.res.style,s.styles)}};let s=window.matchMedia(`(max-width: ${e[0].width}px)`);return e[0].device&&(s=window.matchMedia(`(max-device-width: ${e[0].width}px)`)),s.matches||Object.assign(this.res.style,e[0].styles),t(),window.addEventListener("resize",t),this}mount(e){document.querySelector(e).appendChild(this.res)}render(e){return e?(document.querySelector("#mount"),document.querySelector(e).appendChild(this.res),this):this.res}}},317:(e,t,s)=>{s.d(t,{b:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("div"),this.res.style.display="grid",this.attributes={}}set(e){return this.options=e,this.attributes=e,this.templateCols=e.templateCols,e.templateCols&&(this.res.style.gridTemplateColumns=`repeat(${e.templateCols.cols}, 1fr)`,this.res.style.gridTemplateRows=`repeat(${e.templateCols.cols}, 1fr)`),this.res.style.height=e.height?e.height:"600px",e.positions&&(this.storedPositions=e.positions),this}generateGridPositions(e,t=30,s=50){const i=document.createElement("div");i.classList.add("container"),i.style.display="grid",i.style.gridTemplateColumns=`repeat(${s}, 1fr)`,i.style.gridTemplateRows=`repeat(${t}, 1fr)`,i.style.width="100%",i.style.height="100vh";let r=e.map(((e,i)=>({row:Math.floor(t/2)+i,col:Math.floor(s/2)+i})));return e.forEach(((i,n)=>{let{row:a,col:o}=r[n];const{forceX:l,forceY:h}=function(t){let s=0,i=0;return e.forEach(((e,n)=>{const{weight:a,direction:o}=e,l=r[t],h=r[n],d=l.col-h.col,c=l.row-h.row,p=a*(1/(Math.sqrt(d*d+c*c)+1));switch(o){case"L":s-=p;break;case"R":s+=p;break;case"U":i-=p;break;case"B":i+=p}})),{forceX:s,forceY:i}}(n);o=Math.max(1,Math.min(s,o+Math.round(l))),a=Math.max(1,Math.min(t,a+Math.round(h))),console.log(this.items.map((e=>e.id))),console.log(i.attract.slice(1));const d=this.items.filter((e=>e.id===i.attract.slice(1)))[0].render();console.log(d),d.style.gridRowStart=a,d.style.gridRowEnd=a+3,d.style.gridColumnStart=o,d.style.gridColumnEnd=o+5,d.style.border=`3px solid #${Math.floor(16777215*Math.random()).toString(16).padStart(6,"0")}`,d.style.display="flex",d.style.alignItems="center",d.style.justifyContent="center",d.style.fontWeight="bold",d.style.color="white",this.res.appendChild(d)})),console.log("ARAO"),console.log(this.res.children.length),this}add(e){this.items=e;for(const t of e)this.res.appendChild(t.render());return this.storedPositions&&this.generateGridPositions(this.storedPositions),console.log("MORAA"),console.log(this.res.children.length),this}toCode(){if(this.excludeFromCodeTrue)return[""];const e=JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:");var t="";return t+=".add([\n",t+=this.items.map((e=>e.toCode().join("").trim())).join(",\n"),[`new Free().set(${e})${t+="\n])"}`]}render(e){if(console.log("CHILDREN IN RENDER"),console.log(this.res.children.length),!e)return this.res;document.querySelector(e).appendChild(this.res)}}},342:(e,t,s)=>{s.d(t,{S:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(e){this.options=e;const t=document.createElement("div");t.style.display="flex",t.style.alignItems="center";const s=document.createElement("input");s.type="checkbox",s.style.position="relative",s.style.marginRight="0.5rem";const i=e.size||"24px";s.style.width=i,s.style.height=i,e.customStyle&&(s.style.appearance="none"),s.style.border="2px solid #ccc",s.style.borderRadius="4px",s.style.backgroundColor=e.backgroundColor||"white",s.style.cursor="pointer",s.style.transition="background-color 0.2s ease, border-color 0.2s ease",s.style.display="inline-block",s.style.setProperty("--checked-bg-color",e.checkedBackgroundColor||"#4CAF50"),s.style.setProperty("--checkmark-color","white"),s.style.setProperty("--checkmark-clip-path",this.options.clipPath??"polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)");const r=document.createElement("style");r.textContent='\n input[type="checkbox"] {\n appearance: none;\n -webkit-appearance: none; /* For Safari */\n width: var(--size, 24px);\n height: var(--size, 24px);\n border: 2px solid #ccc;\n border-radius: 4px;\n background-color: white;\n position: relative;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n }\n\n input[type="checkbox"]:checked {\n background-color: var(--checked-bg-color, #4CAF50);\n border-color: var(--checked-bg-color, #4CAF50);\n }\n\n input[type="checkbox"]::after {\n content: \'\';\n position: absolute;\n width: 50%;\n height: 50%;\n top: 25%;\n left: 25%;\n transform: scale(0);\n background-color: var(--checkmark-color, white);\n clip-path: var(--checkmark-clip-path);\n -webkit-clip-path: var(--checkmark-clip-path);\n transition: transform 0.2s ease;\n }\n\n input[type="checkbox"]:checked::after {\n transform: scale(1);\n }\n',e.customStyle&&document.head.appendChild(r),e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),s.addEventListener("change",(()=>{s.checked?(s.style.backgroundColor=e.checkedBackgroundColor||"#4CAF50",s.style.borderColor=e.checkedBackgroundColor||"#4CAF50"):(s.style.backgroundColor=e.backgroundColor||"white",s.style.borderColor="#ccc")})),e.name&&s.setAttribute("name",e.name),t.appendChild(s);const n=document.createElement("div");if("function"==typeof e.label?.render)n.appendChild(e.label.render());else{const t=document.createTextNode(e.title||"Label");n.appendChild(t)}return n.style.opacity=.8,n.style.transition="opacity ease 0.2s, transform ease 0.2s",t.appendChild(n),this.el=t,this}getValue(){return this.el.children[0].checked}toCode(){return[`new Checkbox().set({\n ${Object.entries(this.options).map((([e,t])=>"string"==typeof t?`${e}: "${t}"`:"object"==typeof t&&null!==t?"function"==typeof t.toCode?`${e}: ${t.toCode()[0]}`:`${e}: ${JSON.stringify(t,null,4)}`:`${e}: ${t}`)).join(",\n ")}\n})`]}margin(e){return this.el.style.margin=e,this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Checkbox=r},385:(e,t,s)=>{s.d(t,{z:()=>i});class i{constructor(){this.el=null,this.radioCount=0}set(e){this.options=e,console.log("ORARA"),console.log(this.options),this.radioCount=e.items.length;let t=document.createElement("div"),s=e.items;for(var i=0;i<s.length;i++){let r=document.createElement("label");s.font&&(r.style.font=s.font),s.color&&(r.style.color=s.color),s.exact&&(r.style.fontSize=s.exact);let n=document.createTextNode(s[i]);r.appendChild(n),r.setAttribute("for",s[i]);let a=document.createElement("input");a.setAttribute("type","radio"),a.setAttribute("id",`S${i}`),a.setAttribute("value",s[i].split(" ").join("")),a.style.appearance="none",a.style.width="20px",a.style.height="20px",a.style.border=this.options.tint?`2px solid ${this.options.tint}`:"2px solid #007BFF",a.style.borderRadius="50%",a.style.outline="none",a.style.cursor="pointer",a.style.transition="0.3s",this.options.font&&(r.style.fontFamily=this.options.font),e.multiple?a.setAttribute("name",s[i].split(" ").join("")):a.setAttribute("name",e.name),t.appendChild(a),t.appendChild(r),t.innerHTML+="</br>"}return this.el=t,this.responsive(),this}padding(e){return this.el.style.padding=e,this}getCheckedValues(){console.log("NOW");for(var e=[],t=0;t<this.radioCount;t++)if(document.querySelector(`#S${t}`).checked){let s=document.querySelector(`#S${t}`);console.log("VALUE IS "+s.value),e.push(s.value)}return e}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new RadioGroup().set(${e})`]}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.el.style.fontSize="1.7em"),this}render(e){if(!e){console.log("MULA");for(var t=0;t<this.el.children.length;t++){let e=this.el.children[t];"[object HTMLInputElement]"===e.toString()&&e.addEventListener("change",(()=>{if(e.checked){e.style.backgroundColor=this.options.tint?this.options.tint:"#007BFF",e.style.boxShadow=this.options.tint?`0 0 0 2px ${this.options.tint} inset`:"0 0 0 2px #0056b3 inset";for(let t=0;t<this.el.children.length;t++){const s=this.el.children[t];"INPUT"===s.tagName&&"radio"===s.type&&!1===this.options.multiple&&s!==e&&(s.style.backgroundColor="transparent",s.style.boxShadow="none")}}else e.style.backgroundColor="transparent",e.style.boxShadow="none"}))}return this.el}document.querySelector(e).appendChild(this.el)}}window.RadioGroup=i},418:(e,t,s)=>{s.d(t,{U:()=>r});var i=s(762);class r extends i.y{constructor(){super()}set(e){this.imageUrl=e.url;let t="";return this.createCard(),e.useBrightness&&(this.useBrightness=!0),e.useBrightness&&(t+=`\n useBrightness: ${this.useBrightness}`),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.inpad&&this.inpad(e.inpad),e.inpad&&(t+=`\n inpad: {${e.inpad}}`),e.font&&(this.res.style.fontFamily=e.font),e.inpad&&(t+=`\n font: ${e.font}`),this.addListeners(),this}inpad(e){return this.res.children[1].style.boxSizing="border-box",this.res.children[1].style.padding=e,this}items(e){for(var t=0;t<e.length;t++)this.res.children[1].appendChild(e[t].render());return this}createCard(){let e=document.createElement("div");e.style.display="grid",e.style.width="300px",e.style.height="400px",e.setAttribute("id","AAA");let t=document.createElement("div");t.style.gridArea="1/1",t.style.height="400px",t.style.borderRadius="15px",t.style.boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)",t.style.overflow="hidden";let s=document.createElement("div");s.style.width="100%",s.style.height="100%",s.style.transition="0.9s",s.style.backgroundImage=`url(${this.imageUrl})`,s.style.backgroundSize="cover",s.style.backgroundPostion="cover",s.style.backgroundRepeat="no-repeat",t.appendChild(s);let i=document.createElement("div");return i.style.gridArea="1/1",i.style.zIndex="1",e.appendChild(t),e.appendChild(i),this.res=e,this}addListeners(){let e=this.res.children[0].children[0];return this.res.onmouseover=()=>{e.style.transform="scale(1.3)",this.useBrightness&&(e.style.filter="brightness(31%)")},this.res.onmouseout=()=>{e.style.transform="scale(1.0)",this.useBrightness&&(e.style.filter="brightness(100%)")},this}render(e){if(!e)return this.res;this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(e).appendChild(this.res)}}},463:(e,t,s)=>{s.d(t,{h:()=>i});class i{constructor(e){if(this.hide=e,e){var t=document.createElement("div");t.style.flex="1",this.res=t}return e&&this.res.setAttribute("class","innerHider"),this}toCode(){return[`new Spacer(${this.hide})`]}render(){var e=document.createElement("h2");return e.style.display="none !important",this.res??e}}},588:(e,t,s)=>{s.d(t,{X:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("table")}add(e){this.data=e,this.datas=e;const t=Object.keys(e[0]);return this.generateTable(this.res,e),this.generateTableHead(this.res,t),this}style(e){return this.res.style.fontFamily=e.font,this}set(e){return e.cellPadding&&this.cellPadding(e.cellPadding),e.cellAlign&&this.cellAlign(e.cellAlign),e.style&&this.style(e.style),e.headStyle&&this.headStyle(e.headStyle),e.border&&this.border(e.border),e.center&&this.center(e.center),e.borderRadius&&this.borderRadius(e.borderRadius),this.obj=e,this}toCode(){let e=`new Table().add(${JSON.stringify(this.data)}).set(${JSON.stringify(this.obj)})`;return e=e.replace(/"(\w+)":/g,"$1:"),e=e.replace(/,/g,",\n"),[e]}center(){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this}borderRadius(e){this.res.style.borderCollapse="separate",this.res.style.borderSpacing=0,this.res.style.overflow="hidden";const t=this.res,s=Object.keys(this.datas[0]).length,i=this.datas.length+1;for(let r=0;r<s;r++)t.rows[0].cells[r].style.borderTop=2*e+"px solid black",t.rows[i-1].cells[r].style.borderBottom=2*e+"px solid black";for(let r=0;r<i;r++)t.rows[r].cells[0].style.borderLeft=2*e+"px solid black",t.rows[r].cells[s-1].style.borderRight=2*e+"px solid black";return t.rows[0].cells[0].style.borderTopLeftRadius="10px",t.rows[0].cells[s-1].style.borderTopRightRadius="10px",t.rows[i-1].cells[0].style.borderBottomLeftRadius="10px",t.rows[i-1].cells[s-1].style.borderBottomRightRadius="10px",this}cellPadding(e){for(let t of this.res.rows)for(let s of t.cells)s.style.padding=e;return this}cellAlign(e){for(let t of this.res.rows)for(let s of t.cells)s.style.textAlign=e;return this}headStyle(e){const t=this.res.rows[0];return t&&(t.style.color=e.color,e.background&&(t.style.backgroundColor=e.background)),this}border(e){this.res.style.borderCollapse="collapse";for(let t of this.res.rows){t.style.border=e;for(let s of t.cells)s.style.border=e}return this}generateTableHead(e,t){const s=e.createTHead().insertRow();for(let e of t){const t=document.createElement("th"),i=document.createTextNode(e);t.appendChild(i),s.appendChild(t)}}generateTable(e,t){for(let s of t){const t=e.insertRow();for(let e in s){const i=t.insertCell(),r=document.createTextNode(s[e]);i.appendChild(r)}}}render(e){if(!e){const e=document.createElement("div");return e.style.overflowX="auto",e.appendChild(this.res),e}{const t=document.createElement("div");t.style.overflowX="auto",t.appendChild(this.res),document.querySelector(e).appendChild(t)}}}},683:(e,t,s)=>{s.d(t,{Z:()=>i});class i{static cards(e,t,s){console.log("PP"),console.log(s);let i=[];for(var r=0;r<e.children.length;r++){let n=e.children[r];"text"===n&&this.insertTextToCard(i,t,e,s),"image"!==n||e.backgroundCard||i.push('\n new Image("https://upload.wikimedia.org/wikipedia/commons/3/3a/Starship_S20.jpg").set({})'),"link"===n&&(t.op?i.push(`\n ${s.tabSpace(6)} ${s.link[t.op.theme.toLowerCase()].code}`):i.push(`\n ${s.tabSpace(6)} ${s.link.base.code}`))}return i}static insertTextToCard(e,t,s,i){if(t.op)if(t.op.ops&&t.op.ops.includes("text-blast")){let r=`\n ${i.tabSpace(6)} ${i.text[t.op.theme.toLowerCase()].code}`,n=i.ops[t.op.theme.toLowerCase()].blast.code;s.backgroundCard||(n=i.ops[t.op.theme.toLowerCase()].blastFun(1));let a=this.insertTextBetween(r,n);e.push(a)}else e.push(`\n ${i.tabSpace(6)} ${i.text[t.op.theme.toLowerCase()].code}`);else e.push(`\n ${i.tabSpace(6)} ${i.text.base.code}`)}static insertTextBetween(e,t){let s=e.match(/(color: ".+?",)(.+?)(id: ".+?")/);if(s){let i=s.index+s[0].length,r=e.slice(0,i)+", "+t+", "+e.slice(i);return console.log("RETA"),console.log(r),r}return e}}},733:(e,t,s)=>{s.d(t,{A:()=>r});var i=s(207);class r{constructor(e,t){if(this.container=document.createElement("div"),this.elements=e,this.currentSlideIndex=0,this.buttons=t,!this.buttons){let e={leftButton:new i.$("L").set({url:"https://static-00.iconduck.com/assets.00/circle-arrow-left-icon-512x512-xp8okg5c.png",color:"#1abc9c",frame:{width:50,height:50},radius:"100%",arrayMargin:{sides:["all"],value:"1rem"}}),rightButton:new i.$("R").set({url:"https://static-00.iconduck.com/assets.00/arrow-right-circle-icon-2048x2048-m0qcnetg.png",color:"#1abc9c",frame:{width:50,height:50},radius:"100%",arrayMargin:{sides:["all"],value:"1rem"}})};this.buttons=e}this.createSlider(),this.init()}toCode(){let e=`new Slider([${this.elements.map((e=>e.toCode()))}], null)`;return e=e.replace(/,\s*\./g,"."),[e]}createSlider(){this.slider=document.createElement("div"),this.slider.style.width="100%",this.slider.style.height="400px",this.slider.style.margin="20px auto",this.slider.style.textAlign="center",this.slider.style.borderRadius="20px",this.slider.style.overflow="hidden",this.slider.style.position="relative";const e=document.createElement("div");this.slidesWrapper=e,e.style.display="flex",e.style.overflowX="scroll",e.style.scrollBehavior="smooth",e.style.scrollSnapType="x mandatory",this.elements.forEach(((t,s)=>{const i=document.createElement("div");i.setAttribute("class","slide"),i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.flexShrink="0",i.style.width="100%",i.style.height="400px",i.style.background=s%2==0?"rgb(250, 246, 212)":"white",i.style.transformOrigin="center center",i.style.transform="scale(1)",i.style.scrollSnapAlign="center",i.appendChild(t.render()),e.appendChild(i)})),this.arrowPrev=this.buttons.leftButton.render(),this.arrowPrev.style.position="absolute",this.arrowPrev.style.left="10px",this.arrowPrev.style.top="50%",this.arrowPrev.style.transform="translateY(-50%)",this.arrowPrev.style.zIndex="1",this.arrowNext=this.buttons.rightButton.render(),this.arrowNext.style.position="absolute",this.arrowNext.style.right="10px",this.arrowNext.style.top="50%",this.arrowNext.style.transform="translateY(-50%)",this.arrowNext.style.zIndex="1";const t=document.createElement("div");t.style.position="absolute",t.style.bottom="10%",t.style.left="50%",t.style.width="200px",t.style.transform="translateX(-50%)",t.style.textAlign="center",this.elements.forEach(((e,s)=>{const i=document.createElement("a");i.style.display="inline-block",i.style.height="15px",i.style.width="15px",i.style.borderRadius="50%",i.style.backgroundColor="black",i.style.margin="0 10px",i.style.cursor="pointer",i.dataset.index=s,t.appendChild(i)})),this.slider.appendChild(this.arrowPrev),this.slider.appendChild(this.arrowNext),this.slider.appendChild(e),this.slider.appendChild(t),this.container.appendChild(this.slider),this.slidesWrapper=e,this.navLinks=t.querySelectorAll("a")}init(){this.updateActiveSlide(),this.attachEventListeners()}attachEventListeners(){this.arrowPrev.addEventListener("click",(()=>{this.moveToSlide(this.currentSlideIndex-1<0?this.elements.length-1:this.currentSlideIndex-1)})),this.arrowNext.addEventListener("click",(()=>{this.moveToSlide((this.currentSlideIndex+1)%this.elements.length)})),this.navLinks.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const s=parseInt(e.dataset.index,10);this.moveToSlide(s)}))})),document.addEventListener("keydown",(e=>{"ArrowLeft"===e.key?this.moveToSlide(this.currentSlideIndex-1<0?this.elements.length-1:this.currentSlideIndex-1):"ArrowRight"===e.key&&this.moveToSlide((this.currentSlideIndex+1)%this.elements.length)}))}moveToSlide(e){this.currentSlideIndex=e,this.updateActiveSlide()}updateActiveSlide(){this.navLinks.forEach(((e,t)=>{e.style.backgroundColor=t===this.currentSlideIndex?"green":"gray"}));const e=this.slidesWrapper.querySelector(".slide").offsetWidth;this.slidesWrapper.scrollTo({left:this.currentSlideIndex*e,behavior:"smooth"})}render(e){if(!e)return this.slider;document.querySelector(e).appendChild(this.slider)}}},734:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);s(16);class r extends i.y{constructor(){super()}removeQuotesFromBoth(e){if(e)return e.replace(/"([^"]+)":\s*"([^"]+)"/g,"$1: $2")}removeQuotesFromFirstWord(e){if(e)return e.replace(/"([^"]+)":/g,"$1:")}toCode(){console.warn(this.items);let e=this.items.map((e=>e.toCode())).flatMap((e=>e));console.log("BAD CONV"),console.log(this.removeQuotesFromFirstWord(JSON.stringify(this.obj,null,4)));let t=this.removeQuotesFromFirstWord(JSON.stringify(this.obj));return console.log(t),console.log("REPL"),console.log(t),`new MobileBar().set({\nbackground: "${this.obj.background}",\nbrand: ${this.obj.brand.toCode()},\nmar: ${JSON.stringify(this.obj.mar)},\npad: ${JSON.stringify(this.obj.mar)},\nradius: ${JSON.stringify(this.obj.radius)},\n}).add([\n ${e.join(",")}\n\n ])`}set(e){return this.obj=e,console.log("After passing to set:"),console.log("OBJ IN SET"),this.obj=e,this.makeNavbar(e),e.mar&&super.mar(e.mar),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.radius&&(this.res.style.borderRadius=e.radius),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),this.setStyles(e),this}makeNavbar(e){console.log("OBJ IN SETA");const t=e.brand;this.navbar=document.createElement("nav"),this.navbar.classList.add("mobile-navbar"),this.navbarHeader=document.createElement("div"),this.navbarHeader.classList.add("navbar-header"),this.brand=document.createElement("div"),this.brand.classList.add("navbar-brand"),console.log("BRIS"),console.log("APPENDED-"),e.brand&&"function"==typeof t.render?(console.log("Appending brand:",t.render()),this.brand.appendChild(t.render())):console.warn("Brand does not have a valid render method:",e.brand),this.toggleButton=document.createElement("button"),this.toggleButton.classList.add("navbar-toggle"),this.toggleButton.innerHTML="&#9776;",this.navContent=document.createElement("div"),this.navContent.classList.add("navbar-content"),this.navbarHeader.appendChild(this.brand),this.navbarHeader.appendChild(this.toggleButton),this.navbar.appendChild(this.navbarHeader),this.navbar.appendChild(this.navContent),this.isMobileNavOpen=!1,this.toggleButton.addEventListener("click",(()=>{this.toggleMobileNav()})),this.res=this.navbar}setStyles(e){this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor=e.background??"orange",this.navbarHeader.style.display="flex",this.navbarHeader.style.alignItems="center",this.navbarHeader.style.justifyContent="space-between",this.navbarHeader.style.width="100%",this.brand.style.fontSize="1.5rem",this.toggleButton.style.background="none",this.toggleButton.style.border="none",this.toggleButton.style.color=this.hamburgerColour??"white",this.toggleButton.style.fontSize="1.5rem",this.toggleButton.style.cursor="pointer",this.navContent.style.display="none"}add(e){console.log(e),this.items=e;for(var t=0;t<e.length;t++){let s=e[t];this.navContent.appendChild(s.render())}return this}toggleMobileNav(){this.isMobileNavOpen=!this.isMobileNavOpen,this.navContent.style.display=this.isMobileNavOpen?"flex":"none",this.isMobileNavOpen?(this.navContent.style.flexDirection="column",this.navContent.style.gap="0.5rem",this.navContent.style.padding="1rem"):(this.navContent.style.flexDirection="",this.navContent.style.gap="",this.navContent.style.backgroundColor="",this.navContent.style.padding="")}render(e){return e&&document.querySelector(e).appendChild(this.navbar),this.navbar}}},751:(e,t,s)=>{s.d(t,{Q:()=>i});class i{constructor(e){this.el=null,this.minLabel=null,this.maxLabel=null,this.currentLabel=null}padding(e){return this.el.style.padding=e,this}toCode(){return[`new Range().set(${JSON.stringify(this.options,null,4)})`]}set(e){this.options=e;let t=document.createElement("input");if(t.setAttribute("id","slider"),t.setAttribute("type","range"),t.setAttribute("min",e.min),t.setAttribute("max",e.max),t.setAttribute("value",e.min),t.style.width=e.width??"100%",!e.plain){t.style.setProperty("-webkit-appearance","none"),t.style.appearance="none",t.style.height="9px",t.style.background=e.style.trackColor??"orange",t.style.borderRadius="5px";const s=`\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ${e.style.thumbColor??"4CAF50"};\n cursor: pointer;\n }\n `,i=document.createElement("style");i.appendChild(document.createTextNode(s)),document.head.appendChild(i)}let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.alignItems="center",s.style.width="100%";let i=document.createElement("div");if(i.style.display="flex",i.style.justifyContent="space-between",i.style.width=e.width??"100%",this.minLabel=document.createElement("span"),this.minLabel.textContent=e.min,this.maxLabel=document.createElement("span"),this.maxLabel.textContent=e.max,this.currentLabel=document.createElement("span"),this.currentLabel.textContent=t.value,e.font&&(this.currentLabel.style.fontFamily=e.font),e.font&&(this.minLabel.style.fontFamily=e.font),e.font&&(this.maxLabel.style.fontFamily=e.font),e.plain||(i.appendChild(this.minLabel),i.appendChild(this.currentLabel),i.appendChild(this.maxLabel)),t.addEventListener("input",(()=>{this.currentLabel.textContent=t.value})),window.matchMedia("(max-device-width: 415px)").matches)if(e.plain)t.style.width="80%";else{t.style.height="20px",t.style.background=e.style.trackColor??"1abc9C",t.style.borderRadius="10px",t.style.fontSize="3rem",t.style.width="80%";const s=`\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ${e.style.thumbColor??"blue"};\n cursor: pointer;\n }\n `,i=document.createElement("style");i.appendChild(document.createTextNode(s)),document.head.appendChild(i)}return s.appendChild(i),s.appendChild(t),this.el=s,this}value(){return this.el.querySelector("#slider").value}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Range=i},758:(e,t,s)=>{s.d(t,{A:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.text=e,this.res=null,this.valid=!1,this.setup()}setup(){let e=document.createElement("input");return this.res=e,this.res.style.padding=0,this.res.style.margin=0,this.res.style.padding=".4rem .75rem",this.res.style.fontSize="1rem",window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}set(e){return this.options=e,this.res.setAttribute("type",e.type??"text"),e.placeholder&&(this.res.placeholder=e.placeholder),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),this}toCode(){return[`new TextField().set(${JSON.stringify(this.options,null,4)})`]}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),this}setValid(e,t){return this.res.style.border=e?"6px solid green":"6px solid red",0===t.length&&(this.res.style.border="none"),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="3rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}listen(e){return this.res.addEventListener("input",(e=>this.process(e))),this}value(e){return this.res.setAttribute("value",e),this}password(){return this.res.setAttribute("type","password"),this}number(){return this.res.setAttribute("type","number"),this}week(){return this.res.setAttribute("type","week"),this}process(e){return this.res.value}font(e){return this.res.style.fontFamily=e,this}size(e){return this.res.style.fontSize=e,this}em(e){return this.res.style.fontSize=`${e}em`,this}color(e){return this.res.style.color=e,this}weight(e){return this.res.style.fontWeight=e,this}bold(){return this.res.style.fontWeight="bold",this}italic(){return this.res.style.fontStyle="italic",this}padding(e,t,s,i){return e?this.res.style.padding=`${e}px`:e&&t&&s&&i&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=`${i}px`),this}margin(e,t,s,i){return this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginLeft=s,this.res.style.marginBottom=`${i}px`,this}placeholder(e){return this.res.setAttribute("placeholder",e),this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}width(e){return this.res.style.width=e,this}round(e){return this.res.style.borderRadius=`${e}px`,this}onChange(e){return this.res.value,this.res.addEventListener("input",(t=>{e(this.res.value)})),this}render(e){return e?(document.querySelector(e).appendChild(this.res),this.res):this.res}}},762:(e,t,s)=>{s.d(t,{y:()=>i});class i{constructor(){this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}}keySet(e){return this.temporaryVal=1,this.res.style[e.key]=e.value,this}onScroll(e){"opacity"===e.value?this.res.style.opacity=e.valMin:"scale"===e.value&&(this.res.style.transform=`scale(${e.valMax})`),window.addEventListener("scroll",(()=>{let t=this.smartRange(window.scrollY,{min:e.from,max:e.to},{min:e.valMin,max:e.valMax});"opacity"===e.value?this.res.style.opacity=t:"scale"===e.value&&(this.res.style.transform=`scale(${t})`)}))}setAny(e){this[Object.keys(e)[0]]=[Object.values(e)[0]]}setID(e){this.id=e}setPrevText(e){this.prevText=e}getCSS(){return this.css}getPX(e){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[e]||"Invalid breakpoint"}respad(e){const t=()=>{this.pad(e[0].values);for(let t=0;t<e.length;t++){let s=e[t].breakpoint;window.matchMedia(`(min-width: ${this.getPX(s)}`).matches&&this.pad(e[t].values)}};window.addEventListener("resize",t),t()}resmar(e){const t=()=>{this.mar(e[0].values);for(let t=0;t<e.length;t++){let s=e[t].breakpoint;window.matchMedia(`(max-width: ${this.getPX(s)}`).matches&&this.mar(e[t].values)}};window.addEventListener("resize",t),t()}resprop(e){this.prevBackground=this.res.style.background,this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.prevBorder=this.res.style.border;const t=()=>{this.res.style.background=this.prevBackground,this.res.style.width=this.prevWidth,this.res.style.height=this.prevHeight,this.res.style.border=this.prevBorder;for(let t=0;t<e.length;t++){let s=e[t].breakpoint;if(window.matchMedia(`(max-width: ${this.getPX(s)}`).matches){const s={};for(const i in e[t])"breakpoint"!==i&&(s[i]=e[t][i]);this.set(s)}}};window.addEventListener("resize",t),t()}isNumber(e){return"number"==typeof e&&!isNaN(e)}pad(e){for(let t=0;t<e.length;t++){let s=Object.keys(e[t]);for(let i=0;i<s.length;i++){let r=s[i],n=e[t][r];for(let e=0;e<r.length;e++)switch(r[e]){case"a":this.res.style.padding=this.isNumber(n)?`${n}px`:n;break;case"t":this.res.style.paddingTop=this.isNumber(n)?`${n}px`:n;break;case"l":this.res.style.paddingLeft=this.isNumber(n)?`${n}px`:n;break;case"r":this.res.style.paddingRight=this.isNumber(n)?`${n}px`:n;break;case"b":this.res.style.paddingBottom=this.isNumber(n)?`${n}px`:n}}}return this}as(e){return this.res.style.alignSelf=e,this}mar(e){for(let t=0;t<e.length;t++){let s=Object.keys(e[t]);for(let i=0;i<s.length;i++){let r=s[i],n=e[t][r];for(let e=0;e<r.length;e++){switch(r[e]){case"a":this.res.style.margin=this.isNumber(n)?`${n}px`:n;break;case"t":this.res.style.marginTop=this.isNumber(n)?`${n}px`:n;break;case"l":this.res.style.marginLeft=this.isNumber(n)?`${n}px`:n;break;case"r":this.res.style.marginRight=this.isNumber(n)?`${n}px`:n;break;case"b":this.res.style.marginBottom=this.isNumber(n)?`${n}px`:n}"auto"===r[e]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}}}return this}smartRange(e,t,s){e<t.min&&(e=t.min),e>t.max&&(e=t.max);let i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));let r=(s.min-s.max)*i-s.min;if(r=Math.abs(r),s.min<s.max){let e=(s.max+Math.abs(s.min))*i;r=s.min+e}return r}gpos(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}fluidCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setIndex(e){this.index=e}borderObj(e){let t=e.type??"solid";return this.res.style.border=`${e.width} ${t} ${e.color}`,this.res.style.borderRadius=e.radius,this}protoReact(e,t){e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const n of e){this.counterIndex++;const[e,a]=n.range,o=parseInt(e),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=o&&s<=l&&h&&("gradient"===n.log&&(i+="gradient"),"blast"===n.log&&(i+="blast"),"animation"===n.log&&(i+="animation"),"shadow"===n.log&&(i+="shadow"),"span"===n.log&&(i+="span"),"filter"===n.log&&(i+="filter"),"background"===n.log&&(i+="background"))}this.res.style.margin="";let n=this.res.style.color;for(e.map((e=>e.log)).filter((e=>null!=e)).includes("gradient")&&(this.res.style.WebkitBackgroundClip="",this.res.style.background=""),this.res.style["-webkit-text-stroke"]="",this.res.style.filter="",this.res.style.textShadow="",this.res.style.border="";this.res.firstChild;)this.res.removeChild(this.res.firstChild);if(this.res.textContent=this.text,""===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.color=n),"blast"===i){for(r=0;r<e.length;r++){const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}for(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke"]=this.globalBlast,r=0;r<e.length;r++){const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}}if("gradient"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style.border="1px solid orange"),"background"===i&&(this.res.style.background="orange"),"gradientblast"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style["-webkit-text-stroke"]=this.globalBlast),"gradientanimation"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style.textShadow=this.globalShadow),"animationshadow"===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow=this.globalShadow),"shadow"===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow=this.globalShadow),"span"===i&&this.options.span){let e;for(e=Array.isArray(this.options.span)?this.options.span.filter((e=>"span"===e.op.name))[0]:this.options.span,this.res.textContent="",r=0;r<e.op.parts.length;r++){let t=e.op.parts[r].style,s=new Text(e.op.parts[r].text).setup({type:"span"}).set(t).render();this.res.appendChild(s)}}if("filter"===i){let e=this.options.filtera.op.filter;this.res.style.filter=e,this.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}setPref(e){this.preffersId=e}setClass(e){this.class=e}betaReact(e,t){this.ap=!1,this.cta=0,this.once=!1,e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.resCopy=this.res,this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const n of e){this.counterIndex++;const[e,a]=n.range,o=parseInt(e),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=o&&s<=l&&h&&("blast"===n.log&&(i+="blast"),"shadow"===n.log&&(i+="shadow"),"background"===n.log&&(i+="background"),"gradient"===n.log&&(i+="gradient"),"spana"===n.log&&(i+="spana"),"layout"===n.log&&(i+="layout"),"margin"===n.log&&(i+="margin"),n.op&&n.op.margin&&(this.useMargin=n.op.margin))}if(this.res.style.background="",this.res.style.backgroundColor="",this.res.style.textShadow="",this.res.style.border="",this.res.style.margin="",this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-stroke-width"]="","background"===i&&(this.res.style.backgroundColor="green"),"margin"===i)for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}if("blastbackgroundmargin"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}this.res.style.backgroundColor="green","FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}this.res.style.backgroundColor="green",this.useMargin?this.res.style.margin="1rem":this.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===i&&(this.res.style.alignSelf="start",this.res.style.border="1px solid purple"),"blast"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}"FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-background-clip"]="text",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===i&&(this.res.style.border="1px solid yellow",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===i&&(this.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===this.getType()||(this.res.children[0]&&this.res.removeChild(this.res.children[0]),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-background-clip"]="text",this.res.textContent=this.text)),"shadow"===i&&("FlexRowLayoutElement"===this.getType()||(this.res.children[0]&&this.res.removeChild(this.res.children[0]),this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",this.res.textContent=this.text))};window.addEventListener("resize",s),s()}cssGen(e,t,s,i){return this.css=[""],[""]}chainReact(e,t,s){this.cssGen(e,t,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;for(let t of e)t.range||(t.range=["0px","999999px"]);e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const i=()=>{const i=window.visualViewport.width;let r=[],n=[];this.resCopy=this.res,this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const s of e){this.counterIndex++;const[e,o]=s.range,l=parseInt(e),h=parseInt(o);let d=!0;if(s.target){d=!1;for(var a=0;a<s.target.length;a++)s.target[a]===t&&(d=!0)}i>=l&&i<=h&&d&&(r.push(s.log),n.push(s),s.op&&s.op.margin&&(this.useMargin=s.op.margin))}if(s&&!s.includes("background")&&(this.res.style.background="",this.res.style.backgroundColor=""),this.res.style.textShadow="",s&&!s.includes("border")&&(this.res.style.border=""),s&&!s.includes("margin")&&(this.res.style.margin=""),this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-stroke-color"]="",this.res.style["-webkit-text-stroke-width"]="",this.res.style.filter="",(r.includes("gradient")||r.includes("shadow"))&&(this.res.style.position="relative",this.res.style.zIndex=-1),r.includes("blast")){let e=n.filter((e=>"blast"===e.log))[0].op.color,t=n.filter((e=>"blast"===e.log))[0].op.width??"1px";"FlexRowLayoutElement"===this.getType()?this.res.style.border=`${t}px solid orange`:(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]=e,this.res.style["-webkit-text-stroke-width"]=`${t}`)}if(r.includes("filter")){let e=n.filter((e=>"filter"===e.log))[0].op.filter;this.res.style.filter=e}if(r.includes("background")&&(this.res.style.backgroundColor="green"),r.includes("gradient")&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["background-clip"]="text"),r.includes("shadow"))if("FlexRowLayoutElement"===this.getType());else{let e="",t=0;for(a=0;a<this.options.shadow.op.steps;a++)t+=3,e+=`drop-shadow(${t}px ${t}px ${t}px gray) `;this.res.style.filter=e}if(r.includes("margin"))for(a=0;a<e.length;a++){if(!e[a].op)continue;const t=e[a].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}if(r.includes("animation")){if(this.options.animation&&!this.hasAnimated&&!this.options.animation.op.fireAt){this.hasAnimated=!0;let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"}),this.res.animate(e.keyframesOpen,e.openOptions)}if(this.options.animation&&this.options.animation.op.fireAt&&this.options.animation.op.fireAt.endsWith("px")){let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"});const t=()=>{window.scrollY>parseFloat(e.fireAt)&&(this.res.animate(e.keyframesOpen,e.openOptions),window.removeEventListener("scroll",t))};window.addEventListener("scroll",t)}if(this.options.animation&&this.options.animation.op.fireAt&&"inview"===this.options.animation.op.fireAt){let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver(((t,s)=>{t.forEach((t=>{t.isIntersecting&&(this.res.animate(e.keyframesOpen,e.openOptions),s.disconnect())}))})).observe(this.res)}}};window.addEventListener("resize",i),i()}reactOnTransform=e=>{if(e.transform||e.op&&e.op.transform){let t=e.transform;e.transform||(t=e.op.transform),t.duration||(t.duration="3s-ease-in-out"),this.setDefault=(e,t="0px")=>0===e.length?t+" ":e;const s=e=>{const t=e.match(/rotate\(([^)]+)\)/);if(!t)return e;const s=t[1].split(",").map((e=>e.trim()));return 1===s.length?`rotate(${s[0]})`:2===s.length?`rotateX(${s[0]}) rotateY(${s[1]})`:3===s.length?`rotateX(${s[0]}) rotateY(${s[1]}) rotate(${s[2]})`:e},i=()=>{let i="",r="",n="",a="",o="",l="",h="",d="",c="";if(0===t.values.length)return;t.values.forEach((e=>{e.startsWith("tx:")&&(i=e.replace("tx:","")),e.startsWith("ty:")&&(r=e.replace("ty:","")),e.startsWith("tz:")?n=e.replace("tz:",""):e.startsWith("scale(")?a=e:e.startsWith("skew(")?o=e:e.startsWith("rotate(")?l=s(e):e.startsWith("perspective(")?h=e:e.startsWith("matrix(")?d=e:e.startsWith("opacity:")&&(c=e.replace("opacity:",""))})),i=this.setDefault(i),r=this.setDefault(r),n=this.setDefault(n);let p="";if("0px"!=r&&"0px"!=i&&"0px"!=n?p+=`translate3d(${i}, ${r}, ${n})`:"0px"==r&&"0px"==i||(p+=`translate(${i}, ${r})`),a&&(p+=` ${a}`),l&&(p+=` ${l}`),o&&(p+=` ${o}`),h&&(p+=` ${h}`),d&&(p+=` ${d}`),p){if(e.op.transform.duration){let t=e.op.transform.duration.replace(/^(\d+)(s)-/,((e,t,s)=>t/2+s+" ")),s=`transform ${t}, opacity ${t}`;this.res.style.transition=s}else this.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";this.res.style.transform=p,this.res.style.opacity=c}};t.on?this.res.addEventListener(t.on,(()=>{t.delay?setTimeout((()=>{i()}),t.delay):i()})):window.addEventListener("load",(()=>{t.delay?setTimeout((()=>{i()}),t.delay):i()}));const r=()=>{let e="";t.values.forEach((t=>{t.startsWith("tx:")?e+="translateX(0) ":t.startsWith("ty:")?e+="translateY(0) ":t.startsWith("tz:")?e+="translateZ(0) ":t.startsWith("scale(")?e+="scale(1) ":t.startsWith("skew(")?e+="skew(0, 0) ":t.startsWith("rotate(")?e+="rotate(0) ":t.startsWith("perspective(")?e+="perspective(0) ":t.startsWith("matrix(")&&(e+="matrix(1, 0, 0, 1, 0, 0) "),this.res.style.opacity="1"})),e&&(this.res.style.transform=e.trim())};if(t.on)this.res.addEventListener("mouseout",(()=>{t.keep||r()}));else{let e=1e3*parseFloat(t.duration),s=t.closeAfter?t.closeAfter:0;setTimeout((()=>{t.keep||r()}),e/2+s)}}};maxWidth(e){return this.res.style.maxWidth=e,this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}navBarExpand(){return this.res.style.backgroundColor="green",this.res.animate([{transform:"scaleY(3.0)"}],{duration:2e3,iterations:1,fill:"both"}),this}scrollFade(e,t){return this.res.style.visibility="hidden",this.faden(e,t,"scroll"),this}expand(e){return!1===this.state.isExpanded?"click"===e.on?this.res.addEventListener("click",(()=>{this.innerExpand(e)})):this.innerExpand(e):this.innerExpandBack(e),this.state.isExpanded=!this.state.isExpanded,this}move(e){return"click"===e.on?this.res.addEventListener("click",(()=>{this.moveUpa(e)})):("up"===e.direction&&this.moveUpa(e),"down"===e.direction&&this.moveDowna(e),this.state.isMovedUp=!this.state.isMovedUp,"left"===e.direction&&this.moveLeft(e)),this}moveLeft(e){return this.res.animate([{transform:"translateX(0px)"},{transform:`translateX(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveUpa(e){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveDowna(e){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveUpaBack(e){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}innerExpandBack(e){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"})}innerExpand(e){return this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.res.animate([{width:this.prevWidth,height:this.prevHeight},{width:e.width??this.prevWidth,height:e.height??this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"}),this}fade(e){return this.res.style.visibility="hidden",this.faden(e.duration,e.from,"load"),e.finalOpacity&&(this.finalOpacity=e.finalOpacity),this}faden(e,t,s){return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(s,(()=>{this.res.style.visibility="visible";var i=window.innerHeight;(this.res.getBoundingClientRect().top-i<=0||"load"==s)&&0==this.scrolled&&("left"==t&&this.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"right"==t&&this.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"top"==t&&this.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),"bottom"==t&&this.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),this.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:e,iterations:1}),this.scrolled=!0)})),this}}},790:(e,t,s)=>{s.d(t,{f:()=>r});var i=s(762);class r extends i.y{constructor(){super()}setup(e){return this.obj=e,this.animate=void 0===this.obj.animate||this.obj.animate,this.res=this.createSideNav(e),this.res.style.position="relative",this.res.style.zIndex=3,this.closed=!0,this}toggleSideNav(e){this.closed=!this.closed;let t=this.res.children[0];if(this.closed)if(t.style.overflowX="hidden",e.style.opacity=1,this.animate){t.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],{duration:300,fill:"forwards"});let e=-1;for(let s of t.children)if(e+=1,this.masterEL[e])for(let t of s.children){let s=this.masterEL[e].options.animation;s&&this.mappedIDS.includes(t.id)&&t.animate(s.op.keyframesClose,s.op.closeOptions)}}else t.style.display="none";else{t.style.overflowX="none",t.children[1].style.border="1px solid orange";let s=-1;for(let e of t.children){s+=1;for(let t of e.children)if(this.mappedIDS.includes(t.id)&&void 0!==this.masterEL[0]){let e=this.masterEL[s].options.animation;if(e){console.log("OPEN KEYFRAMES"),console.log(e.op.keyframesOpen);let s=e.op.openOptions;s.delay||(s.delay=1),s.duration||(s.duration=300),console.log(s),t.animate(e.op.keyframesOpen,s)}}}e.style.opacity=0,this.animate?(t.style.display="flex",t.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],{duration:300,fill:"forwards"})):t.style.display="flex"}}createToggleButton(e){const t=document.createElement("button");return t.innerText="☰",t.style.padding="10px 20px",t.style.backgroundColor="transparent",t.style.color=e??"#3498db",t.style.border="none",t.style.borderRadius="5px",t.style.cursor="pointer",t.style.zIndex=1,t.style.fontSize="1.6rem",t}createCloseButton(e){const t=document.createElement("button");return t.innerText="×",t.style.fontSize="1.6rem",t.style.padding="10px 20px",t.style.backgroundColor="transparent",t.style.color=e??"black",t.style.border="none",t.style.borderRadius="5px",t.style.cursor="pointer",t.style.zIndex=1,t.style.alignSelf="flex-end",t}createSideNav(e){const t=document.createElement("div");t.style.display="flex",t.style.justifyContent="flex-end";const s=document.createElement("div");s.style.display="none",s.style.background=this.obj.background||"#1abc9c",s.style.height="100%",window.matchMedia("(max-device-width: 415px)").matches?s.style.width="100%":s.style.width=this.obj.width||"400px",s.style.position="fixed",s.style.right=0,this.animate&&(s.style.transform="translateX(100%)"),s.style.flexDirection="column",s.style.justifyContent="flex-start";const i=this.createToggleButton(this.obj.hamColour.opened),r=this.createCloseButton(this.obj.hamColour.closed);return i.addEventListener("click",(()=>this.toggleSideNav(i))),r.addEventListener("click",(()=>this.toggleSideNav(i))),s.appendChild(r),t.appendChild(s),t.appendChild(i),t}items(e){this.masterEL=e.items.filter((e=>void 0!==e.link)),console.log("EXTRACT IDs"),console.log(e);let t=e.items.filter((e=>void 0===e.items)).map((e=>e.id));if(this.mappedIDS=t,this.item=e,this.res.children[0].appendChild(e.render()),void 0!==this.masterEL[0]){console.log("ANNAX"),console.log(this.masterEL[0]);let e=this.masterEL[0].options.animation;if(e)for(let t of this.res.children[0].children)for(let s of t.children)if(this.mappedIDS.includes(s.id)){let t=e.op.closeOptions;t.delay=0,console.log("ANNAX"),console.log("SETTING INITIAL STATE ZEROING THE DELAY"),console.log(e.op.keyframesClose),console.log(t),s.animate(e.op.keyframesClose,e.op.closeOptions)}}return this}toCode(){let e=`new SideNav().setup(${this.formatObj(this.obj)})`;if(this.item){let t=this.item.toCode?this.item.toCode().join(""):this.formatObj(this.item);t=t.replace(/,\s*(\.set\(|\.add\()/g,"\n $1"),e+=`.items(${t})`}return e}formatObj(e){return JSON.stringify(e,null,2).replace(/"(\w+)"\s*:/g,"$1:")}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}},807:(e,t,s)=>{s.d(t,{I:()=>A});var r=s(16),n=s(130),a=s(219),o=s(946),l=(s(155),s(828)),h=s(734),d=s(897),c=s(69),p=s(304),u=s(790),m=s(463),y=s(148),g=(s(751),s(385)),w=s(898),f=s(877);s(216);class b{constructor(e="",t="POST"){this.action=e,this.method=t,this.elements=[],this.formElement=document.createElement("form"),this.formElement.action=this.action,this.formElement.method=this.method}add(e){return this.elements=e,console.log("CODEA"),console.log(this.elements),console.log(this.elements.length),e.forEach((e=>{if(!e||"function"!=typeof e.render)throw new Error("Each element in the array must have a render method that returns an HTML DOM element.");this.formElement.appendChild(e.render())})),console.log(this.elements),this}toCode(){let e=this.elements.map((e=>e.toCode())),t=Object.entries(this.obj).map((([e,t])=>`${e}: ${"string"==typeof t?`"${t}"`:t}`)).join(", ");return console.log("FORM DQ"),console.log(e),[`new Form().set({${t}}).add([ \n ${e.join(", \n")}])`]}set(e){return this.obj=e,e.action&&this.setAction(e.action),e.method&&this.setMethod(e.method),this}setAction(e){this.action=e,this.formElement.action=this.action}setMethod(e){this.method=e,this.formElement.method=this.method}render(e){return e&&document.querySelector(e).appendChild(this.formElement),this.formElement}}var x=s(207),v=s(733),_=s(959),k=s(836),C=(s(588),s(26),s(317)),S=s(342),E=s(11),$=s(985),T=s(683);class A{static mapType(e){return["h1","h2","h3","h4","h5","h6"].includes(e.el.type)?this.mapText(e):"img"===e.el.type?this.mapImage(e):"a"===e.el.type?this.mapLink(e):"cards"===e.el.type?this.mapGrid(e):"free"===e.el.type?this.mapFree(e):"nav"===e.el.type?this.protoNav(e):"sideNav"===e.el.type?this.sideNav(e):"row"===e.el.type?this.row(e):"dropdown"===e.el.type?this.dropdown(e):"modal"===e.el.type?this.modal(e):"slider"===e.el.type?this.slider(e):"table"===e.el.type?this.table(e):"radio"===e.el.type?this.radio(e):"input"===e.el.type?this.input(e):"labelInput"===e.el.type?this.floatInput(e):"filePicker"===e.el.type?this.filePicker(e):"picker"===e.el.type?this.picker(e):"video"===e.el.type?this.video(e):"audio"===e.el.type?this.audio(e):"multiswitcher"===e.el.type?this.multiswitcher(e):"button"===e.el.type?this.button(e):"form"===e.el.type?this.form(e):"checkbox"===e.el.type?this.checkbox(e):"stack"===e.el.type?this.stack(e):"simple"===e.el.type?this.simple(e):void 0}static button(){return new x.$("Submit").set({fluidc:"S6",color:"white",background:"#1abc9c",arrpad:{sides:["all"],value:".3rem"},radius:".3rem",onTap:()=>{alert("Nice")},keySet:{key:"border",value:"3px solid green"}})}static multiswitcher(){return(new d.i).set({breakpoints:[{at:"0px",view:new r.E("First").set({})},{at:"700px",view:new r.E("Nice").set({})},{at:"800px",view:new r.E("Best").set({})}]})}static video(){return new k.C("https://www.w3schools.com/html/mov_bbb.mp4").set({})}static audio(){return new _.f("rouska.mp3").set({background:"#1abc9c"})}static radio(e){return(new g.z).set({items:["Male","Female","Third shit"],multiple:!0})}static input(e){return(new TextField).set({type:"text",placeholder:"Enter swimming time",arrayMargin:{sides:["all"],value:"1rem"}})}static floatInput(e){return(new y.l).set({title:"Your name",type:"input"})}static filePicker(e){return(new f.I).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}static picker(e){return(new w.L).set({items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},rounded:!0})}static modal(e){}static slider(e){let t=[(new p.m).set({}).add([new r.E("One").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("First time").set({font:"Arial"})]),new r.E("Two").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("Three").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("Four").set({fluidc:"S1",color:"#1abc9c",font:"Arial"})];return new v.A(t,null)}static dropdown(e){e.el.items||(e.el.items=["Flower","Car","Maseratti"]);let t=e.el.items.map((e=>(new a.N).set({pad:[{a:10}],font:"Arial",bold:!0,link:"https://www.apple.com",text:e,icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"},hover:{color:"wheat",animation:.3}})));return(new c.m).set({behaviour:"mouseover",pad:[{a:"1rem"}],mar:[{a:"1rem"}],border:"1px solid black",width:"180px",radius:"1rem"}).add([new r.E(e.el.items[0]).set({font:"Arial",fluidc:"S6",weight:"bold",align:"center",cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},pad:[{l:10,r:10}]}),(new p.m).set({border:"1px solid green",background:"#1abc9c",radius:"0.7rem",socenter:!0}).add(t.slice(1))])}static row(e){return e.customOptions,(new o.Y).set({borderObj:{width:"3px",color:"orange"},colat:"600px"}).items([new r.E("Firsta").set({border:"3px solid green",width:"100%"}),new r.E("Second").set({border:"3px solid green",width:"100%"}),new r.E("Third").set({border:"3px solid green",width:"100%"})])}static protoNav(e){e.customOptions;let t=[{title:"Fire",link:"@e"},{title:"and",link:"@e"},{title:"smoke",link:"@e"}],s=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S6",text:e.title,link:e.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3}}))),i=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S6",text:e.title,link:e.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3},animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:`translate(100%, ${10*t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*t}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));if(e.el.dropdown){const e=(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:20,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Second",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}}),(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Third",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}})])]);i.push(e),s.push(e)}return e.el.animation,(new d.i).set({breakpoints:[{at:"0px",view:(new h.m).set({background:"green",mar:[{a:21}],brand:new r.E("A").set({size:"S1"}),hamburgerColour:"#3498db",radius:"1rem"}).add([new a.N("A").set({text:"A",url:"#a"}),(new c.m).set({behaviour:"mouseover",pad:[{a:40}],mar:[{lr:"auto"}],breakpoint:"1200px",padding:"10px",border:"1px solid black",height:"auto"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r.E("Firsti").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r.E("Firstiuu").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})]),new a.N("B").set({text:"B",url:"#b"}),new a.N("C").set({text:"C",url:"https://www.abcnews.com"})])},{at:"1200px",view:(new l.C).set({background:"green",mar:[{a:21}],maxHeight:"100px",radius:"1rem"}).add([new r.E("A").set({size:"S1"}),new m.h(!0),(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",radius:"30px",width:"130px"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({flexDir:"column",background:"orange",mar:[{t:"10px"}],radius:".3rem"}).add([new a.N("").set({text:"A",url:"jk",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new a.N("").set({text:"Kivi new TV",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new a.N("").set({text:"Thanks GPT",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})])]),new a.N("Desktop bar").set({text:"Desktop bar",url:"#a"}),new a.N("B").set({text:"B",url:"#a"}),new a.N("C").set({text:"C",url:"#a"})])}]})}static sideNav(e){e.customOptions;let t=[{title:"Home",link:"@e"},{title:"Projects",link:"@e"},{title:"Services",link:"@e"}];const s=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S4",text:e.title,link:e.link,isNavA:!0,url:"#e",id:"#"+e.title.toLowerCase(),font:"Arial",pad:[{a:20}],bold:!0,align:"left"}))),i=(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:"translate(100%, 10%)",opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, 10%)",opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Second",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}}),(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Third",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}})])]);let n=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S4",text:e.title,link:e.link,isNavA:!0,url:"#e",id:"#"+e.title.toLowerCase(),font:"Arial",pad:[{a:20}],bold:!0,align:"left",animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:`translate(100%, ${10*t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*t}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));e.el.dropdown&&(n.push(i),s.push(i));const o=(new p.m).set({column:!0}).add([new r.E("Ultra Reckoning").set({fluidc:"S6",font:"Arial",id:"#olod",italic:!0,animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}},pad:[{l:40},{t:20}]}),e.el.animation?n[0]:s[0],e.el.animation?n[1]:s[1],e.el.animation?n[2]:s[2],e.el.animation&&e.el.dropdown?n[3]:new r.E("").set({}).excludeFromCode(),new r.E("Paramount, 2024").set({pad:[{a:20}],animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}})]),l=(new p.m).set({column:!0}).add([new r.E("Off canvas").set({fluidc:"S6",font:"Arial",id:"#olod",italic:!0,animation:e.el.animation?{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}:null,pad:[{l:40},{t:20}]})]);return(new u.f).setup({animate:!0,radius:"1rem",isSide:!0,background:"#ecf0f1",hamColour:{opened:"#1abc9c",closed:"#e67e22"},mobileSize:"1.2em"}).items(e.el.offcanvas?l:o)}static mapFree(e){let t=e.customOptions.filter((e=>"slayout"===e.op.name||"layout"===e.op.name))[0],s=null,i={cols:6,rows:6};return"text-above-image"!==t.op.value&&"image-above-text"!==t.op.value||(s=null,i=null),"image-overlay-text"===t.op.value&&(s={text:{row:"1 / span 2",col:"3 / span 2"},image:{row:"2 / span 3",col:"3 / 3"}}),"image-leftof-text"===t.op.value&&(s={text:{row:"1",col:"1 / 3"},image:{row:"1",col:"3 / 4"}}),(new C.b).set({id:"#3",templateCols:i,height:"600px"}).add([new r.E("I am free").set({border:"3px solid green",font:"Arial",fluidc:"S1",color:"#1abc9c",gpos:null!=s?s.text:null,zIndex:1}),new n._("https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg").set({url:"https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg",width:"400px",height:"auto",gpos:null!=s?s.image:null})])}static mapText(e){let t=e.el;return new r.E(t.text||t.value).set({id:t.id,class:t.class,color:t.color,fluidc:this.getElType(t.type),font:t.font??"Arial",stroke:this.filtero("blast",t.id,e.customOptions),gradient:this.filtero("gradient",t.id,e.customOptions),animation:this.filtero("animation",t.id,e.customOptions),shadow:this.filtero("shadow",t.id,e.customOptions),span:this.filtero("span",t.id,e.customOptions),backgroundOp:this.filtero("background",t.id,e.customOptions),marginOp:this.filtero("margin",t.id,e.customOptions),transform:this.filtero("transform",t.id,e.customOptions)})}static mapImage(e){let t=e.el;return new n._(t.url).set({...t,isFull:t.isFull,animation:this.filtero("animation",t.id,e.customOptions),shadow:this.filtero("shadow",t.id,e.customOptions),marginOp:this.filtero("margin",t.id,e.customOptions),filtera:this.filtero("filter",t.id,e.customOptions)})}static mapLink(e){let t=e.customOptions.filter((e=>"link-style"===e.op.name)),s=null,i=e.el;return e.el.id&&(i.id=e.el.id),e.el.link&&e.el.text&&(i.url=e.el.link,i.text=e.el.text),i.keySet={key:"background",value:"shadow: 3px 3px solid green"},i.animation=this.filtero("animation",e.el.id,e.customOptions),i.class=e.el.class,i.width=e.el.width,i.font="Arial",i.fluidc=e.el.fluidc,i.index=e.i+"",i.shadow=this.filtero("shadow",e.el.id,e.customOptions),i.backgroundOp=this.filtero("background",e.el.id,e.customOptions),i.pad=[{a:10}],s=t.length>0?$.a.style({el:e.el,re:i,bst:t,options:e.customOptions})[t.length-1]:(new a.N).set(i),s}static mapGrid(e){console.log("OBJ IS"),console.log(e.storage);let t=[],s=e.customOptions.filter((e=>"card-style"===e.op.name))[0]??{};t=T.Z.cards(e.el,s,e.storage);let i=`new Card()\n .set({\n width: "300px", radius: "0.7rem", mar: { sides: ["all"], value: "0.8rem" }})\n .items([${t.join(",")} \n ])`;return e.el.backgroundCard&&(i=`new ZoomCard().set({url: "https://img.freepik.com/free-photo/seascape-texture-waves-water-generative-ai_169016-30500.jpg", font: "Arial", mar: { sides: ["all"], value: "0.8rem" }, inpad: "1rem", useBrightness: true})\n .items([ \n ${t.join(",")},\n ]), \n`),`\n \n new FlexGrid()\n .set({colat: "700px", wrap: true, align: "center"}) \n .items([${Array(3).fill(i)}])\n \n`}static mapCDiv(e){if(e.customOptions,rta){let e=el;e.makeResponsiveBehaviour=rta.op.hash[0].l,e.index=i;let t={width:"200px",height:"100px"};if(ela=(new p.m).set(e),rta.op.hash[0].child){t.makeResponsiveBehaviour=rta.op.hash[0].child.l;let s=(new p.m).set(t).add([new r.E("Hello")]);ela=(new p.m).set(e).add([s])}}}static checkbox(e){return(new S.S).set({name:"acceptTerms",label:new r.E("Check it out!").set({size:"S6",color:"#1abc9c",font:"Arial"}),mar:"10px"})}static stack(e){return(new E.B).set({}).add([(new n._).set({url:"https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg"}),new r.E("Samuel Suresh").set({color:"#00ae56",font:"SF Pro Display",fluidc:"S2",pad:{sides:["top","left"],value:20}})])}static form(e){return(new b).set({action:"file.php"}).add([(new y.l).set({title:"Your name",type:"input",name:"name"}),(new y.l).set({title:"Your email",type:"input",name:"email",color:"#3498db",font:"Arial",mar:[{a:"1rem"}]}),(new g.z).set({name:"gender",items:["Male","Female","Third shit"],multiple:!1,tint:"#1abc9c",font:"Arial",exact:"3rem"}),(new w.L).set({name:"car",items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},radius:"1rem",background:"#1abc9c"}),(new f.I).set({id:"A",name:"image",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem"}),new x.$("Submit form").set({type:"submit",background:"#3498db",color:"white",weight:"bold",radius:"1rem",pad:[{a:"1rem"}],mar:[{b:"1rem"}]})])}static simple(e){return'new Simple()\n .set({ gap: "10px", height: "700px" })\n .react([\n {\n at: "0", // Default size\n color: "red",\n template: [\n "aaaaaa",\n "bbbbbb",\n "cccccc",\n "dddddd",\n "eeeeee",\n ],\n },\n {\n at: "768", // Medium screen size\n color: "blue",\n template: [\n "aa bbb",\n "aa bbb",\n "cc ddd",\n "ee ddd",\n ],\n },\n {\n at: "1024", // Large screen size\n color: "green",\n template: [\n "aaa bbb",\n "ccc ddd",\n "eee ddd",\n ],\n },\n ])\n .add([\n new Text("Hello A").set({size: "S1"}),\n new Text("Hello B").set({size: "S1"}),\n new Text("Hello C").set({size: "S1"}),\n new Text("Hello D").set({size: "S1"}),\n new Text("Hello E").set({size: "S1"})\n ])'}static getElType(e){return`S${e.substr(1)}`}static filtero(e,t,s){return s.filter((t=>t.op.name===e)).filter((e=>!e.target||e.target.includes(t)))[0]}}},828:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.navbar=document.createElement("nav"),this.navbar.classList.add("desktop-navbar"),this.navbarHeader=document.createElement("div"),this.navbarHeader.classList.add("navbar-header"),this.brand=document.createElement("div"),this.brand.classList.add("navbar-brand"),this.navContent=document.createElement("div"),this.navContent.classList.add("navbar-content"),this.navContent.style.width="100%",this.navbarHeader.appendChild(this.brand),this.navbarHeader.appendChild(this.navContent),this.navbar.appendChild(this.navbarHeader),this.res=this.navbar}set(e){return console.warn(e),this.obj=e,e.background&&(this.res.style.backgroundColor=e.background),e.mar&&super.mar(e.mar),e.brand&&this.setBrand(e.brand),e.radius&&(this.res.style.borderRadius=e.radius),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),this.setStyles(),this}setStyles(){this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor="#333",this.navbar.style.color="white",this.navbarHeader.style.display="flex",this.navbarHeader.style.alignItems="center",this.navbarHeader.style.justifyContent="space-between",this.navbarHeader.style.width="100%",this.brand.style.fontSize="1.5rem",this.navContent.style.display="flex",this.navContent.style.gap="1rem"}setBrand(e){return console.warn("SETA"),console.log(e),this.brand.innerHTML="",this.brand.appendChild(e),this}add(e){this.items=e;for(var t=0;t<e.length;t++)e[t],this.navContent.appendChild(e[t].render());return this}toCode(){console.warn(this.items);let e=this.items.map((e=>e.toCode())).flatMap((e=>e));return console.log("ITSA"),console.log(e),console.log(`${e.join(",")}`),`new DesktopBar().set(${this.removeQuotesFromFirstWord(JSON.stringify(this.obj))}).add([\n ${e.join(",")}\n\n \n \n\n ])`}render(e){return e&&document.querySelector(e).appendChild(this.navbar),this.navbar}}},836:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.url=e,this.res=null,this.setup()}setup(){this.res=document.createElement("video"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(e){return this.options=e,e.radius&&(this.res.style.borderRadius="1rem"),e.width&&(this.res.style.width=`${e.width}`),e.opacity&&(this.res.style.opacity=e.opacity),this}size(e){return this.res.style.width=e,this}toCode(){const e=JSON.stringify(this.options,null,4);return[`new Video("${this.url}").set(${e})`]}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},877:(e,t,s)=>{s.d(t,{I:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null}set(e){this.options=e,this.okayColor=e.okayColor,window.matchMedia("(max-device-width: 415px)");let t=document.createElement("div");t.style.paddingBottom="1em",t.style.display="flex",document.createElement("div");let s=document.createElement("input");s.setAttribute("type","text"),s.style.display="none",s.style.margin="0.5em";let i=document.createElement("input");i.setAttribute("type","file"),i.setAttribute("name",e.name),e.accept&&(i.accept=e.accept),i.setAttribute("id",e.id),i.style.visibility="hidden",i.style.display="none",window.matchMedia("(max-device-width: 415px)").matches&&(i.style.fontSize="1rem");let r=document.createElement("label");return r.setAttribute("for",e.id),r.innerText=e.title,r.style.marginRight=12,r.style.padding="0.5em",e.color&&(r.style.color=e.color),e.background&&(r.style.background=e.background,r.style.padding="10"),i.addEventListener("change",(()=>{s.style.display="block",e.hideField&&(s.style.display="none"),r.innerText="Change",this.file=i.files[0],this.onLoad(this.file),n[e.index]=this.file,s.setAttribute("value",this.file.name),s.setAttribute("readonly","true"),this.getLoaded(),this.highlight()})),t.appendChild(i),t.appendChild(r),t.appendChild(s),this.el=t,e.font&&this.font(e.font),e.radius&&this.borderRadius(e.radius),this}borderRadius(e){return this.el.style.borderRadius=e,this}addClass(e){return this.el.setAttribute("class",e),this}font(e){return this.el.style.fontFamily=e,this}bold(){return this.el.style.fontWeight="bold",this}rounded(){return this.el.children[1].style.borderRadius="8px",this}highlight(){return null===this.file?(this.hasFile=!1,this.el.children[1].style.background="red"):(this.hasFile=!0,this.okayColor?this.el.children[1].style.background=this.okayColor:this.el.children[1].style.background="#1abc9c"),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches};return e(),window.addEventListener("resize",e),this}onLoad(e){return this.returnObject(this.file),this}getLoaded(){return this.file}returnObject(e){return e}loadCall(e){return this.func=e,this.func(this.file),this}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new FilePickera().set(${e})`]}render(e){return e?(document.querySelector(e).appendChild(this.el),this):this.el}}var n=[]},897:(e,t,s)=>{s.d(t,{i:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.breakpoints=[],this.container=null,this.currentView=null,this.internalDiv=null,this.resizeListener=null}set({breakpoints:e}){if(this.options={breakpoints:e},!Array.isArray(e))throw new Error("Breakpoints should be an array of objects with 'at' and 'view' properties.");return this.breakpoints=e.map((e=>{if("string"!=typeof e.at||!(e.view.render()instanceof HTMLElement))throw new Error("Each breakpoint must have 'at' as a string and 'view' as an HTMLElement.");return{...e,at:parseInt(e.at,10)}})),this.breakpoints.sort(((e,t)=>e.at-t.at)),this}toCode(){JSON.stringify(this.options.breakpoints.map((e=>e.view.toCode())).flat(),null,4),JSON.stringify(this.options.breakpoints.map((e=>e.at)),null,4),JSON.stringify(this.options.breakpoints,null,4);let e="";for(var t=0;t<this.options.breakpoints.length;t++)e+=`{ at: "${this.options.breakpoints[t].at}", view: ${this.options.breakpoints[t].view.toCode()} }, \n`;return[`new Switcher().set({\n breakpoints: [\n ${e}\n ]\n })`]}render(e){return this.internalDiv=document.createElement("div"),this.applyView(),this.resizeListener=this.applyView.bind(this),window.addEventListener("resize",this.resizeListener),void 0!==e&&document.querySelector(e).appendChild(this.internalDiv),this.internalDiv}createRanges(e,t=99999){let s=[];for(let i=0;i<e.length;i++)s.push({from:e[i],to:i<e.length-1?e[i+1]-1:t});return s}addRanges(e,t,s=99999){return e.map(((e,i)=>({...e,range:{from:t[i],to:i<t.length-1?t[i+1]-1:s}})))}applyView(){console.log("MAKE RANGES"),window.innerWidth,console.log(this.breakpoints),console.log(this.breakpoints.map((e=>e.at)));let e=this.breakpoints.map((e=>e.at)),t=this.breakpoints.map((e=>e.at)),s=(this.createRanges(t),this.addRanges(this.breakpoints,e));console.log(s),s.forEach((e=>{const t=`(min-width: ${e.range.from}px) and (max-width: ${e.range.to}px)`,s=window.matchMedia(t);console.warn(t),s.matches&&(console.log(`Viewport width is within the range: ${e.range.from}px to ${e.range.to}px`),this.currentView!==e.view.render()&&(this.internalDiv.innerHTML="",this.internalDiv.appendChild(e.view.render()),this.currentView=e.view.render()))})),console.log("MBO")}destroy(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null),this.internalDiv&&this.container&&this.container.removeChild(this.internalDiv),this.container=null,this.currentView=null,this.internalDiv=null}}},898:(e,t,s)=>{s.d(t,{L:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null,this.selected=""}setup(e,t){document.createElement("div");let s=document.createElement("select");s.setAttribute("type","file"),s.setAttribute("name",t),s.addEventListener("change",(()=>{s.options[s.selectedIndex].value}));for(var i=0;i<e.length;i++)s.appendChild(this.addNode(e[i][0],e[i][1]));return this.el=s,this}set(e){return this.options=e,e.items&&this.setup(e.items,e.name),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.radius&&(this.el.style.borderRadius=e.radius),e.background&&(this.el.style.background=e.background),this}arrayPadding(e,t){return e.includes("left")&&(this.el.style.paddingLeft=t),e.includes("right")&&(this.el.style.paddingRight=t),e.includes("top")&&(this.el.style.paddingTop=t),e.includes("bottom")&&(this.el.style.paddingBottom=t),e.includes("all")&&(this.el.style.padding=t),this}arrayMargin(e,t){return e.includes("left")&&(this.el.style.marginLeft=t),e.includes("right")&&(this.el.style.marginRight=t),e.includes("top")&&(this.el.style.marginTop=t),e.includes("bottom")&&(this.el.style.marginBottom=t),e.includes("all")&&(this.el.style.margin=t),this}addNode(e,t){var s=document.createElement("option");s.setAttribute("value",e);var i=document.createTextNode(t);return s.appendChild(i),s}padding(e){return this.el.style.padding=e,this}font(e){return this.el.style.fontFamily=e,this}margin(e){return this.el.style.margin=e,this}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new Picker().set(${e})`]}rounded(e){return this.el.style.borderRadius="4px",this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.el.style.fontSize="3rem":this.el.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Picker=r},946:(e,t,s)=>{s.d(t,{Y:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.code=[],this.saveEl=t,this.frs=e,this.res=null,this.setup(),this.responsive(),this.code.push(" new FlexRow()")}getType(){return"FlexRowLayoutElement"}set(e){this.options=e;var t=e;if(t.id="#ABC",t.gradient,t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),t&&t.id&&t.stroke||t&&t.id&&t.gradient||t&&t.id&&t.span||t&&t.id&&t.backgroundOp){t.gradient&&(this.globalGradient=t.gradient.op.gradient),t.stroke&&super.setAny({globalBlast:`${t.stroke.op.width} ${t.stroke.op.color}`});let e=[t.stroke,t.gradient,t.animation,t.span,t.backgroundOp];e=e.filter((e=>null!=e));let i=[];for(var s=0;s<e.length;s++)i.push({range:e[s].range,log:e[s].op.name,target:e[s].target});this.res.setAttribute("id",t.id),this.betaReact(i,t.id)}if(e.id&&this.res.setAttribute("id",e.id),this.code.push("\n .set({"),e.padding&&this.padding(e.padding),e.background&&(this.res.style.backgroundColor="#ecf0f1",this.res.style.cornerRadius="#3rem"),e.alignTo&&(this.res.style.justifyContent=e.alignTo),e.background&&(this.res.style.backgroundColor=e.background,this.code.push(`\n background: "${e.background}",`)),e.justify&&(this.res.style.justifyContent=e.justify,this.code.push(`\n justify: "${e.justify}",`)),e.border&&("top"===e.border[0]&&(this.res.style.borderTop=`${e.border[1]} solid white`),"all"===e.border[0]&&(this.res.style.border=`${e.border[1]} solid orange`),this.code.push(`\n border: ["${e.border[0]}", "${e.border[1]}"],`)),e.borderObj){this.borderObj(e.borderObj);let t=JSON.stringify(e.borderObj);this.code.push(`\n borderObj: ${t},`)}if(e.width&&(this.res.style.width=e.width),e.width&&this.code.push(`\n width: "${e.width}",`),e.height&&(this.res.style.height=e.height),e.height&&this.code.push(`\n height: "${e.height}",`),e.align&&(JSON.stringify(e.align),this.res.style.alignItems="flex-start",this.code.push('\n alignIts: "flex-start",'),this.res.style.alignItems="flex-start"),e.wrap&&this.wrap(),e.wrap&&this.code.push("\n wrap: true,"),e.alignIts){let t=JSON.stringify(e.alignIts);this.res.style.alignItems="flex-start",this.code.push(`\n alignIts: ${t},`)}return e.owrap&&this.onlyWrap(),e.owrap&&this.code.push("\n owrap: true,"),null!=e.owrap&&!1===e.owrap&&(this.res.style.flexWrap="nowrap",this.res.style.background="yellow"),e.columnAlways&&alert("JIJ"+e.columnAlways),e.toColumn&&this.toColumn(e.toColumn),e.column&&this.makeCol(),e.colat&&(e.colat&&this.toColumnAt(e.colat),this.code.push(`\n colat: "${e.colat}",`)),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),this.arrayMarginValue=e.arrayMargin,e.arrayMargin&&this.code.push(`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrayMargin.value}"},`),e.multipad&&this.makeMultiPad(e.multipad),e.align&&this.makeJustify(e.justify),e.justify&&this.makeAlign(e.justify),"flex-start"===e.justifo&&(this.res.style.justifyContent="flex-start"),e.radius&&(this.res.style.borderRadius="1rem"),e.aligns&&this.aligns(e.aligns),this.code.push("\n })"),this}setArea(e){return this.res.style.gridArea=e,this}toColumnAt(e){if(!this.columnAlways){const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};t(),window.addEventListener("resize",t)}return this}onlyWrap(){return this.res.style.flexWrap="wrap",this.res.style.backgroundColor="green",this}wrap(){return this.res.style.flexWrap="wrap",this.res.style.justifyContent="space-between",this}aligns(e){return"start"===e&&(this.res.style.alignItems="flex-start"),"end"===e&&(this.res.style.alignItems="flex-end"),"center"===e&&(this.res.style.alignItems="center"),this}toColumn(e){alert("ON");const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};return t(),window.addEventListener("resize",t),this}toCode(){return[`new FlexRow().set(${JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:")}).items([`,` ${this.items.map((e=>e.toCode())).join(",\n ")}`,"])"].join("\n")}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}borderAround(e){return this.res.style.border=e,this}cornerRadius(e){return this.res.style.borderRadius=e,this}makeJustify(e){return"start"===e&&(this.res.style.justifyContent="flex-start"),this}makeAlign(e){return"center"===e?this.res.style.alignItems="center":this.res.style.justifyContent=e,this}makeCol(){return this.res.style.flexDirection="column",this}makeMultiPad(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.paddingLeft=e[t].value),"right"===e[t].side&&(this.res.style.paddingRight=e[t].value);return this}padding(e){return this.res.style.padding=e,this}center(){return this}toColumn(){return this.res.style.flexDirection="column",this}setClass(e){return this.res.setAttribute("class",e),this}toCenter(e){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this.res.setAttribute("class",e),this}setup(){let e=document.createElement("div");return e.style.display="flex",e.style.justifyContent="space-around",e.style.alignItems="center",e.style.margin=0,this.res=e,this}noSpaceAround(){return this.res.style.justifyContent="",this}itemAlignCenter(){return this.res.style.justifyContent="center",this.res.style.alignItems="center",this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=`${t}px`),e.includes("right")&&(this.res.style.marginRight=`${t}px`),e.includes("top")&&(this.res.style.marginTop=`${t}px`),e.includes("bottom")&&(this.res.style.marginBottom=`${t}px`),this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,window.matchMedia("(max-device-width: 415px)").matches&&e.mobile&&(this.res.style.width=e.mobile),this}background(e){return this.res.style.background=e,this}radius(e){return this.res.style.borderRadius=`${e}px`,this}shadow(e,t,s){return this.res.style.boxShadow="0px 1px 10px 0px rgb(145 145 145)",this}onTap(e){return this.res.addEventListener("click",e),this}items(e){this.els=e,this.items=e,this.code.push(".items([");for(var t=0;t<e.length;t++){if(null!=e[t])if(e[t].render instanceof Function){let s=e[t].render();this.res.appendChild(s)}else this.res.appendChild(e[t]);if(null!=e[t]&&e[t].render instanceof Function){let s=e[t].render();this.res.appendChild(s),void 0!==e[t].toCode&&this.code.push(e[t].toCode().flatMap((e=>e)))}}return this.code.push("])"),this}adjustRatiosForLayout(){return null==this.els[1].getWidth||null==this.els[1].getHeight||(window.addEventListener("resize",(()=>{this.resizeValues()})),this.resizeValues()),this}resizeValues(){let e=.7*window.innerWidth*(this.els[1].getHeight()/this.els[1].getWidth());this.res.children[0].style.height=`${e}px`,this.res.children[0].style.width="30%",this.res.children[1].style.width="70%"}responsive(e){let t=window.matchMedia("(max-device-width: 415px)");return window.innerWidth<e||t.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr",window.addEventListener("resize",(()=>{window.innerWidth<e||t.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr"})),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},959:(e,t,s)=>{s.d(t,{f:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.url=e,this.res=null,this.setup()}setup(){this.res=document.createElement("audio"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(e){return this.options=e,e.background&&this.background(e.background),this}background(e){const t=document.createElement("style");return t.type="text/css",t.textContent=`\n\taudio::-webkit-media-controls-panel {\n\t\tbackground-color: ${e};\n\t}\n`,document.head.appendChild(t),this}toCode(){return JSON.stringify(this.options,null,4),[`new Audio("${this.url}")`]}size(e){return this.res.style.width=e,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},985:(e,t,s)=>{s.d(t,{a:()=>i});class i{static style(e){let t=e.bst,s=e.el,i=e.re,r=(e.options,[]);for(var n=0;n<t.length;n++){let e=!0;t[n].target&&(e=!1,s.id===t[n].target[0]&&(e=!0))}for(n=0;n<t.length;n++){let e=!0;t[n].target&&(e=!1,s.id===t[n].target[0]&&(e=!0));let a=t[n].op.ops.split("-");e&&a.includes("air")&&(i.borderObj={color:"#1abc9c",radius:"0rem",width:"3px"},i.color="#1abc9c",i.background="transparent"),e&&a.includes("round")&&(a.includes("air")?i.borderObj={width:"4px",radius:"0.7rem",color:"#1abc9c"}:i.borderObj={width:"0px",radius:"0.7rem",color:"#1abc9c"}),e&&a.includes("full")&&(i.background="#3498db",i.borderObj&&i.borderObj.radius?i.borderObj.radius="0.3rem":i.color="white"),e&&a.includes("pill")&&(i.background="#3498db",i.borderObj.radius="9999px",i.color="white"),e&&a.includes("hover")&&(i.hover={color:"#1abc9c",background:"orange"}),r.push((new Link).set(i))}return r}}}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var s=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](s,s.exports,__webpack_require__),s.exports}__webpack_require__.d=(e,t)=>{for(var s in t)__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={},elementMapper=__webpack_require__(807),animator=__webpack_require__(762);class Base{constructor(){this.oldLength=0}observe(e){return this.initialState=e,this.Proxima(e)}Proxima(e){var t=this;return new Proxy(e,{set(e,s,i,r){return alert(`Setting ${i} to ${r}`),e[i]=r,this.initialState.data.push(i),"length"!==s&&t.refreshUI("Added"),!0},has:(e,s,i,r)=>("length"!==s&&t.refreshUI("Deleted"),Reflect.has(e,s))})}refreshUI(e){let t=this.initialState;this.adjustState(t)}loadState(e,t){return this.loadEl=t,this.initialState=e,alert(this.initialState.data),this.observe(this.state.data)}adjustState(e){document.querySelector(this.loadEl);let t=e[e.length-1],s=document.createElement("p"),i=document.createTextNode(t);s.appendChild(i),document.body.appendChild(s)}toNode(e){var t=document.createElement("div");return t.innerHTML=e.trim(),t.firstChild}reactState(){let e=document.querySelector("#res");alert(this.render());let t=this.toNode(this.toHTML());e.appendChild(t)}mount(e){this.el=e,this.render(e).render(e)}toCode(){return[""]}toHTML(e){return this.render(e).render(e).innerHTML}}var layout_text=__webpack_require__(16),layout_image=__webpack_require__(130),layout_link=__webpack_require__(219),flexRow=__webpack_require__(946);class CustomDivRenderer{constructor(e,t){this.obj=e||{},this.items=t||[]}render(){let e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(t.matches||s.matches)&&(e.style.marginTop="3rem");for(let t=0;t<this.items.length;t++){const s=this.items[t];e.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),i}}window.CustomDivRenderer=CustomDivRenderer;var newNavBar=__webpack_require__(155);class SideBar{constructor(e,t){this.ele=null,this.width="16em",this.height="100vh",this.els=e}setup(e){e.width&&(this.width=e.width),e.height&&(this.height=e.height);let t=document.createElement("div");t.style.position="absolute";let s=document.createElement("button");s.style.position="absolute",s.style.background="white",s.style.opacity=.8,s.style.border="none",s.width="1.5em",s.height="1.5em",s.style.borderRadius="50%",s.style.zIndex=2;let i=document.createTextNode("☰");s.appendChild(i),s.style.fontSize="2em",window.matchMedia("(max-device-width: 400px)").matches&&(s.style.fontSize="6em"),window.matchMedia("(max-device-width: 400px)").matches&&e.fullMobile&&(this.width="100vw"),t.appendChild(s);let r=document.createElement("div");return r.style.position="absolute",r.style.backgroundColor="#fff",r.style.flexDirection="column",r.style.display="flex",r.style.alignItems="center",r.style.margin=0,r.style.padding=0,r.style.width=this.width,r.style.margin=0,r.style.marginTop="-10px",r.style.paddingTop="1em",r.style.paddingBottom="1em",r.style.height=`${this.height}`,r.style.transform=`translateX(-${this.width})`,r.style.transition="all 0.80s",t.appendChild(r),this.hidden=!1,s.addEventListener("click",(()=>{this.hidden=!this.hidden;for(var e=0;e<r.children.length;e++)"☰"!==r.textContent&&(this.hidden?r.style.transform="translateX(0em)":r.style.transform=`translateX(-${this.width})`)})),this.ele=t,this.els&&this.items(this.els),this}background(e){return this.ele.children[1].style.backgroundColor=e.color,this.ele.children[1].style.opacity=e.opacity,this}items(e){this.itemCount=e.length;for(var t=0;t<e.length;t++)this.ele.children[1].appendChild(e[t].render());return this}render(e){return e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.ele),this.ele):this.ele}}var sideNavBar=__webpack_require__(790),free=__webpack_require__(317),audionew=__webpack_require__(959);class Progress{constructor(e){this.res=null,this.value=e,this.setup()}setup(){let e=document.createElement("div"),t=document.createElement("div"),s=document.createElement("div");return t.style.position="absolute",s.style.position="relative",e.appendChild(t),e.appendChild(s),this.res=e,this}padding(e,t,s,i){return(e||t||s||i)&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i),t||s||i||(this.res.style.padding=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}size(e){let t=e.width.split("%")[0],s=e.height;this.res.children[0].style.width=t/100*window.innerWidth,this.res.children[0].style.height=s,this.res.children[1].style.width=t/100*window.innerWidth*this.value,this.res.children[1].style.height=s;const i=()=>{this.res.children[0].style.width=t/100*window.innerWidth,this.res.children[0].style.height=s,this.res.children[1].style.width=t/100*window.innerWidth*this.value,this.res.children[1].style.height=s};return window.addEventListener("resize",i),i(),this}colors(e,t){return this.res.children[0].style.background=e,this.res.children[1].style.background=t,this}round(e){return this.res.children[0].style.borderRadius=`${e}px`,this.res.children[1].style.borderRadius=`${e}px`,this}render(e){if(Array.from(this.res.children).forEach((e=>e.style.padding=0)),Array.from(this.res.children).forEach((e=>e.style.margin=0)),!e)return this.res;document.querySelector(e).appendChild(this.res)}}class Center{constructor(e){this.setup(e)}setup(e){let t=document.createElement("div");e&&t.setAttribute("id",e),t.style.display="flex",t.style.flexDirection="column",t.style.justifyContent="center",t.style.alignItems="center",t.style.width="100%",t.style.height="auto",t.style.margin=0,t.style.padding=0,this.res=t}toCode(){return[""]}items(e){for(var t=0;t<e.length;t++){let s=e[t].render();this.res.appendChild(s)}return this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(alert("j"),this.res.style.margin=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(alert("j"),this.res.style.margin=e),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}var code=__webpack_require__(26),stack=__webpack_require__(11),container=__webpack_require__(304);class MetaAdder{constructor(){this.res=document.createElement("meta"),this.res.setAttribute("name","viewport"),this.res.setAttribute("content","width=device-width, initial-scale=1"),this.charset=document.createElement("meta"),this.charset.setAttribute("charset","UTF-8")}add(){document.head.appendChild(this.res),document.head.appendChild(this.charset)}}var table=__webpack_require__(588),dropdown2025=__webpack_require__(69);class Modal{constructor(){this.el=null,this.obj=null}set(e){let t=document.createElement("div");return t.style.width="100vw",t.style.height="100vh",t.style.backgroundColor=e.background,t.style.zIndex="1",t.style.position="absolute",t.style.overflowY="scroll",this.obj=e,this.res=t,e.close&&this.close(),this}close(){return this.res.style.display="none",this}show(){return this.res.style.display="block",this}add(e){let t=document.createElement("div");t.style.width=this.obj.width,t.style.height="auto",t.style.marginLeft="auto",t.style.marginRight="auto",t.style.backgroundColor="white",window.matchMedia("(max-device-width: 415px)").matches&&(t.style.marginTop="200px",t.style.width="100%");for(var s=0;s<e.length;s++)console.log(e[s]),t.appendChild(e[s].render());return this.res.appendChild(t),this}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}var textField=__webpack_require__(758),flexCard=__webpack_require__(110);class Wrap{constructor(e){this.code=[],this.setup();for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render().render())}setup(){let e=document.createElement("div");e.style.padding=0,e.style.margin=0,this.res=e}width(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}padding(e){return this.res.style.padding=`${e}px`,this}size(e,t){return this.w=e,this.h=t,this.w?this.res.style.width=this.w:this.res.style.width=window.innerWidth,this.h?this.res.style.height=this.h:this.res.style.height=window.innerHeight,this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}class FlexGrid{constructor(){this.code=[],this.setup()}toCode(){return this.code}setup(){this.code.push("new FlexGrid()"),this.code.push(".setup()");let e=document.createElement("div");return e.style.display="flex",e.style.padding=0,e.style.margin=0,this.res=e,this}set(e){return this.code.push(".set({"),e.width&&this.code.push(`width: "${e.width}",`),e.flex&&(this.res.style.flex=e.flex),e.flex&&this.code.push(`flex: ${e.flex},`),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.maxWidth&&this.code.push(`maxWidth: "${e.maxWidth}",`),e.maxWidth&&(this.res.style.minWidth="400px"),e.maxWidth&&(this.res.style.marginLeft="auto"),e.maxWidth&&(this.res.style.marginRight="auto"),e.width&&(this.res.style.width=`${e.width}`),e.wrap&&(this.res.style.flexWrap="wrap"),e.wrap&&this.code.push(`wrap: ${e.wrap},`),e.align&&(this.res.style.justifyContent=e.align),e.align&&this.code.push(`align: ${e.align},`),e.colat&&this.toColumnAt(e.colat),e.colat&&this.code.push(`\n colat: "${e.colat}",`),this.code.push("}),"),this}toColumnAt(e){if(!this.columnAlways){const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?(this.res.style.flexDirection="column",this.res.style.alignItems="center"):this.res.style.flexDirection="row"};t(),window.addEventListener("resize",t)}}flex(e){return this.arra=Array.from(e.replace(/\s/g,"")),this.areas=Array.from(Array(e.replace(/\s/g,"")).join("")),this.save=`"${e}"`,this}padding(e){return this.res.style.padding=`${e}px`,this}center(){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this}items(e){this.items=e,this.code.push("\n .items([");for(var t=0;t<e.length;t++){var s=e[t];if(null!=s){let e=s.render();void 0!==s.toCode&&this.code.push(s.toCode().flatMap((e=>e))),this.res.appendChild(e)}}return this.code.push("\n ])"),this}width(e){return this.res.style.width=e,this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}adjust(e){const t=()=>{let t=window.matchMedia("(max-device-width: 415px)");if(window.innerWidth<e||t.matches)for(var s=0;s<this.res.children.length;s++)this.res.children[s].style.flex="",this.res.children[s].style.width="100%";else for(s=0;s<this.res.children.length;s++)this.res.children[s].style.flex=`${this.arra[s]}`};return t(),window.addEventListener("resize",t),this}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}var zoomCard=__webpack_require__(418);class SimpleBar extends animator.y{constructor(){super(),this.res=document.createElement("div")}items(e){for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render());return this}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}var betaDesktopBar=__webpack_require__(828),betaMobileBar=__webpack_require__(734),multiswitcher=__webpack_require__(897),spacer=__webpack_require__(463);class HScroller{constructor(){this.setupa()}seto(e){return this.e=e.a,e.speed&&(this.divisor=e.speed),this}setupa(){return this.parallaxIDs(["#rta"]),this.divisor(1),this}add(e){return this.items=e,this.setup(),this}parallaxIDs(e){return this.parallaxIDs=e,this}divisor(e){return this.divisor=e,this}setup(){this.pts=0;let e=document.createElement("div");e.style.width="100%",e.style.height="100%";let t=document.createElement("div");t.style.display="flex",t.style.width="100%";for(var s=0;s<this.items.length;s++){let e=this.items[s].render();t.appendChild(e)}e.appendChild(t);let i=window.localStorage.getItem("pts");null!==i&&(this.pts=i),e.addEventListener("wheel",(e=>{e.deltaY<0?(console.log("Scrolling up"),this.pts--):e.deltaY>0&&(console.log("Scrolling down"),this.pts++),window.localStorage.setItem("pts",this.pts),e.preventDefault();for(var s=0;s<t.childNodes.length;s++){console.log(t.childNodes[s].toString().substr(7));let e=t.childNodes[s];this.parallaxIDs.includes(e.id)&&(e.style.transform=`translateX(${this.pts/this.divisor}%)`)}t.style.transform=`translateX(${this.pts/this.divisor}%)`,window.localStorage.setItem("translation",this.pts/this.divisor)}));let r=window.localStorage.getItem("translation");null!==r&&(t.style.transform=`translateX(${r}%)`),this.div=e}render(e){if(!e)return this.div;document.querySelector(e).appendChild(this.div)}}var layout_checkbox=__webpack_require__(342),imagePicker=__webpack_require__(877),picker=__webpack_require__(898),range=__webpack_require__(751),formComponents_radio=__webpack_require__(385),dataList=__webpack_require__(216),layout_button=__webpack_require__(207),designer=__webpack_require__(19),linkGetter=__webpack_require__(985),cardGetter=__webpack_require__(683);function convertRange(e,t,s){let i=(e-t.min)*(s.max-s.min)/(t.max-t.min)+s.min;return i>1&&(i=2-i),i}class TransformAnim{constructor(e){this.data=e,this.targetHeight=this.data.targetHeight,void 0===this.data.type?this.type="default":this.type=this.data.type,this.layout="flex",this.setup()}toCode(){return[""]}set(e){return console.log("WHY NOT 900"),e.arrayPadding&&(this.wrdiv.style.marginTop=e.arrayPadding.value),e.height&&(this.wrdiv.style.height=e.height),this}setup(){let e=document.createElement("div");this.wrdiv=e,e.style.display="flex",e.style.flexDirection="column",this.data.overflow&&(e.style.overflow="hidden"),e.style.display="flex",e.style.justifyContent="center",e.style.alignItems="center",e.style.background="orange",e.style.height="900px",this.data.sticky||(e.style.position="fixed"),e.style.marginTop="0px";let t=document.createElement("img");t.style.gridArea="1/1",t.style.display="none",t.style.width="50%",t.setAttribute("src","M2.jpeg"),t.setAttribute("class","m2"),e.appendChild(t),this.data.view&&(this.m2img=this.data.view.render(),e.appendChild(this.m2img)),this.data.paragraph&&(this.paragraph=this.data.paragraph.render(),e.appendChild(this.paragraph)),this.data.view&&(t.style.display="none");let s=document.createElement("h2");s.style.fontFamily="Arial",s.style.fontSize="2.4rem",s.style.background="linear-gradient(#3498db, #1abc9c)",s.style.webkitBackgroundClip="text",s.style.webkitTextFillColor="transparent";let i=document.createTextNode("Supercharged");s.appendChild(i),!0!==this.data.showTitle&&void 0!==this.data.showTitle||(this.data.content&&this.data.content.render?e.appendChild(this.data.content.render()):e.appendChild(s));let r=document.createElement("p");document.createTextNode("Hello"),e.appendChild(r),this.res=e,window.addEventListener("scroll",(i=>this.resize(e,t,s))),this.resize(e,t,s)}setStickyData(e){return this.data.stickyData=e,this}toAuto(){return this.res.style.height="auto",this}stick(e){return e?(e.offset&&(null!=this.data.stickyData?this.data.stickyData.top=e.offset:(this.data.stickyData={top:e.offset},this.fixedToRelative(!0))),e.value?this.makeSticky():this.noSticky(),this):(this.makeSticky(),this)}makeSticky(){return this.wrdiv.style.position="sticky",this.wrdiv.style.top=0,this}setProps(e){return e.targetHeight&&(this.data.targetHeight=e.targetHeight),e.flagValue&&(this.data.flagValue=e.flagValue),this}noSticky(){return this.wrdiv.style.position="",this}toSticky(){return this.wrdiv.style.position="sticky",this.wrdiv.style.top="0",this}toOpacity(e){this.res.style.opacity=`${e}`}setUncomment(e){this.data.uncomment=e}fixedToRelative(e){return this.data.uncomment=e,this}mask(e){return window.addEventListener("scroll",(()=>{this.innerMask(e)})),this}innerMask(e){if(e){let t=TransformAnim_smartRange(window.scrollY,{min:e.start,max:e.end},{min:7,max:0});console.warn(t),console.warn(window.scrollY),TransformAnim_smartRange(window.scrollY,{min:e.start,max:e.end},{min:37,max:37})}return this}setScale(e){return this.data.range=e,this.m2img.style.transform=`scale(${this.data.range.scaleMax})`,window.addEventListener("scroll",(()=>{let e=TransformAnim_smartRange(window.scrollY,{min:this.data.range.min,max:this.data.range.max},{min:this.data.range.scaleMax,max:this.data.range.scaleMin});null!=this.m2img&&(this.m2img.style.transform=`scale(${e})`)})),this}resize(e,t,s){let i=window.scrollY||document.documentElement.scrollTop;if(i>this.lastScrollTop?this.isUp=!1:this.isUp=!0,this.data.sticky)e.style.background="#fafafa";else if(this.data.stickyData){const t=this.data.stickyData.top;this.data.uncomment&&(window.scrollY>t?(e.style.background="pink",e.style.position="relative",e.style.top=t):(e.style.background="orange",e.style.top=0,e.style.position="fixed"))}this.lastScrollTop=i<=0?0:i;let r=t;this.m2img=t,this.data.view&&(r=this.m2img);let n=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:0,max:100}),a=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:60,max:80}),o=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:0,max:40});this.data.operation&&"translate"===this.data.operation.type&&(r.style.transform=`translate3d(${n}%, ${n/2}%, 0px) scale(${a/100}) rotate(${o}deg)`)}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}function TransformAnim_smartRange(e,t,s){e<t.min&&(e=t.min),e>t.max&&(e=t.max);let i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));let r=(s.min-s.max)*i-s.min;if(r=Math.abs(r),s.min<s.max){let e=(s.max+Math.abs(s.min))*i;r=s.min+e}return r}class KeyframeAnim{constructor(e){return this.fromFirstImageFlag=!1,this.flag=0,this.flagValue=e.flagValue,this.data=e,this.mask=e.mask,this.maskData=e.maskData,this.id=e.id,this.halfHeight=e.halfHeight,void 0===this.data.type?this.type="default":this.type=this.data.type,this.stickData=e.stickData,this.targetHeight=this.data.targetHeight,this.html=document.body,this.res=document.createElement("div"),this.res.setAttribute("id",this.data.id),this.res.style.border="1px solid green",this.res.style.width="100%",this.res.style.display="grid",this.res.style.position="sticky",this.res.style.top=0,this.res.style.alignSelf="flex-start",this.res.style.justifyContent="center",this.res.style.alignItems="center",this.data.added||(this.res.style.marginTop=this.data.noAddedDistance),this.frameCount=100,this.lastScrollTop=window.scrollY,this.setupTopElement(),this.scrollFunction(),window.addEventListener("scroll",(()=>{this.scrollFunction()})),this.preloadImages(),this}marginTop(e){return this.res.style.marginTop=e,this}toCode(){return[""]}scrollFunction=()=>{void 0===this.flagValue&&(this.flagValue=0);const e=(this.html.scrollTop-this.flagValue)/(this.html.scrollHeight-window.innerHeight)*16;var t=Math.min(this.frameCount-1,Math.ceil(e*this.frameCount));isNaN(t)&&(t=1),t<0&&(t=0),this.data.limit?t<this.data.limit&&requestAnimationFrame((()=>this.updateImage(t+1))):requestAnimationFrame((()=>this.updateImage(t+1))),window.matchMedia("(max-device-width: 415px)")};currentFrame=e=>`${this.data.path}${e.toString().padStart(4,"0")}.${this.data.extension}`;preloadImages=()=>{for(let e=1;e<this.frameCount;e++)new Image,this.img.src=this.currentFrame(e)};updateImage=e=>{this.img.src=this.currentFrame(e)};drawImageProp(e,t,s,i,r,n,a,o){2===arguments.length&&(s=i=0,r=e.canvas.width,n=e.canvas.height),(a="number"==typeof a?a:.5)<0&&(a=0),(o="number"==typeof o?o:.5)<0&&(o=0),a>1&&(a=1),o>1&&(o=1);var l,h,d,c,p=t.width,u=t.height,m=Math.min(r/p,n/u),y=p*m,g=u*m,w=1;y<r&&(w=r/y),Math.abs(w-1)<1e-14&&g<n&&(w=n/g),(l=(p-(d=p/((y*=w)/r)))*a)<0&&(l=0),(h=(u-(c=u/((g*=w)/n)))*o)<0&&(h=0),d>p&&(d=p),c>u&&(c=u),console.log("WEIRD"),console.log(t),console.log(h),console.log(d),e.drawImage(t,l,h,d,c,s,i,r,n)}maska(e){return window.addEventListener("scroll",(()=>{this.innerMask(e)})),this}innerMask(e){if(e){let t=smartRange(window.scrollY,{min:e.start,max:e.end},{min:0,max:7}),s=smartRange(window.scrollY,{min:e.start,max:e.end},{min:37,max:37});this.res.style.clipPath=`inset(${t}% ${t}% round 0 0 ${s}px ${s}px)`}}setupTopElement(){console.warn("TOP INIT");let e=document.createElement("canvas");if(e.style.gridArea="1/1",e.zIndex=1,e.style.display="grid",e.style.gridTemplate="1fr/1fr",e.style.justifyContent="center",e.style.alignItems="center",e.style.marginLeft="auto",e.style.marginRight="auto",this.context=e.getContext("2d"),this.context.canvas.width=window.innerWidth,this.context.canvas.height=1.2*window.innerHeight,this.img=new Image,this.img.onload=()=>{this.data.halfHeight?this.drawImageProp(this.context,this.img,0,0,window.innerWidth,window.innerHeight/2):this.drawImageProp(this.context,this.img,0,0,window.innerWidth,1.2*window.innerHeight)},window.addEventListener("resize",(()=>{this.context.canvas.width=window.innerWidth,this.context.canvas.height=1.2*window.innerHeight,this.drawImageProp(this.context,this.img,0,0,window.innerWidth,1.2*window.innerHeight)})),this.res.appendChild(e),this.data.text){let e=document.createElement("div");e.style.gridArea="1/1";let s=this.data.text.render();if(this.h2a=s,e.appendChild(s),e.setAttribute("id","rem"),this.data.hasRect){let e=document.createElement("div");e.style.width="30px",e.style.height="30px",e.style.backgroundColor="orange"}else for(var t=0;t<this.res.children.length;t++)"rem"===this.res.children[t].id&&this.res.removeChild(this.res.children[t]);this.res.appendChild(e)}this.lastScrollTop=0,this.count=1,this.isUp=!1,this.done=!1,this.fireOnce=!0,this.dec=1,this.tdec=1,this.atdec=0,this.textOpacity=1,this.res.children[this.res.children.length-1].children[0].style.opacity=0,this.data.text&&window.addEventListener("scroll",(()=>{this.h2a.style.backgroundColor="rgba(0, 0, 0, 0.8)",this.h2a.style.opacity=1})),window.addEventListener("scroll",(e=>{if(this.data.stickyData&&this.data.stickyData.top){const e=this.data.stickyData.top;this.data.uncomment&&(window.scrollY>e?(wrapDiv.style.background="pink",wrapDiv.style.position="relative",wrapDiv.style.top=e):(wrapDiv.style.background="orange",wrapDiv.style.top=0,wrapDiv.style.position="fixed"))}let t=window.scrollY||document.documentElement.scrollTop;if(t>this.lastScrollTop?this.isUp=!1:this.isUp=!0,this.lastScrollTop=t<=0?0:t,this.isUp&&this.textOpacity<.98&&(this.textOpacity+=.01),!1===this.isUp&&this.textOpacity>.02&&(this.textOpacity-=.01),this.data.mask){let e=this.res,t=smartRange(window.scrollY,{min:this.data.maskData.start,max:this.data.maskData.end},{min:0,max:7});if(e.style.clipPath=`inset(${t}% ${t}% round 20px)`,!this.hasH2){let t=document.createElement("div");t.style.background="#ecf0f1",t.style.width="86%",t.style.marginLeft="7%",t.style.borderRadius="1rem",this.hasH2=!0,t.appendChild(this.data.newSection.render()),e.parentElement.appendChild(t)}}this.data.targetHeight}))}setLazyText(e){return this.lazyText=e,window.addEventListener("scroll",(()=>{let e=smartRange(window.scrollY,{min:this.lazyText.start,max:this.lazyText.end},{min:0,max:200}),t=smartRange(window.scrollY,{min:this.lazyText.start,max:this.lazyText.end},{min:0,max:1});for(var s=0;s<this.h2a.children[0].children.length;s++)console.log("P"),this.h2a.children[0].children[s].style.transform=`matrix(1, 0, 0, 1, 0, -${e})`,this.h2a.children[0].children[s].style.opacity=""+(t-.2*s)})),this}setProps(e){return e.targetHeight&&(this.data.targetHeight=e.targetHeight),e.flagValue&&(this.flagValue=e.flagValue),this}fixedToRelative(e){this.data.uncomment=e}toSticky(){return this.res.style.position="sticky",this.res.style.top="0",this}setOpacityRange(e){return this.data.opacityRange=e.opacityRange,this.data.scaleRange=e.scaleRange,window.addEventListener("scroll",(()=>{let e=smartRange(window.scrollY,{min:this.data.opacityRange.start,max:this.data.opacityRange.end},{min:0,max:1});this.h2a.style.opacity=e;let t=smartRange(window.scrollY,{min:this.data.scaleRange.start,max:this.data.scaleRange.end},{min:3,max:1});window.matchMedia("(max-device-width: 415px)").matches||(this.h2a.children[0].style.transform=`scale(${t})`)})),this}stick(e){return e?(e.offset&&(null!=this.data.stickyData?this.data.stickyData.top=e.offset:this.data.stickyData={top:e.offset}),e.value?this.makeSticky():this.noSticky(),this):(this.makeSticky(),this)}to100vh(){this.res.style.height="100vh"}makeSticky(){return this.res.style.position="sticky",this.res.style.top=0,this}noSticky(){return this.res.style.position="",this}toOpacity(e){this.res.style.opacity=`${e}`}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}class Stacker{constructor(){this.res=document.createElement("div"),this.res.style.display="flex",this.res.style.flexDirection="column"}add(e){for(var t=0;t<e.length;t++){let s=e[t].render();0===t&&(s.style.zIndex=1),this.res.appendChild(s)}return this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}return"undefined"!=typeof window&&(window.ElementMapper=elementMapper.I,window.Animator=animator.y,window.Text=layout_text.E,window.Image=layout_image._,window.Link=layout_link.N,window.FlexRow=flexRow.Y,window.UINavBar=newNavBar.X,window.Free=free.b,window.Audio=audionew.f,window.Progress=Progress,window.Center=Center,window.Code=code.C,window.Stack=stack.B,window.Wrapper=container.m,window.MetaAdder=MetaAdder,window.Table=table.X,window.Dropdown=dropdown2025.m,window.Modal=Modal,window.TextField=textField.A,window.Card=flexCard.Z,window.Wrap=Wrap,window.FlexGrid=FlexGrid,window.ZoomCard=zoomCard.U,window.CustomDivRenderer=CustomDivRenderer,window.SideBar=SideBar,window.SideNav=sideNavBar.f,window.SimpleBar=SimpleBar,window.DesktopBar=betaDesktopBar.C,window.MobileBar=betaMobileBar.m,window.Switcher=multiswitcher.i,window.Spacer=spacer.h,window.HScroller=HScroller,window.Checkbox=layout_checkbox.S,window.Base=Base,window.FilePickera=imagePicker.I,window.Picker=picker.L,window.Range=range.Q,window.RadioGroup=formComponents_radio.z,window.DataList=dataList.T,window.Button=layout_button.$,window.Des=designer.H,window.LinkStyler=linkGetter.a,window.CardGen=cardGetter.Z,window.TransformAnim=TransformAnim,window.KeyframeAnim=KeyframeAnim,window.Stacker=Stacker),void 0!==__webpack_require__.g&&(__webpack_require__.g.ElementMapper=elementMapper.I,__webpack_require__.g.Animator=animator.y,__webpack_require__.g.Text=layout_text.E,__webpack_require__.g.Image=layout_image._,__webpack_require__.g.Link=layout_link.N,__webpack_require__.g.FlexRow=flexRow.Y,__webpack_require__.g.UINavBar=newNavBar.X,__webpack_require__.g.Free=free.b,__webpack_require__.g.Audio=audionew.f,__webpack_require__.g.Progress=Progress,__webpack_require__.g.Center=Center,__webpack_require__.g.Code=code.C,__webpack_require__.g.Stack=stack.B,__webpack_require__.g.Wrapper=container.m,__webpack_require__.g.MetaAdder=MetaAdder,__webpack_require__.g.Table=table.X,__webpack_require__.g.Dropdown=dropdown2025.m,__webpack_require__.g.Modal=Modal,__webpack_require__.g.TextField=textField.A,__webpack_require__.g.Card=flexCard.Z,__webpack_require__.g.Wrap=Wrap,__webpack_require__.g.FlexGrid=FlexGrid,__webpack_require__.g.ZoomCard=zoomCard.U,__webpack_require__.g.CustomDivRenderer=CustomDivRenderer,__webpack_require__.g.SideBar=SideBar,__webpack_require__.g.SideNav=sideNavBar.f,__webpack_require__.g.SimpleBar=SimpleBar,__webpack_require__.g.DesktopBar=betaDesktopBar.C,__webpack_require__.g.MobileBar=betaMobileBar.m,__webpack_require__.g.Switcher=multiswitcher.i,__webpack_require__.g.Spacer=spacer.h,__webpack_require__.g.HScroller=HScroller,__webpack_require__.g.Checkbox=layout_checkbox.S,__webpack_require__.g.Base=Base,__webpack_require__.g.FilePickera=imagePicker.I,__webpack_require__.g.Picker=picker.L,__webpack_require__.g.Range=range.Q,__webpack_require__.g.RadioGroup=formComponents_radio.z,__webpack_require__.g.DataList=dataList.T,__webpack_require__.g.Button=layout_button.$,__webpack_require__.g.Des=designer.H,__webpack_require__.g.LinkStyler=linkGetter.a,__webpack_require__.g.CardGen=cardGetter.Z,__webpack_require__.g.TransformAnim=TransformAnim,__webpack_require__.g.KeyframeAnim=KeyframeAnim,__webpack_require__.g.Stacker=Stacker),__webpack_exports__=__webpack_exports__.Bundle,__webpack_exports__})()));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Bundle=t():e.Bundle=t()}(this,(()=>(()=>{"use strict";var __webpack_modules__={11:(e,t,s)=>{s.d(t,{B:()=>i});class i{constructor(e){this.res=null,this.st=e}setup(){let e=document.createElement("div");return e.style.display="grid",this.res=e,this.st&&this.sticky(),this}set(e){return this.setup(),e.height&&(this.res.style.height=e.height),e.sticky&&this.sticky(),this}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}add(e){this.children=e;for(var t=0;t<e.length;t++){let s=e[t].render();s.style.gridColumn=1,s.style.gridRow=1,this.res.appendChild(s)}return this}toCode(){let e="new Stack().set({})";return this.children.length>0&&(e+=`.add([\n \n ${this.children.map((e=>e.toCode())).join(",\n")} \n \n])`),[e]}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}},16:(e,t,s)=>{s.d(t,{E:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.res=null,this.setup(t),this.code=[],this.elCSS=[],this.html=[],this.react=[],this.code.push(`new Text("${this.text}")`)}flexOne(){return this.res.style.flex="1",this}setGridWithoutCode(){return this.res.style.border="1px solid white",this}setArea(e){return this.res.style.gridArea=e,this}toCodea(){return this.excludeFromCodeTrue&&(this.code=[""]),this.code}toCode(){if(this.excludeFromCodeTrue)return[""];const e=Object.fromEntries(Object.entries(this.options).filter((([e,t])=>null!==t))),t=JSON.stringify(e,null,4).replace(/"([^"]+)":/g,"$1:");return console.log("OCO"),console.log(t),[`new Text("${this.text}").set(${t})`]}toCSS(){return this.css}toHTMLA(){return this.html}toElCSS(){return this.elCSS=this.elCSS.map((e=>" "+e)),this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}getType(){return"S1"===this.options.fluidc?"HTMLHeaderElement":"HTMLParagraphElement"}gradientOptions(e){if(0===e.length)return this;const t=e.filter((e=>"gradient"===e.op.name))[0];if(void 0===t)return this;const s=t.op;if(t.point){const e=()=>{window.matchMedia(`(min-width: ${t.range[0]}) and (max-width: ${t.range[1]})`).matches&&(this.prevBackground=this.res.style.color.toString(),this.res.style.background=s.gradient,this.res.style.WebkitBackgroundClip="text")};e(),window.addEventListener("resize",e)}}strokeOptions(e){if(0===e.length)return this;const t=e.filter((e=>"blast"===e.op.name))[0];if(void 0===t)return this;console.log("DEL");const s=t.op;if(t.point){const e=()=>{window.matchMedia(`(min-width: ${t.range[0]}) and (max-width: ${t.range[1]})`).matches&&(s.color?this.res.style["-webkit-text-stroke"]=`${s.width?s.width:"1px"} ${s.color}`:this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent")};e(),window.addEventListener("resize",e)}else s.color&&(this.res.style["-webkit-text-stroke"]=`${s.width?s.width:"1px"} ${s.color}`),this.res.style["-webkit-text-fill-color"]="transparent"}stroke(){return this.res.style["-webkit-text-stroke"]="3px orange",this}fill(){return this.res.style["-webkit-text-fill-color"]="transparent",this}rowCol(e,t){return this.res.style.gridRow=e,this.res.style.gridColumn=t,this}setGridRow(e){return this.res.style.gridRow=e,this}setGridCol(e){return this.res.style.gridColumn=e,this}toHTML(){return this.res}onTap(e){return this.res.addEventListener("click",e),this}setClass(e){return this.res.setAttribute("class",e),this}setRandom(){for(var e="LAYOUT-",t=90;t>0;--t)e+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62*Math.random())];return e+=(new Date).getTime(),this.res.setAttribute("class",e),this}styled(e){return this.set(e),this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}set(e){this.resCopy=this.res,this.options=e,super.setPrevText(this.text),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.cursor&&(this.res.style.cursor="hand"),e.gpos&&this.gpos(e.gpos),e.vtn&&(this.res.style.viewTransitionName=e.vtn),e.index&&super.setIndex(e.index),e.index&&(this.index=e.index),e.preffersId&&(this.preffersId=e.preffersId),super.setPref(e.preffersId),e.removeDecoration&&(this.res.style.textDecoration="none"),e.block&&(this.res.style.display="block"),e.area&&this.setArea(e.area),e.icon&&this.addIcon(e.icon),e.color&&this.color(e.color),e.color&&this.elCSS.push(`color: ${e.color}; \n`),e.class&&this.setClass(e.class),e.size&&this.fluidCopy(e.size),e.fluidc&&this.fluidCopy(e.fluidc),e.initLetter&&this.initLetter(e.initLetter),e.onTap&&this.onTap(e.onTap),"S6"===e.fluidc?e.fluidc&&this.elCSS.push("font-size: calc(1.1rem + 2.075vw); \n"):e.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),this.options.id&&this.res.setAttribute("id",this.options.id),super.setID(this.options.id),this.options.class&&this.res.setAttribute("class",this.options.class),super.setClass(this.options.class),e.clampc&&this.clampCopy(e.clampc),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.pad&&this.pad(e.pad),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),e.mar&&this.mar(e.mar),e.exact&&(this.res.style.fontSize=e.exact),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.absolute&&(this.res.style.position="absolute"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.em&&this.em(e.em),e.fluid&&this.fluid(e.fluid),e.font&&this.font(e.font),e.fluidc&&this.elCSS.push(`font-family: ${e.font}; \n`),e.align&&(this.res.style.textAlign=e.align),e.weight&&(this.res.style.fontWeight=e.weight),e.padding&&this.padding(e.padding),e.breakWord&&(this.res.style.wordWrap="break-word"),e.center&&(this.res.style.marginRight="auto"),e.center&&(this.res.style.marginLeft="auto"),e.width&&(this.res.style.width=e.width),e.height&&(this.res.style.height=e.height),e.background&&(this.res.style.backgroundColor=e.background),e.radius&&(this.res.style.borderRadius=e.radius),e.italic&&this.italic(),e.responsive&&this.responsive(),e.border&&(this.res.style.border=`${e.border}`),e.onScroll&&this.onScroll(e.onScroll),e.keySet&&this.keySet(e.keySet),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.transform&&this.reactOnTransform(e.transform),console.log("OGA"),console.log(e);let t=[];if(e.stroke||e.gradient||e.span||e.backgroundOp||e.layout||e.shadow||e.animation||e.filtera||e.transform){e.gradient&&(this.globalGradient=e.gradient.op.gradient),e.stroke&&super.setAny({globalBlast:`${e.stroke.op.width} ${e.stroke.op.color}`}),e.span&&(e.span.prevText=this.text);let i=[e.stroke,e.gradient,e.animation,e.span,e.backgroundOp,e.layout,e.marginOp,e.shadow,e.animation,e.filtera,e.transform];i=i.filter((e=>null!=e));for(var s=0;s<i.length;s++)t.push({range:i[s].range,log:i[s].op.name,target:i[s].target,op:i[s].op});let r=[];e.borderObj&&r.push("border"),e.background&&r.push("background"),e.mar&&r.push("margin"),e.animation&&r.push("animation"),e.span&&r.push("span"),this.chainReact(t,this.options.id,r)}return this}excludeFromCode(){return this.excludeFromCodeTrue=!0,this}addIcon(e){let t=document.createElement("img");return t.style.width="20px",t.style.marginLeft="10px",t.style.height="auto",t.setAttribute("src",e.url),this.res.appendChild(t),this}checkForAnimation(e){e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const t=window.innerWidth;for(const s of e){const[e,i]=s.range,r=parseInt(e),n=parseInt(i);if(t>=r&&t<=n&&"animation"===s.log){const e=[{opacity:0,transform:"translateY(100px)"},{opacity:1,transform:"translateY(0)"}];this.res.animate(e,{duration:1e3,easing:"ease"})}}}resetSmall(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}resetGradient(){return this.res.style.WebkitBackgroundClip="text",this.res.style.background="transparent",this}resetStroke(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}innerStroke(e){e.color?this.res.style["-webkit-text-stroke"]=`${e.width?e.width:"1px"} ${e.color}`:this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent"}innerGradient(e){this.res.style.background="linear-gradient(45deg, #ff0000, #00ff00)",this.res.style["-webkit-background-clip"]="text"}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),t||(this.res.style.marginBottom=e),this}clampExperiment(){return this.res.style.fontSize="clamp(1rem, calc(1rem * 10rem), 3rem)",this}between(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}betweenCopy(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}stringGen(e){for(var t="",s=0;s<e;s++)t+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(26*Math.random()));return t}initLetter(e){let t=document.createElement("style");document.body.appendChild(t),Math.random();let s=this.stringGen(1e3);return this.res.setAttribute("id",s),document.styleSheets[0].insertRule(`#${s}::first-letter { color: green; font-size: 3em; padding: 0.1em }`,0),this}constant(e){return"S1"===e&&this.jumbotron(),"S2"===e&&this.large(),"S3"===e&&this.medium(),this}minusMargin(){return this.res.style.marginRight="-3.1em",this}fluid(e){if("S1"===e){this.res=document.createElement("h1");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 4.3vw)"}if("S2"===e){this.res=document.createElement("h2");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.525rem + 3.525vw)"}if("S3"===e){this.res=document.createElement("h3");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 2.75vw)"}if("S4"===e){this.res=document.createElement("h4");let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.275rem + 1.975vw)"}return"S5"===e&&(this.res.style.fontSize="calc(1.1rem + 1.2vw)"),this}getClampValue(e){return"S7"===e?"clamp(1.45rem, 2vw + 1.5rem, 1.69rem)":"S6"===e?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===e?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===e?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===e?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===e?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===e?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(e){return this.res.style.fontSize=this.getClampValue(e),this}fluidCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.options&&!1===this.options.preffersId?this.html.push(`<p class="${this.options.class}">${this.text}</p> \n \n`):this.options&&this.options.id&&this.html.push(`<p id="${this.options.id.substr(1)}">${this.text}</p> \n \n`),this.res.style.fontSize="calc(1rem + 0.5vw)"),this}toReactComponent(){return this.react.push("function Godzilla() { \n"),this.react.push(`return <h1 class="${this.options.class}">${this.text}</h1> \n`),this.react.push("} \n \n"),this.react}myself(e){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=e.desktop:this.res.style.fontSize=e.phone};return t(),window.addEventListener("resize",t),this}jumbotron(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="8rem":this.res.style.fontSize="6rem"};return e(),window.addEventListener("resize",e),this}large(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="7rem":this.res.style.fontSize="5rem"};return e(),window.addEventListener("resize",e),this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,this}vw(e,t,s){}responsive(e){this.set=!1,this.setB=!1;const t=()=>{window.innerWidth<e.minw?(this.setB=!1,this.set||(this.res.style.color="#3498db",this.res.style.fontSize=e.baseVW/100*window.innerWidth+"px",this.set=!0)):window.innerWidth>e.maxw?(this.set=!1,this.setB||(this.res.style.color="orange",this.res.style.fontSize=e.baseVW/100*e.maxw+"px",this.setB=!0)):(this.set=!1,this.setB=!1,this.res.style.color="black",this.res.style.fontSize=`${e.baseVW}vw`)};return t(),window.addEventListener("resize",t),this}xlarge(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="6.5rem":this.res.style.fontSize="8.5rem"};return e(),window.addEventListener("resize",e),this}medium(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.25rem":this.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}small(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="1.5em":this.res.style.fontSize="1em"};return e(),window.addEventListener("resize",e),this}sizes(e){this.res.style.fontSize=`${e[0].size}rem`;const t=()=>{for(var t=0;t<e.length;t++)e[t].width&&window.matchMedia(`(min-width: ${e[t].width}px)`).matches&&(this.res.style.fontSize=`${e[t].size}`);window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.fontSize=`${e[e.length-1].mobile}`)};return t(),window.addEventListener("resize",t),this}setup(e){let t;e?(t=document.createElement(e.type),t.setAttribute("id",e.id),e.type):t=document.createElement("p");let s=document.createTextNode(this.text);return t.appendChild(s),this.res=t,this.res.style.padding=0,this.res.style.margin=0,this}hide(){return this.res.style.visibility="hidden",this}font(e){return this.res.style.fontFamily=e,this}center(){return this.res.style.textAlign="center",this}size(e){return this.res.style.fontSize=e,this}em(e){return this.res.style.fontSize=`${e}em`,this}color(e){return this.res.style.color=e,this}align(e){return this.res.style.textAlign=`${e}`,this}weight(e){return this.res.style.fontWeight=e,this}bold(){return this.res.style.fontWeight="bold",this}italic(){return this.res.style.fontStyle="italic",this}width(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}offset(e){return this.res.style.gridRow=2,this.res.style.gridColumn=2,this.res.style.marginLeft="-60px",this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}padding(e,t,s,i){return(e||t||s||i)&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i),t||s||i||(this.res.style.padding=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(this.res.style.margin=e),this}margin(e,t){return"top"==e?this.res.style.marginTop=t:"bottom"==e?this.res.style.marginBottom=t:"left"==e?this.res.style.marginLeft=t:"right"==e&&(this.res.style.marginRight=t),this}headline(){return this.em(4),this.font("Arial"),this.bold(),this}caption(){return this.bold(),this.res.style.fontFamily="Arial",this.color("gray"),this.padding("top",20),this.res.style.fontSize="1em",window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em",this}updating(e,t){var s=this.res,i=this.text;return Object.defineProperty(e,t,{set(e){let t=document.createTextNode(i.replace("$",e));s.replaceChild(t,s.childNodes[0])}}),this}style(e){return this.res.style.color=e.styles.color,this.res.style.fontWeight=e.styles.fontWeight,this.res.style.paddingLeft=e.styles.padding[0],this.res.style.paddingTop=e.styles.padding[1],this.res.style.paddingRight=e.styles.padding[2],this.res.style.paddingBottom=e.styles.padding[3],this.res.style.marginLeft=e.styles.margin[0],this.res.style.paddingTop=e.styles.margin[1],this.res.style.paddingRight=e.styles.margin[2],this.res.style.paddingBottom=e.styles.margin[3],this.res.style.opacity=e.styles.opacity,this}applyStyle(e,t){return window.matchMedia(`(max-width: ${e}px)`).matches&&Object.assign(this.res.style,t.styles),this}nextApply(e){let t=[];this.res.style;const s=s=>{t[0].matches?Object.assign(this.res.style,e[0].styles):t[1].matches?Object.assign(this.res.style,e[1].styles):Object.assign(this.res.style,e[e.length-1].styles)};for(var i=0;i<e.length;i++){let r=e[i],n=window.matchMedia(`(min-width: ${r.min}px) and (max-width: ${r.max}px)`);t.push(n),t[i].addListener(s)}return s(),this}apply(e){var t=this.res.styles;const s=()=>{for(var s=0;s<e.length;s++){let i=e[s];i.min&&i.max?window.matchMedia(`(min-width: ${i.min}px) and (max-width: ${i.max}px)`).matches?Object.assign(this.res.style,i.styles):(alert("YES min max, but does not match"),Object.assign(this.res.style,t)):window.matchMedia(`(max-width: ${i.max}px)`).matches?Object.assign(this.res.style,i.styles):(alert("NO min max, and does not match"),Object.assign(this.res.style,t))}};return s(),window.addEventListener("resize",s),this}render(e){if(!e)return this.res;this.options&&this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(e).appendChild(this.res)}}},19:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>Des});var _lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(807),_layout_text_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(16),_layout_image_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(130),_layout_link_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(219),_layout_flexRow_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(946),_layout_newNavBar_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(155),_layout_free_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(317),_layout_audionew_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(959),_layout_code_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(26),_layout_container_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(304),_layout_table_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(588),_layout_dropdown2025_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(69),_layout_textField_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(758),_layout_flexCard_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(110),_layout_zoomCard_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(418),_layout_multiswitcher_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(897),_layout_betaMobileBar_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(734),_layout_betaDesktopBar_js__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(828),_layout_sideNavBar_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(790),_layout_formComponents_floatingInput_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(148),_layout_formComponents_range_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(751),_layout_formComponents_radio_js__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(385),_layout_formComponents_picker_js__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(898),_layout_formComponents_imagePicker_js__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(877),_layout_formComponents_dataList_js__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(216),_layout_button_js__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(207),_layout_slider2025_js__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(733),_layout_video_js__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__(836),_layout_checkbox_js__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__(342);class Des{constructor(){this.items=[],this.options=[],this.code=[],this.ready2Render=[],this.stor={text:{miami:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},base:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},nepal:{code:'new Text("Hello").set({fluidc: "S3", color: "#2ECC71", font: "Helvetica Neue"})'},patagonia:{code:'new Text("Hello").set({fluidc: "S3", color: "#3498DB", font: "DIN Alternate"})'}},complexa:{code:"new Wrapper()\n .set({...}) // Rest of the code omitted for brevity"},complex:{code:'new Wrapper() \n\t.set({\n\t\tbackground: "orange",\n\t\tresponsive: {\n\t\t\tranges: ["700px", "1200px", "1400px"],\n\t\t\tsequence: "col-row-col"\n\t\t}\n\t})\n\t.add([\n\t\tnew Image("mountains.jpg").set({\n\t\t\twidth: "auto",\n\t\t\theight: "100%",\n\t\t}),\n\n new Wrapper().set({}).add([\n new Text("Title").set({\n fluidc: "S3",\n font: "Arial"\n }),\n\n new Image("sea.png").set({\n width: "100%"\n })\n ])\n\t])'},ops:{miami:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"${e}px"}}`},nepal:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"${e}px"}}`},patagonia:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"3px"}}'},blastFun:e=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"${e}px"}}`}},link:{miami:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "", color: "orange", hover: {color: "white", background: "orange", animation: 0.6}, borderObj: {color: "orange", width: "3px", radius: "0.7rem"}, pad: { sides: ["all"], value: "0.6rem" }, arrayMargin: { sides: ["top", "bottom"], value: "0.8rem" }, radius: "0.4rem"})'},base:{code:'new Link("Link").set({text: "Hello", url: "#ai", background: "#3498db", pad: [{lr: "0.5rem", tb: "1rem"}], radius: "0.4rem", color: "white"})'},nepal:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "#2ECC71", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'},patagonia:{code:'new Link("Link", "#a").set({text: "Hello", url: "#a", background: "#1ABC9C", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'}},grid:{code:"new Simple().set({...}).react([...]).add([...])"},flexRow:e=>({image:{code:'new FlexRow().set({border: ["all", "3px"], colat: "600px"}).items([new Image(...), new Image(...), new Image(...)])'},text:{code:"new FlexRow().set({...}).items([new Text(...), new Text(...), new Text(...)])"}}),tabSpace:e=>" ".repeat(e)}}at(e){return this.options.push(e),this}nodes(e){return this.options=e,this.protoOptions=[...e],console.log(this.options),console.log(this.protoOptions),this}getElType(e){return`S${e.substr(1)}`}filtero(e,t,s){return s.filter((t=>t.op.name===e)).filter((e=>!e.target||e.target.includes(t)))[0]}add(arr){this.css=[],this.elCSS=[],this.elHTML=[];let customOptions=this.options;for(var i=0;i<arr.length;i++){let el=arr[i],ela=null,ops=["blast","gradient","shadow","filter","animationSimple","transform"],replacementObjects=[{op:{name:"blast",color:"green",width:"1px"}},{op:{name:"gradient",gradient:"linear-gradient(orange, green)"}},{op:{name:"shadow",color:"#1abc9c",steps:3}},{op:{name:"filter",filter:"grayscale(0.7)"}},{op:{name:"animation",color:"green",width:"1px",fireAt:"inview",keyframesOpen:[{transform:"translate(100%, 0%)",opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, 0%)",opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}},{op:{name:"transform",values:["ty:-20px","scale(3)","rotate(30deg)","skew(40deg, 0deg)","perspective(500px)","matrix(1, 0, 0, 1, 50, 50)"]}}];for(var q=0;q<ops.length;q++){let e=customOptions.map((e=>e.op)).map(((e,t)=>e===ops[q]?t:"")).filter(String);if(e.length>0)for(var d=0;d<e.length;d++){let t=e[d],s=customOptions[t].target,i=customOptions[t].range,r=customOptions[t].filter,n=customOptions[t].gradient,a=replacementObjects[q];a.target=s,null!=i&&(a.range=i),null!=r&&(a.op.filter=r),null!=n&&(a.op.gradient=n),customOptions[t]=a}}console.warn(customOptions);for(var q=0;q<customOptions.length;q++){let e=customOptions[q].op.name,t=this.protoOptions[q].style||"default",s=this.protoOptions[q].duration||"default";if("transform"===e){let e=[];if(e="SOLARIUM"===t?["scale(3)"]:"WAVE"===t?["skew(15deg, 0deg)","tx:50px","rotate(10deg)","scale(1.1)"]:"CUBE-SPIN"===t?["perspective(700px)","scale(0.9)"]:"TORNADO-SWITCH"===t?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","tz:-80px"]:"LASER-SWEEP"===t?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"TORNADO-TWIST"===t?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","skew(10deg, 0deg)"]:"JELLY-WOBBLE"===t?["scale(1.2, 0.8)","rotate(5deg)","ty:-10px","skew(5deg, 0deg)"]:"DRUNKEN-SWAY"===t?["rotate(15deg)","tx:20px","ty:-10px","skew(10deg, 5deg)"]:"FLAME-FLICKER"===t?["scale(1.1, 0.9)","rotate(-5deg)","ty:5px","opacity:0.7"]:"PHANTOM-SHIFT"===t?["tx:15px","ty:-5px","opacity:0.5","skew(5deg, 5deg)"]:"RUBBER-BOUNCE"===t?["scale(1.3, 0.8)","skew(10deg, 0deg)","ty:-20px"]:"ASTEROID-CRASH"===t?["tx:-80px","ty:100px","rotate(45deg)","scale(0.7)","opacity:0.5"]:"CYBER-GLITCH"===t?["tx:5px","ty:-5px","rotate(3deg)","opacity:0.6","scale(1.05)"]:"BUBBLE-POP"===t?["scale(1.5)","opacity:0.3","ty:-20px"]:"SUPERNOVA-BURST"===t?["scale(2)","opacity:0","tx:50px","ty:-50px"]:"GRAVITY-DROP"===t?["ty:100px","scale(0.8)","rotate(10deg)","skew(0deg, 10deg)"]:"LASER-SWEEP"===t?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"VORTEX-SINK"===t?["rotate(-360deg)","scale(0.5)","ty:50px"]:"SHOCKWAVE"===t?["scale(1.7)","opacity:0.4","skew(5deg, 5deg)"]:["ty:-20px","scale(3)","rotate(30deg)","skew(40deg, 0deg)","perspective(500px)","matrix(1, 0, 0, 1, 50, 50)"],"default"===s&&(s="MEDIUM"),"FAST"===s?s="3s-ease-in-out":"MEDIUM"===s?s="6s-ease-in-out":"SLOW"===s&&(s="10s-ease-in-out"),q==i){console.log("DURA"),console.log(s),customOptions[q].op.transform={values:e,duration:s};let t="style",i="duration";if(customOptions[q]?.op&&t in customOptions[q].op&&delete customOptions[q].op[t],customOptions[q]?.op&&i in customOptions[q].op&&delete customOptions[q].op[i],console.log("COQ"),console.log(customOptions[q].op.values),customOptions[q]?.op.values){let e="values";customOptions[q]?.op.values&&delete customOptions[q].op[e]}}}}console.log(`----------------------------LLL ${i} ${customOptions.length}`);const matchEls=["h1","h2","h3","h4","h5","h6"].includes(el.type)||"img"===el.type||"a"===el.type||"slider"==el.type;matchEls?(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i}),ela.toCode?this.code.push(ela.toCode().join("")):this.code.push(ela),this.ready2Render.push(ela),ela=ela.render()):"table"===el.type?this.code.push('\n new Table()\n .add([\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" },\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" },\n { abbr: "AUIUI/AK9PT", name: "Pokročilé mobilní technologie", grade: "A", date: "09.01.2024" }\n ])\n .set({\n cellPadding: "0.3em",\n cellAlign: "center",\n style: {\n font: "Arial"\n },\n headStyle: {\n color: "white",\n background: "#ff6d22"\n },\n border: "2px solid black",\n center: true,\n borderRadius: 2.2\n })\n '):"grid"===el.type?this.code.push(this.stor.grid.code):"modal"===el.type?this.code.push('new Code()\n .set({\n pad: [\n { l: 30 },\n ], \n mar: [\n { a: 30 },\n ], \n class: "language-js",\n code: `\n // You need to copy and paste this example\n\n\n import {Animator} from "../layout/animator.js";\n import {Text} from "../layout/text.js";\n import {Modal} from "../layout/modal2025.js";\n import {Stack} from "../layout/stack.js";\n import {Image} from "../layout/image.js";\n import {FlexRow} from "../layout/flexrow.js";\n import {Button} from "../layout/button.js";\n import {Spacer} from "../layout/spacer.js";\n import {Wrapper} from "../layout/container.js";\n \n \n let firstLong = "Apple today announced that the company has surpassed a 60 percent reduction in its global greenhouse gas emissions compared to 2015 levels, as part of its Apple 2030 goal to become carbon neutral across its entire footprint in the next five years. The company achieved several other major environmental milestones, including the use of 99 percent recycled rare earth elements in all magnets and 99 percent recycled cobalt in all Apple-designed batteries.1 Apple shared this and other progress in its annual Environmental Progress Report, published today.\n “We’re incredibly proud of the progress we’re making toward Apple 2030, which touches every part of our business,” said Lisa Jackson, Apple’s vice president of Environment, Policy, and Social Initiatives. “Today, we’re using more clean energy and recycled materials to make our products than ever before, we’re preserving water and preventing waste around the world, and we’re investing big in nature. As we get closer to 2030, the work gets even harder — and we’re meeting the challenge with innovation, collaboration, and urgency.\n Apple’s 2030 strategy prioritizes cutting greenhouse gas emissions by 75 percent compared with its 2015 baseline year, before applying high-quality carbon credits to balance the remaining emissions. Last year, Apple’s comprehensive efforts to reduce its carbon footprint — including the continued transition of its supply chain to renewable electricity and designing products with more recycled materials — avoided an estimated 41 million metric tons of greenhouse gas emissions.";\n \n let elements = [\n new Stack()\n .setup({})\n .add([\n new Image("https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg").set({}),\n \n new FlexRow().set({aligns: "start"}).items([\n \n new Button("×")\n \n .set({\n fluidc: "S3",\n onTap: () => modal.close(),\n frame: { width: 80, height: 80 },\n color: "white",\n background: "none"\n }),\n \n new Spacer(true),\n ])\n ]),\n \n \n new Text("Samuel Suresh")\n .set({\n color: "#00ae56",\n font: "SF Pro Display",\n fluidc: "S2",\n pad: [{"tl": 20}]\n }),\n \n \n new Text("Studying Science and Business, Western Sydney University, class of 2022")\n .set({\n font: "Arial",\n fluidc: "S6",\n pad: [{"l": 20}]\n }),\n \n \n new Text(firstLong)\n .set({\n font: "Arial",\n fluidc: "S6",\n pad: [{"l": 20}]\n }), \n ];\n \n \n let wrapper = new Wrapper()\n .set({})\n .add(elements);\n \n \n let modal = new Modal();\n modal\n .set({\n width: "600px", \n background: "#469d73cc",\n close: true\n })\n .add([wrapper])\n .render("#res"); \n \n \n new Button("Wow")\n .set({\n fluidc: "S3",\n onTap: () => modal.show()\n })\n .render("#res");\n \n `\n })'):"row"===el.type?"img"===el.child?this.code.push(this.stor.flexRow(el.colat).image.code):this.code.push(this.stor.flexRow(el.colat).text.code):"cards"===el.type?(console.log("STORO"),console.log(this.stor),ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),this.code.push(ela)):"wrap"===el.type?this.code.push('new Wrapper().set({}).add([\n new Text("Hello").set({}),\n new Text("Hello").set({}),\n new Text("Hello").set({})\n ]) \n'):"responsive"===el.type?this.code.push(this.stor.complex.code):"free"===el.type||"nav"===el.type||"sideNav"===el.type||"dropdown"===el.type?(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),this.code.push(ela.toCode()),this.ready2Render.push(ela),ela=ela.render()):"code"==el.type?this.code.push('new Code()\n .set({\n pad: [\n { l: 30 },\n ], \n mar: [\n { a: 30 },\n ], \n class: "language-js",\n code: \'new Text("Modality").set({ font: "Arial" })\'\n })\n '):(ela=_lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__.I.mapType({el,customOptions,i,storage:this.stor}),ela.toCode?this.code.push(ela.toCode()):this.code.push(ela),this.ready2Render.push(ela),ela=eval(ela).render())}return this}toTextArea(){let e=document.createElement("textarea");e.style.width=300,e.style.height=300,e.setAttribute("id","elements"),e.value=this.code.join(""),this.target="#elements";let t=document.createElement("pre"),s=document.createElement("code");const i=this.code.map((e=>`${e}.render("#mount"); \n \n`));this.code=i,s.textContent=this.code,t.appendChild(s),t.setAttribute("class","nonLayout"),document.body.appendChild(t),document.body.appendChild(e);let r=document.createElement("pre");return r.style.marginTop="100px",r.style.overflow="scroll",this}set(obj){this.toTextArea(),document.querySelector("#elements").style.display="none",document.querySelector("pre").style.display="block",!1===obj.elements&&(document.querySelector(".nonLayout").style.display="none"),!1===obj.layout&&null!=document.querySelector("#layoutPre")&&(document.querySelector("#layoutPre").style.display="none");for(var i=0;i<this.code.length;i++){let sub=this.code[i];console.log("SUBO"),console.log(sub),eval(`${sub}`)}}}},26:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("code"),this.pre=document.createElement("pre"),this.res.style.background="#18232e",this.res.style.display="block",this.res.style.width="auto",this.res.style.height="auto",this.res.style.color="white",this.res.style.borderRadius="1rem",this.pre.appendChild(this.res)}set(e){return e.code&&(this.pre.children[0].innerHTML=e.code),e.class&&this.pre.children[0].setAttribute("class",`${e.class}`),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),e.resprop&&this.resprop(e.resprop),e.width&&(this.res.style.width=e.width),e.background&&(this.res.style.background=e.background),e.color&&(this.res.style.color=e.color),e.borderRadius&&(this.res.style.background=e.borderRadius),e.borderObj&&(this.res.style.border=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=`${e.borderObj.radius}`),this}render(e){return e&&document.querySelector(e).appendChild(this.pre),this.res}}},69:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("div"),this.toggleWrap=document.createElement("div"),this.toggleWrap.style.zIndex=9999,this.toggleWrap.style.borderRadius="0.3rem",this.toggleWrap.style.height="40px",this.toggleWrap.style.cursor="pointer",this.toggleWrap.style.display="flex",this.toggleWrap.style.alignItems="center",this.toggleWrap.style.justifyContent="center",this.res.appendChild(this.toggleWrap),this.contentWrap=document.createElement("div"),this.contentWrap.style.position="absolute",this.contentWrap.style.background="#ecf0f1",this.contentWrap.style.borderRadius="0.3rem",this.contentWrap.style.boxShadow="0 2px 5px rgba(0, 0, 0, 0.15)",this.contentWrap.style.marginTop="10px",this.contentWrap.style.width="250px",this.contentWrap.style.display="none",this.res.appendChild(this.contentWrap),this.styles={},this.children=[],this.isExpanded=!1,this.toggleWrap.addEventListener("click",(()=>this.toggle()))}set(e){this.options=e,e.title&&(this.toggleWrap.textContent=e.title),e.width&&(this.toggleWrap.style.width=e.width),e.contentWidth&&(this.contentWrap.style.width=e.contentWidth),e.background&&(this.contentWrap.style.backgroundColor=e.background),e.mar&&this.mar(e.mar);const t=()=>{let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia(`(max-width: ${e.breakpoint??"600px"})`);t.matches||s.matches?this.contentWrap.style.position="relative":this.contentWrap.style.position="absolute"};return window.addEventListener("resize",t),t(),this}add(e){if(!Array.isArray(e))throw new Error("The 'add' method expects an array of children.");if(e.forEach(((e,t)=>{if(0!==t){if(!(e.res instanceof HTMLElement))throw new Error("Each child must have a valid 'element' property that is an HTMLElement.");this.contentWrap.appendChild(e.res)}})),!this.options||!this.options.title){const t=e[0];t&&t.res&&this.toggleWrap.appendChild(t.res)}return this.children.push(...e),this}toggle(){this.isExpanded=!this.isExpanded,this.contentWrap.style.display=this.isExpanded?"block":"none"}toCode(){return[`new Dropdown().set({\n ${this.options?Object.entries(this.options).map((([e,t])=>"string"==typeof t?`${e}: "${t}"`:"object"==typeof t?`${e}: ${JSON.stringify(t)}`:`${e}: ${t}`)).join(",\n "):""}\n}).add([\n ${this.children.map(((e,t)=>e.toCode().flatMap((e=>e)).join("")+(t<this.children.length-1?",":""))).join("")}\n])`]}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}},110:(e,t,s)=>{s.d(t,{Z:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.url=t,this.setup()}getType(){return"sCardElement"}setup(){window.matchMedia("(max-device-width: 415px)");let e=document.createElement("div");return e.style.display="flex",e.style.flexDirection="column",e.style.alignItems="center",e.style.backgroundColor="#fff",e.style.fontFamily="Arial",e.style.width="100%",e.style.boxShadow="3px 3px 10px #111",e.style.overflow="hidden",this.res=e,this}set(e){let t="";if(this.obj=e,e.border&&(this.res.style.border=e.border),e.radius&&(this.res.style.borderRadius=e.radius),e.arrayPadding){const s=e.arrayPadding.sides.map((e=>`"${e}"`)).join(", ");e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayPadding&&(t+=`\n arrayPadding: {sides: [${s}], value: "${e.arrayPadding.value}"},`)}return e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.width&&(this.res.style.width=e.width),this}arrayPadding(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),"all"===e[0]&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=t,this.res.style.paddingRight=t,this.res.style.paddingBottom=t),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}frame(e){return e.height&&(this.res.style.height=e.height),e.width&&(this.res.style.width=e.width),this}scale(e){return this.res.style.width,this.res.style.transition="0.5s all",this.res.addEventListener("mouseover",(()=>{this.res.style.width,this.res.style.transform="scale(1.04)"})),this.res.addEventListener("mouseout",(()=>{this.res.style.width,this.res.style.transform="scale(1.0)"})),this}background(e){return this.res.style.backgroundColor=e,this}color(e){return this.res.style.color=e,this}padding(e){return this.res.style.padding=`${e}px`,this}items(e){for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render());return this}shadow(){return this.res.style.boxShadow="1px 1px 20px rgba(0, 0, 0, 0.60)",this}round(e){return this.res.style.borderRadius=`${e}px`,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},130:(e,t,s)=>{s.d(t,{_:()=>r});var i=s(762);class r extends i.y{constructor(e,t,s,i){super(),this.url=e,this.res=null,this.code=[]}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}setType({url:e,type:t,mode:s}){if(this.code=[],"exact"===t){const e=`new Image("${this.url}", "exact")`;this.code.push(e)}else if("uncover"===t){const e=`new Image("${this.url}", "uncover")`;this.code.push(e)}else this.code.push(`new Image('${this.url}')`);return this.image(this.url,s,t),this}flexOne(){return this.res.style.flex="1",this}hand(){return this.res.style.cursor="hand",this}setGridWithoutCode(){return this.res.style.border="1px solid white",this}maxWidth(e){return this.res.style.maxWidth=e,this}getHeight(){return this.res.height}getWidth(){return this.res.width}getType(){return"HTMLImageElement"}toCode(){let e=this.options;this.res.style.border&&(e.border=this.res.style.border);const t=Object.fromEntries(Object.entries(e).filter((([e,t])=>null!==t)));return[`new Image().set(${JSON.stringify(t,null,2).replace(/"(\w+)"\s*:/g,"$1:")})`]}formatObj(e){return JSON.stringify(e,null,2).replace(/"(\w+)"\s*:/g,"$1:")}set(e){let t="";this.options=e;let s=e.isFull;if(s?this.image(e.url,"exact",s,"a"):this.setup(),e.url&&this.res.setAttribute("src",e.url),("exact"===s||"uncover"===s)&&this.url,e.vtn&&(this.res.style.viewTransitionName=e.vtn),this.vtn=e.vtn,e.minHeight&&(this.res.style.minHeight=e.minHeight),e.index&&super.setIndex(e.index),e.index&&(this.index=e.index),e.index&&(t+=`\n index: "${e.index}",`),e.centerSelf&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto"),e.fitContent&&(this.res.style.width="100%",this.res.style.height="100%",this.res.style.marginRight="auto",this.res.style.marginTop="auto",this.res.style.objectFit="cover"),e.objectFit&&(this.res.style.objectFit=e.objectFit),e.objectFit&&(t+=`\n objectFit: "${e.objectFit}",`),e.as&&this.as(e.as),e.onScroll&&this.onScroll(e.onScroll),e.class&&this.res.setAttribute("class",e.class),e.gpos&&(this.gposObject=e.gpos),e.gpos&&(this.res.style.gridColumn=e.gpos.col,this.res.style.gridRow=e.gpos.row,t+=`\n gpos: ${this.removeQuotesFromFirstWord(JSON.stringify(e.gpos))}, `),e.filtera){let s;s=Array.isArray(e.filtera)?r.filtera.filter((e=>"filter"===e.op.name))[0]:e.filtera,t+=`\n filtera: ${this.removeQuotesFromFirstWord(JSON.stringify(s))}, \n`}if(e.keySet&&this.keySet(e.keySet),e.stype&&this.setType(e.stype),e.isBackground&&(this.isBackground=e.isBackground),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.zIndex&&(t+=`\n zIndex: "${e.zIndex}", \n`),e.id&&this.res.setAttribute("id",e.id),e.id&&(t+=` id: "${e.id}", \n`),this.id=e.id,e.area&&this.setArea(e.area),e.area&&(t+=`area: "${e.area}", \n`),e.opacity&&(this.res.style.opacity=e.opacity),e.width&&(this.res.style.width=e.width),e.width&&(t+=`width: "${e.width}", `),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.maxWidth&&(t+=`maxWidth: "${e.maxWidth}", `),e.height&&(this.res.style.height=e.height),e.height&&(t+=`height: "${e.height}", `),e.multimargin&&this.makeMultiMargin(e.multimargin),e.multimargin&&(t+="multimargin: [ \n"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.multimargin){for(var i=0;i<e.multimargin.length;i++){const s=e.multimargin[i];t+=`{side: "${s.side}", value: "${s.value}"}, \n`}t+="], \n"}e.maxWidth&&this.maxWidth(e.maxWidth),e.maxWidth&&(t+=`maxWidth: "${e.maxWidth}", \n`),e.radius&&this.cornerRadius(e.radius),e.radius&&(t+=`radius: "${e.radius}", \n`),e.marginOp&&(t+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp))},`),e.clipPath&&this.clipPath(e.clipPath),e.clipPath&&(t+=`clipPath: "${e.clipPath}", \n`);let r=e;if(r.stroke||r.gradient||r.span||r.backgroundOp||r.layout||r.marginOp||r.shadow||r.filtera||r.animation){r.gradient,r.gradient&&(this.globalGradient=r.gradient.op.gradient),r.stroke&&super.setAny({globalBlast:`${r.stroke.op.width} ${r.stroke.op.color}`});let e=[r.stroke,r.gradient,r.animation,r.span,r.backgroundOp,r.layout,r.marginOp,r.shadow,r.filtera,r.animation];e=e.filter((e=>null!=e));let t=[];for(i=0;i<e.length;i++)t.push({range:e[i].range,log:e[i].op.name,target:e[i].target,op:e[i].op});this.chainReact(t,this.options.id)}if(r.shadow){let e=r.shadow;t+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(e))},`}if(r.animation){let e=r.animation;t+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(e))},`}let n=`\n .set({${t}}) \n \n`;return Object.keys(e).length>0?this.code.push(n):this.code.push(","),this}setFilter(e){let t=[],s=[e];s=s.filter((e=>null!=e));for(var i=0;i<s.length;i++)t.push({range:s[i].range,log:s[i].op.name,target:s[i].target})}makeMultiMargin(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.marginLeft=e[t].value),"right"===e[t].side&&(this.res.style.marginRight=e[t].value),"top"===e[t].side&&(this.res.style.marginTop=e[t].value),"bottom"===e[t].side&&(this.res.style.marginBottom=e[t].value);return this}setID(e){return this.res.setAttribute("id",e),this}square(){return this.res.style.width="30%",this.res.style.paddingBottom="30%",this}opacity(e){return this.res.style.opacity=`${e}`,this}rowCol(e,t){return this.res.style.gridRow=e,this.res.style.gridColumn=t,this}setArea(e){return this.res.style.gridArea=e,this}setGridRow(e){return this.res.style.gridRow=e,this}setGridCol(e){return this.res.style.gridColumn=e,this}setGrid(){return this.res.style.gridRow="span 2",this.res.style.gridColumn="span 3",this}transform(e){return this.res.style.transform=e,this}offset(){return this.res.style.marginLeft="-60px",this}offseta(){return this.res.style.marginLeft="90px",this.res.style.marginTop="-30px",this}borderAround(e){return this.res.style.border=e,this}setClass(e){return this.res.setAttribute("class",e),this}scale(e){return this.res.style.width,this.res.style.transition="0.5s all",this.res.addEventListener("mouseover",(()=>{this.res.style.width,this.res.style.transform="scale(1.04)"})),this.res.addEventListener("mouseout",(()=>{this.res.style.width,this.res.style.transform="scale(1.0)"})),this}onTap(e){return this.res.addEventListener("click",e),this}border(e){return this.res.style.borderTopLeftRadius="16px",this.res.style.borderTopRightRadius="16px",this}allRound(e){return this.res.style.borderRadius=e,this}mobileWidth(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="120%"),this}image(e,t,s,i,r){let n=window.matchMedia("(max-device-width: 415px)"),a=document.createElement("div");return a.style.viewTransitionName=i,a.style.width="100%",a.style.height="200",r&&(a.style.gridColumn=r.gridColumn,a.style.gridRow=r.gridRow),n.matches&&(a.style.height="500"),a.style.backgroundImage=`url(${e})`,a.style.backgroundPosition="center center",a.style.backgroundRepeat="no-repeat",a.style.backgroundSize="cover","uncover"===s&&(a.style.backgroundSize="contain"),"contain"===t&&(a.style.backgroundSize="contain"),this.res=a,this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),this}setup(){let e=document.createElement("img");return e.style.width="100%",e.src=this.url,this.res=e,this}autoW(){return this.res.style.width="initial",this}float(e){return this.res.style.float=`${e}`,this}fillAvailable(){return this.res.style.height="-webkit-fill-available",this}grayscale(e){return this.res.style.filter=`grayscale(${e}%)`,this}flex(e){return this.res.style.flex=1,this}height(e){return this.res.style.height=e,this.res.style.width="auto",this}expand(e){const t=()=>{if(window.matchMedia(`(min-width: ${e.at})`).matches){this.res.style.width=`${e.width}`;let i=window.innerWidth/2-(s=t=e.width,(t.includes("%")||t.includes("px"))&&(s=s.substr(0,2)),(t.includes("%")?Number(s/100*window.innerWidth):t.includes("px")?Number(s):void 0)/2);this.res.style.marginLeft=`${i}px`}else this.res.style.width="100%",this.res.style.marginLeft="0px";var t,s;window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%",this.res.style.marginLeft="0px")};return t(),window.addEventListener("resize",t),this}width(e){return this.res.style.width=e,this.res.style.height="auto",this}toBack(){return this.res.style.zIndex="-1",this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||0===t&&0===s&&0===i||(this.res.style.margin=e),this}padding(e){return this.res.style.padding=e,this}size(e,t){return e&&t?(this.res.style.width=e,this.res.style.height=t):(this.res.style.width=e,this.res.style.height=e),this}frame(e){let t=e.width,s=e.height;return t&&s?(this.res.style.width=t,this.res.style.height=s):(this.res.style.width=t,this.res.style.height=t),this}RSize(e,t,s){let i=window.matchMedia("(max-device-width: 420px)");return e&&t?(this.res.style.width=i.matches?e*s:e,this.res.style.height=i.matches?t*s:t):(this.res.style.width=i.matches?e*s:e,this.res.style.height=i.matches?e*s:e),this}shadow(e){return"mild"===e.type?this.res.style.boxShadow="0px 3px 15px rgba(0,0,0,0.2)":this.res.style.boxShadow=`${e.x}px ${e.y}px ${e.radius}px ${e.color}`,this}clipShape(e){return this.res.style.borderRadius="50%",this}cornerRadius(e){return this.res.style.borderRadius=e,this}clipPath(e){this.res.style.clipPath=`path("${e}")`;let t=document.createElementNS("http://www.w3.org/2000/svg","svg");return t.style.display="block",t.style.width="100%",t.style.height="100%",t.style.overflow="visible",this}render(e){let t=this.res;if(!e)return t;document.querySelector(e).appendChild(t)}}},148:(e,t,s)=>{s.d(t,{l:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(e){this.options=e;let t=document.createElement("div"),s=document.createElement("label");s.style.position="relative",s.style.display="block";let i=document.createTextNode(e.title);s.appendChild(i),s.style.opacity=0;var r=document.createElement("input");return"textarea"===e.type&&(r=document.createElement("textarea")),r.style.position="relative",r.placeholder=e.title,r.style.fontSize="1rem",r.style.padding=".4rem .75rem",t.appendChild(s),t.appendChild(r),this.res=t,e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),r.addEventListener("focus",(()=>{s.style.transition="transform ease 0.2s",s.style.transform="scale(0.80)",s.style.textTransform="uppercase",s.style.transformOrigin="left top",s.style.fontWeight="bold",r.placeholder="",s.style.opacity="1.0",e.font&&(s.style.fontFamily=e.font),e.color&&(s.style.color=e.color),e.exact&&(s.style.fontSize=e.exact)})),r.addEventListener("focusout",(()=>{s.style.transform="scale(1.0)",r.placeholder=e.title,s.style.opacity="0.0"})),e.name&&r.setAttribute("name",e.name),window.matchMedia("(max-device-width: 415px)").matches&&(r.style.width="100%",t.style.width="100%"),r.style.fontSize="1rem",this.el=t,this}getValue(){return this.el.children[1].value}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new FloatingInput().set(${e})`]}margin(e){return this.el.style.margin=e,this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.FloatingInput=r},155:(e,t,s)=>{s.d(t,{X:()=>n});var i=s(762);class r{constructor(e,t){this.obj=e||{},this.items=t||[]}render(){let e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(t.matches||s.matches)&&(e.style.marginTop="3rem");for(let t=0;t<this.items.length;t++){const s=this.items[t];e.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),i}}class n extends i.y{constructor(e){super(),this.titleText="",this.hasHamburger=!1,this.code=[],this.attributes={}}toCode(){let e="new UINavBar()";return Object.keys(this.attributes).length>0?e+=`.setup(${JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:")})`:e+=".setup({})",e+=".items([\n",e+=this.items.map((e=>e.toCode().join("").trim())).join(",\n"),e+="\n])",e}styled(e){return this.setup(e),this.styles=e,this}setup(e){this.obj=e,this.obj.isSide||(this.obj.animate=!1),this.attributes=e;let t=document.createElement("div");t.setAttribute("id","sars"),t.style.padding=0,t.style.margin=0;let s=document.createElement("div");s.setAttribute("id","covid"),s.style.position="absolute",s.style.width="100%",s.style.zIndex=1,s.style.alignItems="flex-start";let i=document.createElement("div");return i.style.background="green",i.style.position="absolute",s.style.margin="20px",s.style.display="flex",s.style.alignItems="flex-end",s.style.margin=0,s.style.padding=0,s.style.margin=0,t.appendChild(s),this.addCloseButton=!1,this.res=t,e.background&&this.background({color:e.background}),e.openColor&&(this.openColor=e.openColor),e.sticky&&this.sticky(),e.pad&&this.pad(e.pad),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),e.mobileSize&&(this.mobileSize=e.mobileSize),e.desktopSize&&(this.desktopSize=e.desktopSize),e.height&&(this.res.children[0].style.height=e.height),this}items(e){this.items=e;let t=["Link","Image","Spacer","Dropdown"].some((t=>e[0].__proto__.constructor.toString().startsWith(`class ${t}`)));console.log(this.items);{this.itemCount=e.length;let t=new r(this.obj,this.items).render();this.res.children[0].appendChild(t);let i=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){let e=n.animation.op;if(e){let t=window.matchMedia("(max-device-width: 415px)"),r=window.matchMedia("(max-width: 600px)");if(t.matches||r.matches){let t={duration:1,fill:"forwards",delay:1};for(s=0;s<i.children.length;s++)i.children[s].animate(e.keyframesClose,t)}else for(var s=0;s<i.children.length;s++){let t={duration:1,fill:"forwards",delay:1};i.children[s].animate(e.keyframesClose,t),i.children[s].animate(e.keyframesOpen,e.openOptions)}}}this.adjust()}if(!t){this.itemCount=e.length;let t=document.createElement("div");for(t.style.backgroundColor="orange",s=0;s<e.length;s++){let i=e[s];if(i.logo){let e=new Image(i.logo).width("100px"),t=document.createElement("div");t.style.flex="1",t.style.height=23;let s=document.createElement("div");s.setAttribute("id","WR"),s.style.display="flex",s.style.flexDirection="row",s.appendChild(e.render()),this.res.children[0].appendChild(e.render()),this.obj.spacing&&this.res.children[0].appendChild(t)}if(i.logo&&(this.allowPad=!0),i.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),i.title){let e;e=this.allowPad?i.type?new Dropdown(i.items,i.title):new Link(i.title,i.url).arrayPadding(["left","right"],"1em"):i.type?new Link("DRPA",i.url):new Link(i.title,i.url),t.appendChild(e.render())}}this.res.children[0].appendChild(t),this.adjust()}var i=this.addHamburger();let n=this.itemCount;return this.obj.spacing&&(n+=1),i.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(i,this.res.children[0].firstChild),this}instance(){return this.res.children[0]}sticky(){return this.res.children[0].style.position="fixed",this}font(e){for(var t=0;t<this.res.children[0].children;t++)this.res.children[0].children[t].style.fontFamily=e;return this}openSymbol(e){return this.symbol=e,this}background(e){return e.background?(this.res.children[0].style.backgroundColor=e.color,this.res.children[0].style.opacity=e.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}transluescent(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}keepItem(e){return this.keepItem=e,this}addHamburger=()=>{let e=window.matchMedia("(max-device-width: 415px)");var t=document.createElement("button");t.setAttribute("id","hamburger"),t.style.border="none",t.style.fontWeight="bold",t.style.position="absolute",t.style.color="orange",t.style.backgroundColor="transparent",t.style.fontSize=e.matches?"2.1em":"2em";var s=document.createTextNode(this.symbol?this.symbol:"☰");return t.appendChild(s),t.style.marginLeft="auto",this.isShown=!1,t.addEventListener("click",(()=>{this.isShown=!this.isShown,this.hasAnimatedToWide=!1;let e=this.items[0].options;if(e&&e.animation){let s=e.animation.op;const i=this.res.children[0].children[1].children[0];if(s){if(this.isShown)for(var t=0;t<i.children.length;t++)i.children[t].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=()=>{i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(t=0;t<i.children.length;t++){let e=i.children[t];e.animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}),this.isShown?e.animate(s.keyframesOpen,s.openOptions):e.animate(s.keyframesClose,s.closeOptions)}}}else this.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),t};adjust(e){let t=window.matchMedia("(max-width: 600px)"),s=window.matchMedia("(max-device-width: 415px)");const i=()=>{for(var e=0;e<this.res.children[0].children.length;e++){let t=this.res.children[0].children[e];t.style.fontSize=s.matches?this.mobileSize?this.mobileSize:"1.2em":this.desktopSize?this.desktopSize:"1em","☰"===t.textContent&&(t.style.fontSize="2em")}},r=()=>{this.res.children[0];for(var e=0;e<this.res.children[0].children.length;e++){let t=this.res.children[0].children[e];t.style.marginTop="0em",t.id,t.style.display="flex",t.textContent===this.titleText&&this.titleText.length>0&&(t.style.fontSize="2em")}let t=this.items[0].options;if(t&&t.animation){let s=t.animation.op;const i=this.res.children[0].children[1].children[0];if(i.style.marginTop="0",s&&!this.hasAnimatedToWide)for(this.hasAnimatedToWide=!0,e=0;e<i.children.length;e++)i.children[e].animate(s.keyframesOpen,s.openOptions)}else console.log(this.res)},n=()=>{this.isShown=!1,this.res.children[0],i(),this.res.children[0].style.flexDirection="column";for(var e=0;e<this.res.children[0].children.length;e++)"☰"==this.res.children[0].children[e].textContent||this.res.children[0].children[e].textContent==this.keepItem?(this.res.children[0].children[e].id,this.res.children[0].children[e].style.display="flex"):this.res.children[0].children[e].style.display="none"};if(this.obj.isSide)n();else{let e=this.res.children[1];null!=e&&(e.style.background="yellow"),t.matches||s.matches?n():r()}return this}render(e){const t=()=>{let e=window.matchMedia("(max-width: 600px)"),t=window.matchMedia("(max-device-width: 415px)"),s=this.res.children[0].children[1],i=s.children[0];t.matches&&(i.style.position="relative"),(e.matches||t.matches)&&null!=i?i.style.flexDirection="column":null==i||this.obj.isSide||(i.style.flexDirection="row"),this.obj.isSide||e.matches||t.matches||(this.res.children[0].children[0].style.display="none"),this.obj.isSide&&(i.style.flexDirection="column"),this.obj.isSide||e.matches||(this.res.children[0].style.position="relative",s.style.transform="translateY(0px)"),!this.obj.isSide&&e.matches,this.obj.customStyle&&(this.res.children[0].style.marginTop="1rem",this.res.children[0].style.position="absolute",this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem"),this.obj.radius&&(this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem")};return window.addEventListener("resize",(()=>t())),t(),e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.res),this.res):this.res}}},207:(e,t,s)=>{s.d(t,{$:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.text=e,this.res=null,this.val=t,this.setup()}setup(e){return this}hover(e){return this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,e.animation&&(this.res.style.transition=`${e.animation}s ease-in-out`,this.res.style.transionProperty="background, color"),this.res.onmouseout=()=>{this.res.style.backgroundColor=`${this.prevColor}`,this.res.style.color=`${this.foreColor}`},this.res.onmouseover=()=>{this.res.style.backgroundColor=e.background,this.res.style.color=e.color},this}set(e){this.options=e;let t=document.createElement("button");if(t.style.background="transparent",e.url){let s=document.createElement("img");s.setAttribute("src",e.url),s.style.width=e.frame.width,s.style.height=e.frame.height,t.appendChild(s)}else{let e=document.createTextNode(this.text.replace("$",this.val));t.appendChild(e)}this.res=t,e&&"submit"===e.type&&t.setAttribute("type",e.type);let s="";return this.border("none"),this.res.style.display="block",e.background&&this.background(e.background),e.padding&&this.padding(e.padding),e.margin&&this.margin(e.margin),e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),e.centered&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto",this.res.style.backgroundColor="black"),e.border&&this.border(e.border),e.radius&&this.borderRadius(e.radius),e.class&&this.setClass(e.class),e.color&&this.color(e.color),e.auto&&this.auto(),e.weight&&(this.res.style.fontWeight=e.weight),e.fluidc&&this.fluidButtonCopy(e.fluidc),e.fluidc&&(s+=`\n fluidc: "${e.fluidc}",`),e.onTap&&this.onTap(e.onTap),e.frame&&this.frame(e.frame),e.frame&&(s+=`\n frame: "${e.frame}",`),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.arrpad&&(s+=`\n arrpad: {sides: ["${e.arrpad.sides}"], value: "${e.arrpad.value}"},`),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(s+=`\n arrayMargin: {sides: ["${e.arrayMargin.sides}"], value: "${e.arrayMargin.value}"},`),e.keySet&&this.keySet(e.keySet),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}fluidButtonCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setClass(e){return this.res.setAttribute("class",e),this}color(e){return this.res.style.color=e,this}background(e){return this.res.style.background=e,this}width(e){return this.res.style.width=e,this}borderRadius(e){return this.res.style.borderRadius=e,this}padding(e,t,s,i){return e&&t&&s&&i?(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=e,this}margin(e,t,s,i){return e&&t&&s&&i?(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i):this.res.style.margin=e,this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.2rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}large(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?(alert("WOW"),this.res.style.fontSize="6rem"):this.res.style.fontSize="3rem"};return e(),window.addEventListener("resize",e),this}border(e,t){return"none"===e&&(this.res.style.border="none"),this.res.style.border=`${e} solid ${t}px`,this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,this}updating(e,t){var s=this.res,i=this.text;return Object.defineProperty(e,t,{set(e){let t=document.createTextNode(i.replace("$",e));s.replaceChild(t,s.childNodes[0])}}),this}onTap(e){return this.res.addEventListener("click",e),this}toCode(){const e=JSON.stringify(this.options,((e,t)=>"function"==typeof t?t.toString():t),4).replace(/"(\w+)":/g,"$1:").replace(/"(\(\)\s*=>\s*{[^}]*})"/gs,"$1").replace(/\\n/g,"").replace(/\\"/g,'"');return[`new Button("${this.text}").set(${e})`]}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},216:(e,t,s)=>{s.d(t,{T:()=>i});class i{constructor(){this.res=null,this.currentItem=""}set(e){let t=e;this.options=e;var s=document.createElement("input");s.setAttribute("list","dlCities"),s.setAttribute("id","my");var i=e.data,r=0,n=i.length,a=document.createElement("datalist");for(a.id="dlCities",r=0;r<n;r+=1){var o=document.createElement("option");o.value=i[r],a.appendChild(o)}return s.appendChild(a),s.addEventListener("change",(()=>{let e=document.querySelector("#my").value;console.log(e),this.currentItem=e})),s.setAttribute("placeholder","Type value"),s.style.padding=".4rem .75rem",s.style.fontSize="1rem",this.res=s,this.responsive(),t.arrayPadding&&this.arrayPadding(t.arrayPadding.sides,t.arrayPadding.value),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),this}toCode(){return[`new DataList().set(${JSON.stringify(this.options,null,4)})`]}getValue(){return this.res.value}arrayPadding(e,t){return console.log(e),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),this}arrayMargin(e,t){return console.log(e),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),this}margin(e){return this.res.style.margin=e,this}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}var r=i;i=function(...e){return new r(...e)},window.DataList=i},219:(e,t,s)=>{s.d(t,{N:()=>r});var i=s(762);class r extends i.y{constructor(e,t,s){super(),this.link=t,this.text=e,this.code=[],this.css=[],this.elCSS=[],this.html=[],this.res=null,this.stopEM=s,this.setup(),this.inlineBlock()}toCSS(){return this.css}toHTMLA(){return this.html}toElCSS(){return this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}getType(){return"HTMLAnchorElement"}toCode(){return this.code}setArea(e){return this.res.style.gridArea=e,this}setup(){let e=document.createElement("a");e.setAttribute("href",this.link),e.style.textDecoration="none",e.style.color="black",e.style.textAlign="center",e.style.fontFamily="Arial";var t=document.createTextNode(this.text);return e.appendChild(t),this.res=e,!1===this.stopEM&&this.em(1),this}appendImageAsChild(e,t){let s=document.createElement("a");e.options.vtn&&(s.style.viewTransitionName=e.options.vtn),s.setAttribute("href",e.options.url);let i=document.createElement("img");return e.options&&(i.style.width=e.options.size,e.options.radius&&(i.style.borderRadius=e.options.radius),i.setAttribute("src",e.options.img),s.appendChild(i)),this.res=s,t&&(this.res.style.marginLeft=t),this}addIcon(e){let t=document.createElement("img");return t.style.width="20px",t.style.height="auto",t.style.marginLeft=e.padding?e.padding:"10px",t.setAttribute("src",e.url),this.res.appendChild(t),this}removeQuotesFromFirstWord(e){if(e)return e.replace(/"([^"]+)":/g,"$1:")}set(e){this.elCSS.push("text-decoration: none; \n"),this.options=e;let t="";e.id&&this.res.setAttribute("id",e.id),e.id&&super.setID(e.id),e.pad&&this.pad(e.pad);let s=this.removeQuotesFromFirstWord(JSON.stringify(e.pad));if(e.pad&&(t+=`\n pad: ${s},`),e.preffersId&&(this.preffersId=e.preffersId),null!=e.preffersId&&(t+=`\n preffersId: ${e.preffersId},`),e.class&&super.setClass(e.class),e.class&&(t+=`\n class: "${e.class}",`),e.borderObj&&(this.res.style.border=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=`${e.borderObj.radius}`,t+=`\n borderObj: ${this.removeQuotesFromFirstWord(JSON.stringify(e.borderObj))},`),!1===this.options.preffersId?this.html.push(`<a class="${e.class}" href="#hello">${e.text}</a> \n \n`):e.id&&this.html.push(`<a id="${e.id.substr(1)}" href="#hello">${e.text}</a> \n \n`),null!=e.blastData){let s=this.removeQuotesFromFirstWord(JSON.stringify(e.blastData));super.setAny({globalBlast:`1px ${e.blastData.color}`}),e.blastData&&(t+=`\n blastData: ${s},`)}e.nowrap&&(this.res.style.whiteSpace="nowrap"),e.font&&this.font(e.font),e.font&&(t+=`\n font: "${e.font}",`),e.font&&this.elCSS.push(`font-family: "${e.font}"; \n`),e.fluidc&&this.fluidCopy(e.fluidc),e.fluidc&&(t+=`\n fluidc: "${e.fluidc}",`),e.size&&this.fluidCopy(e.size),e.size&&(t+=`\n size: "${e.size}",`),"S6"===e.fluidc?e.fluidc&&this.elCSS.push("font-size: calc(1rem + 1.075vw); \n"):e.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),e.clampc&&this.clampCopy(e.clampc),this.options.id&&(t+=`\n id: "${this.options.id}",`),e.align&&this.leftAlign(),e.align&&(t+=`\n align: "${e.align}",`),e.type&&(this.res.style.display="block"),e.color&&this.color(e.color),e.color&&(t+=`\n color: "${e.color}",`),e.color&&this.elCSS.push(`color: "${e.color}"; \n`),e.background&&this.background(e.background);let i=this.removeQuotesFromFirstWord(JSON.stringify(e.background));e.background&&(t+=`\n background: ${i},`),e.hover&&this.hover(e.hover);let r=this.removeQuotesFromFirstWord(JSON.stringify(e.hover));if(e.hover&&(t+=`\n hover: ${r},`),e.weight&&(this.res.style.fontWeight=e.weight),e.blast&&(this.blastData=e.blast),e.bold&&(this.res.style.fontWeight="bold"),e.bold&&(t+=`\n bold: ${e.bold},`),e.block&&this.toBlock(),e.block&&(t+=`\n block: ${e.block},`),e.radius&&this.radius(e.radius),e.radius&&(t+=`\n radius: "${e.radius}",`),e.width&&this.width(e.width),e.width&&(t+=`\n width: "${e.width}",`),e.arrayPadding){const s=e.arrayPadding.sides.map((e=>`"${e}"`)).join(", ");e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayPadding&&(t+=`\n arrayPadding: {sides: [${s}], value: "${e.arrayPadding.value}"},`)}if(e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.maxWidth&&this.maxWidth(e.maxWidth),e.url&&this.res.setAttribute("href",e.url),t+=`\n url: "${e.url}",`,e.text&&(this.res.textContent=e.text),t+=`\n text: "${e.text}",`,e.data){e.data&&this.appendImageAsChild(e.data,"20px");let s=this.removeQuotesFromFirstWord(JSON.stringify(e.data));e.data&&(t+=`\n data: ${s}`)}if(e.icon&&(this.addIcon(e.icon),t+=`\n icon: ${this.removeQuotesFromFirstWord(JSON.stringify(e.icon))},`),e.shadow){let s=e.shadow;t+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(s))},`}if(e.stroke){let s=this.removeQuotesFromFirstWord(JSON.stringify(e.stroke));e.stroke&&(t+=`\n stroke: ${s},`)}e.backgroundOp&&(t+=`\n backgroundOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.backgroundOp))},`),e.marginOp&&(t+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp))},`),e.gradient&&(t+=`\n gradient: ${this.removeQuotesFromFirstWord(JSON.stringify(e.gradient))},`),e.animation&&(t+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(e.animation))},`),e.transform&&(t+=`\n transform: ${this.removeQuotesFromFirstWord(JSON.stringify(e.transform))},`);let n=`new Link().set({${t}}) \n`;this.code.push(n),e.color&&this.color(e.color),e.rounded&&this.round(),e.transform&&e.transform.transform?this.reactOnTransform(e.transform):this.reactOnTransform(e);let a=[],o=[e.border,e.gradient,e.animation,e.span,e.shadow,e.backgroundOp,e.animation];if(o=o.filter((e=>null!=e)),o.length>0){for(var l=0;l<o.length;l++)a.push({range:o[l].range,log:o[l].op.name,target:o[l].target,op:o[l].op});let t=[];e.borderObj&&t.push("border"),e.background&&t.push("background"),e.mar&&t.push("margin"),e.animation&&t.push("animation"),this.chainReact(a,e.id,t,e.isNavA),this.res.style.zIndex=1}return e.mar&&this.mar(e.mar),this}color(e){return this.res.style.color=e,this}maxWidth(e){return this.res.style.maxWidth=e,this}background(e){return this.res.style.backgroundColor=e,this}leftAlign(){return this.res.style.textAlign="left",this}arrayPadding(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),"all"===e[0]&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=t,this.res.style.paddingRight=t,this.res.style.paddingBottom=t),e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}getClampValue(e){return"S6"===e?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===e?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===e?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===e?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===e?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===e?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(e){return this.res.style.fontSize=this.getClampValue(e),this}fluidCopy(e){return"S1"===e&&(this.res.style.fontSize="calc(1.625rem + 5.075vw)"),"S2"===e&&(this.res.style.fontSize="calc(1.500rem + 4.3vw)"),"S3"===e&&(this.res.style.fontSize="calc(1.375rem + 3.525vw)"),"S4"===e&&(this.res.style.fontSize="calc(1.250rem + 2.75vw)"),"S5"===e&&(this.res.style.fontSize="calc(1.125rem + 1.975vw)"),"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}inlineBlock(){return this.res.style.display="inline-block",this}toBlock(){return this.res.style.display="block",this}myself(e){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=e.desktop:this.res.style.fontSize=e.phone};return t(),window.addEventListener("resize",t),this}style(e){return this.res.style.color=e.styles.color,this.res.style.fontWeight=e.styles.fontWeight,this.res.style.paddingLeft=e.styles.padding[0],this.res.style.paddingTop=e.styles.padding[1],this.res.style.paddingRight=e.styles.padding[2],this.res.style.paddingBottom=e.styles.padding[3],this}color(e){return this.res.style.color=e,this}round(){return this.res.style.borderRadius="0.5rem",this.options.rounded&&(this.res.children[0].style.borderRadius="0.5rem"),this}newWindow(){return this.res.target="_new",this}radius(e){return this.res.style.borderRadius=`${e}`,this}transition(e){return this.res.style.transition=`${e}s ease-in-out`,this.res.style.transionProperty="background, color",this}width(e){return this.res.style.width=e,this}italic(){return this.res.style.fontStyle="italic",this}padding(e,t,s,i){return e&&t&&s&&i?(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=e,this}medium(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}opacity(e){return this.res.style.opacity=e,this}margin(e,t,s,i){return e&&t&&s&&i?(this.el.style.marginLeft=e,this.el.style.marginTop=t,this.el.style.marginRight=s,this.el.style.marginBottom=i):this.el.style.margin=e,this}hover(e){if(e.border){let t=e.border.width;this.res.style.border=t?`${t}px solid transparent`:"1px solid transparent"}let t=this.options.borderObj;return t&&(this.res.style.border=`${t.width}px solid ${t.color}`),this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,this.prevBorder=this.res.style.border,e.animation&&(this.res.style.transition=`${e.animation}`,this.res.style.transionProperty="background, color"),this.res.onmouseout=()=>{this.res.style.backgroundColor=`${this.prevColor}`,this.res.style.color=`${this.foreColor}`,this.res.style.border=this.prevBorder},this.res.onmouseover=()=>{if(this.res.style.color=e.color,this.res.style.backgroundColor=e.background,e.border){let t=e.border.width,s=e.border.color??"#2ECC71";this.res.style.border=t?`${t}px solid ${s}`:"1px solid #2ECC71"}},this}em(e){let t=window.matchMedia("(max-device-width: 415px)");const s=()=>{t.matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em"};return s(),window.addEventListener("resize",s),this}margin(e,t,s,i){return this.res.style.marginTop=e,this.res.style.marginLeft=t,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}font(e){return this.res.style.fontFamily=e,this}render(e){return e?(document.querySelector(e).appendChild(this.res),this):this.res}}},304:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.res=null,this.setup(e),this.code=[],this.isLast=!1,this.code.push("\n new Wrapper() \n")}isLasta(){return this.isLast=!0,this}toCode(){return this.code}getType(){return"LayoutWrapperElement"}setArea(e){return this.res.style.gridArea=e,this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}clicked(e){return this.res.addEventListener("click",e),this}gpos(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}set(e){let t=".set({";if(e.pad&&this.pad(e.pad),e.arrpad&&(t+=`pad: {sides: [${e.arrpad.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrpad.value}"}, `),e.gpos&&this.gpos(e.gpos),e&&e.id&&e.stroke||e&&e.id&&e.gradient||e&&e.id&&e.span||e&&e.id&&e.layout){e.gradient,e.gradient&&(this.globalGradient=e.gradient.op.gradient),e.stroke&&super.setAny({globalBlast:`${e.stroke.op.width} ${e.stroke.op.color}`});let t=[e.stroke,e.gradient,e.animation,e.span,e.layout];t=t.filter((e=>null!=e));let i=[];for(var s=0;s<t.length;s++)i.push({range:t[s].range,log:t[s].op.name,target:t[s].target});this.res.setAttribute("id",e.id),this.betaReact(i,e.id)}e.socenter&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",e.socenter&&(t+=`socenter: ${e.socenter},`)),e.mboth&&(this.res.style.marginRight="auto")&&(this.res.style.marginLeft="auto"),e.mar&&this.mar(e.mar),e.sticky&&this.sticky(),e.transition&&(this.res.style.transition=e.transition),e.class&&this.res.setAttribute("class",e.class),e.ga&&(this.res.style.gridArea=e.ga),e.opacity&&(0==e.opacity&&(this.res.style.opacity=0),e.opacity&&(this.res.style.opacity=e.opacity)),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.id&&this.res.setAttribute("id",e.id),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.arrpad&&(t+=`arrpad: {sides: [${e.arrpad.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrpad.value}"}, `),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: ["${e.arrayMargin.sides}"], value: "${e.arrayMargin.value}"},`),e.center&&this.toCenter(e.center),e.center&&(t+=`center: "${e.center}",`),e.simpleCenter&&this.simpleCenter(),e.simpleCenter&&(t+=`center: "${e.simpleCenter}",`),e.filter&&(this.res.style.backdropFilter="blur(3px)"),e.radius&&this.corner(e.radius),e.radius&&(t+=`\n radius: "${e.radius}",`),e.border&&this.border(e.border),e.simpleBorder&&(this.res.style.border=e.simpleBorder),e.width&&this.width(e.width),e.width&&(t+=`\n width: "${e.width}",`),e.overflow&&(this.res.style.overflow="hidden"),e.overflow&&(t+=`\n overflow: "${e.overflow}",`),e.height&&this.heightNoAuto(e.height),e.height&&(t+=`\n height: "${e.height}",`),e.align&&this.flexAlign(e.align),e.align&&(t+=`\n align: "${e.align}",`),e.borderObj&&(this.res.style.borderRight=`${e.borderObj.width} solid ${e.borderObj.color}`,this.res.style.borderRadius=e.borderObj.radius),e.borderObja&&(this.res.style.border=`${e.borderObja.width} solid ${e.borderObja.color}`,this.res.style.borderRadius=e.borderObja.radius),e.font&&this.font(e.font),e.font&&(t+=`font: "${e.font}",`),e.maxWidth&&this.maxWidth(e.maxWidth),e.flexCenter&&this.flexc(e.flexCenter),e.multipad&&this.makeMultiPad(e.multipad),e.multimargin&&this.makeMultiMargin(e.multimargin),e.color&&this.color(e.color),e.background&&this.background(e.background),e.background&&(t+=`background: "${e.background}",`),e.weight&&this.weight(e.weight),e.paddings&&this.paddingo(e.paddings),e.area&&this.setArea(e.area),e.area&&(t+=`area: "${e.area}"`),e.column&&this.makeCol(),e.column&&(t+=`\n column: "${e.column}",`),e.alignIts&&(this.res.style.background="gray"),e.alignIts&&(this.res.style.alignItems="flex-start"),e.alignIts&&(this.res.style.justifyItems="flex-start"),e.customAlign&&(this.res.style.alignItems=e.customAlign),e.customJustify&&(this.res.style.justifyItems=e.customJustify),e.disp&&(this.res.style.display=e.disp),e.flexDir&&(this.res.style.flexDirection=e.flexDir),e.flexDir&&(this.res.style.display="flex"),e.flexDir&&(t+=`\n flexDir: "${e.flexDir}",`),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.name&&(this.name=e.name),e.responsive&&this.rsp(e.responsive),e.stretch&&(e.stretch&&this.stretch(e.stretch),t+=`\n stretch: ${this.removeQuotesFromFirstWord(JSON.stringify(e.stretch))},`);for(let t in e)if("margin"===t){let s=e[t];if(Array.isArray(s)&&s.length>0)for(let e of s){let t=e;t.hasOwnProperty("top")&&(this.res.style.marginTop=t.top),t.hasOwnProperty("right")&&(this.res.style.marginRight=t.right),t.hasOwnProperty("bottom")&&(this.res.style.marginBottom=t.bottom),t.hasOwnProperty("left")&&(this.res.style.marginLeft=t.left)}}return t+="})\n",8===t.length&&(t=""),this.code.push(t),this}rsp(e){this.res.style.display="flex";let t=e.sequence.split("-");const s=()=>{let s=e.ranges;"0px"!==s[0]&&s.unshift("0px");for(var i=0;i<s.length-1;i++)(window.matchMedia(`(min-width: ${s[i]}) and (max-width: ${s[i+1]})`).matches||window.matchMedia(`(min-width: ${s[s.length-1]})`).matches)&&("row"===t[i]&&(this.res.style.flexDirection="row",this.res.style.border="3px solid green"),"col"===t[i]&&(this.res.style.flexDirection="column",this.res.style.border="3px solid purple"));return this};window.addEventListener("resize",s),s()}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}toSticky(){return this.res.style.position="sticky",this.res.style.top="0",this}stretch(e){const t=()=>{window.matchMedia(`(max-width: ${e.at})`).matches?this.res.style.width="auto":window.matchMedia("(max-device-width: 415px)").matches?this.res.style.width="100%":this.res.style.width=e.backTo};t(),window.addEventListener("resize",t)}makeCol(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="flex-start",this}paddingo(e){return this.res.style.padding=e,this}toCenter(e){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center","both"===e&&(this.res.style.alignItems="center"),this}simpleCenter(){return this.res.style.justifyContent="center",this.res.style.justifyItems="center",this.res.style.alignContent="center",this.res.style.alignItems="center",this}color(e){return this.res.style.color=e,this}weight(e){return this.res.style.fontWeight=e,this}makeMultiPad(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.paddingLeft=e[t].value),"right"===e[t].side&&(this.res.style.paddingRight=e[t].value);return this}makeMultiMargin(e){this.res.style.zIndex="1";for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.marginLeft=e[t].value),"right"===e[t].side&&(this.res.style.marginRight=e[t].value),"top"===e[t].side&&(this.res.style.marginTop=e[t].value),"bottom"===e[t].side&&(this.res.style.marginBottom=e[t].value);return this}flexc(e){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this}maxWidth(e){return this.res.style.maxWidth=e,this}font(e){return this.res.style.fontFamily=e,this}flexAlign(e){return this.res.style.display="flex",this.res.style.justifyContent="flex-start",this.res.style.alignItems="flex-start","center"===e?(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",this):this}width(e){return this.res.style.width=e,this}heightNoAuto(e){return this.res.style.height=e,this}border(e){return this.res.style.borderRadius=`${e.radius}px`,this.res.style.padding="0.25em",this.res.style.border=`${e.width}px solid ${e.color}`,this}toCol(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center",this}add(e){this.items=e,this.code.push(".add([ \n");let t=e.map(((t,s)=>t.toCode().flatMap((e=>e)).join("")+(s<e.length-1?",":""))).join("");this.code.push(t);for(var s=0;s<e.length;s++)if(void 0!==e[s]&&void 0!==e[s].toCode){let t=e[s].render();this.res.appendChild(t)}return this.code.push("])"),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),this}setWidth(e){this.res.style.width="100vw"}setHeight(e){return this.res.style.height=`${e}`,this}setup(e){let t=e?document.createElement(e.isLink?"a":"div"):document.createElement("div");return e&&e.isLink&&(t.style.textDecoration="none",t.setAttribute("href",e.child)),this.res=t,this.res.style.margin=0,this.res.style.padding=0,e&&!0===e.hideOverflow&&(this.res.style.overflow="hidden",this.res.style.overflowY="scroll"),e&&!0===e.center&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center"),e&&"left"===e.align&&(this.res.style.alignItems="flex-start"),e&&"right"===e.align&&(this.res.style.alignItems="flex-end"),e&&e.height&&(this.res.style.height=e.height),e&&e.width&&(this.res.style.width=e.width,this.res.style.marginLeft="auto",this.res.style.marginRight="auto",window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="95%")),this}height(e){return this.res.style.width="auto",this.res.style.height=`${e}`,this}size(e,t){return this.w=e,this.h=t,this.w?this.res.style.width=this.w:this.res.style.width=window.innerWidth,this.h?this.res.style.height=this.h:this.res.style.height=window.innerHeight,this}background(e){return this.res.style.background=e,this}corner(e){return this.res.style.borderRadius=e,this}padding(e,t,s,i){return this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i,this}margin(e,t,s,i){return this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}apply(e){const t=()=>{for(var t=0;t<e.length;t++){let s=e[t],i=window.matchMedia(`(max-width: ${s.width}px)`);s.device&&(i=window.matchMedia(`(max-device-width: ${s.width}px)`),alert(s.device)),i.matches&&Object.assign(this.res.style,s.styles)}};let s=window.matchMedia(`(max-width: ${e[0].width}px)`);return e[0].device&&(s=window.matchMedia(`(max-device-width: ${e[0].width}px)`)),s.matches||Object.assign(this.res.style,e[0].styles),t(),window.addEventListener("resize",t),this}mount(e){document.querySelector(e).appendChild(this.res)}render(e){return e?(document.querySelector("#mount"),document.querySelector(e).appendChild(this.res),this):this.res}}},317:(e,t,s)=>{s.d(t,{b:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("div"),this.res.style.display="grid",this.attributes={}}set(e){return this.options=e,this.attributes=e,this.templateCols=e.templateCols,e.templateCols&&(this.res.style.gridTemplateColumns=`repeat(${e.templateCols.cols}, 1fr)`,this.res.style.gridTemplateRows=`repeat(${e.templateCols.cols}, 1fr)`),this.res.style.height=e.height?e.height:"600px",e.positions&&(this.storedPositions=e.positions),this}generateGridPositions(e,t=30,s=50){const i=document.createElement("div");i.classList.add("container"),i.style.display="grid",i.style.gridTemplateColumns=`repeat(${s}, 1fr)`,i.style.gridTemplateRows=`repeat(${t}, 1fr)`,i.style.width="100%",i.style.height="100vh";let r=e.map(((e,i)=>({row:Math.floor(t/2)+i,col:Math.floor(s/2)+i})));return e.forEach(((i,n)=>{let{row:a,col:o}=r[n];const{forceX:l,forceY:h}=function(t){let s=0,i=0;return e.forEach(((e,n)=>{const{weight:a,direction:o}=e,l=r[t],h=r[n],d=l.col-h.col,c=l.row-h.row,p=a*(1/(Math.sqrt(d*d+c*c)+1));switch(o){case"L":s-=p;break;case"R":s+=p;break;case"U":i-=p;break;case"B":i+=p}})),{forceX:s,forceY:i}}(n);o=Math.max(1,Math.min(s,o+Math.round(l))),a=Math.max(1,Math.min(t,a+Math.round(h))),console.log(this.items.map((e=>e.id))),console.log(i.attract.slice(1));const d=this.items.filter((e=>e.id===i.attract.slice(1)))[0].render();console.log(d),d.style.gridRowStart=a,d.style.gridRowEnd=a+3,d.style.gridColumnStart=o,d.style.gridColumnEnd=o+5,d.style.border=`3px solid #${Math.floor(16777215*Math.random()).toString(16).padStart(6,"0")}`,d.style.display="flex",d.style.alignItems="center",d.style.justifyContent="center",d.style.fontWeight="bold",d.style.color="white",this.res.appendChild(d)})),console.log("ARAO"),console.log(this.res.children.length),this}add(e){this.items=e;for(const t of e)this.res.appendChild(t.render());return this.storedPositions&&this.generateGridPositions(this.storedPositions),console.log("MORAA"),console.log(this.res.children.length),this}toCode(){if(this.excludeFromCodeTrue)return[""];const e=JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:");var t="";return t+=".add([\n",t+=this.items.map((e=>e.toCode().join("").trim())).join(",\n"),[`new Free().set(${e})${t+="\n])"}`]}render(e){if(console.log("CHILDREN IN RENDER"),console.log(this.res.children.length),!e)return this.res;document.querySelector(e).appendChild(this.res)}}},342:(e,t,s)=>{s.d(t,{S:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(e){this.options=e;const t=document.createElement("div");t.style.display="flex",t.style.alignItems="center";const s=document.createElement("input");s.type="checkbox",s.style.position="relative",s.style.marginRight="0.5rem";const i=e.size||"24px";s.style.width=i,s.style.height=i,e.customStyle&&(s.style.appearance="none"),s.style.border="2px solid #ccc",s.style.borderRadius="4px",s.style.backgroundColor=e.backgroundColor||"white",s.style.cursor="pointer",s.style.transition="background-color 0.2s ease, border-color 0.2s ease",s.style.display="inline-block",s.style.setProperty("--checked-bg-color",e.checkedBackgroundColor||"#4CAF50"),s.style.setProperty("--checkmark-color","white"),s.style.setProperty("--checkmark-clip-path",this.options.clipPath??"polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)");const r=document.createElement("style");r.textContent='\n input[type="checkbox"] {\n appearance: none;\n -webkit-appearance: none; /* For Safari */\n width: var(--size, 24px);\n height: var(--size, 24px);\n border: 2px solid #ccc;\n border-radius: 4px;\n background-color: white;\n position: relative;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n }\n\n input[type="checkbox"]:checked {\n background-color: var(--checked-bg-color, #4CAF50);\n border-color: var(--checked-bg-color, #4CAF50);\n }\n\n input[type="checkbox"]::after {\n content: \'\';\n position: absolute;\n width: 50%;\n height: 50%;\n top: 25%;\n left: 25%;\n transform: scale(0);\n background-color: var(--checkmark-color, white);\n clip-path: var(--checkmark-clip-path);\n -webkit-clip-path: var(--checkmark-clip-path);\n transition: transform 0.2s ease;\n }\n\n input[type="checkbox"]:checked::after {\n transform: scale(1);\n }\n',e.customStyle&&document.head.appendChild(r),e.mar&&this.mar(e.mar),e.pad&&this.pad(e.pad),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),s.addEventListener("change",(()=>{s.checked?(s.style.backgroundColor=e.checkedBackgroundColor||"#4CAF50",s.style.borderColor=e.checkedBackgroundColor||"#4CAF50"):(s.style.backgroundColor=e.backgroundColor||"white",s.style.borderColor="#ccc")})),e.name&&s.setAttribute("name",e.name),t.appendChild(s);const n=document.createElement("div");if("function"==typeof e.label?.render)n.appendChild(e.label.render());else{const t=document.createTextNode(e.title||"Label");n.appendChild(t)}return n.style.opacity=.8,n.style.transition="opacity ease 0.2s, transform ease 0.2s",t.appendChild(n),this.el=t,this}getValue(){return this.el.children[0].checked}toCode(){return[`new Checkbox().set({\n ${Object.entries(this.options).map((([e,t])=>"string"==typeof t?`${e}: "${t}"`:"object"==typeof t&&null!==t?"function"==typeof t.toCode?`${e}: ${t.toCode()[0]}`:`${e}: ${JSON.stringify(t,null,4)}`:`${e}: ${t}`)).join(",\n ")}\n})`]}margin(e){return this.el.style.margin=e,this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Checkbox=r},385:(e,t,s)=>{s.d(t,{z:()=>i});class i{constructor(){this.el=null,this.radioCount=0}set(e){this.options=e,console.log("ORARA"),console.log(this.options),this.radioCount=e.items.length;let t=document.createElement("div"),s=e.items;for(var i=0;i<s.length;i++){let r=document.createElement("label");s.font&&(r.style.font=s.font),s.color&&(r.style.color=s.color),s.exact&&(r.style.fontSize=s.exact);let n=document.createTextNode(s[i]);r.appendChild(n),r.setAttribute("for",s[i]);let a=document.createElement("input");a.setAttribute("type","radio"),a.setAttribute("id",`S${i}`),a.setAttribute("value",s[i].split(" ").join("")),a.style.appearance="none",a.style.width="20px",a.style.height="20px",a.style.border=this.options.tint?`2px solid ${this.options.tint}`:"2px solid #007BFF",a.style.borderRadius="50%",a.style.outline="none",a.style.cursor="pointer",a.style.transition="0.3s",this.options.font&&(r.style.fontFamily=this.options.font),e.multiple?a.setAttribute("name",s[i].split(" ").join("")):a.setAttribute("name",e.name),t.appendChild(a),t.appendChild(r),t.innerHTML+="</br>"}return this.el=t,this.responsive(),this}padding(e){return this.el.style.padding=e,this}getCheckedValues(){console.log("NOW");for(var e=[],t=0;t<this.radioCount;t++)if(document.querySelector(`#S${t}`).checked){let s=document.querySelector(`#S${t}`);console.log("VALUE IS "+s.value),e.push(s.value)}return e}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new RadioGroup().set(${e})`]}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.el.style.fontSize="1.7em"),this}render(e){if(!e){console.log("MULA");for(var t=0;t<this.el.children.length;t++){let e=this.el.children[t];"[object HTMLInputElement]"===e.toString()&&e.addEventListener("change",(()=>{if(e.checked){e.style.backgroundColor=this.options.tint?this.options.tint:"#007BFF",e.style.boxShadow=this.options.tint?`0 0 0 2px ${this.options.tint} inset`:"0 0 0 2px #0056b3 inset";for(let t=0;t<this.el.children.length;t++){const s=this.el.children[t];"INPUT"===s.tagName&&"radio"===s.type&&!1===this.options.multiple&&s!==e&&(s.style.backgroundColor="transparent",s.style.boxShadow="none")}}else e.style.backgroundColor="transparent",e.style.boxShadow="none"}))}return this.el}document.querySelector(e).appendChild(this.el)}}window.RadioGroup=i},418:(e,t,s)=>{s.d(t,{U:()=>r});var i=s(762);class r extends i.y{constructor(){super()}set(e){this.imageUrl=e.url;let t="";return this.createCard(),e.useBrightness&&(this.useBrightness=!0),e.useBrightness&&(t+=`\n useBrightness: ${this.useBrightness}`),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(t+=`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}", `))}], value: "${e.arrayMargin.value}"},`),e.inpad&&this.inpad(e.inpad),e.inpad&&(t+=`\n inpad: {${e.inpad}}`),e.font&&(this.res.style.fontFamily=e.font),e.inpad&&(t+=`\n font: ${e.font}`),this.addListeners(),this}inpad(e){return this.res.children[1].style.boxSizing="border-box",this.res.children[1].style.padding=e,this}items(e){for(var t=0;t<e.length;t++)this.res.children[1].appendChild(e[t].render());return this}createCard(){let e=document.createElement("div");e.style.display="grid",e.style.width="300px",e.style.height="400px",e.setAttribute("id","AAA");let t=document.createElement("div");t.style.gridArea="1/1",t.style.height="400px",t.style.borderRadius="15px",t.style.boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)",t.style.overflow="hidden";let s=document.createElement("div");s.style.width="100%",s.style.height="100%",s.style.transition="0.9s",s.style.backgroundImage=`url(${this.imageUrl})`,s.style.backgroundSize="cover",s.style.backgroundPostion="cover",s.style.backgroundRepeat="no-repeat",t.appendChild(s);let i=document.createElement("div");return i.style.gridArea="1/1",i.style.zIndex="1",e.appendChild(t),e.appendChild(i),this.res=e,this}addListeners(){let e=this.res.children[0].children[0];return this.res.onmouseover=()=>{e.style.transform="scale(1.3)",this.useBrightness&&(e.style.filter="brightness(31%)")},this.res.onmouseout=()=>{e.style.transform="scale(1.0)",this.useBrightness&&(e.style.filter="brightness(100%)")},this}render(e){if(!e)return this.res;this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(e).appendChild(this.res)}}},463:(e,t,s)=>{s.d(t,{h:()=>i});class i{constructor(e){if(this.hide=e,e){var t=document.createElement("div");t.style.flex="1",this.res=t}return e&&this.res.setAttribute("class","innerHider"),this}toCode(){return[`new Spacer(${this.hide})`]}render(){var e=document.createElement("h2");return e.style.display="none !important",this.res??e}}},588:(e,t,s)=>{s.d(t,{X:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.res=document.createElement("table")}add(e){this.data=e,this.datas=e;const t=Object.keys(e[0]);return this.generateTable(this.res,e),this.generateTableHead(this.res,t),this}style(e){return this.res.style.fontFamily=e.font,this}set(e){return e.cellPadding&&this.cellPadding(e.cellPadding),e.cellAlign&&this.cellAlign(e.cellAlign),e.style&&this.style(e.style),e.headStyle&&this.headStyle(e.headStyle),e.border&&this.border(e.border),e.center&&this.center(e.center),e.borderRadius&&this.borderRadius(e.borderRadius),this.obj=e,this}toCode(){let e=`new Table().add(${JSON.stringify(this.data)}).set(${JSON.stringify(this.obj)})`;return e=e.replace(/"(\w+)":/g,"$1:"),e=e.replace(/,/g,",\n"),[e]}center(){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this}borderRadius(e){this.res.style.borderCollapse="separate",this.res.style.borderSpacing=0,this.res.style.overflow="hidden";const t=this.res,s=Object.keys(this.datas[0]).length,i=this.datas.length+1;for(let r=0;r<s;r++)t.rows[0].cells[r].style.borderTop=2*e+"px solid black",t.rows[i-1].cells[r].style.borderBottom=2*e+"px solid black";for(let r=0;r<i;r++)t.rows[r].cells[0].style.borderLeft=2*e+"px solid black",t.rows[r].cells[s-1].style.borderRight=2*e+"px solid black";return t.rows[0].cells[0].style.borderTopLeftRadius="10px",t.rows[0].cells[s-1].style.borderTopRightRadius="10px",t.rows[i-1].cells[0].style.borderBottomLeftRadius="10px",t.rows[i-1].cells[s-1].style.borderBottomRightRadius="10px",this}cellPadding(e){for(let t of this.res.rows)for(let s of t.cells)s.style.padding=e;return this}cellAlign(e){for(let t of this.res.rows)for(let s of t.cells)s.style.textAlign=e;return this}headStyle(e){const t=this.res.rows[0];return t&&(t.style.color=e.color,e.background&&(t.style.backgroundColor=e.background)),this}border(e){this.res.style.borderCollapse="collapse";for(let t of this.res.rows){t.style.border=e;for(let s of t.cells)s.style.border=e}return this}generateTableHead(e,t){const s=e.createTHead().insertRow();for(let e of t){const t=document.createElement("th"),i=document.createTextNode(e);t.appendChild(i),s.appendChild(t)}}generateTable(e,t){for(let s of t){const t=e.insertRow();for(let e in s){const i=t.insertCell(),r=document.createTextNode(s[e]);i.appendChild(r)}}}render(e){if(!e){const e=document.createElement("div");return e.style.overflowX="auto",e.appendChild(this.res),e}{const t=document.createElement("div");t.style.overflowX="auto",t.appendChild(this.res),document.querySelector(e).appendChild(t)}}}},683:(e,t,s)=>{s.d(t,{Z:()=>i});class i{static cards(e,t,s){console.log("PP"),console.log(s);let i=[];for(var r=0;r<e.children.length;r++){let n=e.children[r];"text"===n&&this.insertTextToCard(i,t,e,s),"image"!==n||e.backgroundCard||i.push('\n new Image("https://upload.wikimedia.org/wikipedia/commons/3/3a/Starship_S20.jpg").set({})'),"link"===n&&(t.op?i.push(`\n ${s.tabSpace(6)} ${s.link[t.op.theme.toLowerCase()].code}`):i.push(`\n ${s.tabSpace(6)} ${s.link.base.code}`))}return i}static insertTextToCard(e,t,s,i){if(t.op)if(t.op.ops&&t.op.ops.includes("text-blast")){let r=`\n ${i.tabSpace(6)} ${i.text[t.op.theme.toLowerCase()].code}`,n=i.ops[t.op.theme.toLowerCase()].blast.code;s.backgroundCard||(n=i.ops[t.op.theme.toLowerCase()].blastFun(1));let a=this.insertTextBetween(r,n);e.push(a)}else e.push(`\n ${i.tabSpace(6)} ${i.text[t.op.theme.toLowerCase()].code}`);else e.push(`\n ${i.tabSpace(6)} ${i.text.base.code}`)}static insertTextBetween(e,t){let s=e.match(/(color: ".+?",)(.+?)(id: ".+?")/);if(s){let i=s.index+s[0].length,r=e.slice(0,i)+", "+t+", "+e.slice(i);return console.log("RETA"),console.log(r),r}return e}}},733:(e,t,s)=>{s.d(t,{A:()=>r});var i=s(207);class r{constructor(e,t){if(this.container=document.createElement("div"),this.elements=e,this.currentSlideIndex=0,this.buttons=t,!this.buttons){let e={leftButton:new i.$("L").set({url:"https://static-00.iconduck.com/assets.00/circle-arrow-left-icon-512x512-xp8okg5c.png",color:"#1abc9c",frame:{width:50,height:50},radius:"100%",arrayMargin:{sides:["all"],value:"1rem"}}),rightButton:new i.$("R").set({url:"https://static-00.iconduck.com/assets.00/arrow-right-circle-icon-2048x2048-m0qcnetg.png",color:"#1abc9c",frame:{width:50,height:50},radius:"100%",arrayMargin:{sides:["all"],value:"1rem"}})};this.buttons=e}this.createSlider(),this.init()}toCode(){let e=`new Slider([${this.elements.map((e=>e.toCode()))}], null)`;return e=e.replace(/,\s*\./g,"."),[e]}createSlider(){this.slider=document.createElement("div"),this.slider.style.width="100%",this.slider.style.height="400px",this.slider.style.margin="20px auto",this.slider.style.textAlign="center",this.slider.style.borderRadius="20px",this.slider.style.overflow="hidden",this.slider.style.position="relative";const e=document.createElement("div");this.slidesWrapper=e,e.style.display="flex",e.style.overflowX="scroll",e.style.scrollBehavior="smooth",e.style.scrollSnapType="x mandatory",this.elements.forEach(((t,s)=>{const i=document.createElement("div");i.setAttribute("class","slide"),i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.flexShrink="0",i.style.width="100%",i.style.height="400px",i.style.background=s%2==0?"rgb(250, 246, 212)":"white",i.style.transformOrigin="center center",i.style.transform="scale(1)",i.style.scrollSnapAlign="center",i.appendChild(t.render()),e.appendChild(i)})),this.arrowPrev=this.buttons.leftButton.render(),this.arrowPrev.style.position="absolute",this.arrowPrev.style.left="10px",this.arrowPrev.style.top="50%",this.arrowPrev.style.transform="translateY(-50%)",this.arrowPrev.style.zIndex="1",this.arrowNext=this.buttons.rightButton.render(),this.arrowNext.style.position="absolute",this.arrowNext.style.right="10px",this.arrowNext.style.top="50%",this.arrowNext.style.transform="translateY(-50%)",this.arrowNext.style.zIndex="1";const t=document.createElement("div");t.style.position="absolute",t.style.bottom="10%",t.style.left="50%",t.style.width="200px",t.style.transform="translateX(-50%)",t.style.textAlign="center",this.elements.forEach(((e,s)=>{const i=document.createElement("a");i.style.display="inline-block",i.style.height="15px",i.style.width="15px",i.style.borderRadius="50%",i.style.backgroundColor="black",i.style.margin="0 10px",i.style.cursor="pointer",i.dataset.index=s,t.appendChild(i)})),this.slider.appendChild(this.arrowPrev),this.slider.appendChild(this.arrowNext),this.slider.appendChild(e),this.slider.appendChild(t),this.container.appendChild(this.slider),this.slidesWrapper=e,this.navLinks=t.querySelectorAll("a")}init(){this.updateActiveSlide(),this.attachEventListeners()}attachEventListeners(){this.arrowPrev.addEventListener("click",(()=>{this.moveToSlide(this.currentSlideIndex-1<0?this.elements.length-1:this.currentSlideIndex-1)})),this.arrowNext.addEventListener("click",(()=>{this.moveToSlide((this.currentSlideIndex+1)%this.elements.length)})),this.navLinks.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const s=parseInt(e.dataset.index,10);this.moveToSlide(s)}))})),document.addEventListener("keydown",(e=>{"ArrowLeft"===e.key?this.moveToSlide(this.currentSlideIndex-1<0?this.elements.length-1:this.currentSlideIndex-1):"ArrowRight"===e.key&&this.moveToSlide((this.currentSlideIndex+1)%this.elements.length)}))}moveToSlide(e){this.currentSlideIndex=e,this.updateActiveSlide()}updateActiveSlide(){this.navLinks.forEach(((e,t)=>{e.style.backgroundColor=t===this.currentSlideIndex?"green":"gray"}));const e=this.slidesWrapper.querySelector(".slide").offsetWidth;this.slidesWrapper.scrollTo({left:this.currentSlideIndex*e,behavior:"smooth"})}render(e){if(!e)return this.slider;document.querySelector(e).appendChild(this.slider)}}},734:(e,t,s)=>{s.d(t,{m:()=>r});var i=s(762);s(16);class r extends i.y{constructor(){super()}removeQuotesFromBoth(e){if(e)return e.replace(/"([^"]+)":\s*"([^"]+)"/g,"$1: $2")}removeQuotesFromFirstWord(e){if(e)return e.replace(/"([^"]+)":/g,"$1:")}toCode(){console.warn(this.items);let e=this.items.map((e=>e.toCode())).flatMap((e=>e));console.log("BAD CONV"),console.log(this.removeQuotesFromFirstWord(JSON.stringify(this.obj,null,4)));let t=this.removeQuotesFromFirstWord(JSON.stringify(this.obj));return console.log(t),console.log("REPL"),console.log(t),`new MobileBar().set({\nbackground: "${this.obj.background}",\nbrand: ${this.obj.brand.toCode()},\nmar: ${JSON.stringify(this.obj.mar)},\npad: ${JSON.stringify(this.obj.mar)},\nradius: ${JSON.stringify(this.obj.radius)},\n}).add([\n ${e.join(",")}\n\n ])`}set(e){return this.obj=e,console.log("After passing to set:"),console.log("OBJ IN SET"),this.obj=e,this.makeNavbar(e),e.mar&&super.mar(e.mar),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.radius&&(this.res.style.borderRadius=e.radius),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),this.setStyles(e),this}makeNavbar(e){console.log("OBJ IN SETA");const t=e.brand;this.navbar=document.createElement("nav"),this.navbar.classList.add("mobile-navbar"),this.navbarHeader=document.createElement("div"),this.navbarHeader.classList.add("navbar-header"),this.brand=document.createElement("div"),this.brand.classList.add("navbar-brand"),console.log("BRIS"),console.log("APPENDED-"),e.brand&&"function"==typeof t.render?(console.log("Appending brand:",t.render()),this.brand.appendChild(t.render())):console.warn("Brand does not have a valid render method:",e.brand),this.toggleButton=document.createElement("button"),this.toggleButton.classList.add("navbar-toggle"),this.toggleButton.innerHTML="&#9776;",this.navContent=document.createElement("div"),this.navContent.classList.add("navbar-content"),this.navbarHeader.appendChild(this.brand),this.navbarHeader.appendChild(this.toggleButton),this.navbar.appendChild(this.navbarHeader),this.navbar.appendChild(this.navContent),this.isMobileNavOpen=!1,this.toggleButton.addEventListener("click",(()=>{this.toggleMobileNav()})),this.res=this.navbar}setStyles(e){this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor=e.background??"orange",this.navbarHeader.style.display="flex",this.navbarHeader.style.alignItems="center",this.navbarHeader.style.justifyContent="space-between",this.navbarHeader.style.width="100%",this.brand.style.fontSize="1.5rem",this.toggleButton.style.background="none",this.toggleButton.style.border="none",this.toggleButton.style.color=this.hamburgerColour??"white",this.toggleButton.style.fontSize="1.5rem",this.toggleButton.style.cursor="pointer",this.navContent.style.display="none"}add(e){console.log(e),this.items=e;for(var t=0;t<e.length;t++){let s=e[t];this.navContent.appendChild(s.render())}return this}toggleMobileNav(){this.isMobileNavOpen=!this.isMobileNavOpen,this.navContent.style.display=this.isMobileNavOpen?"flex":"none",this.isMobileNavOpen?(this.navContent.style.flexDirection="column",this.navContent.style.gap="0.5rem",this.navContent.style.padding="1rem"):(this.navContent.style.flexDirection="",this.navContent.style.gap="",this.navContent.style.backgroundColor="",this.navContent.style.padding="")}render(e){return e&&document.querySelector(e).appendChild(this.navbar),this.navbar}}},751:(e,t,s)=>{s.d(t,{Q:()=>i});class i{constructor(e){this.el=null,this.minLabel=null,this.maxLabel=null,this.currentLabel=null}padding(e){return this.el.style.padding=e,this}toCode(){return[`new Range().set(${JSON.stringify(this.options,null,4)})`]}set(e){this.options=e;let t=document.createElement("input");if(t.setAttribute("id","slider"),t.setAttribute("type","range"),t.setAttribute("min",e.min),t.setAttribute("max",e.max),t.setAttribute("value",e.min),t.style.width=e.width??"100%",!e.plain){t.style.setProperty("-webkit-appearance","none"),t.style.appearance="none",t.style.height="9px",t.style.background=e.style.trackColor??"orange",t.style.borderRadius="5px";const s=`\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ${e.style.thumbColor??"4CAF50"};\n cursor: pointer;\n }\n `,i=document.createElement("style");i.appendChild(document.createTextNode(s)),document.head.appendChild(i)}let s=document.createElement("div");s.style.display="flex",s.style.flexDirection="column",s.style.alignItems="center",s.style.width="100%";let i=document.createElement("div");if(i.style.display="flex",i.style.justifyContent="space-between",i.style.width=e.width??"100%",this.minLabel=document.createElement("span"),this.minLabel.textContent=e.min,this.maxLabel=document.createElement("span"),this.maxLabel.textContent=e.max,this.currentLabel=document.createElement("span"),this.currentLabel.textContent=t.value,e.font&&(this.currentLabel.style.fontFamily=e.font),e.font&&(this.minLabel.style.fontFamily=e.font),e.font&&(this.maxLabel.style.fontFamily=e.font),e.plain||(i.appendChild(this.minLabel),i.appendChild(this.currentLabel),i.appendChild(this.maxLabel)),t.addEventListener("input",(()=>{this.currentLabel.textContent=t.value})),window.matchMedia("(max-device-width: 415px)").matches)if(e.plain)t.style.width="80%";else{t.style.height="20px",t.style.background=e.style.trackColor??"1abc9C",t.style.borderRadius="10px",t.style.fontSize="3rem",t.style.width="80%";const s=`\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ${e.style.thumbColor??"blue"};\n cursor: pointer;\n }\n `,i=document.createElement("style");i.appendChild(document.createTextNode(s)),document.head.appendChild(i)}return s.appendChild(i),s.appendChild(t),this.el=s,this}value(){return this.el.querySelector("#slider").value}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Range=i},758:(e,t,s)=>{s.d(t,{A:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.text=e,this.res=null,this.valid=!1,this.setup()}setup(){let e=document.createElement("input");return this.res=e,this.res.style.padding=0,this.res.style.margin=0,this.res.style.padding=".4rem .75rem",this.res.style.fontSize="1rem",window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}set(e){return this.options=e,this.res.setAttribute("type",e.type??"text"),e.placeholder&&(this.res.placeholder=e.placeholder),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),e.includes("all")&&(this.res.style.padding=t),this}toCode(){return[`new TextField().set(${JSON.stringify(this.options,null,4)})`]}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),this}setValid(e,t){return this.res.style.border=e?"6px solid green":"6px solid red",0===t.length&&(this.res.style.border="none"),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="3rem":this.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}listen(e){return this.res.addEventListener("input",(e=>this.process(e))),this}value(e){return this.res.setAttribute("value",e),this}password(){return this.res.setAttribute("type","password"),this}number(){return this.res.setAttribute("type","number"),this}week(){return this.res.setAttribute("type","week"),this}process(e){return this.res.value}font(e){return this.res.style.fontFamily=e,this}size(e){return this.res.style.fontSize=e,this}em(e){return this.res.style.fontSize=`${e}em`,this}color(e){return this.res.style.color=e,this}weight(e){return this.res.style.fontWeight=e,this}bold(){return this.res.style.fontWeight="bold",this}italic(){return this.res.style.fontStyle="italic",this}padding(e,t,s,i){return e?this.res.style.padding=`${e}px`:e&&t&&s&&i&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=`${i}px`),this}margin(e,t,s,i){return this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginLeft=s,this.res.style.marginBottom=`${i}px`,this}placeholder(e){return this.res.setAttribute("placeholder",e),this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}width(e){return this.res.style.width=e,this}round(e){return this.res.style.borderRadius=`${e}px`,this}onChange(e){return this.res.value,this.res.addEventListener("input",(t=>{e(this.res.value)})),this}render(e){return e?(document.querySelector(e).appendChild(this.res),this.res):this.res}}},762:(e,t,s)=>{s.d(t,{y:()=>i});class i{constructor(){this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}}keySet(e){return this.temporaryVal=1,this.res.style[e.key]=e.value,this}onScroll(e){"opacity"===e.value?this.res.style.opacity=e.valMin:"scale"===e.value&&(this.res.style.transform=`scale(${e.valMax})`),window.addEventListener("scroll",(()=>{let t=this.smartRange(window.scrollY,{min:e.from,max:e.to},{min:e.valMin,max:e.valMax});"opacity"===e.value?this.res.style.opacity=t:"scale"===e.value&&(this.res.style.transform=`scale(${t})`)}))}setAny(e){this[Object.keys(e)[0]]=[Object.values(e)[0]]}setID(e){this.id=e}setPrevText(e){this.prevText=e}getCSS(){return this.css}getPX(e){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[e]||"Invalid breakpoint"}respad(e){const t=()=>{this.pad(e[0].values);for(let t=0;t<e.length;t++){let s=e[t].breakpoint;window.matchMedia(`(min-width: ${this.getPX(s)}`).matches&&this.pad(e[t].values)}};window.addEventListener("resize",t),t()}resmar(e){const t=()=>{this.mar(e[0].values);for(let t=0;t<e.length;t++){let s=e[t].breakpoint;window.matchMedia(`(max-width: ${this.getPX(s)}`).matches&&this.mar(e[t].values)}};window.addEventListener("resize",t),t()}resprop(e){this.prevBackground=this.res.style.background,this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.prevBorder=this.res.style.border;const t=()=>{this.res.style.background=this.prevBackground,this.res.style.width=this.prevWidth,this.res.style.height=this.prevHeight,this.res.style.border=this.prevBorder;for(let t=0;t<e.length;t++){let s=e[t].breakpoint;if(window.matchMedia(`(max-width: ${this.getPX(s)}`).matches){const s={};for(const i in e[t])"breakpoint"!==i&&(s[i]=e[t][i]);this.set(s)}}};window.addEventListener("resize",t),t()}isNumber(e){return"number"==typeof e&&!isNaN(e)}pad(e){for(let t=0;t<e.length;t++){let s=Object.keys(e[t]);for(let i=0;i<s.length;i++){let r=s[i],n=e[t][r];for(let e=0;e<r.length;e++)switch(r[e]){case"a":this.res.style.padding=this.isNumber(n)?`${n}px`:n;break;case"t":this.res.style.paddingTop=this.isNumber(n)?`${n}px`:n;break;case"l":this.res.style.paddingLeft=this.isNumber(n)?`${n}px`:n;break;case"r":this.res.style.paddingRight=this.isNumber(n)?`${n}px`:n;break;case"b":this.res.style.paddingBottom=this.isNumber(n)?`${n}px`:n}}}return this}as(e){return this.res.style.alignSelf=e,this}mar(e){for(let t=0;t<e.length;t++){let s=Object.keys(e[t]);for(let i=0;i<s.length;i++){let r=s[i],n=e[t][r];for(let e=0;e<r.length;e++){switch(r[e]){case"a":this.res.style.margin=this.isNumber(n)?`${n}px`:n;break;case"t":this.res.style.marginTop=this.isNumber(n)?`${n}px`:n;break;case"l":this.res.style.marginLeft=this.isNumber(n)?`${n}px`:n;break;case"r":this.res.style.marginRight=this.isNumber(n)?`${n}px`:n;break;case"b":this.res.style.marginBottom=this.isNumber(n)?`${n}px`:n}"auto"===r[e]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}}}return this}smartRange(e,t,s){e<t.min&&(e=t.min),e>t.max&&(e=t.max);let i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));let r=(s.min-s.max)*i-s.min;if(r=Math.abs(r),s.min<s.max){let e=(s.max+Math.abs(s.min))*i;r=s.min+e}return r}gpos(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}fluidCopy(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setIndex(e){this.index=e}borderObj(e){let t=e.type??"solid";return this.res.style.border=`${e.width} ${t} ${e.color}`,this.res.style.borderRadius=e.radius,this}protoReact(e,t){e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const n of e){this.counterIndex++;const[e,a]=n.range,o=parseInt(e),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=o&&s<=l&&h&&("gradient"===n.log&&(i+="gradient"),"blast"===n.log&&(i+="blast"),"animation"===n.log&&(i+="animation"),"shadow"===n.log&&(i+="shadow"),"span"===n.log&&(i+="span"),"filter"===n.log&&(i+="filter"),"background"===n.log&&(i+="background"))}this.res.style.margin="";let n=this.res.style.color;for(e.map((e=>e.log)).filter((e=>null!=e)).includes("gradient")&&(this.res.style.WebkitBackgroundClip="",this.res.style.background=""),this.res.style["-webkit-text-stroke"]="",this.res.style.filter="",this.res.style.textShadow="",this.res.style.border="";this.res.firstChild;)this.res.removeChild(this.res.firstChild);if(this.res.textContent=this.text,""===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.color=n),"blast"===i){for(r=0;r<e.length;r++){const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}for(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke"]=this.globalBlast,r=0;r<e.length;r++){const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}}if("gradient"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style.border="1px solid orange"),"background"===i&&(this.res.style.background="orange"),"gradientblast"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style["-webkit-text-stroke"]=this.globalBlast),"gradientanimation"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===i&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["-webkit-background-clip"]="text",this.res.style.textShadow=this.globalShadow),"animationshadow"===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow=this.globalShadow),"shadow"===i&&(this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow=this.globalShadow),"span"===i&&this.options.span){let e;for(e=Array.isArray(this.options.span)?this.options.span.filter((e=>"span"===e.op.name))[0]:this.options.span,this.res.textContent="",r=0;r<e.op.parts.length;r++){let t=e.op.parts[r].style,s=new Text(e.op.parts[r].text).setup({type:"span"}).set(t).render();this.res.appendChild(s)}}if("filter"===i){let e=this.options.filtera.op.filter;this.res.style.filter=e,this.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}setPref(e){this.preffersId=e}setClass(e){this.class=e}betaReact(e,t){this.ap=!1,this.cta=0,this.once=!1,e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.resCopy=this.res,this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const n of e){this.counterIndex++;const[e,a]=n.range,o=parseInt(e),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=o&&s<=l&&h&&("blast"===n.log&&(i+="blast"),"shadow"===n.log&&(i+="shadow"),"background"===n.log&&(i+="background"),"gradient"===n.log&&(i+="gradient"),"spana"===n.log&&(i+="spana"),"layout"===n.log&&(i+="layout"),"margin"===n.log&&(i+="margin"),n.op&&n.op.margin&&(this.useMargin=n.op.margin))}if(this.res.style.background="",this.res.style.backgroundColor="",this.res.style.textShadow="",this.res.style.border="",this.res.style.margin="",this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-stroke-width"]="","background"===i&&(this.res.style.backgroundColor="green"),"margin"===i)for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}if("blastbackgroundmargin"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}this.res.style.backgroundColor="green","FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}this.res.style.backgroundColor="green",this.useMargin?this.res.style.margin="1rem":this.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===i&&(this.res.style.alignSelf="start",this.res.style.border="1px solid purple"),"blast"===i){for(r=0;r<e.length;r++){if(!e[r].op)continue;const t=e[r].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}"FlexRowLayoutElement"===this.getType()?this.res.style.border="1px solid orange":(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-background-clip"]="text",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===i&&(this.res.style.border="1px solid yellow",this.res.style["-webkit-text-stroke-color"]="orange",this.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===i&&(this.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===this.getType()||(this.res.children[0]&&this.res.removeChild(this.res.children[0]),this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-background-clip"]="text",this.res.textContent=this.text)),"shadow"===i&&("FlexRowLayoutElement"===this.getType()||(this.res.children[0]&&this.res.removeChild(this.res.children[0]),this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-fill-color"]="",this.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",this.res.textContent=this.text))};window.addEventListener("resize",s),s()}cssGen(e,t,s,i){return this.css=[""],[""]}chainReact(e,t,s){this.cssGen(e,t,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;for(let t of e)t.range||(t.range=["0px","999999px"]);e.sort(((e,t)=>parseInt(e.range[0])-parseInt(t.range[0])));const i=()=>{const i=window.visualViewport.width;let r=[],n=[];this.resCopy=this.res,this.storedQueries=e.map((e=>e.target)).filter((e=>null!=e));for(const s of e){this.counterIndex++;const[e,o]=s.range,l=parseInt(e),h=parseInt(o);let d=!0;if(s.target){d=!1;for(var a=0;a<s.target.length;a++)s.target[a]===t&&(d=!0)}i>=l&&i<=h&&d&&(r.push(s.log),n.push(s),s.op&&s.op.margin&&(this.useMargin=s.op.margin))}if(s&&!s.includes("background")&&(this.res.style.background="",this.res.style.backgroundColor=""),this.res.style.textShadow="",s&&!s.includes("border")&&(this.res.style.border=""),s&&!s.includes("margin")&&(this.res.style.margin=""),this.res.style["-webkit-text-fill-color"]="",this.res.style["-webkit-text-stroke-color"]="",this.res.style["-webkit-text-stroke-width"]="",this.res.style.filter="",(r.includes("gradient")||r.includes("shadow"))&&(this.res.style.position="relative",this.res.style.zIndex=-1),r.includes("blast")){let e=n.filter((e=>"blast"===e.log))[0].op.color,t=n.filter((e=>"blast"===e.log))[0].op.width??"1px";"FlexRowLayoutElement"===this.getType()?this.res.style.border=`${t}px solid orange`:(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]=e,this.res.style["-webkit-text-stroke-width"]=`${t}`)}if(r.includes("filter")){let e=n.filter((e=>"filter"===e.log))[0].op.filter;this.res.style.filter=e}if(r.includes("background")&&(this.res.style.backgroundColor="green"),r.includes("gradient")&&(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style.background=this.globalGradient,this.res.style["background-clip"]="text"),r.includes("shadow"))if("FlexRowLayoutElement"===this.getType());else{let e="",t=0;for(a=0;a<this.options.shadow.op.steps;a++)t+=3,e+=`drop-shadow(${t}px ${t}px ${t}px gray) `;this.res.style.filter=e}if(r.includes("margin"))for(a=0;a<e.length;a++){if(!e[a].op)continue;const t=e[a].op.offsets;t&&void 0!==this.index&&(this.res.style.margin=t[Number(this.index)]+"px")}if(r.includes("animation")){if(this.options.animation&&!this.hasAnimated&&!this.options.animation.op.fireAt){this.hasAnimated=!0;let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"}),this.res.animate(e.keyframesOpen,e.openOptions)}if(this.options.animation&&this.options.animation.op.fireAt&&this.options.animation.op.fireAt.endsWith("px")){let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"});const t=()=>{window.scrollY>parseFloat(e.fireAt)&&(this.res.animate(e.keyframesOpen,e.openOptions),window.removeEventListener("scroll",t))};window.addEventListener("scroll",t)}if(this.options.animation&&this.options.animation.op.fireAt&&"inview"===this.options.animation.op.fireAt){let e=this.options.animation.op;this.res.animate(e.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver(((t,s)=>{t.forEach((t=>{t.isIntersecting&&(this.res.animate(e.keyframesOpen,e.openOptions),s.disconnect())}))})).observe(this.res)}}};window.addEventListener("resize",i),i()}reactOnTransform=e=>{if(e.transform||e.op&&e.op.transform){let t=e.transform;e.transform||(t=e.op.transform),t.duration||(t.duration="3s-ease-in-out"),this.setDefault=(e,t="0px")=>0===e.length?t+" ":e;const s=e=>{const t=e.match(/rotate\(([^)]+)\)/);if(!t)return e;const s=t[1].split(",").map((e=>e.trim()));return 1===s.length?`rotate(${s[0]})`:2===s.length?`rotateX(${s[0]}) rotateY(${s[1]})`:3===s.length?`rotateX(${s[0]}) rotateY(${s[1]}) rotate(${s[2]})`:e},i=()=>{let i="",r="",n="",a="",o="",l="",h="",d="",c="";if(0===t.values.length)return;t.values.forEach((e=>{e.startsWith("tx:")&&(i=e.replace("tx:","")),e.startsWith("ty:")&&(r=e.replace("ty:","")),e.startsWith("tz:")?n=e.replace("tz:",""):e.startsWith("scale(")?a=e:e.startsWith("skew(")?o=e:e.startsWith("rotate(")?l=s(e):e.startsWith("perspective(")?h=e:e.startsWith("matrix(")?d=e:e.startsWith("opacity:")&&(c=e.replace("opacity:",""))})),i=this.setDefault(i),r=this.setDefault(r),n=this.setDefault(n);let p="";if("0px"!=r&&"0px"!=i&&"0px"!=n?p+=`translate3d(${i}, ${r}, ${n})`:"0px"==r&&"0px"==i||(p+=`translate(${i}, ${r})`),a&&(p+=` ${a}`),l&&(p+=` ${l}`),o&&(p+=` ${o}`),h&&(p+=` ${h}`),d&&(p+=` ${d}`),p){if(e.op.transform.duration){let t=e.op.transform.duration.replace(/^(\d+)(s)-/,((e,t,s)=>t/2+s+" ")),s=`transform ${t}, opacity ${t}`;this.res.style.transition=s}else this.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";this.res.style.transform=p,this.res.style.opacity=c}};t.on?this.res.addEventListener(t.on,(()=>{t.delay?setTimeout((()=>{i()}),t.delay):i()})):window.addEventListener("load",(()=>{t.delay?setTimeout((()=>{i()}),t.delay):i()}));const r=()=>{let e="";t.values.forEach((t=>{t.startsWith("tx:")?e+="translateX(0) ":t.startsWith("ty:")?e+="translateY(0) ":t.startsWith("tz:")?e+="translateZ(0) ":t.startsWith("scale(")?e+="scale(1) ":t.startsWith("skew(")?e+="skew(0, 0) ":t.startsWith("rotate(")?e+="rotate(0) ":t.startsWith("perspective(")?e+="perspective(0) ":t.startsWith("matrix(")&&(e+="matrix(1, 0, 0, 1, 0, 0) "),this.res.style.opacity="1"})),e&&(this.res.style.transform=e.trim())};if(t.on)this.res.addEventListener("mouseout",(()=>{t.keep||r()}));else{let e=1e3*parseFloat(t.duration),s=t.closeAfter?t.closeAfter:0;setTimeout((()=>{t.keep||r()}),e/2+s)}}};maxWidth(e){return this.res.style.maxWidth=e,this}removeQuotesFromFirstWord(e){return e.replace(/"([^"]+)":/g,"$1:")}arrayMargin(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}navBarExpand(){return this.res.style.backgroundColor="green",this.res.animate([{transform:"scaleY(3.0)"}],{duration:2e3,iterations:1,fill:"both"}),this}scrollFade(e,t){return this.res.style.visibility="hidden",this.faden(e,t,"scroll"),this}expand(e){return!1===this.state.isExpanded?"click"===e.on?this.res.addEventListener("click",(()=>{this.innerExpand(e)})):this.innerExpand(e):this.innerExpandBack(e),this.state.isExpanded=!this.state.isExpanded,this}move(e){return"click"===e.on?this.res.addEventListener("click",(()=>{this.moveUpa(e)})):("up"===e.direction&&this.moveUpa(e),"down"===e.direction&&this.moveDowna(e),this.state.isMovedUp=!this.state.isMovedUp,"left"===e.direction&&this.moveLeft(e)),this}moveLeft(e){return this.res.animate([{transform:"translateX(0px)"},{transform:`translateX(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveUpa(e){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveDowna(e){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${e.distance})`}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}moveUpaBack(e){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}innerExpandBack(e){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"})}innerExpand(e){return this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.res.animate([{width:this.prevWidth,height:this.prevHeight},{width:e.width??this.prevWidth,height:e.height??this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"}),this}fade(e){return this.res.style.visibility="hidden",this.faden(e.duration,e.from,"load"),e.finalOpacity&&(this.finalOpacity=e.finalOpacity),this}faden(e,t,s){return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(s,(()=>{this.res.style.visibility="visible";var i=window.innerHeight;(this.res.getBoundingClientRect().top-i<=0||"load"==s)&&0==this.scrolled&&("left"==t&&this.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"right"==t&&this.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"top"==t&&this.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),"bottom"==t&&this.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),this.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:e,iterations:1}),this.scrolled=!0)})),this}}},790:(e,t,s)=>{s.d(t,{f:()=>r});var i=s(762);class r extends i.y{constructor(){super()}setup(e){return this.obj=e,this.animate=void 0===this.obj.animate||this.obj.animate,this.res=this.createSideNav(e),this.res.style.position="relative",this.res.style.zIndex=3,this.closed=!0,this}toggleSideNav(e){this.closed=!this.closed;let t=this.res.children[0];if(this.closed)if(t.style.overflowX="hidden",e.style.opacity=1,this.animate){t.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],{duration:300,fill:"forwards"});let e=-1;for(let s of t.children)if(e+=1,this.masterEL[e])for(let t of s.children){let s=this.masterEL[e].options.animation;s&&this.mappedIDS.includes(t.id)&&t.animate(s.op.keyframesClose,s.op.closeOptions)}}else t.style.display="none";else{t.style.overflowX="none",t.children[1].style.border="1px solid orange";let s=-1;for(let e of t.children){s+=1;for(let t of e.children)if(this.mappedIDS.includes(t.id)&&void 0!==this.masterEL[0]){let e=this.masterEL[s].options.animation;if(e){console.log("OPEN KEYFRAMES"),console.log(e.op.keyframesOpen);let s=e.op.openOptions;s.delay||(s.delay=1),s.duration||(s.duration=300),console.log(s),t.animate(e.op.keyframesOpen,s)}}}e.style.opacity=0,this.animate?(t.style.display="flex",t.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],{duration:300,fill:"forwards"})):t.style.display="flex"}}createToggleButton(e){const t=document.createElement("button");return t.innerText="☰",t.style.padding="10px 20px",t.style.backgroundColor="transparent",t.style.color=e??"#3498db",t.style.border="none",t.style.borderRadius="5px",t.style.cursor="pointer",t.style.zIndex=1,t.style.fontSize="1.6rem",t}createCloseButton(e){const t=document.createElement("button");return t.innerText="×",t.style.fontSize="1.6rem",t.style.padding="10px 20px",t.style.backgroundColor="transparent",t.style.color=e??"black",t.style.border="none",t.style.borderRadius="5px",t.style.cursor="pointer",t.style.zIndex=1,t.style.alignSelf="flex-end",t}createSideNav(e){const t=document.createElement("div");t.style.display="flex",t.style.justifyContent="flex-end";const s=document.createElement("div");s.style.display="none",s.style.background=this.obj.background||"#1abc9c",s.style.height="100%",window.matchMedia("(max-device-width: 415px)").matches?s.style.width="100%":s.style.width=this.obj.width||"400px",s.style.position="fixed",s.style.right=0,this.animate&&(s.style.transform="translateX(100%)"),s.style.flexDirection="column",s.style.justifyContent="flex-start";const i=this.createToggleButton(this.obj.hamColour.opened),r=this.createCloseButton(this.obj.hamColour.closed);return i.addEventListener("click",(()=>this.toggleSideNav(i))),r.addEventListener("click",(()=>this.toggleSideNav(i))),s.appendChild(r),t.appendChild(s),t.appendChild(i),t}items(e){this.masterEL=e.items.filter((e=>void 0!==e.link)),console.log("EXTRACT IDs"),console.log(e);let t=e.items.filter((e=>void 0===e.items)).map((e=>e.id));if(this.mappedIDS=t,this.item=e,this.res.children[0].appendChild(e.render()),void 0!==this.masterEL[0]){console.log("ANNAX"),console.log(this.masterEL[0]);let e=this.masterEL[0].options.animation;if(e)for(let t of this.res.children[0].children)for(let s of t.children)if(this.mappedIDS.includes(s.id)){let t=e.op.closeOptions;t.delay=0,console.log("ANNAX"),console.log("SETTING INITIAL STATE ZEROING THE DELAY"),console.log(e.op.keyframesClose),console.log(t),s.animate(e.op.keyframesClose,e.op.closeOptions)}}return this}toCode(){let e=`new SideNav().setup(${this.formatObj(this.obj)})`;if(this.item){let t=this.item.toCode?this.item.toCode().join(""):this.formatObj(this.item);t=t.replace(/,\s*(\.set\(|\.add\()/g,"\n $1"),e+=`.items(${t})`}return e}formatObj(e){return JSON.stringify(e,null,2).replace(/"(\w+)"\s*:/g,"$1:")}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}},807:(e,t,s)=>{s.d(t,{I:()=>A});var r=s(16),n=s(130),a=s(219),o=s(946),l=(s(155),s(828)),h=s(734),d=s(897),c=s(69),p=s(304),u=s(790),m=s(463),y=s(148),g=(s(751),s(385)),w=s(898),f=s(877);s(216);class b{constructor(e="",t="POST"){this.action=e,this.method=t,this.elements=[],this.formElement=document.createElement("form"),this.formElement.action=this.action,this.formElement.method=this.method}add(e){return this.elements=e,console.log("CODEA"),console.log(this.elements),console.log(this.elements.length),e.forEach((e=>{if(!e||"function"!=typeof e.render)throw new Error("Each element in the array must have a render method that returns an HTML DOM element.");this.formElement.appendChild(e.render())})),console.log(this.elements),this}toCode(){let e=this.elements.map((e=>e.toCode())),t=Object.entries(this.obj).map((([e,t])=>`${e}: ${"string"==typeof t?`"${t}"`:t}`)).join(", ");return console.log("FORM DQ"),console.log(e),[`new Form().set({${t}}).add([ \n ${e.join(", \n")}])`]}set(e){return this.obj=e,e.action&&this.setAction(e.action),e.method&&this.setMethod(e.method),this}setAction(e){this.action=e,this.formElement.action=this.action}setMethod(e){this.method=e,this.formElement.method=this.method}render(e){return e&&document.querySelector(e).appendChild(this.formElement),this.formElement}}var x=s(207),v=s(733),_=s(959),k=s(836),C=(s(588),s(26),s(317)),S=s(342),E=s(11),$=s(985),T=s(683);class A{static mapType(e){return["h1","h2","h3","h4","h5","h6"].includes(e.el.type)?this.mapText(e):"img"===e.el.type?this.mapImage(e):"a"===e.el.type?this.mapLink(e):"cards"===e.el.type?this.mapGrid(e):"free"===e.el.type?this.mapFree(e):"nav"===e.el.type?this.protoNav(e):"sideNav"===e.el.type?this.sideNav(e):"row"===e.el.type?this.row(e):"dropdown"===e.el.type?this.dropdown(e):"modal"===e.el.type?this.modal(e):"slider"===e.el.type?this.slider(e):"table"===e.el.type?this.table(e):"radio"===e.el.type?this.radio(e):"input"===e.el.type?this.input(e):"labelInput"===e.el.type?this.floatInput(e):"filePicker"===e.el.type?this.filePicker(e):"picker"===e.el.type?this.picker(e):"video"===e.el.type?this.video(e):"audio"===e.el.type?this.audio(e):"multiswitcher"===e.el.type?this.multiswitcher(e):"button"===e.el.type?this.button(e):"form"===e.el.type?this.form(e):"checkbox"===e.el.type?this.checkbox(e):"stack"===e.el.type?this.stack(e):"simple"===e.el.type?this.simple(e):void 0}static button(){return new x.$("Submit").set({fluidc:"S6",color:"white",background:"#1abc9c",arrpad:{sides:["all"],value:".3rem"},radius:".3rem",onTap:()=>{alert("Nice")},keySet:{key:"border",value:"3px solid green"}})}static multiswitcher(){return(new d.i).set({breakpoints:[{at:"0px",view:new r.E("First").set({})},{at:"700px",view:new r.E("Nice").set({})},{at:"800px",view:new r.E("Best").set({})}]})}static video(){return new k.C("https://www.w3schools.com/html/mov_bbb.mp4").set({})}static audio(){return new _.f("rouska.mp3").set({background:"#1abc9c"})}static radio(e){return(new g.z).set({items:["Male","Female","Third shit"],multiple:!0})}static input(e){return(new TextField).set({type:"text",placeholder:"Enter swimming time",arrayMargin:{sides:["all"],value:"1rem"}})}static floatInput(e){return(new y.l).set({title:"Your name",type:"input"})}static filePicker(e){return(new f.I).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}static picker(e){return(new w.L).set({items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},rounded:!0})}static modal(e){}static slider(e){let t=[(new p.m).set({}).add([new r.E("One").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("First time").set({font:"Arial"})]),new r.E("Two").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("Three").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new r.E("Four").set({fluidc:"S1",color:"#1abc9c",font:"Arial"})];return new v.A(t,null)}static dropdown(e){e.el.items||(e.el.items=["Flower","Car","Maseratti"]);let t=e.el.items.map((e=>(new a.N).set({pad:[{a:10}],font:"Arial",bold:!0,link:"https://www.apple.com",text:e,icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"},hover:{color:"wheat",animation:.3}})));return(new c.m).set({behaviour:"mouseover",pad:[{a:"1rem"}],mar:[{a:"1rem"}],border:"1px solid black",width:"180px",radius:"1rem"}).add([new r.E(e.el.items[0]).set({font:"Arial",fluidc:"S6",weight:"bold",align:"center",cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},pad:[{l:10,r:10}]}),(new p.m).set({border:"1px solid green",background:"#1abc9c",radius:"0.7rem",socenter:!0}).add(t.slice(1))])}static row(e){return e.customOptions,(new o.Y).set({borderObj:{width:"3px",color:"orange"},colat:"600px"}).items([new r.E("Firsta").set({border:"3px solid green",width:"100%"}),new r.E("Second").set({border:"3px solid green",width:"100%"}),new r.E("Third").set({border:"3px solid green",width:"100%"})])}static protoNav(e){e.customOptions;let t=[{title:"Fire",link:"@e"},{title:"and",link:"@e"},{title:"smoke",link:"@e"}],s=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S6",text:e.title,link:e.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3}}))),i=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S6",text:e.title,link:e.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3},animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:`translate(100%, ${10*t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*t}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));if(e.el.dropdown){const e=(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:20,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Second",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}}),(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Third",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}})])]);i.push(e),s.push(e)}return e.el.animation,(new d.i).set({breakpoints:[{at:"0px",view:(new h.m).set({background:"green",mar:[{a:21}],brand:new r.E("A").set({size:"S1"}),hamburgerColour:"#3498db",radius:"1rem"}).add([new a.N("A").set({text:"A",url:"#a"}),(new c.m).set({behaviour:"mouseover",pad:[{a:40}],mar:[{lr:"auto"}],breakpoint:"1200px",padding:"10px",border:"1px solid black",height:"auto"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r.E("Firsti").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r.E("Firstiuu").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})]),new a.N("B").set({text:"B",url:"#b"}),new a.N("C").set({text:"C",url:"https://www.abcnews.com"})])},{at:"1200px",view:(new l.C).set({background:"green",mar:[{a:21}],maxHeight:"100px",radius:"1rem"}).add([new r.E("A").set({size:"S1"}),new m.h(!0),(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",radius:"30px",width:"130px"}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({flexDir:"column",background:"orange",mar:[{t:"10px"}],radius:".3rem"}).add([new a.N("").set({text:"A",url:"jk",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new a.N("").set({text:"Kivi new TV",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new a.N("").set({text:"Thanks GPT",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})])]),new a.N("Desktop bar").set({text:"Desktop bar",url:"#a"}),new a.N("B").set({text:"B",url:"#a"}),new a.N("C").set({text:"C",url:"#a"})])}]})}static sideNav(e){e.customOptions;let t=[{title:"Home",link:"@e"},{title:"Projects",link:"@e"},{title:"Services",link:"@e"}];const s=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S4",text:e.title,link:e.link,isNavA:!0,url:"#e",id:"#"+e.title.toLowerCase(),font:"Arial",pad:[{a:20}],bold:!0,align:"left"}))),i=(new c.m).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:"translate(100%, 10%)",opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, 10%)",opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}}).add([new r.E("First").set({cursor:"hand",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/60/60995.png"},fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),(new p.m).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Second",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}}),(new a.N).set({pad:[{a:10}],font:"Arial",hover:{color:"wheat",animation:.3},bold:!0,link:"https://www.apple.com",text:"Third",icon:{padding:30,url:"https://cdn-icons-png.flaticon.com/512/32/32339.png"}})])]);let n=t.map(((e,t)=>new a.N(`"${e.title}"`).set({fluidc:"S4",text:e.title,link:e.link,isNavA:!0,url:"#e",id:"#"+e.title.toLowerCase(),font:"Arial",pad:[{a:20}],bold:!0,align:"left",animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px",keyframesOpen:[{transform:`translate(100%, ${10*t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*t}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));e.el.dropdown&&(n.push(i),s.push(i));const o=(new p.m).set({column:!0}).add([new r.E("Ultra Reckoning").set({fluidc:"S6",font:"Arial",id:"#olod",italic:!0,animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}},pad:[{l:40},{t:20}]}),e.el.animation?n[0]:s[0],e.el.animation?n[1]:s[1],e.el.animation?n[2]:s[2],e.el.animation&&e.el.dropdown?n[3]:new r.E("").set({}).excludeFromCode(),new r.E("Paramount, 2024").set({pad:[{a:20}],animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}})]),l=(new p.m).set({column:!0}).add([new r.E("Off canvas").set({fluidc:"S6",font:"Arial",id:"#olod",italic:!0,animation:e.el.animation?{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}:null,pad:[{l:40},{t:20}]})]);return(new u.f).setup({animate:!0,radius:"1rem",isSide:!0,background:"#ecf0f1",hamColour:{opened:"#1abc9c",closed:"#e67e22"},mobileSize:"1.2em"}).items(e.el.offcanvas?l:o)}static mapFree(e){let t=e.customOptions.filter((e=>"slayout"===e.op.name||"layout"===e.op.name))[0],s=null,i={cols:6,rows:6};return"text-above-image"!==t.op.value&&"image-above-text"!==t.op.value||(s=null,i=null),"image-overlay-text"===t.op.value&&(s={text:{row:"1 / span 2",col:"3 / span 2"},image:{row:"2 / span 3",col:"3 / 3"}}),"image-leftof-text"===t.op.value&&(s={text:{row:"1",col:"1 / 3"},image:{row:"1",col:"3 / 4"}}),(new C.b).set({id:"#3",templateCols:i,height:"600px"}).add([new r.E("I am free").set({border:"3px solid green",font:"Arial",fluidc:"S1",color:"#1abc9c",gpos:null!=s?s.text:null,zIndex:1}),new n._("https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg").set({url:"https://www.cruisemapper.com/images/ships/2183-e9681865a61.jpg",width:"400px",height:"auto",gpos:null!=s?s.image:null})])}static mapText(e){let t=e.el;return new r.E(t.text||t.value).set({id:t.id,class:t.class,color:t.color,fluidc:this.getElType(t.type),font:t.font??"Arial",stroke:this.filtero("blast",t.id,e.customOptions),gradient:this.filtero("gradient",t.id,e.customOptions),animation:this.filtero("animation",t.id,e.customOptions),shadow:this.filtero("shadow",t.id,e.customOptions),span:this.filtero("span",t.id,e.customOptions),backgroundOp:this.filtero("background",t.id,e.customOptions),marginOp:this.filtero("margin",t.id,e.customOptions),transform:this.filtero("transform",t.id,e.customOptions)})}static mapImage(e){let t=e.el;return new n._(t.url).set({...t,isFull:t.isFull,animation:this.filtero("animation",t.id,e.customOptions),shadow:this.filtero("shadow",t.id,e.customOptions),marginOp:this.filtero("margin",t.id,e.customOptions),filtera:this.filtero("filter",t.id,e.customOptions)})}static mapLink(e){let t=e.customOptions.filter((e=>"link-style"===e.op.name)),s=null,i=e.el;return e.el.id&&(i.id=e.el.id),e.el.link&&e.el.text&&(i.url=e.el.link,i.text=e.el.text),i.keySet={key:"background",value:"shadow: 3px 3px solid green"},i.animation=this.filtero("animation",e.el.id,e.customOptions),i.class=e.el.class,i.width=e.el.width,i.font="Arial",i.fluidc=e.el.fluidc,i.index=e.i+"",i.shadow=this.filtero("shadow",e.el.id,e.customOptions),i.backgroundOp=this.filtero("background",e.el.id,e.customOptions),i.pad=[{a:10}],s=t.length>0?$.a.style({el:e.el,re:i,bst:t,options:e.customOptions})[t.length-1]:(new a.N).set(i),s}static mapGrid(e){console.log("OBJ IS"),console.log(e.storage);let t=[],s=e.customOptions.filter((e=>"card-style"===e.op.name))[0]??{};t=T.Z.cards(e.el,s,e.storage);let i=`new Card()\n .set({\n width: "300px", radius: "0.7rem", mar: { sides: ["all"], value: "0.8rem" }})\n .items([${t.join(",")} \n ])`;return e.el.backgroundCard&&(i=`new ZoomCard().set({url: "https://img.freepik.com/free-photo/seascape-texture-waves-water-generative-ai_169016-30500.jpg", font: "Arial", mar: { sides: ["all"], value: "0.8rem" }, inpad: "1rem", useBrightness: true})\n .items([ \n ${t.join(",")},\n ]), \n`),`\n \n new FlexGrid()\n .set({colat: "700px", wrap: true, align: "center"}) \n .items([${Array(3).fill(i)}])\n \n`}static mapCDiv(e){if(e.customOptions,rta){let e=el;e.makeResponsiveBehaviour=rta.op.hash[0].l,e.index=i;let t={width:"200px",height:"100px"};if(ela=(new p.m).set(e),rta.op.hash[0].child){t.makeResponsiveBehaviour=rta.op.hash[0].child.l;let s=(new p.m).set(t).add([new r.E("Hello")]);ela=(new p.m).set(e).add([s])}}}static checkbox(e){return(new S.S).set({name:"acceptTerms",label:new r.E("Check it out!").set({size:"S6",color:"#1abc9c",font:"Arial"}),mar:"10px"})}static stack(e){return(new E.B).set({}).add([(new n._).set({url:"https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg"}),new r.E("Samuel Suresh").set({color:"#00ae56",font:"SF Pro Display",fluidc:"S2",pad:{sides:["top","left"],value:20}})])}static form(e){return(new b).set({action:"file.php"}).add([(new y.l).set({title:"Your name",type:"input",name:"name"}),(new y.l).set({title:"Your email",type:"input",name:"email",color:"#3498db",font:"Arial",mar:[{a:"1rem"}]}),(new g.z).set({name:"gender",items:["Male","Female","Third shit"],multiple:!1,tint:"#1abc9c",font:"Arial",exact:"3rem"}),(new w.L).set({name:"car",items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},radius:"1rem",background:"#1abc9c"}),(new f.I).set({id:"A",name:"image",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem"}),new x.$("Submit form").set({type:"submit",background:"#3498db",color:"white",weight:"bold",radius:"1rem",pad:[{a:"1rem"}],mar:[{b:"1rem"}]})])}static simple(e){return'new Simple()\n .set({ gap: "10px", height: "700px" })\n .react([\n {\n at: "0", // Default size\n color: "red",\n template: [\n "aaaaaa",\n "bbbbbb",\n "cccccc",\n "dddddd",\n "eeeeee",\n ],\n },\n {\n at: "768", // Medium screen size\n color: "blue",\n template: [\n "aa bbb",\n "aa bbb",\n "cc ddd",\n "ee ddd",\n ],\n },\n {\n at: "1024", // Large screen size\n color: "green",\n template: [\n "aaa bbb",\n "ccc ddd",\n "eee ddd",\n ],\n },\n ])\n .add([\n new Text("Hello A").set({size: "S1"}),\n new Text("Hello B").set({size: "S1"}),\n new Text("Hello C").set({size: "S1"}),\n new Text("Hello D").set({size: "S1"}),\n new Text("Hello E").set({size: "S1"})\n ])'}static getElType(e){return`S${e.substr(1)}`}static filtero(e,t,s){return s.filter((t=>t.op.name===e)).filter((e=>!e.target||e.target.includes(t)))[0]}}},828:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.navbar=document.createElement("nav"),this.navbar.classList.add("desktop-navbar"),this.navbarHeader=document.createElement("div"),this.navbarHeader.classList.add("navbar-header"),this.brand=document.createElement("div"),this.brand.classList.add("navbar-brand"),this.navContent=document.createElement("div"),this.navContent.classList.add("navbar-content"),this.navContent.style.width="100%",this.navbarHeader.appendChild(this.brand),this.navbarHeader.appendChild(this.navContent),this.navbar.appendChild(this.navbarHeader),this.res=this.navbar}set(e){return console.warn(e),this.obj=e,e.background&&(this.res.style.backgroundColor=e.background),e.mar&&super.mar(e.mar),e.brand&&this.setBrand(e.brand),e.radius&&(this.res.style.borderRadius=e.radius),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),this.setStyles(),this}setStyles(){this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor="#333",this.navbar.style.color="white",this.navbarHeader.style.display="flex",this.navbarHeader.style.alignItems="center",this.navbarHeader.style.justifyContent="space-between",this.navbarHeader.style.width="100%",this.brand.style.fontSize="1.5rem",this.navContent.style.display="flex",this.navContent.style.gap="1rem"}setBrand(e){return console.warn("SETA"),console.log(e),this.brand.innerHTML="",this.brand.appendChild(e),this}add(e){this.items=e;for(var t=0;t<e.length;t++)e[t],this.navContent.appendChild(e[t].render());return this}toCode(){console.warn(this.items);let e=this.items.map((e=>e.toCode())).flatMap((e=>e));return console.log("ITSA"),console.log(e),console.log(`${e.join(",")}`),`new DesktopBar().set(${this.removeQuotesFromFirstWord(JSON.stringify(this.obj))}).add([\n ${e.join(",")}\n\n \n \n\n ])`}render(e){return e&&document.querySelector(e).appendChild(this.navbar),this.navbar}}},836:(e,t,s)=>{s.d(t,{C:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.url=e,this.res=null,this.setup()}setup(){this.res=document.createElement("video"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(e){return this.options=e,e.radius&&(this.res.style.borderRadius="1rem"),e.width&&(this.res.style.width=`${e.width}`),e.opacity&&(this.res.style.opacity=e.opacity),this}size(e){return this.res.style.width=e,this}toCode(){const e=JSON.stringify(this.options,null,4);return[`new Video("${this.url}").set(${e})`]}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},877:(e,t,s)=>{s.d(t,{I:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null}set(e){this.options=e,this.okayColor=e.okayColor,window.matchMedia("(max-device-width: 415px)");let t=document.createElement("div");t.style.paddingBottom="1em",t.style.display="flex",document.createElement("div");let s=document.createElement("input");s.setAttribute("type","text"),s.style.display="none",s.style.margin="0.5em";let i=document.createElement("input");i.setAttribute("type","file"),i.setAttribute("name",e.name),e.accept&&(i.accept=e.accept),i.setAttribute("id",e.id),i.style.visibility="hidden",i.style.display="none",window.matchMedia("(max-device-width: 415px)").matches&&(i.style.fontSize="1rem");let r=document.createElement("label");return r.setAttribute("for",e.id),r.innerText=e.title,r.style.marginRight=12,r.style.padding="0.5em",e.color&&(r.style.color=e.color),e.background&&(r.style.background=e.background,r.style.padding="10"),i.addEventListener("change",(()=>{s.style.display="block",e.hideField&&(s.style.display="none"),r.innerText="Change",this.file=i.files[0],this.onLoad(this.file),n[e.index]=this.file,s.setAttribute("value",this.file.name),s.setAttribute("readonly","true"),this.getLoaded(),this.highlight()})),t.appendChild(i),t.appendChild(r),t.appendChild(s),this.el=t,e.font&&this.font(e.font),e.radius&&this.borderRadius(e.radius),this}borderRadius(e){return this.el.style.borderRadius=e,this}addClass(e){return this.el.setAttribute("class",e),this}font(e){return this.el.style.fontFamily=e,this}bold(){return this.el.style.fontWeight="bold",this}rounded(){return this.el.children[1].style.borderRadius="8px",this}highlight(){return null===this.file?(this.hasFile=!1,this.el.children[1].style.background="red"):(this.hasFile=!0,this.okayColor?this.el.children[1].style.background=this.okayColor:this.el.children[1].style.background="#1abc9c"),this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches};return e(),window.addEventListener("resize",e),this}onLoad(e){return this.returnObject(this.file),this}getLoaded(){return this.file}returnObject(e){return e}loadCall(e){return this.func=e,this.func(this.file),this}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new FilePickera().set(${e})`]}render(e){return e?(document.querySelector(e).appendChild(this.el),this):this.el}}var n=[]},897:(e,t,s)=>{s.d(t,{i:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.breakpoints=[],this.container=null,this.currentView=null,this.internalDiv=null,this.resizeListener=null}set({breakpoints:e}){if(this.options={breakpoints:e},!Array.isArray(e))throw new Error("Breakpoints should be an array of objects with 'at' and 'view' properties.");return this.breakpoints=e.map((e=>{if("string"!=typeof e.at||!(e.view.render()instanceof HTMLElement))throw new Error("Each breakpoint must have 'at' as a string and 'view' as an HTMLElement.");return{...e,at:parseInt(e.at,10)}})),this.breakpoints.sort(((e,t)=>e.at-t.at)),this}toCode(){JSON.stringify(this.options.breakpoints.map((e=>e.view.toCode())).flat(),null,4),JSON.stringify(this.options.breakpoints.map((e=>e.at)),null,4),JSON.stringify(this.options.breakpoints,null,4);let e="";for(var t=0;t<this.options.breakpoints.length;t++)e+=`{ at: "${this.options.breakpoints[t].at}", view: ${this.options.breakpoints[t].view.toCode()} }, \n`;return[`new Switcher().set({\n breakpoints: [\n ${e}\n ]\n })`]}render(e){return this.internalDiv=document.createElement("div"),this.applyView(),this.resizeListener=this.applyView.bind(this),window.addEventListener("resize",this.resizeListener),void 0!==e&&document.querySelector(e).appendChild(this.internalDiv),this.internalDiv}createRanges(e,t=99999){let s=[];for(let i=0;i<e.length;i++)s.push({from:e[i],to:i<e.length-1?e[i+1]-1:t});return s}addRanges(e,t,s=99999){return e.map(((e,i)=>({...e,range:{from:t[i],to:i<t.length-1?t[i+1]-1:s}})))}applyView(){console.log("MAKE RANGES"),window.innerWidth,console.log(this.breakpoints),console.log(this.breakpoints.map((e=>e.at)));let e=this.breakpoints.map((e=>e.at)),t=this.breakpoints.map((e=>e.at)),s=(this.createRanges(t),this.addRanges(this.breakpoints,e));console.log(s),s.forEach((e=>{const t=`(min-width: ${e.range.from}px) and (max-width: ${e.range.to}px)`,s=window.matchMedia(t);console.warn(t),s.matches&&(console.log(`Viewport width is within the range: ${e.range.from}px to ${e.range.to}px`),this.currentView!==e.view.render()&&(this.internalDiv.innerHTML="",this.internalDiv.appendChild(e.view.render()),this.currentView=e.view.render()))})),console.log("MBO")}destroy(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null),this.internalDiv&&this.container&&this.container.removeChild(this.internalDiv),this.container=null,this.currentView=null,this.internalDiv=null}}},898:(e,t,s)=>{s.d(t,{L:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null,this.selected=""}setup(e,t){document.createElement("div");let s=document.createElement("select");s.setAttribute("type","file"),s.setAttribute("name",t),s.addEventListener("change",(()=>{s.options[s.selectedIndex].value}));for(var i=0;i<e.length;i++)s.appendChild(this.addNode(e[i][0],e[i][1]));return this.el=s,this}set(e){return this.options=e,e.items&&this.setup(e.items,e.name),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e.radius&&(this.el.style.borderRadius=e.radius),e.background&&(this.el.style.background=e.background),this}arrayPadding(e,t){return e.includes("left")&&(this.el.style.paddingLeft=t),e.includes("right")&&(this.el.style.paddingRight=t),e.includes("top")&&(this.el.style.paddingTop=t),e.includes("bottom")&&(this.el.style.paddingBottom=t),e.includes("all")&&(this.el.style.padding=t),this}arrayMargin(e,t){return e.includes("left")&&(this.el.style.marginLeft=t),e.includes("right")&&(this.el.style.marginRight=t),e.includes("top")&&(this.el.style.marginTop=t),e.includes("bottom")&&(this.el.style.marginBottom=t),e.includes("all")&&(this.el.style.margin=t),this}addNode(e,t){var s=document.createElement("option");s.setAttribute("value",e);var i=document.createTextNode(t);return s.appendChild(i),s}padding(e){return this.el.style.padding=e,this}font(e){return this.el.style.fontFamily=e,this}margin(e){return this.el.style.margin=e,this}toCode(){let e=JSON.stringify(this.options,null,4);return e=e.replace(/"(\w+)"(?=\s*:)/g,"$1"),[`new Picker().set(${e})`]}rounded(e){return this.el.style.borderRadius="4px",this}auto(){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.el.style.fontSize="3rem":this.el.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}render(e){if(!e)return this.el;document.querySelector(e).appendChild(this.el)}}window.Picker=r},946:(e,t,s)=>{s.d(t,{Y:()=>r});var i=s(762);class r extends i.y{constructor(e,t){super(),this.code=[],this.saveEl=t,this.frs=e,this.res=null,this.setup(),this.responsive(),this.code.push(" new FlexRow()")}getType(){return"FlexRowLayoutElement"}set(e){this.options=e;var t=e;if(t.id="#ABC",t.gradient,t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),t&&t.id&&t.stroke||t&&t.id&&t.gradient||t&&t.id&&t.span||t&&t.id&&t.backgroundOp){t.gradient&&(this.globalGradient=t.gradient.op.gradient),t.stroke&&super.setAny({globalBlast:`${t.stroke.op.width} ${t.stroke.op.color}`});let e=[t.stroke,t.gradient,t.animation,t.span,t.backgroundOp];e=e.filter((e=>null!=e));let i=[];for(var s=0;s<e.length;s++)i.push({range:e[s].range,log:e[s].op.name,target:e[s].target});this.res.setAttribute("id",t.id),this.betaReact(i,t.id)}if(e.id&&this.res.setAttribute("id",e.id),this.code.push("\n .set({"),e.padding&&this.padding(e.padding),e.background&&(this.res.style.backgroundColor="#ecf0f1",this.res.style.cornerRadius="#3rem"),e.alignTo&&(this.res.style.justifyContent=e.alignTo),e.background&&(this.res.style.backgroundColor=e.background,this.code.push(`\n background: "${e.background}",`)),e.justify&&(this.res.style.justifyContent=e.justify,this.code.push(`\n justify: "${e.justify}",`)),e.border&&("top"===e.border[0]&&(this.res.style.borderTop=`${e.border[1]} solid white`),"all"===e.border[0]&&(this.res.style.border=`${e.border[1]} solid orange`),this.code.push(`\n border: ["${e.border[0]}", "${e.border[1]}"],`)),e.borderObj){this.borderObj(e.borderObj);let t=JSON.stringify(e.borderObj);this.code.push(`\n borderObj: ${t},`)}if(e.width&&(this.res.style.width=e.width),e.width&&this.code.push(`\n width: "${e.width}",`),e.height&&(this.res.style.height=e.height),e.height&&this.code.push(`\n height: "${e.height}",`),e.align&&(JSON.stringify(e.align),this.res.style.alignItems="flex-start",this.code.push('\n alignIts: "flex-start",'),this.res.style.alignItems="flex-start"),e.wrap&&this.wrap(),e.wrap&&this.code.push("\n wrap: true,"),e.alignIts){let t=JSON.stringify(e.alignIts);this.res.style.alignItems="flex-start",this.code.push(`\n alignIts: ${t},`)}return e.owrap&&this.onlyWrap(),e.owrap&&this.code.push("\n owrap: true,"),null!=e.owrap&&!1===e.owrap&&(this.res.style.flexWrap="nowrap",this.res.style.background="yellow"),e.columnAlways&&alert("JIJ"+e.columnAlways),e.toColumn&&this.toColumn(e.toColumn),e.column&&this.makeCol(),e.colat&&(e.colat&&this.toColumnAt(e.colat),this.code.push(`\n colat: "${e.colat}",`)),e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),this.arrayMarginValue=e.arrayMargin,e.arrayMargin&&this.code.push(`\n arrayMargin: {sides: [${e.arrayMargin.sides.map((e=>`"${e}"`)).join(", ")}], value: "${e.arrayMargin.value}"},`),e.multipad&&this.makeMultiPad(e.multipad),e.align&&this.makeJustify(e.justify),e.justify&&this.makeAlign(e.justify),"flex-start"===e.justifo&&(this.res.style.justifyContent="flex-start"),e.radius&&(this.res.style.borderRadius="1rem"),e.aligns&&this.aligns(e.aligns),this.code.push("\n })"),this}setArea(e){return this.res.style.gridArea=e,this}toColumnAt(e){if(!this.columnAlways){const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};t(),window.addEventListener("resize",t)}return this}onlyWrap(){return this.res.style.flexWrap="wrap",this.res.style.backgroundColor="green",this}wrap(){return this.res.style.flexWrap="wrap",this.res.style.justifyContent="space-between",this}aligns(e){return"start"===e&&(this.res.style.alignItems="flex-start"),"end"===e&&(this.res.style.alignItems="flex-end"),"center"===e&&(this.res.style.alignItems="center"),this}toColumn(e){alert("ON");const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};return t(),window.addEventListener("resize",t),this}toCode(){return[`new FlexRow().set(${JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:")}).items([`,` ${this.items.map((e=>e.toCode())).join(",\n ")}`,"])"].join("\n")}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}borderAround(e){return this.res.style.border=e,this}cornerRadius(e){return this.res.style.borderRadius=e,this}makeJustify(e){return"start"===e&&(this.res.style.justifyContent="flex-start"),this}makeAlign(e){return"center"===e?this.res.style.alignItems="center":this.res.style.justifyContent=e,this}makeCol(){return this.res.style.flexDirection="column",this}makeMultiPad(e){for(var t=0;t<e.length;t++)"left"===e[t].side&&(this.res.style.paddingLeft=e[t].value),"right"===e[t].side&&(this.res.style.paddingRight=e[t].value);return this}padding(e){return this.res.style.padding=e,this}center(){return this}toColumn(){return this.res.style.flexDirection="column",this}setClass(e){return this.res.setAttribute("class",e),this}toCenter(e){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this.res.setAttribute("class",e),this}setup(){let e=document.createElement("div");return e.style.display="flex",e.style.justifyContent="space-around",e.style.alignItems="center",e.style.margin=0,this.res=e,this}noSpaceAround(){return this.res.style.justifyContent="",this}itemAlignCenter(){return this.res.style.justifyContent="center",this.res.style.alignItems="center",this}arrayMargin(e,t){return t||(this.res.style.marginLeft=`${e[0]}px`,this.res.style.marginTop=`${e[1]}px`,this.res.style.marginRight=`${e[2]}px`,this.res.style.marginBottom=`${e[3]}px`),e.includes("left")&&(this.res.style.marginLeft=`${t}px`),e.includes("right")&&(this.res.style.marginRight=`${t}px`),e.includes("top")&&(this.res.style.marginTop=`${t}px`),e.includes("bottom")&&(this.res.style.marginBottom=`${t}px`),this}frame(e){return this.res.style.width=e.width,this.res.style.height=e.height,window.matchMedia("(max-device-width: 415px)").matches&&e.mobile&&(this.res.style.width=e.mobile),this}background(e){return this.res.style.background=e,this}radius(e){return this.res.style.borderRadius=`${e}px`,this}shadow(e,t,s){return this.res.style.boxShadow="0px 1px 10px 0px rgb(145 145 145)",this}onTap(e){return this.res.addEventListener("click",e),this}items(e){this.els=e,this.items=e,this.code.push(".items([");for(var t=0;t<e.length;t++){if(null!=e[t])if(e[t].render instanceof Function){let s=e[t].render();this.res.appendChild(s)}else this.res.appendChild(e[t]);if(null!=e[t]&&e[t].render instanceof Function){let s=e[t].render();this.res.appendChild(s),void 0!==e[t].toCode&&this.code.push(e[t].toCode().flatMap((e=>e)))}}return this.code.push("])"),this}adjustRatiosForLayout(){return null==this.els[1].getWidth||null==this.els[1].getHeight||(window.addEventListener("resize",(()=>{this.resizeValues()})),this.resizeValues()),this}resizeValues(){let e=.7*window.innerWidth*(this.els[1].getHeight()/this.els[1].getWidth());this.res.children[0].style.height=`${e}px`,this.res.children[0].style.width="30%",this.res.children[1].style.width="70%"}responsive(e){let t=window.matchMedia("(max-device-width: 415px)");return window.innerWidth<e||t.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr",window.addEventListener("resize",(()=>{window.innerWidth<e||t.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr"})),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},959:(e,t,s)=>{s.d(t,{f:()=>r});var i=s(762);class r extends i.y{constructor(e){super(),this.url=e,this.res=null,this.setup()}setup(){this.res=document.createElement("audio"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(e){return this.options=e,e.background&&this.background(e.background),this}background(e){const t=document.createElement("style");return t.type="text/css",t.textContent=`\n\taudio::-webkit-media-controls-panel {\n\t\tbackground-color: ${e};\n\t}\n`,document.head.appendChild(t),this}toCode(){return JSON.stringify(this.options,null,4),[`new Audio("${this.url}")`]}size(e){return this.res.style.width=e,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}},985:(e,t,s)=>{s.d(t,{a:()=>i});class i{static style(e){let t=e.bst,s=e.el,i=e.re,r=(e.options,[]);for(var n=0;n<t.length;n++){let e=!0;t[n].target&&(e=!1,s.id===t[n].target[0]&&(e=!0))}for(n=0;n<t.length;n++){let e=!0;t[n].target&&(e=!1,s.id===t[n].target[0]&&(e=!0));let a=t[n].op.ops.split("-");e&&a.includes("air")&&(i.borderObj={color:"#1abc9c",radius:"0rem",width:"3px"},i.color="#1abc9c",i.background="transparent"),e&&a.includes("round")&&(a.includes("air")?i.borderObj={width:"4px",radius:"0.7rem",color:"#1abc9c"}:i.borderObj={width:"0px",radius:"0.7rem",color:"#1abc9c"}),e&&a.includes("full")&&(i.background="#3498db",i.borderObj&&i.borderObj.radius?i.borderObj.radius="0.3rem":i.color="white"),e&&a.includes("pill")&&(i.background="#3498db",i.borderObj.radius="9999px",i.color="white"),e&&a.includes("hover")&&(i.hover={color:"#1abc9c",background:"orange"}),r.push((new Link).set(i))}return r}}}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var s=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](s,s.exports,__webpack_require__),s.exports}__webpack_require__.d=(e,t)=>{for(var s in t)__webpack_require__.o(t,s)&&!__webpack_require__.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={},elementMapper=__webpack_require__(807),animator=__webpack_require__(762);class Base{constructor(){this.oldLength=0}observe(e){return this.initialState=e,this.Proxima(e)}Proxima(e){var t=this;return new Proxy(e,{set(e,s,i,r){return alert(`Setting ${i} to ${r}`),e[i]=r,this.initialState.data.push(i),"length"!==s&&t.refreshUI("Added"),!0},has:(e,s,i,r)=>("length"!==s&&t.refreshUI("Deleted"),Reflect.has(e,s))})}refreshUI(e){let t=this.initialState;this.adjustState(t)}loadState(e,t){return this.loadEl=t,this.initialState=e,alert(this.initialState.data),this.observe(this.state.data)}adjustState(e){document.querySelector(this.loadEl);let t=e[e.length-1],s=document.createElement("p"),i=document.createTextNode(t);s.appendChild(i),document.body.appendChild(s)}toNode(e){var t=document.createElement("div");return t.innerHTML=e.trim(),t.firstChild}reactState(){let e=document.querySelector("#res");alert(this.render());let t=this.toNode(this.toHTML());e.appendChild(t)}mount(e){this.el=e,this.render(e).render(e)}toCode(){return[""]}toHTML(e){return this.render(e).render(e).innerHTML}}var layout_text=__webpack_require__(16),layout_image=__webpack_require__(130),layout_link=__webpack_require__(219),flexRow=__webpack_require__(946);class CustomDivRenderer{constructor(e,t){this.obj=e||{},this.items=t||[]}render(){let e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");let t=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(t.matches||s.matches)&&(e.style.marginTop="3rem");for(let t=0;t<this.items.length;t++){const s=this.items[t];e.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),i}}window.CustomDivRenderer=CustomDivRenderer;var newNavBar=__webpack_require__(155);class SideBar{constructor(e,t){this.ele=null,this.width="16em",this.height="100vh",this.els=e}setup(e){e.width&&(this.width=e.width),e.height&&(this.height=e.height);let t=document.createElement("div");t.style.position="absolute";let s=document.createElement("button");s.style.position="absolute",s.style.background="white",s.style.opacity=.8,s.style.border="none",s.width="1.5em",s.height="1.5em",s.style.borderRadius="50%",s.style.zIndex=2;let i=document.createTextNode("☰");s.appendChild(i),s.style.fontSize="2em",window.matchMedia("(max-device-width: 400px)").matches&&(s.style.fontSize="6em"),window.matchMedia("(max-device-width: 400px)").matches&&e.fullMobile&&(this.width="100vw"),t.appendChild(s);let r=document.createElement("div");return r.style.position="absolute",r.style.backgroundColor="#fff",r.style.flexDirection="column",r.style.display="flex",r.style.alignItems="center",r.style.margin=0,r.style.padding=0,r.style.width=this.width,r.style.margin=0,r.style.marginTop="-10px",r.style.paddingTop="1em",r.style.paddingBottom="1em",r.style.height=`${this.height}`,r.style.transform=`translateX(-${this.width})`,r.style.transition="all 0.80s",t.appendChild(r),this.hidden=!1,s.addEventListener("click",(()=>{this.hidden=!this.hidden;for(var e=0;e<r.children.length;e++)"☰"!==r.textContent&&(this.hidden?r.style.transform="translateX(0em)":r.style.transform=`translateX(-${this.width})`)})),this.ele=t,this.els&&this.items(this.els),this}background(e){return this.ele.children[1].style.backgroundColor=e.color,this.ele.children[1].style.opacity=e.opacity,this}items(e){this.itemCount=e.length;for(var t=0;t<e.length;t++)this.ele.children[1].appendChild(e[t].render());return this}render(e){return e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.ele),this.ele):this.ele}}var sideNavBar=__webpack_require__(790),free=__webpack_require__(317),audionew=__webpack_require__(959);class Progress{constructor(e){this.res=null,this.value=e,this.setup()}setup(){let e=document.createElement("div"),t=document.createElement("div"),s=document.createElement("div");return t.style.position="absolute",s.style.position="relative",e.appendChild(t),e.appendChild(s),this.res=e,this}padding(e,t,s,i){return(e||t||s||i)&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=s,this.res.style.paddingBottom=i),t||s||i||(this.res.style.padding=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}size(e){let t=e.width.split("%")[0],s=e.height;this.res.children[0].style.width=t/100*window.innerWidth,this.res.children[0].style.height=s,this.res.children[1].style.width=t/100*window.innerWidth*this.value,this.res.children[1].style.height=s;const i=()=>{this.res.children[0].style.width=t/100*window.innerWidth,this.res.children[0].style.height=s,this.res.children[1].style.width=t/100*window.innerWidth*this.value,this.res.children[1].style.height=s};return window.addEventListener("resize",i),i(),this}colors(e,t){return this.res.children[0].style.background=e,this.res.children[1].style.background=t,this}round(e){return this.res.children[0].style.borderRadius=`${e}px`,this.res.children[1].style.borderRadius=`${e}px`,this}render(e){if(Array.from(this.res.children).forEach((e=>e.style.padding=0)),Array.from(this.res.children).forEach((e=>e.style.margin=0)),!e)return this.res;document.querySelector(e).appendChild(this.res)}}class Center{constructor(e){this.setup(e)}setup(e){let t=document.createElement("div");e&&t.setAttribute("id",e),t.style.display="flex",t.style.flexDirection="column",t.style.justifyContent="center",t.style.alignItems="center",t.style.width="100%",t.style.height="auto",t.style.margin=0,t.style.padding=0,this.res=t}toCode(){return[""]}items(e){for(var t=0;t<e.length;t++){let s=e[t].render();this.res.appendChild(s)}return this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(alert("j"),this.res.style.margin=e),this}arrayPadding(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),this}itemWidth(e){for(var t=0;t<this.res.childNodes.length;t++)this.res.childNodes[t].style.width=e;return this}margin(e,t,s,i){return(e||t||s||i)&&(this.res.style.marginLeft=e,this.res.style.marginTop=t,this.res.style.marginRight=s,this.res.style.marginBottom=i),t||s||i||(alert("j"),this.res.style.margin=e),this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}var code=__webpack_require__(26),stack=__webpack_require__(11),container=__webpack_require__(304);class MetaAdder{constructor(){this.res=document.createElement("meta"),this.res.setAttribute("name","viewport"),this.res.setAttribute("content","width=device-width, initial-scale=1"),this.charset=document.createElement("meta"),this.charset.setAttribute("charset","UTF-8")}add(){document.head.appendChild(this.res),document.head.appendChild(this.charset)}}var table=__webpack_require__(588),dropdown2025=__webpack_require__(69);class Modal{constructor(){this.el=null,this.obj=null}set(e){let t=document.createElement("div");return t.style.width="100vw",t.style.height="100vh",t.style.backgroundColor=e.background,t.style.zIndex="1",t.style.position="absolute",t.style.overflowY="scroll",this.obj=e,this.res=t,e.close&&this.close(),this}close(){return this.res.style.display="none",this}show(){return this.res.style.display="block",this}add(e){let t=document.createElement("div");t.style.width=this.obj.width,t.style.height="auto",t.style.marginLeft="auto",t.style.marginRight="auto",t.style.backgroundColor="white",window.matchMedia("(max-device-width: 415px)").matches&&(t.style.marginTop="200px",t.style.width="100%");for(var s=0;s<e.length;s++)console.log(e[s]),t.appendChild(e[s].render());return this.res.appendChild(t),this}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}var textField=__webpack_require__(758),flexCard=__webpack_require__(110);class Wrap{constructor(e){this.code=[],this.setup();for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render().render())}setup(){let e=document.createElement("div");e.style.padding=0,e.style.margin=0,this.res=e}width(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}padding(e){return this.res.style.padding=`${e}px`,this}size(e,t){return this.w=e,this.h=t,this.w?this.res.style.width=this.w:this.res.style.width=window.innerWidth,this.h?this.res.style.height=this.h:this.res.style.height=window.innerHeight,this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}class FlexGrid{constructor(){this.code=[],this.setup()}toCode(){return this.code}setup(){this.code.push("new FlexGrid()"),this.code.push(".setup()");let e=document.createElement("div");return e.style.display="flex",e.style.padding=0,e.style.margin=0,this.res=e,this}set(e){return this.code.push(".set({"),e.width&&this.code.push(`width: "${e.width}",`),e.flex&&(this.res.style.flex=e.flex),e.flex&&this.code.push(`flex: ${e.flex},`),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.maxWidth&&this.code.push(`maxWidth: "${e.maxWidth}",`),e.maxWidth&&(this.res.style.minWidth="400px"),e.maxWidth&&(this.res.style.marginLeft="auto"),e.maxWidth&&(this.res.style.marginRight="auto"),e.width&&(this.res.style.width=`${e.width}`),e.wrap&&(this.res.style.flexWrap="wrap"),e.wrap&&this.code.push(`wrap: ${e.wrap},`),e.align&&(this.res.style.justifyContent=e.align),e.align&&this.code.push(`align: ${e.align},`),e.colat&&this.toColumnAt(e.colat),e.colat&&this.code.push(`\n colat: "${e.colat}",`),this.code.push("}),"),this}toColumnAt(e){if(!this.columnAlways){const t=()=>{let t=window.matchMedia(`(max-width: ${e})`),s=window.matchMedia("(max-device-width: 415px)");t.matches||s.matches?(this.res.style.flexDirection="column",this.res.style.alignItems="center"):this.res.style.flexDirection="row"};t(),window.addEventListener("resize",t)}}flex(e){return this.arra=Array.from(e.replace(/\s/g,"")),this.areas=Array.from(Array(e.replace(/\s/g,"")).join("")),this.save=`"${e}"`,this}padding(e){return this.res.style.padding=`${e}px`,this}center(){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this}items(e){this.items=e,this.code.push("\n .items([");for(var t=0;t<e.length;t++){var s=e[t];if(null!=s){let e=s.render();void 0!==s.toCode&&this.code.push(s.toCode().flatMap((e=>e))),this.res.appendChild(e)}}return this.code.push("\n ])"),this}width(e){return this.res.style.width=e,this}border(e,t){return this.res.style.border=`${t}px solid ${e}`,this}adjust(e){const t=()=>{let t=window.matchMedia("(max-device-width: 415px)");if(window.innerWidth<e||t.matches)for(var s=0;s<this.res.children.length;s++)this.res.children[s].style.flex="",this.res.children[s].style.width="100%";else for(s=0;s<this.res.children.length;s++)this.res.children[s].style.flex=`${this.arra[s]}`};return t(),window.addEventListener("resize",t),this}render(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}var zoomCard=__webpack_require__(418);class SimpleBar extends animator.y{constructor(){super(),this.res=document.createElement("div")}items(e){for(var t=0;t<e.length;t++)this.res.appendChild(e[t].render());return this}render(e){return e&&document.querySelector(e).appendChild(this.res),this.res}}var betaDesktopBar=__webpack_require__(828),betaMobileBar=__webpack_require__(734),multiswitcher=__webpack_require__(897),spacer=__webpack_require__(463);class HScroller{constructor(){this.setupa()}seto(e){return this.e=e.a,e.speed&&(this.divisor=e.speed),this}setupa(){return this.parallaxIDs(["#rta"]),this.divisor(1),this}add(e){return this.items=e,this.setup(),this}parallaxIDs(e){return this.parallaxIDs=e,this}divisor(e){return this.divisor=e,this}setup(){this.pts=0;let e=document.createElement("div");e.style.width="100%",e.style.height="100%";let t=document.createElement("div");t.style.display="flex",t.style.width="100%";for(var s=0;s<this.items.length;s++){let e=this.items[s].render();t.appendChild(e)}e.appendChild(t);let i=window.localStorage.getItem("pts");null!==i&&(this.pts=i),e.addEventListener("wheel",(e=>{e.deltaY<0?(console.log("Scrolling up"),this.pts--):e.deltaY>0&&(console.log("Scrolling down"),this.pts++),window.localStorage.setItem("pts",this.pts),e.preventDefault();for(var s=0;s<t.childNodes.length;s++){console.log(t.childNodes[s].toString().substr(7));let e=t.childNodes[s];this.parallaxIDs.includes(e.id)&&(e.style.transform=`translateX(${this.pts/this.divisor}%)`)}t.style.transform=`translateX(${this.pts/this.divisor}%)`,window.localStorage.setItem("translation",this.pts/this.divisor)}));let r=window.localStorage.getItem("translation");null!==r&&(t.style.transform=`translateX(${r}%)`),this.div=e}render(e){if(!e)return this.div;document.querySelector(e).appendChild(this.div)}}var layout_checkbox=__webpack_require__(342),imagePicker=__webpack_require__(877),picker=__webpack_require__(898),range=__webpack_require__(751),formComponents_radio=__webpack_require__(385),dataList=__webpack_require__(216),layout_button=__webpack_require__(207),designer=__webpack_require__(19),linkGetter=__webpack_require__(985),cardGetter=__webpack_require__(683);function convertRange(e,t,s){let i=(e-t.min)*(s.max-s.min)/(t.max-t.min)+s.min;return i>1&&(i=2-i),i}class TransformAnim{constructor(e){this.data=e,this.targetHeight=this.data.targetHeight,void 0===this.data.type?this.type="default":this.type=this.data.type,this.layout="flex",this.setup()}toCode(){return[""]}set(e){return console.log("WHY NOT 900"),e.arrayPadding&&(this.wrdiv.style.marginTop=e.arrayPadding.value),e.height&&(this.wrdiv.style.height=e.height),this}setup(){let e=document.createElement("div");this.wrdiv=e,e.style.display="flex",e.style.flexDirection="column",this.data.overflow&&(e.style.overflow="hidden"),e.style.display="flex",e.style.justifyContent="center",e.style.alignItems="center",e.style.background="orange",e.style.height="900px",this.data.sticky||(e.style.position="fixed"),e.style.marginTop="0px";let t=document.createElement("img");t.style.gridArea="1/1",t.style.display="none",t.style.width="50%",t.setAttribute("src","M2.jpeg"),t.setAttribute("class","m2"),e.appendChild(t),this.data.view&&(this.m2img=this.data.view.render(),e.appendChild(this.m2img)),this.data.paragraph&&(this.paragraph=this.data.paragraph.render(),e.appendChild(this.paragraph)),this.data.view&&(t.style.display="none");let s=document.createElement("h2");s.style.fontFamily="Arial",s.style.fontSize="2.4rem",s.style.background="linear-gradient(#3498db, #1abc9c)",s.style.webkitBackgroundClip="text",s.style.webkitTextFillColor="transparent";let i=document.createTextNode("Supercharged");s.appendChild(i),!0!==this.data.showTitle&&void 0!==this.data.showTitle||(this.data.content&&this.data.content.render?e.appendChild(this.data.content.render()):e.appendChild(s));let r=document.createElement("p");document.createTextNode("Hello"),e.appendChild(r),this.res=e,window.addEventListener("scroll",(i=>this.resize(e,t,s))),this.resize(e,t,s)}setStickyData(e){return this.data.stickyData=e,this}toAuto(){return this.res.style.height="auto",this}stick(e){return e?(e.offset&&(null!=this.data.stickyData?this.data.stickyData.top=e.offset:(this.data.stickyData={top:e.offset},this.fixedToRelative(!0))),e.value?this.makeSticky():this.noSticky(),this):(this.makeSticky(),this)}makeSticky(){return this.wrdiv.style.position="sticky",this.wrdiv.style.top=0,this}setProps(e){return e.targetHeight&&(this.data.targetHeight=e.targetHeight),e.flagValue&&(this.data.flagValue=e.flagValue),this}noSticky(){return this.wrdiv.style.position="",this}toSticky(){return this.wrdiv.style.position="sticky",this.wrdiv.style.top="0",this}toOpacity(e){this.res.style.opacity=`${e}`}setUncomment(e){this.data.uncomment=e}fixedToRelative(e){return this.data.uncomment=e,this}mask(e){return window.addEventListener("scroll",(()=>{this.innerMask(e)})),this}innerMask(e){if(e){let t=TransformAnim_smartRange(window.scrollY,{min:e.start,max:e.end},{min:7,max:0});console.warn(t),console.warn(window.scrollY),TransformAnim_smartRange(window.scrollY,{min:e.start,max:e.end},{min:37,max:37})}return this}setScale(e){return this.data.range=e,this.m2img.style.transform=`scale(${this.data.range.scaleMax})`,window.addEventListener("scroll",(()=>{let e=TransformAnim_smartRange(window.scrollY,{min:this.data.range.min,max:this.data.range.max},{min:this.data.range.scaleMax,max:this.data.range.scaleMin});null!=this.m2img&&(this.m2img.style.transform=`scale(${e})`)})),this}resize(e,t,s){let i=window.scrollY||document.documentElement.scrollTop;if(i>this.lastScrollTop?this.isUp=!1:this.isUp=!0,this.data.sticky)e.style.background="#fafafa";else if(this.data.stickyData){const t=this.data.stickyData.top;this.data.uncomment&&(window.scrollY>t?(e.style.background="pink",e.style.position="relative",e.style.top=t):(e.style.background="orange",e.style.top=0,e.style.position="fixed"))}this.lastScrollTop=i<=0?0:i;let r=t;this.m2img=t,this.data.view&&(r=this.m2img);let n=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:0,max:100}),a=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:60,max:80}),o=TransformAnim_smartRange(window.scrollY,{min:3150,max:3300},{min:0,max:40});this.data.operation&&"translate"===this.data.operation.type&&(r.style.transform=`translate3d(${n}%, ${n/2}%, 0px) scale(${a/100}) rotate(${o}deg)`)}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}function TransformAnim_smartRange(e,t,s){e<t.min&&(e=t.min),e>t.max&&(e=t.max);let i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));let r=(s.min-s.max)*i-s.min;if(r=Math.abs(r),s.min<s.max){let e=(s.max+Math.abs(s.min))*i;r=s.min+e}return r}class KeyframeAnim{constructor(e){return this.fromFirstImageFlag=!1,this.flag=0,this.flagValue=e.flagValue,this.data=e,this.mask=e.mask,this.maskData=e.maskData,this.id=e.id,this.halfHeight=e.halfHeight,void 0===this.data.type?this.type="default":this.type=this.data.type,this.stickData=e.stickData,this.targetHeight=this.data.targetHeight,this.html=document.body,this.res=document.createElement("div"),this.res.setAttribute("id",this.data.id),this.res.style.border="1px solid green",this.res.style.width="100%",this.res.style.display="grid",this.res.style.position="sticky",this.res.style.top=0,this.res.style.alignSelf="flex-start",this.res.style.justifyContent="center",this.res.style.alignItems="center",this.data.added||(this.res.style.marginTop=this.data.noAddedDistance),this.frameCount=100,this.lastScrollTop=window.scrollY,this.setupTopElement(),this.scrollFunction(),window.addEventListener("scroll",(()=>{this.scrollFunction()})),this.preloadImages(),this}marginTop(e){return this.res.style.marginTop=e,this}toCode(){return[""]}scrollFunction=()=>{void 0===this.flagValue&&(this.flagValue=0);const e=(this.html.scrollTop-this.flagValue)/(this.html.scrollHeight-window.innerHeight)*16;var t=Math.min(this.frameCount-1,Math.ceil(e*this.frameCount));isNaN(t)&&(t=1),t<0&&(t=0),this.data.limit?t<this.data.limit&&requestAnimationFrame((()=>this.updateImage(t+1))):requestAnimationFrame((()=>this.updateImage(t+1))),window.matchMedia("(max-device-width: 415px)")};currentFrame=e=>`${this.data.path}${e.toString().padStart(4,"0")}.${this.data.extension}`;preloadImages=()=>{for(let e=1;e<this.frameCount;e++)new Image,this.img.src=this.currentFrame(e)};updateImage=e=>{this.img.src=this.currentFrame(e)};drawImageProp(e,t,s,i,r,n,a,o){2===arguments.length&&(s=i=0,r=e.canvas.width,n=e.canvas.height),(a="number"==typeof a?a:.5)<0&&(a=0),(o="number"==typeof o?o:.5)<0&&(o=0),a>1&&(a=1),o>1&&(o=1);var l,h,d,c,p=t.width,u=t.height,m=Math.min(r/p,n/u),y=p*m,g=u*m,w=1;y<r&&(w=r/y),Math.abs(w-1)<1e-14&&g<n&&(w=n/g),(l=(p-(d=p/((y*=w)/r)))*a)<0&&(l=0),(h=(u-(c=u/((g*=w)/n)))*o)<0&&(h=0),d>p&&(d=p),c>u&&(c=u),console.log("WEIRD"),console.log(t),console.log(h),console.log(d),e.drawImage(t,l,h,d,c,s,i,r,n)}maska(e){return window.addEventListener("scroll",(()=>{this.innerMask(e)})),this}innerMask(e){if(e){let t=smartRange(window.scrollY,{min:e.start,max:e.end},{min:0,max:7}),s=smartRange(window.scrollY,{min:e.start,max:e.end},{min:37,max:37});this.res.style.clipPath=`inset(${t}% ${t}% round 0 0 ${s}px ${s}px)`}}setupTopElement(){console.warn("TOP INIT");let e=document.createElement("canvas");if(e.style.gridArea="1/1",e.zIndex=1,e.style.display="grid",e.style.gridTemplate="1fr/1fr",e.style.justifyContent="center",e.style.alignItems="center",e.style.marginLeft="auto",e.style.marginRight="auto",this.context=e.getContext("2d"),this.context.canvas.width=window.innerWidth,this.context.canvas.height=1.2*window.innerHeight,this.img=new Image,this.img.onload=()=>{this.data.halfHeight?this.drawImageProp(this.context,this.img,0,0,window.innerWidth,window.innerHeight/2):this.drawImageProp(this.context,this.img,0,0,window.innerWidth,1.2*window.innerHeight)},window.addEventListener("resize",(()=>{this.context.canvas.width=window.innerWidth,this.context.canvas.height=1.2*window.innerHeight,this.drawImageProp(this.context,this.img,0,0,window.innerWidth,1.2*window.innerHeight)})),this.res.appendChild(e),this.data.text){let e=document.createElement("div");e.style.gridArea="1/1";let s=this.data.text.render();if(this.h2a=s,e.appendChild(s),e.setAttribute("id","rem"),this.data.hasRect){let e=document.createElement("div");e.style.width="30px",e.style.height="30px",e.style.backgroundColor="orange"}else for(var t=0;t<this.res.children.length;t++)"rem"===this.res.children[t].id&&this.res.removeChild(this.res.children[t]);this.res.appendChild(e)}this.lastScrollTop=0,this.count=1,this.isUp=!1,this.done=!1,this.fireOnce=!0,this.dec=1,this.tdec=1,this.atdec=0,this.textOpacity=1,this.res.children[this.res.children.length-1].children[0].style.opacity=0,this.data.text&&window.addEventListener("scroll",(()=>{this.h2a.style.backgroundColor="rgba(0, 0, 0, 0.8)",this.h2a.style.opacity=1})),window.addEventListener("scroll",(e=>{if(this.data.stickyData&&this.data.stickyData.top){const e=this.data.stickyData.top;this.data.uncomment&&(window.scrollY>e?(wrapDiv.style.background="pink",wrapDiv.style.position="relative",wrapDiv.style.top=e):(wrapDiv.style.background="orange",wrapDiv.style.top=0,wrapDiv.style.position="fixed"))}let t=window.scrollY||document.documentElement.scrollTop;if(t>this.lastScrollTop?this.isUp=!1:this.isUp=!0,this.lastScrollTop=t<=0?0:t,this.isUp&&this.textOpacity<.98&&(this.textOpacity+=.01),!1===this.isUp&&this.textOpacity>.02&&(this.textOpacity-=.01),this.data.mask){let e=this.res,t=smartRange(window.scrollY,{min:this.data.maskData.start,max:this.data.maskData.end},{min:0,max:7});if(e.style.clipPath=`inset(${t}% ${t}% round 20px)`,!this.hasH2){let t=document.createElement("div");t.style.background="#ecf0f1",t.style.width="86%",t.style.marginLeft="7%",t.style.borderRadius="1rem",this.hasH2=!0,t.appendChild(this.data.newSection.render()),e.parentElement.appendChild(t)}}this.data.targetHeight}))}setLazyText(e){return this.lazyText=e,window.addEventListener("scroll",(()=>{let e=smartRange(window.scrollY,{min:this.lazyText.start,max:this.lazyText.end},{min:0,max:200}),t=smartRange(window.scrollY,{min:this.lazyText.start,max:this.lazyText.end},{min:0,max:1});for(var s=0;s<this.h2a.children[0].children.length;s++)console.log("P"),this.h2a.children[0].children[s].style.transform=`matrix(1, 0, 0, 1, 0, -${e})`,this.h2a.children[0].children[s].style.opacity=""+(t-.2*s)})),this}setProps(e){return e.targetHeight&&(this.data.targetHeight=e.targetHeight),e.flagValue&&(this.flagValue=e.flagValue),this}fixedToRelative(e){this.data.uncomment=e}toSticky(){return this.res.style.position="sticky",this.res.style.top="0",this}setOpacityRange(e){return this.data.opacityRange=e.opacityRange,this.data.scaleRange=e.scaleRange,window.addEventListener("scroll",(()=>{let e=smartRange(window.scrollY,{min:this.data.opacityRange.start,max:this.data.opacityRange.end},{min:0,max:1});this.h2a.style.opacity=e;let t=smartRange(window.scrollY,{min:this.data.scaleRange.start,max:this.data.scaleRange.end},{min:3,max:1});window.matchMedia("(max-device-width: 415px)").matches||(this.h2a.children[0].style.transform=`scale(${t})`)})),this}stick(e){return e?(e.offset&&(null!=this.data.stickyData?this.data.stickyData.top=e.offset:this.data.stickyData={top:e.offset}),e.value?this.makeSticky():this.noSticky(),this):(this.makeSticky(),this)}to100vh(){this.res.style.height="100vh"}makeSticky(){return this.res.style.position="sticky",this.res.style.top=0,this}noSticky(){return this.res.style.position="",this}toOpacity(e){this.res.style.opacity=`${e}`}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}class Stacker{constructor(){this.res=document.createElement("div"),this.res.style.display="flex",this.res.style.flexDirection="column"}add(e){for(var t=0;t<e.length;t++){let s=e[t].render();0===t&&(s.style.zIndex=1),this.res.appendChild(s)}return this}render(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}class ScrollVideo{constructor(){this.frameNumber=0,this.res=document.createElement("div"),this.vid=null,this.minScrollHeight=0,this.maxScrollHeight=1e3,this.videoUrl=""}set({minScrollHeight:e=0,maxScrollHeight:t=1e3,videoUrl:s=""}={}){return this.minScrollHeight=e,this.maxScrollHeight=t,this.videoUrl=s,this.createElements("V0"),this.vid=this.res.children[0],this.init(),this}createElements(e){const t=document.createElement("video");t.id=e,t.setAttribute("tabindex","0"),t.setAttribute("autobuffer","autobuffer"),t.setAttribute("preload","preload"),t.style.position="sticky",t.style.top="0",t.style.left="0",t.style.width="100%",t.style.height="100vh",t.style.border="1px solid orange";const s=document.createElement("source");s.type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"',s.src=this.videoUrl,t.appendChild(s),this.res.appendChild(t);const i=document.createElement("p");i.id="time",i.style.fontFamily="Helvetica, Arial, sans-serif",i.style.fontSize="24px",this.res.appendChild(i);const r=document.createElement("div");r.id="set-height",r.style.display="block",this.res.appendChild(r)}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}init(){this.vid.addEventListener("loadedmetadata",(()=>{const e=document.getElementById("set-height");if(e){const t=this.maxScrollHeight-this.minScrollHeight;e.style.height=`${t}px`}else console.error("Error: 'set-height' element not found.")})),this.scrollPlay()}scrollPlay(){if(!this.vid||isNaN(this.vid.duration))return void window.requestAnimationFrame((()=>this.scrollPlay()));const e=Math.max(this.minScrollHeight,Math.min(window.pageYOffset,this.maxScrollHeight)),t=this.maxScrollHeight-this.minScrollHeight,s=(e-this.minScrollHeight)/t;this.vid.currentTime=s*this.vid.duration,window.requestAnimationFrame((()=>this.scrollPlay()))}toCode(){return[""]}render(){return this.res}}return"undefined"!=typeof window&&(window.ElementMapper=elementMapper.I,window.Animator=animator.y,window.Text=layout_text.E,window.Image=layout_image._,window.Link=layout_link.N,window.FlexRow=flexRow.Y,window.UINavBar=newNavBar.X,window.Free=free.b,window.Audio=audionew.f,window.Progress=Progress,window.Center=Center,window.Code=code.C,window.Stack=stack.B,window.Wrapper=container.m,window.MetaAdder=MetaAdder,window.Table=table.X,window.Dropdown=dropdown2025.m,window.Modal=Modal,window.TextField=textField.A,window.Card=flexCard.Z,window.Wrap=Wrap,window.FlexGrid=FlexGrid,window.ZoomCard=zoomCard.U,window.CustomDivRenderer=CustomDivRenderer,window.SideBar=SideBar,window.SideNav=sideNavBar.f,window.SimpleBar=SimpleBar,window.DesktopBar=betaDesktopBar.C,window.MobileBar=betaMobileBar.m,window.Switcher=multiswitcher.i,window.Spacer=spacer.h,window.HScroller=HScroller,window.Checkbox=layout_checkbox.S,window.Base=Base,window.FilePickera=imagePicker.I,window.Picker=picker.L,window.Range=range.Q,window.RadioGroup=formComponents_radio.z,window.DataList=dataList.T,window.Button=layout_button.$,window.Des=designer.H,window.LinkStyler=linkGetter.a,window.CardGen=cardGetter.Z,window.TransformAnim=TransformAnim,window.KeyframeAnim=KeyframeAnim,window.Stacker=Stacker,window.ScrollVideo=ScrollVideo),void 0!==__webpack_require__.g&&(__webpack_require__.g.ElementMapper=elementMapper.I,__webpack_require__.g.Animator=animator.y,__webpack_require__.g.Text=layout_text.E,__webpack_require__.g.Image=layout_image._,__webpack_require__.g.Link=layout_link.N,__webpack_require__.g.FlexRow=flexRow.Y,__webpack_require__.g.UINavBar=newNavBar.X,__webpack_require__.g.Free=free.b,__webpack_require__.g.Audio=audionew.f,__webpack_require__.g.Progress=Progress,__webpack_require__.g.Center=Center,__webpack_require__.g.Code=code.C,__webpack_require__.g.Stack=stack.B,__webpack_require__.g.Wrapper=container.m,__webpack_require__.g.MetaAdder=MetaAdder,__webpack_require__.g.Table=table.X,__webpack_require__.g.Dropdown=dropdown2025.m,__webpack_require__.g.Modal=Modal,__webpack_require__.g.TextField=textField.A,__webpack_require__.g.Card=flexCard.Z,__webpack_require__.g.Wrap=Wrap,__webpack_require__.g.FlexGrid=FlexGrid,__webpack_require__.g.ZoomCard=zoomCard.U,__webpack_require__.g.CustomDivRenderer=CustomDivRenderer,__webpack_require__.g.SideBar=SideBar,__webpack_require__.g.SideNav=sideNavBar.f,__webpack_require__.g.SimpleBar=SimpleBar,__webpack_require__.g.DesktopBar=betaDesktopBar.C,__webpack_require__.g.MobileBar=betaMobileBar.m,__webpack_require__.g.Switcher=multiswitcher.i,__webpack_require__.g.Spacer=spacer.h,__webpack_require__.g.HScroller=HScroller,__webpack_require__.g.Checkbox=layout_checkbox.S,__webpack_require__.g.Base=Base,__webpack_require__.g.FilePickera=imagePicker.I,__webpack_require__.g.Picker=picker.L,__webpack_require__.g.Range=range.Q,__webpack_require__.g.RadioGroup=formComponents_radio.z,__webpack_require__.g.DataList=dataList.T,__webpack_require__.g.Button=layout_button.$,__webpack_require__.g.Des=designer.H,__webpack_require__.g.LinkStyler=linkGetter.a,__webpack_require__.g.CardGen=cardGetter.Z,__webpack_require__.g.TransformAnim=TransformAnim,__webpack_require__.g.KeyframeAnim=KeyframeAnim,__webpack_require__.g.Stacker=Stacker,__webpack_require__.g.ScrollVideo=ScrollVideo),__webpack_exports__=__webpack_exports__.Bundle,__webpack_exports__})()));