npm - nodality - Versions diffs - 1.0.0-beta.4 → 1.0.0-beta.6 - Mend

nodality 1.0.0-beta.4 → 1.0.0-beta.6

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 (14) hide show

package/dist/designer.cjs.js CHANGED Viewed

	@@ -1 +1 @@
1	- (()=>{"use strict";var __webpack_modules__={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(62Math.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(26Math.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/100window.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/100e.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)}}},26:(e,t,s)=>{s(762).y},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(762).y},128:(e,t,s)=>{s.d(t,{I:()=>A});var r=s(16),n=s(130),o=s(219),a=s(946),l=(s(155),s(828)),h=s(734),d=s(897),c=s(69),p=s(304),u=s(790);class m{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}}var y=s(148),g=(s(751),s(385)),f=s(898),w=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),k=s(959),_=s(836),C=s(588),S=(s(26),s(317)),E=s(342);class ${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)}}class O{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 o=t[n].op.ops.split("-");e&&o.includes("air")&&(i.borderObj={color:"#1abc9c",radius:"0rem",width:"3px"},i.color="#1abc9c",i.background="transparent"),e&&o.includes("round")&&(o.includes("air")?i.borderObj={width:"4px",radius:"0.7rem",color:"#1abc9c"}:i.borderObj={width:"0px",radius:"0.7rem",color:"#1abc9c"}),e&&o.includes("full")&&(i.background="#3498db",i.borderObj&&i.borderObj.radius?i.borderObj.radius="0.3rem":i.color="white"),e&&o.includes("pill")&&(i.background="#3498db",i.borderObj.radius="9999px",i.color="white"),e&&o.includes("hover")&&(i.hover={color:"#1abc9c",background:"orange"}),r.push((new Link).set(i))}return r}}class T{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 o=this.insertTextBetween(r,n);e.push(o)}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}}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 _.C("https://www.w3schools.com/html/mov_bbb.mp4").set({})}static audio(){return new k.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 w.I).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}static picker(e){return(new f.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 table(e){return(new C.X).add([{abbr:"AUIUI/AK9PT",name:"Pokročilé mobilní technologie",grade:"A",date:"09.01.2024"},{abbr:"AUIUI/AK9PT",name:"Pokročilé mobilní technologie",grade:"A",date:"09.01.2024"},{abbr:"AUIUI/AK9PT",name:"Pokročilé mobilní technologie",grade:"A",date:"09.01.2024"}]).set({cellPadding:"0.3em",cellAlign:"center",style:{font:"Arial"},headStyle:{color:"white",background:"#ff6d22"},border:"2px solid black",center:!0,borderRadius:2.2})}static dropdown(e){e.el.items\|\|(e.el.items=["Flower","Car","Maseratti"]);let t=e.el.items.map((e=>(new o.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 a.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 o.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 o.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%, ${10t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10t}%)`,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 o.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 o.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 o.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 o.N("B").set({text:"B",url:"#b"}),new o.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(!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 o.N("").set({text:"A",url:"jk",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new o.N("").set({text:"Kivi new TV",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new o.N("").set({text:"Thanks GPT",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})])]),new o.N("Desktop bar").set({text:"Desktop bar",url:"#a"}),new o.N("B").set({text:"B",url:"#a"}),new o.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 o.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 o.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 o.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 o.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%, ${10t}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10t}%)`,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 a=(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:a)}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 S.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?O.style({el:e.el,re:i,bst:t,options:e.customOptions})[t.length-1]:(new o.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.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 E.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 $).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 f.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 w.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]}}},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)"),o=document.createElement("div");return o.style.viewTransitionName=i,o.style.width="100%",o.style.height="200",r&&(o.style.gridColumn=r.gridColumn,o.style.gridRow=r.gridRow),n.matches&&(o.style.height="500"),o.style.backgroundImage=`url(${e})`,o.style.backgroundPosition="center center",o.style.backgroundRepeat="no-repeat",o.style.backgroundSize="cover","uncover"===s&&(o.style.backgroundSize="contain"),"contain"===t&&(o.style.backgroundSize="contain"),this.res=o,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/100window.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?es:e,this.res.style.height=i.matches?ts:t):(this.res.style.width=i.matches?es:e,this.res.style.height=i.matches?es: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(762).y},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)=>{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,o=document.createElement("datalist");for(o.id="dlCities",r=0;r<n;r+=1){var a=document.createElement("option");a.value=i[r],o.appendChild(a)}return s.appendChild(o),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 o=[],a=[e.border,e.gradient,e.animation,e.span,e.shadow,e.backgroundOp,e.animation];if(a=a.filter((e=>null!=e)),a.length>0){for(var l=0;l<a.length;l++)o.push({range:a[l].range,log:a[l].op.name,target:a[l].target,op:a[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(o,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:o,col:a}=r[n];const{forceX:l,forceY:h}=function(t){let s=0,i=0;return e.forEach(((e,n)=>{const{weight:o,direction:a}=e,l=r[t],h=r[n],d=l.col-h.col,c=l.row-h.row,p=o(1/(Math.sqrt(dd+cc)+1));switch(a){case"L":s-=p;break;case"R":s+=p;break;case"U":i-=p;break;case"B":i+=p}})),{forceX:s,forceY:i}}(n);a=Math.max(1,Math.min(s,a+Math.round(l))),o=Math.max(1,Math.min(t,o+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=o,d.style.gridRowEnd=o+3,d.style.gridColumnStart=a,d.style.gridColumnEnd=a+5,d.style.border=`3px solid #${Math.floor(16777215Math.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 o=document.createElement("input");o.setAttribute("type","radio"),o.setAttribute("id",`S${i}`),o.setAttribute("value",s[i].split(" ").join("")),o.style.appearance="none",o.style.width="20px",o.style.height="20px",o.style.border=this.options.tint?`2px solid ${this.options.tint}`:"2px solid #007BFF",o.style.borderRadius="50%",o.style.outline="none",o.style.cursor="pointer",o.style.transition="0.3s",this.options.font&&(r.style.fontFamily=this.options.font),e.multiple?o.setAttribute("name",s[i].split(" ").join("")):o.setAttribute("name",e.name),t.appendChild(o),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(762).y},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=2e+"px solid black",t.rows[i-1].cells[r].style.borderBottom=2e+"px solid black";for(let r=0;r<i;r++)t.rows[r].cells[0].style.borderLeft=2e+"px solid black",t.rows[r].cells[s-1].style.borderRight=2e+"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)}}}},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.currentSlideIndexe,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="☰",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)=>{window.Range=class{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)}}},758:(e,t,s)=>{s(762).y},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,o]=n.range,a=parseInt(e),l=parseInt(o);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=a&&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,o]=n.range,a=parseInt(e),l=parseInt(o);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===t&&(h=!0)}s>=a&&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,a]=s.range,l=parseInt(e),h=parseInt(a);let d=!0;if(s.target){d=!1;for(var o=0;o<s.target.length;o++)s.target[o]===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(o=0;o<this.options.shadow.op.steps;o++)t+=3,e+=`drop-shadow(${t}px ${t}px ${t}px gray) `;this.res.style.filter=e}if(r.includes("margin"))for(o=0;o<e.length;o++){if(!e[o].op)continue;const t=e[o].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="",o="",a="",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(")?o=e:e.startsWith("skew(")?a=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})`),o&&(p+=` ${o}`),l&&(p+=` ${l}`),a&&(p+=` ${a}`),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=1e3parseFloat(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)}, ${this.animate})`;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}}},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=.7window.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)}}}},__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__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Des:()=>Des});var _lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(128),_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,o=replacementObjects[q];o.target=s,null!=i&&(o.range=i),null!=r&&(o.op.filter=r),null!=n&&(o.op.gradient=n),customOptions[t]=o}}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\|\|"table"==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()):"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`));return this.code=i,s.textContent=this.code,t.appendChild(s),t.setAttribute("class","nonLayout"),document.body.appendChild(t),document.body.appendChild(e),document.createElement("pre").style.marginTop="100px",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}`)}}}module.exports=__webpack_exports__})();
1	+ (()=>{"use strict";var __webpack_modules__={16:(t,e,s)=>{s.d(e,{E:()=>r});var i=s(762);class r extends i.y{constructor(t,e){super(),this.text=t,this.res=null,this.setup(e),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(t){return this.res.style.gridArea=t,this}toCodea(){return this.excludeFromCodeTrue&&(this.code=[""]),this.code}toCode(){if(this.excludeFromCodeTrue)return[""];const t=Object.fromEntries(Object.entries(this.options).filter((([t,e])=>null!==e))),e=JSON.stringify(t,null,4).replace(/"([^"]+)":/g,"$1:");return console.log("OCO"),console.log(e),[`new Text("${this.text}").set(${e})`]}toCSS(){return this.css}toHTMLA(){return this.html}toElCSS(){return this.elCSS=this.elCSS.map((t=>" "+t)),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(t){if(0===t.length)return this;const e=t.filter((t=>"gradient"===t.op.name))[0];if(void 0===e)return this;const s=e.op;if(e.point){const t=()=>{window.matchMedia(`(min-width: ${e.range[0]}) and (max-width: ${e.range[1]})`).matches&&(this.prevBackground=this.res.style.color.toString(),this.res.style.background=s.gradient,this.res.style.WebkitBackgroundClip="text")};t(),window.addEventListener("resize",t)}}strokeOptions(t){if(0===t.length)return this;const e=t.filter((t=>"blast"===t.op.name))[0];if(void 0===e)return this;console.log("DEL");const s=e.op;if(e.point){const t=()=>{window.matchMedia(`(min-width: ${e.range[0]}) and (max-width: ${e.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")};t(),window.addEventListener("resize",t)}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(t,e){return this.res.style.gridRow=t,this.res.style.gridColumn=e,this}setGridRow(t){return this.res.style.gridRow=t,this}setGridCol(t){return this.res.style.gridColumn=t,this}toHTML(){return this.res}onTap(t){return this.res.addEventListener("click",t),this}setClass(t){return this.res.setAttribute("class",t),this}setRandom(){for(var t="LAYOUT-",e=90;e>0;--e)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62Math.random())];return t+=(new Date).getTime(),this.res.setAttribute("class",t),this}styled(t){return this.set(t),this}removeQuotesFromFirstWord(t){return t.replace(/"([^"]+)":/g,"$1:")}set(t){this.resCopy=this.res,this.options=t,super.setPrevText(this.text),t.maxWidth&&(this.res.style.maxWidth=t.maxWidth),t.cursor&&(this.res.style.cursor="hand"),t.gpos&&this.gpos(t.gpos),t.vtn&&(this.res.style.viewTransitionName=t.vtn),t.index&&super.setIndex(t.index),t.index&&(this.index=t.index),t.preffersId&&(this.preffersId=t.preffersId),super.setPref(t.preffersId),t.removeDecoration&&(this.res.style.textDecoration="none"),t.block&&(this.res.style.display="block"),t.area&&this.setArea(t.area),t.icon&&this.addIcon(t.icon),t.color&&this.color(t.color),t.color&&this.elCSS.push(`color: ${t.color}; \n`),t.class&&this.setClass(t.class),t.size&&this.fluidCopy(t.size),t.fluidc&&this.fluidCopy(t.fluidc),t.initLetter&&this.initLetter(t.initLetter),t.onTap&&this.onTap(t.onTap),"S6"===t.fluidc?t.fluidc&&this.elCSS.push("font-size: calc(1.1rem + 2.075vw); \n"):t.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),t.clampc&&this.clampCopy(t.clampc),t.arrpad&&this.arrayPadding(t.arrpad.sides,t.arrpad.value),t.pad&&this.pad(t.pad),t.respad&&this.respad(t.respad),t.resmar&&this.resmar(t.resmar),t.mar&&this.mar(t.mar),t.exact&&(this.res.style.fontSize=t.exact),t.zIndex&&(this.res.style.zIndex=t.zIndex),t.absolute&&(this.res.style.position="absolute"),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.em&&this.em(t.em),t.fluid&&this.fluid(t.fluid),t.font&&this.font(t.font),t.fluidc&&this.elCSS.push(`font-family: ${t.font}; \n`),t.align&&(this.res.style.textAlign=t.align),t.weight&&(this.res.style.fontWeight=t.weight),t.padding&&this.padding(t.padding),t.breakWord&&(this.res.style.wordWrap="break-word"),t.center&&(this.res.style.marginRight="auto"),t.center&&(this.res.style.marginLeft="auto"),t.width&&(this.res.style.width=t.width),t.height&&(this.res.style.height=t.height),t.background&&(this.res.style.backgroundColor=t.background),t.radius&&(this.res.style.borderRadius=t.radius),t.italic&&this.italic(),t.responsive&&this.responsive(),t.border&&(this.res.style.border=`${t.border}`),t.onScroll&&this.onScroll(t.onScroll),t.keySet&&this.keySet(t.keySet),t.maxHeight&&(this.res.style.maxHeight=t.maxHeight),t.transform&&this.reactOnTransform(t.transform),console.log("OGA"),console.log(t);let e=[];if(t.stroke\|\|t.gradient\|\|t.span\|\|t.backgroundOp\|\|t.layout\|\|t.shadow\|\|t.animation\|\|t.filtera\|\|t.transform){t.gradient&&(this.globalGradient=t.gradient.op.gradient),t.stroke&&super.setAny({globalBlast:`${t.stroke.op.width} ${t.stroke.op.color}`}),t.span&&(t.span.prevText=this.text);let i=[t.stroke,t.gradient,t.animation,t.span,t.backgroundOp,t.layout,t.marginOp,t.shadow,t.animation,t.filtera,t.transform];i=i.filter((t=>null!=t));for(var s=0;s<i.length;s++)e.push({range:i[s].range,log:i[s].op.name,target:i[s].target,op:i[s].op});let r=[];t.borderObj&&r.push("border"),t.background&&r.push("background"),t.mar&&r.push("margin"),t.animation&&r.push("animation"),t.span&&r.push("span"),this.chainReact(e,this.options.id,r)}return this}excludeFromCode(){return this.excludeFromCodeTrue=!0,this}addIcon(t){let e=document.createElement("img");return e.style.width="20px",e.style.marginLeft="10px",e.style.height="auto",e.setAttribute("src",t.url),this.res.appendChild(e),this}checkForAnimation(t){t.sort(((t,e)=>parseInt(t.range[0])-parseInt(e.range[0])));const e=window.innerWidth;for(const s of t){const[t,i]=s.range,r=parseInt(t),n=parseInt(i);if(e>=r&&e<=n&&"animation"===s.log){const t=[{opacity:0,transform:"translateY(100px)"},{opacity:1,transform:"translateY(0)"}];this.res.animate(t,{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(t){t.color?this.res.style["-webkit-text-stroke"]=`${t.width?t.width:"1px"} ${t.color}`:this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent"}innerGradient(t){this.res.style.background="linear-gradient(45deg, #ff0000, #00ff00)",this.res.style["-webkit-background-clip"]="text"}arrayMargin(t,e){return e\|\|(this.res.style.marginLeft=`${t[0]}px`,this.res.style.marginTop=`${t[1]}px`,this.res.style.marginRight=`${t[2]}px`,this.res.style.marginBottom=`${t[3]}px`),t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),e\|\|(this.res.style.marginBottom=t),this}clampExperiment(){return this.res.style.fontSize="clamp(1rem, calc(1rem 10rem), 3rem)",this}between(t){return"S1"===t&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===t&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===t&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===t&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===t&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===t&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}betweenCopy(t){return"S1"===t&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===t&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===t&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===t&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===t&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===t&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}stringGen(t){for(var e="",s=0;s<t;s++)e+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(26Math.random()));return e}initLetter(t){let e=document.createElement("style");document.body.appendChild(e),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(t){return"S1"===t&&this.jumbotron(),"S2"===t&&this.large(),"S3"===t&&this.medium(),this}minusMargin(){return this.res.style.marginRight="-3.1em",this}fluid(t){if("S1"===t){this.res=document.createElement("h1");let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.625rem + 4.3vw)"}if("S2"===t){this.res=document.createElement("h2");let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.525rem + 3.525vw)"}if("S3"===t){this.res=document.createElement("h3");let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.375rem + 2.75vw)"}if("S4"===t){this.res=document.createElement("h4");let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.275rem + 1.975vw)"}return"S5"===t&&(this.res.style.fontSize="calc(1.1rem + 1.2vw)"),this}getClampValue(t){return"S7"===t?"clamp(1.45rem, 2vw + 1.5rem, 1.69rem)":"S6"===t?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===t?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===t?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===t?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===t?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===t?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(t){return this.res.style.fontSize=this.getClampValue(t),this}fluidCopy(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);return this.res.appendChild(e),this.res.style.fontSize=t.exact,this}if("S1"===t){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===t){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===t){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===t){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===t){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(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(t){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=t.desktop:this.res.style.fontSize=t.phone};return e(),window.addEventListener("resize",e),this}jumbotron(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="8rem":this.res.style.fontSize="6rem"};return t(),window.addEventListener("resize",t),this}large(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="7rem":this.res.style.fontSize="5rem"};return t(),window.addEventListener("resize",t),this}frame(t){return this.res.style.width=t.width,this.res.style.height=t.height,this}vw(t,e,s){}responsive(t){this.set=!1,this.setB=!1;const e=()=>{window.innerWidth<t.minw?(this.setB=!1,this.set\|\|(this.res.style.color="#3498db",this.res.style.fontSize=t.baseVW/100window.innerWidth+"px",this.set=!0)):window.innerWidth>t.maxw?(this.set=!1,this.setB\|\|(this.res.style.color="orange",this.res.style.fontSize=t.baseVW/100t.maxw+"px",this.setB=!0)):(this.set=!1,this.setB=!1,this.res.style.color="black",this.res.style.fontSize=`${t.baseVW}vw`)};return e(),window.addEventListener("resize",e),this}xlarge(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="6.5rem":this.res.style.fontSize="8.5rem"};return t(),window.addEventListener("resize",t),this}medium(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.25rem":this.res.style.fontSize="1.5em"};return t(),window.addEventListener("resize",t),this}auto(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1rem"};return t(),window.addEventListener("resize",t),this}small(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="1.5em":this.res.style.fontSize="1em"};return t(),window.addEventListener("resize",t),this}sizes(t){this.res.style.fontSize=`${t[0].size}rem`;const e=()=>{for(var e=0;e<t.length;e++)t[e].width&&window.matchMedia(`(min-width: ${t[e].width}px)`).matches&&(this.res.style.fontSize=`${t[e].size}`);window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.fontSize=`${t[t.length-1].mobile}`)};return e(),window.addEventListener("resize",e),this}setup(t){let e;t?(e=document.createElement(t.type),e.setAttribute("id",t.id),t.type):e=document.createElement("p");let s=document.createTextNode(this.text);return e.appendChild(s),this.res=e,this.res.style.padding=0,this.res.style.margin=0,this}hide(){return this.res.style.visibility="hidden",this}font(t){return this.res.style.fontFamily=t,this}center(){return this.res.style.textAlign="center",this}size(t){return this.res.style.fontSize=t,this}em(t){return this.res.style.fontSize=`${t}em`,this}color(t){return this.res.style.color=t,this}align(t){return this.res.style.textAlign=`${t}`,this}weight(t){return this.res.style.fontWeight=t,this}bold(){return this.res.style.fontWeight="bold",this}italic(){return this.res.style.fontStyle="italic",this}width(t,e){return this.res.style.width=t,e&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}offset(t){return this.res.style.gridRow=2,this.res.style.gridColumn=2,this.res.style.marginLeft="-60px",this}border(t,e){return this.res.style.border=`${e}px solid ${t}`,this}padding(t,e,s,i){return(t\|\|e\|\|s\|\|i)&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=s,this.res.style.paddingBottom=i),e\|\|s\|\|i\|\|(this.res.style.padding=t),this}arrayPadding(t,e){return t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),e\|\|(this.res.style.paddingBottom=t),this}margin(t,e,s,i){return(t\|\|e\|\|s\|\|i)&&(this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=s,this.res.style.marginBottom=i),e\|\|s\|\|i\|\|(this.res.style.margin=t),this}margin(t,e){return"top"==t?this.res.style.marginTop=e:"bottom"==t?this.res.style.marginBottom=e:"left"==t?this.res.style.marginLeft=e:"right"==t&&(this.res.style.marginRight=e),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(t,e){var s=this.res,i=this.text;return Object.defineProperty(t,e,{set(t){let e=document.createTextNode(i.replace("$",t));s.replaceChild(e,s.childNodes[0])}}),this}style(t){return this.res.style.color=t.styles.color,this.res.style.fontWeight=t.styles.fontWeight,this.res.style.paddingLeft=t.styles.padding[0],this.res.style.paddingTop=t.styles.padding[1],this.res.style.paddingRight=t.styles.padding[2],this.res.style.paddingBottom=t.styles.padding[3],this.res.style.marginLeft=t.styles.margin[0],this.res.style.paddingTop=t.styles.margin[1],this.res.style.paddingRight=t.styles.margin[2],this.res.style.paddingBottom=t.styles.margin[3],this.res.style.opacity=t.styles.opacity,this}applyStyle(t,e){return window.matchMedia(`(max-width: ${t}px)`).matches&&Object.assign(this.res.style,e.styles),this}nextApply(t){let e=[];this.res.style;const s=s=>{e[0].matches?Object.assign(this.res.style,t[0].styles):e[1].matches?Object.assign(this.res.style,t[1].styles):Object.assign(this.res.style,t[t.length-1].styles)};for(var i=0;i<t.length;i++){let r=t[i],n=window.matchMedia(`(min-width: ${r.min}px) and (max-width: ${r.max}px)`);e.push(n),e[i].addListener(s)}return s(),this}apply(t){var e=this.res.styles;const s=()=>{for(var s=0;s<t.length;s++){let i=t[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,e)):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,e))}};return s(),window.addEventListener("resize",s),this}render(t){if(!t)return this.res;this.options&&this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(t).appendChild(this.res)}}},26:(t,e,s)=>{s(762).y},69:(t,e,s)=>{s.d(e,{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(t){this.options=t,t.title&&(this.toggleWrap.textContent=t.title),t.width&&(this.toggleWrap.style.width=t.width),t.contentWidth&&(this.contentWrap.style.width=t.contentWidth),t.background&&(this.contentWrap.style.backgroundColor=t.background),t.mar&&this.mar(t.mar);const e=()=>{let e=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia(`(max-width: ${t.breakpoint??"600px"})`);e.matches\|\|s.matches?this.contentWrap.style.position="relative":this.contentWrap.style.position="absolute"};return window.addEventListener("resize",e),e(),this}add(t){if(!Array.isArray(t))throw new Error("The 'add' method expects an array of children.");if(t.forEach(((t,e)=>{if(0!==e){if(!(t.res instanceof HTMLElement))throw new Error("Each child must have a valid 'element' property that is an HTMLElement.");this.contentWrap.appendChild(t.res)}})),!this.options\|\|!this.options.title){const e=t[0];e&&e.res&&this.toggleWrap.appendChild(e.res)}return this.children.push(...t),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((([t,e])=>"string"==typeof e?`${t}: "${e}"`:"object"==typeof e?`${t}: ${JSON.stringify(e)}`:`${t}: ${e}`)).join(",\n "):""}\n}).add([\n ${this.children.map(((t,e)=>t.toCode().flatMap((t=>t)).join("")+(e<this.children.length-1?",":""))).join("")}\n])`]}render(t){return t&&document.querySelector(t).appendChild(this.res),this.res}}},110:(t,e,s)=>{s(762).y},128:(t,e,s)=>{s.d(e,{I:()=>T});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);class m{constructor(t){if(this.hide=t,t){var e=document.createElement("div");e.style.flex="1",this.res=e}return t&&this.res.setAttribute("class","innerHider"),this}toCode(){return[`new Spacer(${this.hide})`]}render(){var t=document.createElement("h2");return t.style.display="none !important",this.res??t}}var y=s(148),g=(s(751),s(385)),f=s(898),w=s(877);s(216);class b{constructor(t="",e="POST"){this.action=t,this.method=e,this.elements=[],this.formElement=document.createElement("form"),this.formElement.action=this.action,this.formElement.method=this.method}add(t){return this.elements=t,console.log("CODEA"),console.log(this.elements),console.log(this.elements.length),t.forEach((t=>{if(!t\|\|"function"!=typeof t.render)throw new Error("Each element in the array must have a render method that returns an HTML DOM element.");this.formElement.appendChild(t.render())})),console.log(this.elements),this}toCode(){let t=this.elements.map((t=>t.toCode())),e=Object.entries(this.obj).map((([t,e])=>`${t}: ${"string"==typeof e?`"${e}"`:e}`)).join(", ");return console.log("FORM DQ"),console.log(t),[`new Form().set({${e}}).add([ \n ${t.join(", \n")}])`]}set(t){return this.obj=t,t.action&&this.setAction(t.action),t.method&&this.setMethod(t.method),this}setAction(t){this.action=t,this.formElement.action=this.action}setMethod(t){this.method=t,this.formElement.method=this.method}render(t){return t&&document.querySelector(t).appendChild(this.formElement),this.formElement}}var x=s(207),v=s(733),k=s(959),_=s(836),C=(s(588),s(26),s(317)),S=s(342);class E{constructor(t){this.res=null,this.st=t}setup(){let t=document.createElement("div");return t.style.display="grid",this.res=t,this.st&&this.sticky(),this}set(t){return this.setup(),t.height&&(this.res.style.height=t.height),t.sticky&&this.sticky(),this}sticky(){return this.res.style.position="sticky",this.res.style.top=0,this}add(t){this.children=t;for(var e=0;e<t.length;e++){let s=t[e].render();s.style.gridColumn=1,s.style.gridRow=1,this.res.appendChild(s)}return this}toCode(){let t="new Stack().set({})";return this.children.length>0&&(t+=`.add([\n \n ${this.children.map((t=>t.toCode())).join(",\n")} \n \n])`),[t]}render(t){if(!t)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(t).appendChild(this.res)}}class ${static style(t){let e=t.bst,s=t.el,i=t.re,r=(t.options,[]);for(var n=0;n<e.length;n++){let t=!0;e[n].target&&(t=!1,s.id===e[n].target[0]&&(t=!0))}for(n=0;n<e.length;n++){let t=!0;e[n].target&&(t=!1,s.id===e[n].target[0]&&(t=!0));let a=e[n].op.ops.split("-");t&&a.includes("air")&&(i.borderObj={color:"#1abc9c",radius:"0rem",width:"3px"},i.color="#1abc9c",i.background="transparent"),t&&a.includes("round")&&(a.includes("air")?i.borderObj={width:"4px",radius:"0.7rem",color:"#1abc9c"}:i.borderObj={width:"0px",radius:"0.7rem",color:"#1abc9c"}),t&&a.includes("full")&&(i.background="#3498db",i.borderObj&&i.borderObj.radius?i.borderObj.radius="0.3rem":i.color="white"),t&&a.includes("pill")&&(i.background="#3498db",i.borderObj.radius="9999px",i.color="white"),t&&a.includes("hover")&&(i.hover={color:"#1abc9c",background:"orange"}),r.push((new Link).set(i))}return r}}class O{static cards(t,e,s){console.log("PP"),console.log(s);let i=[];for(var r=0;r<t.children.length;r++){let n=t.children[r];"text"===n&&this.insertTextToCard(i,e,t,s),"image"!==n\|\|t.backgroundCard\|\|i.push('\n new Image("https://upload.wikimedia.org/wikipedia/commons/3/3a/Starship_S20.jpg").set({})'),"link"===n&&(e.op?i.push(`\n ${s.tabSpace(6)} ${s.link[e.op.theme.toLowerCase()].code}`):i.push(`\n ${s.tabSpace(6)} ${s.link.base.code}`))}return i}static insertTextToCard(t,e,s,i){if(e.op)if(e.op.ops&&e.op.ops.includes("text-blast")){let r=`\n ${i.tabSpace(6)} ${i.text[e.op.theme.toLowerCase()].code}`,n=i.ops[e.op.theme.toLowerCase()].blast.code;s.backgroundCard\|\|(n=i.ops[e.op.theme.toLowerCase()].blastFun(1));let a=this.insertTextBetween(r,n);t.push(a)}else t.push(`\n ${i.tabSpace(6)} ${i.text[e.op.theme.toLowerCase()].code}`);else t.push(`\n ${i.tabSpace(6)} ${i.text.base.code}`)}static insertTextBetween(t,e){let s=t.match(/(color: ".+?",)(.+?)(id: ".+?")/);if(s){let i=s.index+s[0].length,r=t.slice(0,i)+", "+e+", "+t.slice(i);return console.log("RETA"),console.log(r),r}return t}}class T{static mapType(t){return["h1","h2","h3","h4","h5","h6"].includes(t.el.type)?this.mapText(t):"img"===t.el.type?this.mapImage(t):"a"===t.el.type?this.mapLink(t):"cards"===t.el.type?this.mapGrid(t):"free"===t.el.type?this.mapFree(t):"nav"===t.el.type?this.protoNav(t):"sideNav"===t.el.type?this.sideNav(t):"row"===t.el.type?this.row(t):"dropdown"===t.el.type?this.dropdown(t):"modal"===t.el.type?this.modal(t):"slider"===t.el.type?this.slider(t):"table"===t.el.type?this.table(t):"radio"===t.el.type?this.radio(t):"input"===t.el.type?this.input(t):"labelInput"===t.el.type?this.floatInput(t):"filePicker"===t.el.type?this.filePicker(t):"picker"===t.el.type?this.picker(t):"video"===t.el.type?this.video(t):"audio"===t.el.type?this.audio(t):"multiswitcher"===t.el.type?this.multiswitcher(t):"button"===t.el.type?this.button(t):"form"===t.el.type?this.form(t):"checkbox"===t.el.type?this.checkbox(t):"stack"===t.el.type?this.stack(t):"simple"===t.el.type?this.simple(t):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 _.C("https://www.w3schools.com/html/mov_bbb.mp4").set({})}static audio(){return new k.f("rouska.mp3").set({background:"#1abc9c"})}static radio(t){return(new g.z).set({items:["Male","Female","Third shit"],multiple:!0})}static input(t){return(new TextField).set({type:"text",placeholder:"Enter swimming time",arrayMargin:{sides:["all"],value:"1rem"}})}static floatInput(t){return(new y.l).set({title:"Your name",type:"input"})}static filePicker(t){return(new w.I).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}static picker(t){return(new f.L).set({items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},rounded:!0})}static modal(t){}static slider(t){let e=[(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(e,null)}static dropdown(t){t.el.items\|\|(t.el.items=["Flower","Car","Maseratti"]);let e=t.el.items.map((t=>(new a.N).set({pad:[{a:10}],font:"Arial",bold:!0,link:"https://www.apple.com",text:t,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(t.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(e.slice(1))])}static row(t){return t.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(t){t.customOptions;let e=[{title:"Fire",link:"@e"},{title:"and",link:"@e"},{title:"smoke",link:"@e"}],s=e.map(((t,e)=>new a.N(`"${t.title}"`).set({fluidc:"S6",text:t.title,link:t.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3}}))),i=e.map(((t,e)=>new a.N(`"${t.title}"`).set({fluidc:"S6",text:t.title,link:t.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%, ${10e}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10e}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));if(t.el.dropdown){const t=(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(t),s.push(t)}return t.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(!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(t){t.customOptions;let e=[{title:"Home",link:"@e"},{title:"Projects",link:"@e"},{title:"Services",link:"@e"}];const s=e.map(((t,e)=>new a.N(`"${t.title}"`).set({fluidc:"S4",text:t.title,link:t.link,isNavA:!0,url:"#e",id:"#"+t.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=e.map(((t,e)=>new a.N(`"${t.title}"`).set({fluidc:"S4",text:t.title,link:t.link,isNavA:!0,url:"#e",id:"#"+t.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%, ${10e}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10e}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));t.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}]}),t.el.animation?n[0]:s[0],t.el.animation?n[1]:s[1],t.el.animation?n[2]:s[2],t.el.animation&&t.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:t.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(t.el.offcanvas?l:o)}static mapFree(t){let e=t.customOptions.filter((t=>"slayout"===t.op.name\|\|"layout"===t.op.name))[0],s=null,i={cols:6,rows:6};return"text-above-image"!==e.op.value&&"image-above-text"!==e.op.value\|\|(s=null,i=null),"image-overlay-text"===e.op.value&&(s={text:{row:"1 / span 2",col:"3 / span 2"},image:{row:"2 / span 3",col:"3 / 3"}}),"image-leftof-text"===e.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(t){let e=t.el;return new r.E(e.text\|\|e.value).set({id:e.id,class:e.class,color:e.color,fluidc:this.getElType(e.type),font:e.font??"Arial",stroke:this.filtero("blast",e.id,t.customOptions),gradient:this.filtero("gradient",e.id,t.customOptions),animation:this.filtero("animation",e.id,t.customOptions),shadow:this.filtero("shadow",e.id,t.customOptions),span:this.filtero("span",e.id,t.customOptions),backgroundOp:this.filtero("background",e.id,t.customOptions),marginOp:this.filtero("margin",e.id,t.customOptions),transform:this.filtero("transform",e.id,t.customOptions)})}static mapImage(t){let e=t.el;return new n._(e.url).set({...e,isFull:e.isFull,animation:this.filtero("animation",e.id,t.customOptions),shadow:this.filtero("shadow",e.id,t.customOptions),marginOp:this.filtero("margin",e.id,t.customOptions),filtera:this.filtero("filter",e.id,t.customOptions)})}static mapLink(t){let e=t.customOptions.filter((t=>"link-style"===t.op.name)),s=null,i=t.el;return t.el.id&&(i.id=t.el.id),t.el.link&&t.el.text&&(i.url=t.el.link,i.text=t.el.text),i.keySet={key:"background",value:"shadow: 3px 3px solid green"},i.animation=this.filtero("animation",t.el.id,t.customOptions),i.class=t.el.class,i.width=t.el.width,i.font="Arial",i.fluidc=t.el.fluidc,i.index=t.i+"",i.shadow=this.filtero("shadow",t.el.id,t.customOptions),i.backgroundOp=this.filtero("background",t.el.id,t.customOptions),i.pad=[{a:10}],s=e.length>0?$.style({el:t.el,re:i,bst:e,options:t.customOptions})[e.length-1]:(new a.N).set(i),s}static mapGrid(t){console.log("OBJ IS"),console.log(t.storage);let e=[],s=t.customOptions.filter((t=>"card-style"===t.op.name))[0]??{};e=O.cards(t.el,s,t.storage);let i=`new Card()\n .set({\n width: "300px", radius: "0.7rem", mar: { sides: ["all"], value: "0.8rem" }})\n .items([${e.join(",")} \n ])`;return t.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 ${e.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(t){if(t.customOptions,rta){let t=el;t.makeResponsiveBehaviour=rta.op.hash[0].l,t.index=i;let e={width:"200px",height:"100px"};if(ela=(new p.m).set(t),rta.op.hash[0].child){e.makeResponsiveBehaviour=rta.op.hash[0].child.l;let s=(new p.m).set(e).add([new r.E("Hello")]);ela=(new p.m).set(t).add([s])}}}static checkbox(t){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(t){return(new E).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(t){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 f.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 w.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(t){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(t){return`S${t.substr(1)}`}static filtero(t,e,s){return s.filter((e=>e.op.name===t)).filter((t=>!t.target\|\|t.target.includes(e)))[0]}}},130:(t,e,s)=>{s.d(e,{_:()=>r});var i=s(762);class r extends i.y{constructor(t,e,s,i){super(),this.url=t,this.res=null,this.code=[]}removeQuotesFromFirstWord(t){return t.replace(/"([^"]+)":/g,"$1:")}setType({url:t,type:e,mode:s}){if(this.code=[],"exact"===e){const t=`new Image("${this.url}", "exact")`;this.code.push(t)}else if("uncover"===e){const t=`new Image("${this.url}", "uncover")`;this.code.push(t)}else this.code.push(`new Image('${this.url}')`);return this.image(this.url,s,e),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(t){return this.res.style.maxWidth=t,this}getHeight(){return this.res.height}getWidth(){return this.res.width}getType(){return"HTMLImageElement"}toCode(){let t=this.options;this.res.style.border&&(t.border=this.res.style.border);const e=Object.fromEntries(Object.entries(t).filter((([t,e])=>null!==e)));return[`new Image().set(${JSON.stringify(e,null,2).replace(/"(\w+)"\s:/g,"$1:")})`]}formatObj(t){return JSON.stringify(t,null,2).replace(/"(\w+)"\s:/g,"$1:")}set(t){let e="";this.options=t;let s=t.isFull;if(s?this.image(t.url,"exact",s,"a"):this.setup(),t.url&&this.res.setAttribute("src",t.url),("exact"===s\|\|"uncover"===s)&&this.url,t.vtn&&(this.res.style.viewTransitionName=t.vtn),this.vtn=t.vtn,t.minHeight&&(this.res.style.minHeight=t.minHeight),t.index&&super.setIndex(t.index),t.index&&(this.index=t.index),t.index&&(e+=`\n index: "${t.index}",`),t.centerSelf&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto"),t.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"),t.objectFit&&(this.res.style.objectFit=t.objectFit),t.objectFit&&(e+=`\n objectFit: "${t.objectFit}",`),t.as&&this.as(t.as),t.onScroll&&this.onScroll(t.onScroll),t.class&&this.res.setAttribute("class",t.class),t.gpos&&(this.gposObject=t.gpos),t.gpos&&(this.res.style.gridColumn=t.gpos.col,this.res.style.gridRow=t.gpos.row,e+=`\n gpos: ${this.removeQuotesFromFirstWord(JSON.stringify(t.gpos))}, `),t.filtera){let s;s=Array.isArray(t.filtera)?r.filtera.filter((t=>"filter"===t.op.name))[0]:t.filtera,e+=`\n filtera: ${this.removeQuotesFromFirstWord(JSON.stringify(s))}, \n`}if(t.keySet&&this.keySet(t.keySet),t.stype&&this.setType(t.stype),t.isBackground&&(this.isBackground=t.isBackground),t.zIndex&&(this.res.style.zIndex=t.zIndex),t.zIndex&&(e+=`\n zIndex: "${t.zIndex}", \n`),t.id&&this.res.setAttribute("id",t.id),t.id&&(e+=` id: "${t.id}", \n`),this.id=t.id,t.area&&this.setArea(t.area),t.area&&(e+=`area: "${t.area}", \n`),t.opacity&&(this.res.style.opacity=t.opacity),t.width&&(this.res.style.width=t.width),t.width&&(e+=`width: "${t.width}", `),t.maxWidth&&(this.res.style.maxWidth=t.maxWidth),t.maxWidth&&(e+=`maxWidth: "${t.maxWidth}", `),t.height&&(this.res.style.height=t.height),t.height&&(e+=`height: "${t.height}", `),t.multimargin&&this.makeMultiMargin(t.multimargin),t.multimargin&&(e+="multimargin: [ \n"),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.multimargin){for(var i=0;i<t.multimargin.length;i++){const s=t.multimargin[i];e+=`{side: "${s.side}", value: "${s.value}"}, \n`}e+="], \n"}t.maxWidth&&this.maxWidth(t.maxWidth),t.maxWidth&&(e+=`maxWidth: "${t.maxWidth}", \n`),t.radius&&this.cornerRadius(t.radius),t.radius&&(e+=`radius: "${t.radius}", \n`),t.marginOp&&(e+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(t.marginOp))},`),t.clipPath&&this.clipPath(t.clipPath),t.clipPath&&(e+=`clipPath: "${t.clipPath}", \n`);let r=t;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 t=[r.stroke,r.gradient,r.animation,r.span,r.backgroundOp,r.layout,r.marginOp,r.shadow,r.filtera,r.animation];t=t.filter((t=>null!=t));let e=[];for(i=0;i<t.length;i++)e.push({range:t[i].range,log:t[i].op.name,target:t[i].target,op:t[i].op});this.chainReact(e,this.options.id)}if(r.shadow){let t=r.shadow;e+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(t))},`}if(r.animation){let t=r.animation;e+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(t))},`}let n=`\n .set({${e}}) \n \n`;return Object.keys(t).length>0?this.code.push(n):this.code.push(","),this}setFilter(t){let e=[],s=[t];s=s.filter((t=>null!=t));for(var i=0;i<s.length;i++)e.push({range:s[i].range,log:s[i].op.name,target:s[i].target})}makeMultiMargin(t){for(var e=0;e<t.length;e++)"left"===t[e].side&&(this.res.style.marginLeft=t[e].value),"right"===t[e].side&&(this.res.style.marginRight=t[e].value),"top"===t[e].side&&(this.res.style.marginTop=t[e].value),"bottom"===t[e].side&&(this.res.style.marginBottom=t[e].value);return this}setID(t){return this.res.setAttribute("id",t),this}square(){return this.res.style.width="30%",this.res.style.paddingBottom="30%",this}opacity(t){return this.res.style.opacity=`${t}`,this}rowCol(t,e){return this.res.style.gridRow=t,this.res.style.gridColumn=e,this}setArea(t){return this.res.style.gridArea=t,this}setGridRow(t){return this.res.style.gridRow=t,this}setGridCol(t){return this.res.style.gridColumn=t,this}setGrid(){return this.res.style.gridRow="span 2",this.res.style.gridColumn="span 3",this}transform(t){return this.res.style.transform=t,this}offset(){return this.res.style.marginLeft="-60px",this}offseta(){return this.res.style.marginLeft="90px",this.res.style.marginTop="-30px",this}borderAround(t){return this.res.style.border=t,this}setClass(t){return this.res.setAttribute("class",t),this}scale(t){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(t){return this.res.addEventListener("click",t),this}border(t){return this.res.style.borderTopLeftRadius="16px",this.res.style.borderTopRightRadius="16px",this}allRound(t){return this.res.style.borderRadius=t,this}mobileWidth(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="120%"),this}image(t,e,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(${t})`,a.style.backgroundPosition="center center",a.style.backgroundRepeat="no-repeat",a.style.backgroundSize="cover","uncover"===s&&(a.style.backgroundSize="contain"),"contain"===e&&(a.style.backgroundSize="contain"),this.res=a,this}arrayPadding(t,e){return t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),this}arrayMargin(t,e){return t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),this}setup(){let t=document.createElement("img");return t.style.width="100%",t.src=this.url,this.res=t,this}autoW(){return this.res.style.width="initial",this}float(t){return this.res.style.float=`${t}`,this}fillAvailable(){return this.res.style.height="-webkit-fill-available",this}grayscale(t){return this.res.style.filter=`grayscale(${t}%)`,this}flex(t){return this.res.style.flex=1,this}height(t){return this.res.style.height=t,this.res.style.width="auto",this}expand(t){const e=()=>{if(window.matchMedia(`(min-width: ${t.at})`).matches){this.res.style.width=`${t.width}`;let i=window.innerWidth/2-(s=e=t.width,(e.includes("%")\|\|e.includes("px"))&&(s=s.substr(0,2)),(e.includes("%")?Number(s/100window.innerWidth):e.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 e,s;window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%",this.res.style.marginLeft="0px")};return e(),window.addEventListener("resize",e),this}width(t){return this.res.style.width=t,this.res.style.height="auto",this}toBack(){return this.res.style.zIndex="-1",this}margin(t,e,s,i){return(t\|\|e\|\|s\|\|i)&&(this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=s,this.res.style.marginBottom=i),e\|\|s\|\|i\|\|0===e&&0===s&&0===i\|\|(this.res.style.margin=t),this}padding(t){return this.res.style.padding=t,this}size(t,e){return t&&e?(this.res.style.width=t,this.res.style.height=e):(this.res.style.width=t,this.res.style.height=t),this}frame(t){let e=t.width,s=t.height;return e&&s?(this.res.style.width=e,this.res.style.height=s):(this.res.style.width=e,this.res.style.height=e),this}RSize(t,e,s){let i=window.matchMedia("(max-device-width: 420px)");return t&&e?(this.res.style.width=i.matches?ts:t,this.res.style.height=i.matches?es:e):(this.res.style.width=i.matches?ts:t,this.res.style.height=i.matches?ts:t),this}shadow(t){return"mild"===t.type?this.res.style.boxShadow="0px 3px 15px rgba(0,0,0,0.2)":this.res.style.boxShadow=`${t.x}px ${t.y}px ${t.radius}px ${t.color}`,this}clipShape(t){return this.res.style.borderRadius="50%",this}cornerRadius(t){return this.res.style.borderRadius=t,this}clipPath(t){this.res.style.clipPath=`path("${t}")`;let e=document.createElementNS("http://www.w3.org/2000/svg","svg");return e.style.display="block",e.style.width="100%",e.style.height="100%",e.style.overflow="visible",this}render(t){let e=this.res;if(!t)return e;document.querySelector(t).appendChild(e)}}},148:(t,e,s)=>{s.d(e,{l:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(t){this.options=t;let e=document.createElement("div"),s=document.createElement("label");s.style.position="relative",s.style.display="block";let i=document.createTextNode(t.title);s.appendChild(i),s.style.opacity=0;var r=document.createElement("input");return"textarea"===t.type&&(r=document.createElement("textarea")),r.style.position="relative",r.placeholder=t.title,r.style.fontSize="1rem",r.style.padding=".4rem .75rem",e.appendChild(s),e.appendChild(r),this.res=e,t.mar&&this.mar(t.mar),t.pad&&this.pad(t.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",t.font&&(s.style.fontFamily=t.font),t.color&&(s.style.color=t.color),t.exact&&(s.style.fontSize=t.exact)})),r.addEventListener("focusout",(()=>{s.style.transform="scale(1.0)",r.placeholder=t.title,s.style.opacity="0.0"})),t.name&&r.setAttribute("name",t.name),window.matchMedia("(max-device-width: 415px)").matches&&(r.style.width="100%",e.style.width="100%"),r.style.fontSize="1rem",this.el=e,this}getValue(){return this.el.children[1].value}toCode(){let t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s:)/g,"$1"),[`new FloatingInput().set(${t})`]}margin(t){return this.el.style.margin=t,this}render(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}window.FloatingInput=r},155:(t,e,s)=>{s(762).y},207:(t,e,s)=>{s.d(e,{$:()=>r});var i=s(762);class r extends i.y{constructor(t,e){super(),this.text=t,this.res=null,this.val=e,this.setup()}setup(t){return this}hover(t){return this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,t.animation&&(this.res.style.transition=`${t.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=t.background,this.res.style.color=t.color},this}set(t){this.options=t;let e=document.createElement("button");if(e.style.background="transparent",t.url){let s=document.createElement("img");s.setAttribute("src",t.url),s.style.width=t.frame.width,s.style.height=t.frame.height,e.appendChild(s)}else{let t=document.createTextNode(this.text.replace("$",this.val));e.appendChild(t)}this.res=e,t&&"submit"===t.type&&e.setAttribute("type",t.type);let s="";return this.border("none"),this.res.style.display="block",t.background&&this.background(t.background),t.padding&&this.padding(t.padding),t.margin&&this.margin(t.margin),t.mar&&this.mar(t.mar),t.pad&&this.pad(t.pad),t.centered&&(this.res.style.marginRight="auto",this.res.style.marginLeft="auto",this.res.style.backgroundColor="black"),t.border&&this.border(t.border),t.radius&&this.borderRadius(t.radius),t.class&&this.setClass(t.class),t.color&&this.color(t.color),t.auto&&this.auto(),t.weight&&(this.res.style.fontWeight=t.weight),t.fluidc&&this.fluidButtonCopy(t.fluidc),t.fluidc&&(s+=`\n fluidc: "${t.fluidc}",`),t.onTap&&this.onTap(t.onTap),t.frame&&this.frame(t.frame),t.frame&&(s+=`\n frame: "${t.frame}",`),t.arrpad&&this.arrayPadding(t.arrpad.sides,t.arrpad.value),t.arrpad&&(s+=`\n arrpad: {sides: ["${t.arrpad.sides}"], value: "${t.arrpad.value}"},`),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&(s+=`\n arrayMargin: {sides: ["${t.arrayMargin.sides}"], value: "${t.arrayMargin.value}"},`),t.keySet&&this.keySet(t.keySet),this}arrayPadding(t,e){return t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),t.includes("all")&&(this.res.style.padding=e),e\|\|(this.res.style.paddingBottom=t),this}arrayMargin(t,e){return e\|\|(this.res.style.marginLeft=`${t[0]}px`,this.res.style.marginTop=`${t[1]}px`,this.res.style.marginRight=`${t[2]}px`,this.res.style.marginBottom=`${t[3]}px`),t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),e\|\|(this.res.style.marginBottom=t),this}fluidButtonCopy(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);return this.res.appendChild(e),this.res.style.fontSize=t.exact,this}if("S1"===t){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===t){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===t){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===t){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===t){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setClass(t){return this.res.setAttribute("class",t),this}color(t){return this.res.style.color=t,this}background(t){return this.res.style.background=t,this}width(t){return this.res.style.width=t,this}borderRadius(t){return this.res.style.borderRadius=t,this}padding(t,e,s,i){return t&&e&&s&&i?(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=t,this}margin(t,e,s,i){return t&&e&&s&&i?(this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=s,this.res.style.marginBottom=i):this.res.style.margin=t,this}auto(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2.2rem":this.res.style.fontSize="1rem"};return t(),window.addEventListener("resize",t),this}large(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?(alert("WOW"),this.res.style.fontSize="6rem"):this.res.style.fontSize="3rem"};return t(),window.addEventListener("resize",t),this}border(t,e){return"none"===t&&(this.res.style.border="none"),this.res.style.border=`${t} solid ${e}px`,this}frame(t){return this.res.style.width=t.width,this.res.style.height=t.height,this}updating(t,e){var s=this.res,i=this.text;return Object.defineProperty(t,e,{set(t){let e=document.createTextNode(i.replace("$",t));s.replaceChild(e,s.childNodes[0])}}),this}onTap(t){return this.res.addEventListener("click",t),this}toCode(){const t=JSON.stringify(this.options,((t,e)=>"function"==typeof e?e.toString():e),4).replace(/"(\w+)":/g,"$1:").replace(/"(\s=>\s{[^}]})"/gs,"$1").replace(/\\n/g,"").replace(/\\"/g,'"');return[`new Button("${this.text}").set(${t})`]}render(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}},216:(t,e,s)=>{class i{constructor(){this.res=null,this.currentItem=""}set(t){let e=t;this.options=t;var s=document.createElement("input");s.setAttribute("list","dlCities"),s.setAttribute("id","my");var i=t.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 t=document.querySelector("#my").value;console.log(t),this.currentItem=t})),s.setAttribute("placeholder","Type value"),s.style.padding=".4rem .75rem",s.style.fontSize="1rem",this.res=s,this.responsive(),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}toCode(){return[`new DataList().set(${JSON.stringify(this.options,null,4)})`]}getValue(){return this.res.value}arrayPadding(t,e){return console.log(t),t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),t.includes("all")&&(this.res.style.padding=e),this}arrayMargin(t,e){return console.log(t),t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),this}margin(t){return this.res.style.margin=t,this}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}render(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}var r=i;i=function(...t){return new r(...t)},window.DataList=i},219:(t,e,s)=>{s.d(e,{N:()=>r});var i=s(762);class r extends i.y{constructor(t,e,s){super(),this.link=e,this.text=t,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(t){return this.res.style.gridArea=t,this}setup(){let t=document.createElement("a");t.setAttribute("href",this.link),t.style.textDecoration="none",t.style.color="black",t.style.textAlign="center",t.style.fontFamily="Arial";var e=document.createTextNode(this.text);return t.appendChild(e),this.res=t,!1===this.stopEM&&this.em(1),this}appendImageAsChild(t,e){let s=document.createElement("a");t.options.vtn&&(s.style.viewTransitionName=t.options.vtn),s.setAttribute("href",t.options.url);let i=document.createElement("img");return t.options&&(i.style.width=t.options.size,t.options.radius&&(i.style.borderRadius=t.options.radius),i.setAttribute("src",t.options.img),s.appendChild(i)),this.res=s,e&&(this.res.style.marginLeft=e),this}addIcon(t){let e=document.createElement("img");return e.style.width="20px",e.style.height="auto",e.style.marginLeft=t.padding?t.padding:"10px",e.setAttribute("src",t.url),this.res.appendChild(e),this}removeQuotesFromFirstWord(t){if(t)return t.replace(/"([^"]+)":/g,"$1:")}set(t){this.elCSS.push("text-decoration: none; \n"),this.options=t;let e="";t.id&&this.res.setAttribute("id",t.id),t.id&&super.setID(t.id),t.pad&&this.pad(t.pad);let s=this.removeQuotesFromFirstWord(JSON.stringify(t.pad));if(t.pad&&(e+=`\n pad: ${s},`),t.preffersId&&(this.preffersId=t.preffersId),null!=t.preffersId&&(e+=`\n preffersId: ${t.preffersId},`),t.class&&super.setClass(t.class),t.class&&(e+=`\n class: "${t.class}",`),t.borderObj&&(this.res.style.border=`${t.borderObj.width} solid ${t.borderObj.color}`,this.res.style.borderRadius=`${t.borderObj.radius}`,e+=`\n borderObj: ${this.removeQuotesFromFirstWord(JSON.stringify(t.borderObj))},`),!1===this.options.preffersId?this.html.push(`<a class="${t.class}" href="#hello">${t.text}</a> \n \n`):t.id&&this.html.push(`<a id="${t.id.substr(1)}" href="#hello">${t.text}</a> \n \n`),null!=t.blastData){let s=this.removeQuotesFromFirstWord(JSON.stringify(t.blastData));super.setAny({globalBlast:`1px ${t.blastData.color}`}),t.blastData&&(e+=`\n blastData: ${s},`)}t.nowrap&&(this.res.style.whiteSpace="nowrap"),t.font&&this.font(t.font),t.font&&(e+=`\n font: "${t.font}",`),t.font&&this.elCSS.push(`font-family: "${t.font}"; \n`),t.fluidc&&this.fluidCopy(t.fluidc),t.fluidc&&(e+=`\n fluidc: "${t.fluidc}",`),t.size&&this.fluidCopy(t.size),t.size&&(e+=`\n size: "${t.size}",`),"S6"===t.fluidc?t.fluidc&&this.elCSS.push("font-size: calc(1rem + 1.075vw); \n"):t.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),t.clampc&&this.clampCopy(t.clampc),this.options.id&&(e+=`\n id: "${this.options.id}",`),t.align&&this.leftAlign(),t.align&&(e+=`\n align: "${t.align}",`),t.type&&(this.res.style.display="block"),t.color&&this.color(t.color),t.color&&(e+=`\n color: "${t.color}",`),t.color&&this.elCSS.push(`color: "${t.color}"; \n`),t.background&&this.background(t.background);let i=this.removeQuotesFromFirstWord(JSON.stringify(t.background));t.background&&(e+=`\n background: ${i},`),t.hover&&this.hover(t.hover);let r=this.removeQuotesFromFirstWord(JSON.stringify(t.hover));if(t.hover&&(e+=`\n hover: ${r},`),t.weight&&(this.res.style.fontWeight=t.weight),t.blast&&(this.blastData=t.blast),t.bold&&(this.res.style.fontWeight="bold"),t.bold&&(e+=`\n bold: ${t.bold},`),t.block&&this.toBlock(),t.block&&(e+=`\n block: ${t.block},`),t.radius&&this.radius(t.radius),t.radius&&(e+=`\n radius: "${t.radius}",`),t.width&&this.width(t.width),t.width&&(e+=`\n width: "${t.width}",`),t.arrayPadding){const s=t.arrayPadding.sides.map((t=>`"${t}"`)).join(", ");t.arrayPadding&&this.arrayPadding(t.arrayPadding.sides,t.arrayPadding.value),t.arrayPadding&&(e+=`\n arrayPadding: {sides: [${s}], value: "${t.arrayPadding.value}"},`)}if(t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&(e+=`\n arrayMargin: {sides: [${t.arrayMargin.sides.map((t=>`"${t}", `))}], value: "${t.arrayMargin.value}"},`),t.maxWidth&&this.maxWidth(t.maxWidth),t.url&&this.res.setAttribute("href",t.url),e+=`\n url: "${t.url}",`,t.text&&(this.res.textContent=t.text),e+=`\n text: "${t.text}",`,t.data){t.data&&this.appendImageAsChild(t.data,"20px");let s=this.removeQuotesFromFirstWord(JSON.stringify(t.data));t.data&&(e+=`\n data: ${s}`)}if(t.icon&&(this.addIcon(t.icon),e+=`\n icon: ${this.removeQuotesFromFirstWord(JSON.stringify(t.icon))},`),t.shadow){let s=t.shadow;e+=`\n shadow: ${this.removeQuotesFromFirstWord(JSON.stringify(s))},`}if(t.stroke){let s=this.removeQuotesFromFirstWord(JSON.stringify(t.stroke));t.stroke&&(e+=`\n stroke: ${s},`)}t.backgroundOp&&(e+=`\n backgroundOp: ${this.removeQuotesFromFirstWord(JSON.stringify(t.backgroundOp))},`),t.marginOp&&(e+=`\n marginOp: ${this.removeQuotesFromFirstWord(JSON.stringify(t.marginOp))},`),t.gradient&&(e+=`\n gradient: ${this.removeQuotesFromFirstWord(JSON.stringify(t.gradient))},`),t.animation&&(e+=`\n animation: ${this.removeQuotesFromFirstWord(JSON.stringify(t.animation))},`),t.transform&&(e+=`\n transform: ${this.removeQuotesFromFirstWord(JSON.stringify(t.transform))},`);let n=`new Link().set({${e}}) \n`;this.code.push(n),t.color&&this.color(t.color),t.rounded&&this.round(),t.transform&&t.transform.transform?this.reactOnTransform(t.transform):this.reactOnTransform(t);let a=[],o=[t.border,t.gradient,t.animation,t.span,t.shadow,t.backgroundOp,t.animation];if(o=o.filter((t=>null!=t)),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 e=[];t.borderObj&&e.push("border"),t.background&&e.push("background"),t.mar&&e.push("margin"),t.animation&&e.push("animation"),this.chainReact(a,t.id,e,t.isNavA),this.res.style.zIndex=1}return t.mar&&this.mar(t.mar),this}color(t){return this.res.style.color=t,this}maxWidth(t){return this.res.style.maxWidth=t,this}background(t){return this.res.style.backgroundColor=t,this}leftAlign(){return this.res.style.textAlign="left",this}arrayPadding(t,e){return e\|\|(this.res.style.marginLeft=`${t[0]}px`,this.res.style.marginTop=`${t[1]}px`,this.res.style.marginRight=`${t[2]}px`,this.res.style.marginBottom=`${t[3]}px`),"all"===t[0]&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=e,this.res.style.paddingRight=e,this.res.style.paddingBottom=e),t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),e\|\|(this.res.style.paddingBottom=t),this}arrayMargin(t,e){return t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),e\|\|(this.res.style.marginBottom=t),this}getClampValue(t){return"S6"===t?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===t?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===t?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===t?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===t?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===t?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}clampCopy(t){return this.res.style.fontSize=this.getClampValue(t),this}fluidCopy(t){return"S1"===t&&(this.res.style.fontSize="calc(1.625rem + 5.075vw)"),"S2"===t&&(this.res.style.fontSize="calc(1.500rem + 4.3vw)"),"S3"===t&&(this.res.style.fontSize="calc(1.375rem + 3.525vw)"),"S4"===t&&(this.res.style.fontSize="calc(1.250rem + 2.75vw)"),"S5"===t&&(this.res.style.fontSize="calc(1.125rem + 1.975vw)"),"S6"===t&&(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(t){const e=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize=t.desktop:this.res.style.fontSize=t.phone};return e(),window.addEventListener("resize",e),this}style(t){return this.res.style.color=t.styles.color,this.res.style.fontWeight=t.styles.fontWeight,this.res.style.paddingLeft=t.styles.padding[0],this.res.style.paddingTop=t.styles.padding[1],this.res.style.paddingRight=t.styles.padding[2],this.res.style.paddingBottom=t.styles.padding[3],this}color(t){return this.res.style.color=t,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(t){return this.res.style.borderRadius=`${t}`,this}transition(t){return this.res.style.transition=`${t}s ease-in-out`,this.res.style.transionProperty="background, color",this}width(t){return this.res.style.width=t,this}italic(){return this.res.style.fontStyle="italic",this}padding(t,e,s,i){return t&&e&&s&&i?(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=s,this.res.style.paddingBottom=i):this.res.style.padding=t,this}medium(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2rem":this.res.style.fontSize="1.5em"};return t(),window.addEventListener("resize",t),this}opacity(t){return this.res.style.opacity=t,this}margin(t,e,s,i){return t&&e&&s&&i?(this.el.style.marginLeft=t,this.el.style.marginTop=e,this.el.style.marginRight=s,this.el.style.marginBottom=i):this.el.style.margin=t,this}hover(t){if(t.border){let e=t.border.width;this.res.style.border=e?`${e}px solid transparent`:"1px solid transparent"}let e=this.options.borderObj;return e&&(this.res.style.border=`${e.width}px solid ${e.color}`),this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,this.prevBorder=this.res.style.border,t.animation&&(this.res.style.transition=`${t.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=t.color,this.res.style.backgroundColor=t.background,t.border){let e=t.border.width,s=t.border.color??"#2ECC71";this.res.style.border=e?`${e}px solid ${s}`:"1px solid #2ECC71"}},this}em(t){let e=window.matchMedia("(max-device-width: 415px)");const s=()=>{e.matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em"};return s(),window.addEventListener("resize",s),this}margin(t,e,s,i){return this.res.style.marginTop=t,this.res.style.marginLeft=e,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}font(t){return this.res.style.fontFamily=t,this}render(t){return t?(document.querySelector(t).appendChild(this.res),this):this.res}}},304:(t,e,s)=>{s.d(e,{m:()=>r});var i=s(762);class r extends i.y{constructor(t){super(),this.res=null,this.setup(t),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(t){return this.res.style.gridArea=t,this}removeQuotesFromFirstWord(t){return t.replace(/"([^"]+)":/g,"$1:")}clicked(t){return this.res.addEventListener("click",t),this}gpos(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}set(t){let e=".set({";if(t.pad&&this.pad(t.pad),t.arrpad&&(e+=`pad: {sides: [${t.arrpad.sides.map((t=>`"${t}"`)).join(", ")}], value: "${t.arrpad.value}"}, `),t.gpos&&this.gpos(t.gpos),t&&t.id&&t.stroke\|\|t&&t.id&&t.gradient\|\|t&&t.id&&t.span\|\|t&&t.id&&t.layout){t.gradient,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.layout];e=e.filter((t=>null!=t));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)}t.socenter&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",t.socenter&&(e+=`socenter: ${t.socenter},`)),t.mboth&&(this.res.style.marginRight="auto")&&(this.res.style.marginLeft="auto"),t.mar&&this.mar(t.mar),t.sticky&&this.sticky(),t.transition&&(this.res.style.transition=t.transition),t.class&&this.res.setAttribute("class",t.class),t.ga&&(this.res.style.gridArea=t.ga),t.opacity&&(0==t.opacity&&(this.res.style.opacity=0),t.opacity&&(this.res.style.opacity=t.opacity)),t.maxHeight&&(this.res.style.maxHeight=t.maxHeight),t.id&&this.res.setAttribute("id",t.id),t.arrpad&&this.arrayPadding(t.arrpad.sides,t.arrpad.value),t.arrpad&&(e+=`arrpad: {sides: [${t.arrpad.sides.map((t=>`"${t}"`)).join(", ")}], value: "${t.arrpad.value}"}, `),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&(e+=`\n arrayMargin: {sides: ["${t.arrayMargin.sides}"], value: "${t.arrayMargin.value}"},`),t.center&&this.toCenter(t.center),t.center&&(e+=`center: "${t.center}",`),t.simpleCenter&&this.simpleCenter(),t.simpleCenter&&(e+=`center: "${t.simpleCenter}",`),t.filter&&(this.res.style.backdropFilter="blur(3px)"),t.radius&&this.corner(t.radius),t.radius&&(e+=`\n radius: "${t.radius}",`),t.border&&this.border(t.border),t.simpleBorder&&(this.res.style.border=t.simpleBorder),t.width&&this.width(t.width),t.width&&(e+=`\n width: "${t.width}",`),t.overflow&&(this.res.style.overflow="hidden"),t.overflow&&(e+=`\n overflow: "${t.overflow}",`),t.height&&this.heightNoAuto(t.height),t.height&&(e+=`\n height: "${t.height}",`),t.align&&this.flexAlign(t.align),t.align&&(e+=`\n align: "${t.align}",`),t.borderObj&&(this.res.style.borderRight=`${t.borderObj.width} solid ${t.borderObj.color}`,this.res.style.borderRadius=t.borderObj.radius),t.borderObja&&(this.res.style.border=`${t.borderObja.width} solid ${t.borderObja.color}`,this.res.style.borderRadius=t.borderObja.radius),t.font&&this.font(t.font),t.font&&(e+=`font: "${t.font}",`),t.maxWidth&&this.maxWidth(t.maxWidth),t.flexCenter&&this.flexc(t.flexCenter),t.multipad&&this.makeMultiPad(t.multipad),t.multimargin&&this.makeMultiMargin(t.multimargin),t.color&&this.color(t.color),t.background&&this.background(t.background),t.background&&(e+=`background: "${t.background}",`),t.weight&&this.weight(t.weight),t.paddings&&this.paddingo(t.paddings),t.area&&this.setArea(t.area),t.area&&(e+=`area: "${t.area}"`),t.column&&this.makeCol(),t.column&&(e+=`\n column: "${t.column}",`),t.alignIts&&(this.res.style.background="gray"),t.alignIts&&(this.res.style.alignItems="flex-start"),t.alignIts&&(this.res.style.justifyItems="flex-start"),t.customAlign&&(this.res.style.alignItems=t.customAlign),t.customJustify&&(this.res.style.justifyItems=t.customJustify),t.disp&&(this.res.style.display=t.disp),t.flexDir&&(this.res.style.flexDirection=t.flexDir),t.flexDir&&(this.res.style.display="flex"),t.flexDir&&(e+=`\n flexDir: "${t.flexDir}",`),t.zIndex&&(this.res.style.zIndex=t.zIndex),t.name&&(this.name=t.name),t.responsive&&this.rsp(t.responsive),t.stretch&&(t.stretch&&this.stretch(t.stretch),e+=`\n stretch: ${this.removeQuotesFromFirstWord(JSON.stringify(t.stretch))},`);for(let e in t)if("margin"===e){let s=t[e];if(Array.isArray(s)&&s.length>0)for(let t of s){let e=t;e.hasOwnProperty("top")&&(this.res.style.marginTop=e.top),e.hasOwnProperty("right")&&(this.res.style.marginRight=e.right),e.hasOwnProperty("bottom")&&(this.res.style.marginBottom=e.bottom),e.hasOwnProperty("left")&&(this.res.style.marginLeft=e.left)}}return e+="})\n",8===e.length&&(e=""),this.code.push(e),this}rsp(t){this.res.style.display="flex";let e=t.sequence.split("-");const s=()=>{let s=t.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"===e[i]&&(this.res.style.flexDirection="row",this.res.style.border="3px solid green"),"col"===e[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(t){const e=()=>{window.matchMedia(`(max-width: ${t.at})`).matches?this.res.style.width="auto":window.matchMedia("(max-device-width: 415px)").matches?this.res.style.width="100%":this.res.style.width=t.backTo};e(),window.addEventListener("resize",e)}makeCol(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="flex-start",this}paddingo(t){return this.res.style.padding=t,this}toCenter(t){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center","both"===t&&(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(t){return this.res.style.color=t,this}weight(t){return this.res.style.fontWeight=t,this}makeMultiPad(t){for(var e=0;e<t.length;e++)"left"===t[e].side&&(this.res.style.paddingLeft=t[e].value),"right"===t[e].side&&(this.res.style.paddingRight=t[e].value);return this}makeMultiMargin(t){this.res.style.zIndex="1";for(var e=0;e<t.length;e++)"left"===t[e].side&&(this.res.style.marginLeft=t[e].value),"right"===t[e].side&&(this.res.style.marginRight=t[e].value),"top"===t[e].side&&(this.res.style.marginTop=t[e].value),"bottom"===t[e].side&&(this.res.style.marginBottom=t[e].value);return this}flexc(t){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this}maxWidth(t){return this.res.style.maxWidth=t,this}font(t){return this.res.style.fontFamily=t,this}flexAlign(t){return this.res.style.display="flex",this.res.style.justifyContent="flex-start",this.res.style.alignItems="flex-start","center"===t?(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",this):this}width(t){return this.res.style.width=t,this}heightNoAuto(t){return this.res.style.height=t,this}border(t){return this.res.style.borderRadius=`${t.radius}px`,this.res.style.padding="0.25em",this.res.style.border=`${t.width}px solid ${t.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(t){this.items=t,this.code.push(".add([ \n");let e=t.map(((e,s)=>e.toCode().flatMap((t=>t)).join("")+(s<t.length-1?",":""))).join("");this.code.push(e);for(var s=0;s<t.length;s++)if(void 0!==t[s]&&void 0!==t[s].toCode){let e=t[s].render();this.res.appendChild(e)}return this.code.push("])"),this}arrayPadding(t,e){return t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),this}arrayMargin(t,e){return e\|\|(this.res.style.marginLeft=`${t[0]}px`,this.res.style.marginTop=`${t[1]}px`,this.res.style.marginRight=`${t[2]}px`,this.res.style.marginBottom=`${t[3]}px`),t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),this}setWidth(t){this.res.style.width="100vw"}setHeight(t){return this.res.style.height=`${t}`,this}setup(t){let e=t?document.createElement(t.isLink?"a":"div"):document.createElement("div");return t&&t.isLink&&(e.style.textDecoration="none",e.setAttribute("href",t.child)),this.res=e,this.res.style.margin=0,this.res.style.padding=0,t&&!0===t.hideOverflow&&(this.res.style.overflow="hidden",this.res.style.overflowY="scroll"),t&&!0===t.center&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center"),t&&"left"===t.align&&(this.res.style.alignItems="flex-start"),t&&"right"===t.align&&(this.res.style.alignItems="flex-end"),t&&t.height&&(this.res.style.height=t.height),t&&t.width&&(this.res.style.width=t.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(t){return this.res.style.width="auto",this.res.style.height=`${t}`,this}size(t,e){return this.w=t,this.h=e,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(t){return this.res.style.background=t,this}corner(t){return this.res.style.borderRadius=t,this}padding(t,e,s,i){return this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=s,this.res.style.paddingBottom=i,this}margin(t,e,s,i){return this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=s,this.res.style.marginBottom=i,this}itemWidth(t){for(var e=0;e<this.res.childNodes.length;e++)this.res.childNodes[e].style.width=t;return this}apply(t){const e=()=>{for(var e=0;e<t.length;e++){let s=t[e],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: ${t[0].width}px)`);return t[0].device&&(s=window.matchMedia(`(max-device-width: ${t[0].width}px)`)),s.matches\|\|Object.assign(this.res.style,t[0].styles),e(),window.addEventListener("resize",e),this}mount(t){document.querySelector(t).appendChild(this.res)}render(t){return t?(document.querySelector("#mount"),document.querySelector(t).appendChild(this.res),this):this.res}}},317:(t,e,s)=>{s.d(e,{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(t){return this.options=t,this.attributes=t,this.templateCols=t.templateCols,t.templateCols&&(this.res.style.gridTemplateColumns=`repeat(${t.templateCols.cols}, 1fr)`,this.res.style.gridTemplateRows=`repeat(${t.templateCols.cols}, 1fr)`),this.res.style.height=t.height?t.height:"600px",t.positions&&(this.storedPositions=t.positions),this}generateGridPositions(t,e=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(${e}, 1fr)`,i.style.width="100%",i.style.height="100vh";let r=t.map(((t,i)=>({row:Math.floor(e/2)+i,col:Math.floor(s/2)+i})));return t.forEach(((i,n)=>{let{row:a,col:o}=r[n];const{forceX:l,forceY:h}=function(e){let s=0,i=0;return t.forEach(((t,n)=>{const{weight:a,direction:o}=t,l=r[e],h=r[n],d=l.col-h.col,c=l.row-h.row,p=a(1/(Math.sqrt(dd+cc)+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(e,a+Math.round(h))),console.log(this.items.map((t=>t.id))),console.log(i.attract.slice(1));const d=this.items.filter((t=>t.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(16777215Math.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(t){this.items=t;for(const e of t)this.res.appendChild(e.render());return this.storedPositions&&this.generateGridPositions(this.storedPositions),console.log("MORAA"),console.log(this.res.children.length),this}toCode(){if(this.excludeFromCodeTrue)return[""];const t=JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:");var e="";return e+=".add([\n",e+=this.items.map((t=>t.toCode().join("").trim())).join(",\n"),[`new Free().set(${t})${e+="\n])"}`]}render(t){if(console.log("CHILDREN IN RENDER"),console.log(this.res.children.length),!t)return this.res;document.querySelector(t).appendChild(this.res)}}},342:(t,e,s)=>{s.d(e,{S:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null}set(t){this.options=t;const e=document.createElement("div");e.style.display="flex",e.style.alignItems="center";const s=document.createElement("input");s.type="checkbox",s.style.position="relative",s.style.marginRight="0.5rem";const i=t.size\|\|"24px";s.style.width=i,s.style.height=i,t.customStyle&&(s.style.appearance="none"),s.style.border="2px solid #ccc",s.style.borderRadius="4px",s.style.backgroundColor=t.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",t.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',t.customStyle&&document.head.appendChild(r),t.mar&&this.mar(t.mar),t.pad&&this.pad(t.pad),t.respad&&this.respad(t.respad),t.resmar&&this.resmar(t.resmar),s.addEventListener("change",(()=>{s.checked?(s.style.backgroundColor=t.checkedBackgroundColor\|\|"#4CAF50",s.style.borderColor=t.checkedBackgroundColor\|\|"#4CAF50"):(s.style.backgroundColor=t.backgroundColor\|\|"white",s.style.borderColor="#ccc")})),t.name&&s.setAttribute("name",t.name),e.appendChild(s);const n=document.createElement("div");if("function"==typeof t.label?.render)n.appendChild(t.label.render());else{const e=document.createTextNode(t.title\|\|"Label");n.appendChild(e)}return n.style.opacity=.8,n.style.transition="opacity ease 0.2s, transform ease 0.2s",e.appendChild(n),this.el=e,this}getValue(){return this.el.children[0].checked}toCode(){return[`new Checkbox().set({\n ${Object.entries(this.options).map((([t,e])=>"string"==typeof e?`${t}: "${e}"`:"object"==typeof e&&null!==e?"function"==typeof e.toCode?`${t}: ${e.toCode()[0]}`:`${t}: ${JSON.stringify(e,null,4)}`:`${t}: ${e}`)).join(",\n ")}\n})`]}margin(t){return this.el.style.margin=t,this}render(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}window.Checkbox=r},385:(t,e,s)=>{s.d(e,{z:()=>i});class i{constructor(){this.el=null,this.radioCount=0}set(t){this.options=t,console.log("ORARA"),console.log(this.options),this.radioCount=t.items.length;let e=document.createElement("div"),s=t.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),t.multiple?a.setAttribute("name",s[i].split(" ").join("")):a.setAttribute("name",t.name),e.appendChild(a),e.appendChild(r),e.innerHTML+="</br>"}return this.el=e,this.responsive(),this}padding(t){return this.el.style.padding=t,this}getCheckedValues(){console.log("NOW");for(var t=[],e=0;e<this.radioCount;e++)if(document.querySelector(`#S${e}`).checked){let s=document.querySelector(`#S${e}`);console.log("VALUE IS "+s.value),t.push(s.value)}return t}toCode(){let t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s:)/g,"$1"),[`new RadioGroup().set(${t})`]}responsive(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.el.style.fontSize="1.7em"),this}render(t){if(!t){console.log("MULA");for(var e=0;e<this.el.children.length;e++){let t=this.el.children[e];"[object HTMLInputElement]"===t.toString()&&t.addEventListener("change",(()=>{if(t.checked){t.style.backgroundColor=this.options.tint?this.options.tint:"#007BFF",t.style.boxShadow=this.options.tint?`0 0 0 2px ${this.options.tint} inset`:"0 0 0 2px #0056b3 inset";for(let e=0;e<this.el.children.length;e++){const s=this.el.children[e];"INPUT"===s.tagName&&"radio"===s.type&&!1===this.options.multiple&&s!==t&&(s.style.backgroundColor="transparent",s.style.boxShadow="none")}}else t.style.backgroundColor="transparent",t.style.boxShadow="none"}))}return this.el}document.querySelector(t).appendChild(this.el)}}window.RadioGroup=i},418:(t,e,s)=>{s(762).y},588:(t,e,s)=>{s(762).y},733:(t,e,s)=>{s.d(e,{A:()=>r});var i=s(207);class r{constructor(t,e){if(this.container=document.createElement("div"),this.elements=t,this.currentSlideIndex=0,this.buttons=e,!this.buttons){let t={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=t}this.createSlider(),this.init()}toCode(){let t=`new Slider([${this.elements.map((t=>t.toCode()))}], null)`;return t=t.replace(/,\s\./g,"."),[t]}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 t=document.createElement("div");this.slidesWrapper=t,t.style.display="flex",t.style.overflowX="scroll",t.style.scrollBehavior="smooth",t.style.scrollSnapType="x mandatory",this.elements.forEach(((e,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(e.render()),t.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 e=document.createElement("div");e.style.position="absolute",e.style.bottom="10%",e.style.left="50%",e.style.width="200px",e.style.transform="translateX(-50%)",e.style.textAlign="center",this.elements.forEach(((t,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,e.appendChild(i)})),this.slider.appendChild(this.arrowPrev),this.slider.appendChild(this.arrowNext),this.slider.appendChild(t),this.slider.appendChild(e),this.container.appendChild(this.slider),this.slidesWrapper=t,this.navLinks=e.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((t=>{t.addEventListener("click",(e=>{e.preventDefault();const s=parseInt(t.dataset.index,10);this.moveToSlide(s)}))})),document.addEventListener("keydown",(t=>{"ArrowLeft"===t.key?this.moveToSlide(this.currentSlideIndex-1<0?this.elements.length-1:this.currentSlideIndex-1):"ArrowRight"===t.key&&this.moveToSlide((this.currentSlideIndex+1)%this.elements.length)}))}moveToSlide(t){this.currentSlideIndex=t,this.updateActiveSlide()}updateActiveSlide(){this.navLinks.forEach(((t,e)=>{t.style.backgroundColor=e===this.currentSlideIndex?"green":"gray"}));const t=this.slidesWrapper.querySelector(".slide").offsetWidth;this.slidesWrapper.scrollTo({left:this.currentSlideIndext,behavior:"smooth"})}render(t){if(!t)return this.slider;document.querySelector(t).appendChild(this.slider)}}},734:(t,e,s)=>{s.d(e,{m:()=>r});var i=s(762);s(16);class r extends i.y{constructor(){super()}removeQuotesFromBoth(t){if(t)return t.replace(/"([^"]+)":\s"([^"]+)"/g,"$1: $2")}removeQuotesFromFirstWord(t){if(t)return t.replace(/"([^"]+)":/g,"$1:")}toCode(){console.warn(this.items);let t=this.items.map((t=>t.toCode())).flatMap((t=>t));console.log("BAD CONV"),console.log(this.removeQuotesFromFirstWord(JSON.stringify(this.obj,null,4)));let e=this.removeQuotesFromFirstWord(JSON.stringify(this.obj));return console.log(e),console.log("REPL"),console.log(e),`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 ${t.join(",")}\n\n ])`}set(t){return this.obj=t,console.log("After passing to set:"),console.log("OBJ IN SET"),this.obj=t,this.makeNavbar(t),t.mar&&super.mar(t.mar),t.maxHeight&&(this.res.style.maxHeight=t.maxHeight),t.radius&&(this.res.style.borderRadius=t.radius),t.hamburgerColour&&(this.hamburgerColour=t.hamburgerColour),this.setStyles(t),this}makeNavbar(t){console.log("OBJ IN SETA");const e=t.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-"),t.brand&&"function"==typeof e.render?(console.log("Appending brand:",e.render()),this.brand.appendChild(e.render())):console.warn("Brand does not have a valid render method:",t.brand),this.toggleButton=document.createElement("button"),this.toggleButton.classList.add("navbar-toggle"),this.toggleButton.innerHTML="☰",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(t){this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor=t.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(t){console.log(t),this.items=t;for(var e=0;e<t.length;e++){let s=t[e];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(t){return t&&document.querySelector(t).appendChild(this.navbar),this.navbar}}},751:(t,e,s)=>{window.Range=class{constructor(t){this.el=null,this.minLabel=null,this.maxLabel=null,this.currentLabel=null}padding(t){return this.el.style.padding=t,this}toCode(){return[`new Range().set(${JSON.stringify(this.options,null,4)})`]}set(t){this.options=t;let e=document.createElement("input");if(e.setAttribute("id","slider"),e.setAttribute("type","range"),e.setAttribute("min",t.min),e.setAttribute("max",t.max),e.setAttribute("value",t.min),e.style.width=t.width??"100%",!t.plain){e.style.setProperty("-webkit-appearance","none"),e.style.appearance="none",e.style.height="9px",e.style.background=t.style.trackColor??"orange",e.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: ${t.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=t.width??"100%",this.minLabel=document.createElement("span"),this.minLabel.textContent=t.min,this.maxLabel=document.createElement("span"),this.maxLabel.textContent=t.max,this.currentLabel=document.createElement("span"),this.currentLabel.textContent=e.value,t.font&&(this.currentLabel.style.fontFamily=t.font),t.font&&(this.minLabel.style.fontFamily=t.font),t.font&&(this.maxLabel.style.fontFamily=t.font),t.plain\|\|(i.appendChild(this.minLabel),i.appendChild(this.currentLabel),i.appendChild(this.maxLabel)),e.addEventListener("input",(()=>{this.currentLabel.textContent=e.value})),window.matchMedia("(max-device-width: 415px)").matches)if(t.plain)e.style.width="80%";else{e.style.height="20px",e.style.background=t.style.trackColor??"1abc9C",e.style.borderRadius="10px",e.style.fontSize="3rem",e.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: ${t.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(e),this.el=s,this}value(){return this.el.querySelector("#slider").value}render(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}},758:(t,e,s)=>{s(762).y},762:(t,e,s)=>{s.d(e,{y:()=>i});class i{constructor(){this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}}keySet(t){return this.temporaryVal=1,this.res.style[t.key]=t.value,this}onScroll(t){"opacity"===t.value?this.res.style.opacity=t.valMin:"scale"===t.value&&(this.res.style.transform=`scale(${t.valMax})`),window.addEventListener("scroll",(()=>{let e=this.smartRange(window.scrollY,{min:t.from,max:t.to},{min:t.valMin,max:t.valMax});"opacity"===t.value?this.res.style.opacity=e:"scale"===t.value&&(this.res.style.transform=`scale(${e})`)}))}setAny(t){this[Object.keys(t)[0]]=[Object.values(t)[0]]}setID(t){this.id=t}setPrevText(t){this.prevText=t}getCSS(){return this.css}getPX(t){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[t]\|\|"Invalid breakpoint"}respad(t){const e=()=>{this.pad(t[0].values);for(let e=0;e<t.length;e++){let s=t[e].breakpoint;window.matchMedia(`(min-width: ${this.getPX(s)}`).matches&&this.pad(t[e].values)}};window.addEventListener("resize",e),e()}resmar(t){const e=()=>{this.mar(t[0].values);for(let e=0;e<t.length;e++){let s=t[e].breakpoint;window.matchMedia(`(max-width: ${this.getPX(s)}`).matches&&this.mar(t[e].values)}};window.addEventListener("resize",e),e()}resprop(t){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 e=()=>{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 e=0;e<t.length;e++){let s=t[e].breakpoint;if(window.matchMedia(`(max-width: ${this.getPX(s)}`).matches){const s={};for(const i in t[e])"breakpoint"!==i&&(s[i]=t[e][i]);this.set(s)}}};window.addEventListener("resize",e),e()}isNumber(t){return"number"==typeof t&&!isNaN(t)}pad(t){for(let e=0;e<t.length;e++){let s=Object.keys(t[e]);for(let i=0;i<s.length;i++){let r=s[i],n=t[e][r];for(let t=0;t<r.length;t++)switch(r[t]){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(t){return this.res.style.alignSelf=t,this}mar(t){for(let e=0;e<t.length;e++){let s=Object.keys(t[e]);for(let i=0;i<s.length;i++){let r=s[i],n=t[e][r];for(let t=0;t<r.length;t++){switch(r[t]){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[t]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}}}return this}smartRange(t,e,s){t<e.min&&(t=e.min),t>e.max&&(t=e.max);let i=(t-e.min)/(e.max-e.min);e.min>e.max&&(i=(t-e.max)/(e.min-e.max));let r=(s.min-s.max)i-s.min;if(r=Math.abs(r),s.min<s.max){let t=(s.max+Math.abs(s.min))i;r=s.min+t}return r}gpos(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}fluidCopy(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let e=document.createTextNode(this.text);return this.res.appendChild(e),this.res.style.fontSize=t.exact,this}if("S1"===t){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===t){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===t){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===t){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===t){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;let t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}setIndex(t){this.index=t}borderObj(t){let e=t.type??"solid";return this.res.style.border=`${t.width} ${e} ${t.color}`,this.res.style.borderRadius=t.radius,this}protoReact(t,e){t.sort(((t,e)=>parseInt(t.range[0])-parseInt(e.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.storedQueries=t.map((t=>t.target)).filter((t=>null!=t));for(const n of t){this.counterIndex++;const[t,a]=n.range,o=parseInt(t),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===e&&(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(t.map((t=>t.log)).filter((t=>null!=t)).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<t.length;r++){const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[Number(this.index)]+"px")}for(this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke"]=this.globalBlast,r=0;r<t.length;r++){const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[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 t;for(t=Array.isArray(this.options.span)?this.options.span.filter((t=>"span"===t.op.name))[0]:this.options.span,this.res.textContent="",r=0;r<t.op.parts.length;r++){let e=t.op.parts[r].style,s=new Text(t.op.parts[r].text).setup({type:"span"}).set(e).render();this.res.appendChild(s)}}if("filter"===i){let t=this.options.filtera.op.filter;this.res.style.filter=t,this.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}setPref(t){this.preffersId=t}setClass(t){this.class=t}betaReact(t,e){this.ap=!1,this.cta=0,this.once=!1,t.sort(((t,e)=>parseInt(t.range[0])-parseInt(e.range[0])));const s=()=>{const s=window.innerWidth;let i="";this.resCopy=this.res,this.storedQueries=t.map((t=>t.target)).filter((t=>null!=t));for(const n of t){this.counterIndex++;const[t,a]=n.range,o=parseInt(t),l=parseInt(a);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===e&&(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<t.length;r++){if(!t[r].op)continue;const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[Number(this.index)]+"px")}if("blastbackgroundmargin"===i){for(r=0;r<t.length;r++){if(!t[r].op)continue;const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[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<t.length;r++){if(!t[r].op)continue;const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[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<t.length;r++){if(!t[r].op)continue;const e=t[r].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[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(t,e,s,i){return this.css=[""],[""]}chainReact(t,e,s){this.cssGen(t,e,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;for(let e of t)e.range\|\|(e.range=["0px","999999px"]);t.sort(((t,e)=>parseInt(t.range[0])-parseInt(e.range[0])));const i=()=>{const i=window.visualViewport.width;let r=[],n=[];this.resCopy=this.res,this.storedQueries=t.map((t=>t.target)).filter((t=>null!=t));for(const s of t){this.counterIndex++;const[t,o]=s.range,l=parseInt(t),h=parseInt(o);let d=!0;if(s.target){d=!1;for(var a=0;a<s.target.length;a++)s.target[a]===e&&(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 t=n.filter((t=>"blast"===t.log))[0].op.color,e=n.filter((t=>"blast"===t.log))[0].op.width??"1px";"FlexRowLayoutElement"===this.getType()?this.res.style.border=`${e}px solid orange`:(this.res.textContent=this.text,this.res.style["-webkit-text-fill-color"]="transparent",this.res.style["-webkit-text-stroke-color"]=t,this.res.style["-webkit-text-stroke-width"]=`${e}`)}if(r.includes("filter")){let t=n.filter((t=>"filter"===t.log))[0].op.filter;this.res.style.filter=t}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 t="",e=0;for(a=0;a<this.options.shadow.op.steps;a++)e+=3,t+=`drop-shadow(${e}px ${e}px ${e}px gray) `;this.res.style.filter=t}if(r.includes("margin"))for(a=0;a<t.length;a++){if(!t[a].op)continue;const e=t[a].op.offsets;e&&void 0!==this.index&&(this.res.style.margin=e[Number(this.index)]+"px")}if(r.includes("animation")){if(this.options.animation&&!this.hasAnimated&&!this.options.animation.op.fireAt){this.hasAnimated=!0;let t=this.options.animation.op;this.res.animate(t.keyframesClose,{duration:0,fill:"forwards"}),this.res.animate(t.keyframesOpen,t.openOptions)}if(this.options.animation&&this.options.animation.op.fireAt&&this.options.animation.op.fireAt.endsWith("px")){let t=this.options.animation.op;this.res.animate(t.keyframesClose,{duration:0,fill:"forwards"});const e=()=>{window.scrollY>parseFloat(t.fireAt)&&(this.res.animate(t.keyframesOpen,t.openOptions),window.removeEventListener("scroll",e))};window.addEventListener("scroll",e)}if(this.options.animation&&this.options.animation.op.fireAt&&"inview"===this.options.animation.op.fireAt){let t=this.options.animation.op;this.res.animate(t.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver(((e,s)=>{e.forEach((e=>{e.isIntersecting&&(this.res.animate(t.keyframesOpen,t.openOptions),s.disconnect())}))})).observe(this.res)}}};window.addEventListener("resize",i),i()}reactOnTransform=t=>{if(t.transform\|\|t.op&&t.op.transform){let e=t.transform;t.transform\|\|(e=t.op.transform),e.duration\|\|(e.duration="3s-ease-in-out"),this.setDefault=(t,e="0px")=>0===t.length?e+" ":t;const s=t=>{const e=t.match(/rotate$([^)]+)$/);if(!e)return t;const s=e[1].split(",").map((t=>t.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]})`:t},i=()=>{let i="",r="",n="",a="",o="",l="",h="",d="",c="";if(0===e.values.length)return;e.values.forEach((t=>{t.startsWith("tx:")&&(i=t.replace("tx:","")),t.startsWith("ty:")&&(r=t.replace("ty:","")),t.startsWith("tz:")?n=t.replace("tz:",""):t.startsWith("scale(")?a=t:t.startsWith("skew(")?o=t:t.startsWith("rotate(")?l=s(t):t.startsWith("perspective(")?h=t:t.startsWith("matrix(")?d=t:t.startsWith("opacity:")&&(c=t.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(t.op.transform.duration){let e=t.op.transform.duration.replace(/^(\d+)(s)-/,((t,e,s)=>e/2+s+" ")),s=`transform ${e}, opacity ${e}`;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}};e.on?this.res.addEventListener(e.on,(()=>{e.delay?setTimeout((()=>{i()}),e.delay):i()})):window.addEventListener("load",(()=>{e.delay?setTimeout((()=>{i()}),e.delay):i()}));const r=()=>{let t="";e.values.forEach((e=>{e.startsWith("tx:")?t+="translateX(0) ":e.startsWith("ty:")?t+="translateY(0) ":e.startsWith("tz:")?t+="translateZ(0) ":e.startsWith("scale(")?t+="scale(1) ":e.startsWith("skew(")?t+="skew(0, 0) ":e.startsWith("rotate(")?t+="rotate(0) ":e.startsWith("perspective(")?t+="perspective(0) ":e.startsWith("matrix(")&&(t+="matrix(1, 0, 0, 1, 0, 0) "),this.res.style.opacity="1"})),t&&(this.res.style.transform=t.trim())};if(e.on)this.res.addEventListener("mouseout",(()=>{e.keep\|\|r()}));else{let t=1e3parseFloat(e.duration),s=e.closeAfter?e.closeAfter:0;setTimeout((()=>{e.keep\|\|r()}),t/2+s)}}};maxWidth(t){return this.res.style.maxWidth=t,this}removeQuotesFromFirstWord(t){return t.replace(/"([^"]+)":/g,"$1:")}arrayMargin(t,e){return t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),e\|\|(this.res.style.marginBottom=t),this}navBarExpand(){return this.res.style.backgroundColor="green",this.res.animate([{transform:"scaleY(3.0)"}],{duration:2e3,iterations:1,fill:"both"}),this}scrollFade(t,e){return this.res.style.visibility="hidden",this.faden(t,e,"scroll"),this}expand(t){return!1===this.state.isExpanded?"click"===t.on?this.res.addEventListener("click",(()=>{this.innerExpand(t)})):this.innerExpand(t):this.innerExpandBack(t),this.state.isExpanded=!this.state.isExpanded,this}move(t){return"click"===t.on?this.res.addEventListener("click",(()=>{this.moveUpa(t)})):("up"===t.direction&&this.moveUpa(t),"down"===t.direction&&this.moveDowna(t),this.state.isMovedUp=!this.state.isMovedUp,"left"===t.direction&&this.moveLeft(t)),this}moveLeft(t){return this.res.animate([{transform:"translateX(0px)"},{transform:`translateX(-${t.distance})`}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}moveUpa(t){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${t.distance})`}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${t.distance})`}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}moveDowna(t){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(${t.distance})`}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:`translateY(-${t.distance})`}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}moveUpaBack(t){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}innerExpandBack(t){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"})}innerExpand(t){return this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.res.animate([{width:this.prevWidth,height:this.prevHeight},{width:t.width??this.prevWidth,height:t.height??this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"}),this}fade(t){return this.res.style.visibility="hidden",this.faden(t.duration,t.from,"load"),t.finalOpacity&&(this.finalOpacity=t.finalOpacity),this}faden(t,e,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"==e&&this.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"right"==e&&this.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"top"==e&&this.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),"bottom"==e&&this.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),this.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:t,iterations:1}),this.scrolled=!0)})),this}}},790:(t,e,s)=>{s.d(e,{f:()=>r});var i=s(762);class r extends i.y{constructor(){super()}setup(t){return this.obj=t,this.animate=void 0===this.obj.animate\|\|this.obj.animate,this.res=this.createSideNav(t),this.res.style.position="relative",this.res.style.zIndex=3,this.closed=!0,this}toggleSideNav(t){this.closed=!this.closed;let e=this.res.children[0];if(this.closed)if(e.style.overflowX="hidden",t.style.opacity=1,this.animate){e.animate([{transform:"translateX(0)"},{transform:"translateX(100%)"}],{duration:300,fill:"forwards"});let t=-1;for(let s of e.children)if(t+=1,this.masterEL[t])for(let e of s.children){let s=this.masterEL[t].options.animation;s&&this.mappedIDS.includes(e.id)&&e.animate(s.op.keyframesClose,s.op.closeOptions)}}else e.style.display="none";else{e.style.overflowX="none",e.children[1].style.border="1px solid orange";let s=-1;for(let t of e.children){s+=1;for(let e of t.children)if(this.mappedIDS.includes(e.id)&&void 0!==this.masterEL[0]){let t=this.masterEL[s].options.animation;if(t){console.log("OPEN KEYFRAMES"),console.log(t.op.keyframesOpen);let s=t.op.openOptions;s.delay\|\|(s.delay=1),s.duration\|\|(s.duration=300),console.log(s),e.animate(t.op.keyframesOpen,s)}}}t.style.opacity=0,this.animate?(e.style.display="flex",e.animate([{transform:"translateX(100%)"},{transform:"translateX(0)"}],{duration:300,fill:"forwards"})):e.style.display="flex"}}createToggleButton(t){const e=document.createElement("button");return e.innerText="☰",e.style.padding="10px 20px",e.style.backgroundColor="transparent",e.style.color=t??"#3498db",e.style.border="none",e.style.borderRadius="5px",e.style.cursor="pointer",e.style.zIndex=1,e.style.fontSize="1.6rem",e}createCloseButton(t){const e=document.createElement("button");return e.innerText="×",e.style.fontSize="1.6rem",e.style.padding="10px 20px",e.style.backgroundColor="transparent",e.style.color=t??"black",e.style.border="none",e.style.borderRadius="5px",e.style.cursor="pointer",e.style.zIndex=1,e.style.alignSelf="flex-end",e}createSideNav(t){const e=document.createElement("div");e.style.display="flex",e.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),e.appendChild(s),e.appendChild(i),e}items(t){this.masterEL=t.items.filter((t=>void 0!==t.link)),console.log("EXTRACT IDs"),console.log(t);let e=t.items.filter((t=>void 0===t.items)).map((t=>t.id));if(this.mappedIDS=e,this.item=t,this.res.children[0].appendChild(t.render()),void 0!==this.masterEL[0]){console.log("ANNAX"),console.log(this.masterEL[0]);let t=this.masterEL[0].options.animation;if(t)for(let e of this.res.children[0].children)for(let s of e.children)if(this.mappedIDS.includes(s.id)){let e=t.op.closeOptions;e.delay=0,console.log("ANNAX"),console.log("SETTING INITIAL STATE ZEROING THE DELAY"),console.log(t.op.keyframesClose),console.log(e),s.animate(t.op.keyframesClose,t.op.closeOptions)}}return this}toCode(){let t=`new SideNav().setup(${this.formatObj(this.obj)})`;if(this.item){let e=this.item.toCode?this.item.toCode().join(""):this.formatObj(this.item);e=e.replace(/,\s(\.set\(\|\.add\()/g,"\n $1"),t+=`.items(${e})`}return t}formatObj(t){return JSON.stringify(t,null,2).replace(/"(\w+)"\s:/g,"$1:")}render(t){return t&&document.querySelector(t).appendChild(this.res),this.res}}},828:(t,e,s)=>{s.d(e,{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(t){return console.warn(t),this.obj=t,t.background&&(this.res.style.backgroundColor=t.background),t.mar&&super.mar(t.mar),t.brand&&this.setBrand(t.brand),t.radius&&(this.res.style.borderRadius=t.radius),t.maxHeight&&(this.res.style.maxHeight=t.maxHeight),t.hamburgerColour&&(this.hamburgerColour=t.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(t){return console.warn("SETA"),console.log(t),this.brand.innerHTML="",this.brand.appendChild(t),this}add(t){this.items=t;for(var e=0;e<t.length;e++)t[e],this.navContent.appendChild(t[e].render());return this}toCode(){console.warn(this.items);let t=this.items.map((t=>t.toCode())).flatMap((t=>t));return console.log("ITSA"),console.log(t),console.log(`${t.join(",")}`),`new DesktopBar().set(${this.removeQuotesFromFirstWord(JSON.stringify(this.obj))}).add([\n ${t.join(",")}\n\n \n \n\n ])`}render(t){return t&&document.querySelector(t).appendChild(this.navbar),this.navbar}}},836:(t,e,s)=>{s.d(e,{C:()=>r});var i=s(762);class r extends i.y{constructor(t){super(),this.url=t,this.res=null,this.setup()}setup(){this.res=document.createElement("video"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(t){return this.options=t,t.radius&&(this.res.style.borderRadius="1rem"),t.width&&(this.res.style.width=`${t.width}`),t.opacity&&(this.res.style.opacity=t.opacity),this}size(t){return this.res.style.width=t,this}toCode(){const t=JSON.stringify(this.options,null,4);return[`new Video("${this.url}").set(${t})`]}render(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}},877:(t,e,s)=>{s.d(e,{I:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null}set(t){this.options=t,this.okayColor=t.okayColor,window.matchMedia("(max-device-width: 415px)");let e=document.createElement("div");e.style.paddingBottom="1em",e.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",t.name),t.accept&&(i.accept=t.accept),i.setAttribute("id",t.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",t.id),r.innerText=t.title,r.style.marginRight=12,r.style.padding="0.5em",t.color&&(r.style.color=t.color),t.background&&(r.style.background=t.background,r.style.padding="10"),i.addEventListener("change",(()=>{s.style.display="block",t.hideField&&(s.style.display="none"),r.innerText="Change",this.file=i.files[0],this.onLoad(this.file),n[t.index]=this.file,s.setAttribute("value",this.file.name),s.setAttribute("readonly","true"),this.getLoaded(),this.highlight()})),e.appendChild(i),e.appendChild(r),e.appendChild(s),this.el=e,t.font&&this.font(t.font),t.radius&&this.borderRadius(t.radius),this}borderRadius(t){return this.el.style.borderRadius=t,this}addClass(t){return this.el.setAttribute("class",t),this}font(t){return this.el.style.fontFamily=t,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 t=()=>{window.matchMedia("(max-device-width: 415px)").matches};return t(),window.addEventListener("resize",t),this}onLoad(t){return this.returnObject(this.file),this}getLoaded(){return this.file}returnObject(t){return t}loadCall(t){return this.func=t,this.func(this.file),this}toCode(){let t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s:)/g,"$1"),[`new FilePickera().set(${t})`]}render(t){return t?(document.querySelector(t).appendChild(this.el),this):this.el}}var n=[]},897:(t,e,s)=>{s.d(e,{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:t}){if(this.options={breakpoints:t},!Array.isArray(t))throw new Error("Breakpoints should be an array of objects with 'at' and 'view' properties.");return this.breakpoints=t.map((t=>{if("string"!=typeof t.at\|\|!(t.view.render()instanceof HTMLElement))throw new Error("Each breakpoint must have 'at' as a string and 'view' as an HTMLElement.");return{...t,at:parseInt(t.at,10)}})),this.breakpoints.sort(((t,e)=>t.at-e.at)),this}toCode(){JSON.stringify(this.options.breakpoints.map((t=>t.view.toCode())).flat(),null,4),JSON.stringify(this.options.breakpoints.map((t=>t.at)),null,4),JSON.stringify(this.options.breakpoints,null,4);let t="";for(var e=0;e<this.options.breakpoints.length;e++)t+=`{ at: "${this.options.breakpoints[e].at}", view: ${this.options.breakpoints[e].view.toCode()} }, \n`;return[`new Switcher().set({\n breakpoints: [\n ${t}\n ]\n })`]}render(t){return this.internalDiv=document.createElement("div"),this.applyView(),this.resizeListener=this.applyView.bind(this),window.addEventListener("resize",this.resizeListener),void 0!==t&&document.querySelector(t).appendChild(this.internalDiv),this.internalDiv}createRanges(t,e=99999){let s=[];for(let i=0;i<t.length;i++)s.push({from:t[i],to:i<t.length-1?t[i+1]-1:e});return s}addRanges(t,e,s=99999){return t.map(((t,i)=>({...t,range:{from:e[i],to:i<e.length-1?e[i+1]-1:s}})))}applyView(){console.log("MAKE RANGES"),window.innerWidth,console.log(this.breakpoints),console.log(this.breakpoints.map((t=>t.at)));let t=this.breakpoints.map((t=>t.at)),e=this.breakpoints.map((t=>t.at)),s=(this.createRanges(e),this.addRanges(this.breakpoints,t));console.log(s),s.forEach((t=>{const e=`(min-width: ${t.range.from}px) and (max-width: ${t.range.to}px)`,s=window.matchMedia(e);console.warn(e),s.matches&&(console.log(`Viewport width is within the range: ${t.range.from}px to ${t.range.to}px`),this.currentView!==t.view.render()&&(this.internalDiv.innerHTML="",this.internalDiv.appendChild(t.view.render()),this.currentView=t.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:(t,e,s)=>{s.d(e,{L:()=>r});var i=s(762);class r extends i.y{constructor(){super(),this.el=null,this.file=null,this.selected=""}setup(t,e){document.createElement("div");let s=document.createElement("select");s.setAttribute("type","file"),s.setAttribute("name",e),s.addEventListener("change",(()=>{s.options[s.selectedIndex].value}));for(var i=0;i<t.length;i++)s.appendChild(this.addNode(t[i][0],t[i][1]));return this.el=s,this}set(t){return this.options=t,t.items&&this.setup(t.items,t.name),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),t.radius&&(this.el.style.borderRadius=t.radius),t.background&&(this.el.style.background=t.background),this}arrayPadding(t,e){return t.includes("left")&&(this.el.style.paddingLeft=e),t.includes("right")&&(this.el.style.paddingRight=e),t.includes("top")&&(this.el.style.paddingTop=e),t.includes("bottom")&&(this.el.style.paddingBottom=e),t.includes("all")&&(this.el.style.padding=e),this}arrayMargin(t,e){return t.includes("left")&&(this.el.style.marginLeft=e),t.includes("right")&&(this.el.style.marginRight=e),t.includes("top")&&(this.el.style.marginTop=e),t.includes("bottom")&&(this.el.style.marginBottom=e),t.includes("all")&&(this.el.style.margin=e),this}addNode(t,e){var s=document.createElement("option");s.setAttribute("value",t);var i=document.createTextNode(e);return s.appendChild(i),s}padding(t){return this.el.style.padding=t,this}font(t){return this.el.style.fontFamily=t,this}margin(t){return this.el.style.margin=t,this}toCode(){let t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s:)/g,"$1"),[`new Picker().set(${t})`]}rounded(t){return this.el.style.borderRadius="4px",this}auto(){const t=()=>{window.matchMedia("(max-device-width: 415px)").matches?this.el.style.fontSize="3rem":this.el.style.fontSize="1rem"};return t(),window.addEventListener("resize",t),this}render(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}window.Picker=r},946:(t,e,s)=>{s.d(e,{Y:()=>r});var i=s(762);class r extends i.y{constructor(t,e){super(),this.code=[],this.saveEl=e,this.frs=t,this.res=null,this.setup(),this.responsive(),this.code.push(" new FlexRow()")}getType(){return"FlexRowLayoutElement"}set(t){this.options=t;var e=t;if(e.id="#ABC",e.gradient,e.pad&&this.pad(e.pad),e.mar&&this.mar(e.mar),e&&e.id&&e.stroke\|\|e&&e.id&&e.gradient\|\|e&&e.id&&e.span\|\|e&&e.id&&e.backgroundOp){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.backgroundOp];t=t.filter((t=>null!=t));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)}if(t.id&&this.res.setAttribute("id",t.id),this.code.push("\n .set({"),t.padding&&this.padding(t.padding),t.background&&(this.res.style.backgroundColor="#ecf0f1",this.res.style.cornerRadius="#3rem"),t.alignTo&&(this.res.style.justifyContent=t.alignTo),t.background&&(this.res.style.backgroundColor=t.background,this.code.push(`\n background: "${t.background}",`)),t.justify&&(this.res.style.justifyContent=t.justify,this.code.push(`\n justify: "${t.justify}",`)),t.border&&("top"===t.border[0]&&(this.res.style.borderTop=`${t.border[1]} solid white`),"all"===t.border[0]&&(this.res.style.border=`${t.border[1]} solid orange`),this.code.push(`\n border: ["${t.border[0]}", "${t.border[1]}"],`)),t.borderObj){this.borderObj(t.borderObj);let e=JSON.stringify(t.borderObj);this.code.push(`\n borderObj: ${e},`)}if(t.width&&(this.res.style.width=t.width),t.width&&this.code.push(`\n width: "${t.width}",`),t.height&&(this.res.style.height=t.height),t.height&&this.code.push(`\n height: "${t.height}",`),t.align&&(JSON.stringify(t.align),this.res.style.alignItems="flex-start",this.code.push('\n alignIts: "flex-start",'),this.res.style.alignItems="flex-start"),t.wrap&&this.wrap(),t.wrap&&this.code.push("\n wrap: true,"),t.alignIts){let e=JSON.stringify(t.alignIts);this.res.style.alignItems="flex-start",this.code.push(`\n alignIts: ${e},`)}return t.owrap&&this.onlyWrap(),t.owrap&&this.code.push("\n owrap: true,"),null!=t.owrap&&!1===t.owrap&&(this.res.style.flexWrap="nowrap",this.res.style.background="yellow"),t.columnAlways&&alert("JIJ"+t.columnAlways),t.toColumn&&this.toColumn(t.toColumn),t.column&&this.makeCol(),t.colat&&(t.colat&&this.toColumnAt(t.colat),this.code.push(`\n colat: "${t.colat}",`)),t.arrayPadding&&this.arrayPadding(t.arrayPadding.sides,t.arrayPadding.value),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),this.arrayMarginValue=t.arrayMargin,t.arrayMargin&&this.code.push(`\n arrayMargin: {sides: [${t.arrayMargin.sides.map((t=>`"${t}"`)).join(", ")}], value: "${t.arrayMargin.value}"},`),t.multipad&&this.makeMultiPad(t.multipad),t.align&&this.makeJustify(t.justify),t.justify&&this.makeAlign(t.justify),"flex-start"===t.justifo&&(this.res.style.justifyContent="flex-start"),t.radius&&(this.res.style.borderRadius="1rem"),t.aligns&&this.aligns(t.aligns),this.code.push("\n })"),this}setArea(t){return this.res.style.gridArea=t,this}toColumnAt(t){if(!this.columnAlways){const e=()=>{let e=window.matchMedia(`(max-width: ${t})`),s=window.matchMedia("(max-device-width: 415px)");e.matches\|\|s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};e(),window.addEventListener("resize",e)}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(t){return"start"===t&&(this.res.style.alignItems="flex-start"),"end"===t&&(this.res.style.alignItems="flex-end"),"center"===t&&(this.res.style.alignItems="center"),this}toColumn(t){alert("ON");const e=()=>{let e=window.matchMedia(`(max-width: ${t})`),s=window.matchMedia("(max-device-width: 415px)");e.matches\|\|s.matches?this.res.style.flexDirection="column":this.res.style.flexDirection="row"};return e(),window.addEventListener("resize",e),this}toCode(){return[`new FlexRow().set(${JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:")}).items([`,` ${this.items.map((t=>t.toCode())).join(",\n ")}`,"])"].join("\n")}arrayPadding(t,e){return t.includes("left")&&(this.res.style.paddingLeft=e),t.includes("right")&&(this.res.style.paddingRight=e),t.includes("top")&&(this.res.style.paddingTop=e),t.includes("bottom")&&(this.res.style.paddingBottom=e),this}borderAround(t){return this.res.style.border=t,this}cornerRadius(t){return this.res.style.borderRadius=t,this}makeJustify(t){return"start"===t&&(this.res.style.justifyContent="flex-start"),this}makeAlign(t){return"center"===t?this.res.style.alignItems="center":this.res.style.justifyContent=t,this}makeCol(){return this.res.style.flexDirection="column",this}makeMultiPad(t){for(var e=0;e<t.length;e++)"left"===t[e].side&&(this.res.style.paddingLeft=t[e].value),"right"===t[e].side&&(this.res.style.paddingRight=t[e].value);return this}padding(t){return this.res.style.padding=t,this}center(){return this}toColumn(){return this.res.style.flexDirection="column",this}setClass(t){return this.res.setAttribute("class",t),this}toCenter(t){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this.res.setAttribute("class",t),this}setup(){let t=document.createElement("div");return t.style.display="flex",t.style.justifyContent="space-around",t.style.alignItems="center",t.style.margin=0,this.res=t,this}noSpaceAround(){return this.res.style.justifyContent="",this}itemAlignCenter(){return this.res.style.justifyContent="center",this.res.style.alignItems="center",this}arrayMargin(t,e){return e\|\|(this.res.style.marginLeft=`${t[0]}px`,this.res.style.marginTop=`${t[1]}px`,this.res.style.marginRight=`${t[2]}px`,this.res.style.marginBottom=`${t[3]}px`),t.includes("left")&&(this.res.style.marginLeft=`${e}px`),t.includes("right")&&(this.res.style.marginRight=`${e}px`),t.includes("top")&&(this.res.style.marginTop=`${e}px`),t.includes("bottom")&&(this.res.style.marginBottom=`${e}px`),this}frame(t){return this.res.style.width=t.width,this.res.style.height=t.height,window.matchMedia("(max-device-width: 415px)").matches&&t.mobile&&(this.res.style.width=t.mobile),this}background(t){return this.res.style.background=t,this}radius(t){return this.res.style.borderRadius=`${t}px`,this}shadow(t,e,s){return this.res.style.boxShadow="0px 1px 10px 0px rgb(145 145 145)",this}onTap(t){return this.res.addEventListener("click",t),this}items(t){this.els=t,this.items=t,this.code.push(".items([");for(var e=0;e<t.length;e++){if(null!=t[e])if(t[e].render instanceof Function){let s=t[e].render();this.res.appendChild(s)}else this.res.appendChild(t[e]);if(null!=t[e]&&t[e].render instanceof Function){let s=t[e].render();this.res.appendChild(s),void 0!==t[e].toCode&&this.code.push(t[e].toCode().flatMap((t=>t)))}}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 t=.7window.innerWidth(this.els[1].getHeight()/this.els[1].getWidth());this.res.children[0].style.height=`${t}px`,this.res.children[0].style.width="30%",this.res.children[1].style.width="70%"}responsive(t){let e=window.matchMedia("(max-device-width: 415px)");return window.innerWidth<t\|\|e.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr",window.addEventListener("resize",(()=>{window.innerWidth<t\|\|e.matches?this.res.style.gridTemplateColumns="1fr":this.res.style.gridTemplateColumns="1fr 1fr"})),this}render(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}},959:(t,e,s)=>{s.d(e,{f:()=>r});var i=s(762);class r extends i.y{constructor(t){super(),this.url=t,this.res=null,this.setup()}setup(){this.res=document.createElement("audio"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}set(t){return this.options=t,t.background&&this.background(t.background),this}background(t){const e=document.createElement("style");return e.type="text/css",e.textContent=`\n\taudio::-webkit-media-controls-panel {\n\t\tbackground-color: ${t};\n\t}\n`,document.head.appendChild(e),this}toCode(){return JSON.stringify(this.options,null,4),[`new Audio("${this.url}")`]}size(t){return this.res.style.width=t,this}render(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}}},__webpack_module_cache__={};function __webpack_require__(t){var e=__webpack_module_cache__[t];if(void 0!==e)return e.exports;var s=__webpack_module_cache__[t]={exports:{}};return __webpack_modules__[t](s,s.exports,__webpack_require__),s.exports}__webpack_require__.d=(t,e)=>{for(var s in e)__webpack_require__.o(e,s)&&!__webpack_require__.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},__webpack_require__.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),__webpack_require__.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Des:()=>Des});var _lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(128),_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:t=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"${t}px"}}`},nepal:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"3px"}}'},blastFun:t=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"${t}px"}}`},patagonia:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"3px"}}'},blastFun:t=>`stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"${t}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:t=>({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:t=>" ".repeat(t)}}at(t){return this.options.push(t),this}nodes(t){return this.options=t,this.protoOptions=[...t],console.log(this.options),console.log(this.protoOptions),this}getElType(t){return`S${t.substr(1)}`}filtero(t,e,s){return s.filter((e=>e.op.name===t)).filter((t=>!t.target\|\|t.target.includes(e)))[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 t=customOptions.map((t=>t.op)).map(((t,e)=>t===ops[q]?e:"")).filter(String);if(t.length>0)for(var d=0;d<t.length;d++){let e=t[d],s=customOptions[e].target,i=customOptions[e].range,r=customOptions[e].filter,n=customOptions[e].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[e]=a}}console.warn(customOptions);for(var q=0;q<customOptions.length;q++){let t=customOptions[q].op.name,e=this.protoOptions[q].style\|\|"default",s=this.protoOptions[q].duration\|\|"default";if("transform"===t){let t=[];if(t="SOLARIUM"===e?["scale(3)"]:"WAVE"===e?["skew(15deg, 0deg)","tx:50px","rotate(10deg)","scale(1.1)"]:"CUBE-SPIN"===e?["perspective(700px)","scale(0.9)"]:"TORNADO-SWITCH"===e?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","tz:-80px"]:"LASER-SWEEP"===e?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"TORNADO-TWIST"===e?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","skew(10deg, 0deg)"]:"JELLY-WOBBLE"===e?["scale(1.2, 0.8)","rotate(5deg)","ty:-10px","skew(5deg, 0deg)"]:"DRUNKEN-SWAY"===e?["rotate(15deg)","tx:20px","ty:-10px","skew(10deg, 5deg)"]:"FLAME-FLICKER"===e?["scale(1.1, 0.9)","rotate(-5deg)","ty:5px","opacity:0.7"]:"PHANTOM-SHIFT"===e?["tx:15px","ty:-5px","opacity:0.5","skew(5deg, 5deg)"]:"RUBBER-BOUNCE"===e?["scale(1.3, 0.8)","skew(10deg, 0deg)","ty:-20px"]:"ASTEROID-CRASH"===e?["tx:-80px","ty:100px","rotate(45deg)","scale(0.7)","opacity:0.5"]:"CYBER-GLITCH"===e?["tx:5px","ty:-5px","rotate(3deg)","opacity:0.6","scale(1.05)"]:"BUBBLE-POP"===e?["scale(1.5)","opacity:0.3","ty:-20px"]:"SUPERNOVA-BURST"===e?["scale(2)","opacity:0","tx:50px","ty:-50px"]:"GRAVITY-DROP"===e?["ty:100px","scale(0.8)","rotate(10deg)","skew(0deg, 10deg)"]:"LASER-SWEEP"===e?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"VORTEX-SINK"===e?["rotate(-360deg)","scale(0.5)","ty:50px"]:"SHOCKWAVE"===e?["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:t,duration:s};let e="style",i="duration";if(customOptions[q]?.op&&e in customOptions[q].op&&delete customOptions[q].op[e],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 t="values";customOptions[q]?.op.values&&delete customOptions[q].op[t]}}}}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 t=document.createElement("textarea");t.style.width=300,t.style.height=300,t.setAttribute("id","elements"),t.value=this.code.join(""),this.target="#elements";let e=document.createElement("pre"),s=document.createElement("code");const i=this.code.map((t=>`${t}.render("#mount"); \n \n`));return this.code=i,s.textContent=this.code,e.appendChild(s),e.setAttribute("class","nonLayout"),document.body.appendChild(e),document.body.appendChild(t),document.createElement("pre").style.marginTop="100px",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}`)}}}module.exports=__webpack_exports__})();