nodality 1.0.0-beta.2 → 1.0.0-beta.21
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.
- package/LICENSE +21 -0
- package/README.md +108 -0
- package/dist/animator.cjs.js +1 -1
- package/dist/animator.esm.js +1 -1
- package/dist/appleanim.cjs.js +1 -0
- package/dist/appleanim.esm.js +1 -0
- package/dist/audionew.cjs.js +1 -1
- package/dist/audionew.esm.js +1 -1
- package/dist/base.cjs.js +1 -1
- package/dist/base.esm.js +1 -1
- package/dist/betaDesktopBar.esm.js +1 -1
- package/dist/betaMobileBar.esm.js +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/button.cjs.js +1 -1
- package/dist/button.esm.js +1 -1
- package/dist/cardGetter.cjs.js +1 -1
- package/dist/cardGetter.esm.js +1 -1
- package/dist/center.cjs.js +1 -1
- package/dist/center.esm.js +1 -1
- package/dist/checkbox.cjs.js +1 -1
- package/dist/checkbox.esm.js +1 -1
- package/dist/code.cjs.js +1 -1
- package/dist/code.esm.js +1 -1
- package/dist/container.cjs.js +1 -1
- package/dist/container.esm.js +1 -1
- package/dist/datalist.cjs.js +1 -1
- package/dist/datalist.esm.js +1 -1
- package/dist/designer.cjs.js +1 -1
- package/dist/designer.esm.js +1 -1
- package/dist/dropdown.cjs.js +1 -1
- package/dist/dropdown.esm.js +1 -1
- package/dist/elementMapper.cjs.js +1 -1
- package/dist/elementMapper.esm.js +1 -1
- package/dist/finalresult.esm.js +1 -1
- package/dist/flexCard.cjs.js +1 -1
- package/dist/flexCard.esm.js +1 -1
- package/dist/flexGrid.cjs.js +1 -1
- package/dist/flexGrid.esm.js +1 -1
- package/dist/flexRow.cjs.js +1 -1
- package/dist/flexRow.esm.js +1 -1
- package/dist/floatingInput.cjs.js +1 -1
- package/dist/floatingInput.esm.js +1 -1
- package/dist/free.cjs.js +1 -1
- package/dist/free.esm.js +1 -1
- package/dist/horizontalScroller.esm.js +1 -1
- package/dist/image.cjs.js +1 -1
- package/dist/image.esm.js +1 -1
- package/dist/imagePicker.cjs.js +1 -1
- package/dist/imagePicker.esm.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/link.cjs.js +1 -1
- package/dist/link.esm.js +1 -1
- package/dist/linkGetter.cjs.js +1 -1
- package/dist/linkGetter.esm.js +1 -1
- package/dist/metaAdder.cjs.js +1 -1
- package/dist/metaAdder.esm.js +1 -1
- package/dist/modal2025.cjs.js +1 -1
- package/dist/modal2025.esm.js +1 -1
- package/dist/multiswitchers.esm.js +1 -1
- package/dist/newNavBar.cjs.js +1 -1
- package/dist/newNavBar.esm.js +1 -1
- package/dist/picker.cjs.js +1 -1
- package/dist/picker.esm.js +1 -1
- package/dist/progress.cjs.js +1 -1
- package/dist/progress.esm.js +1 -1
- package/dist/radio.cjs.js +1 -1
- package/dist/radio.esm.js +1 -1
- package/dist/range.cjs.js +1 -1
- package/dist/range.esm.js +1 -1
- package/dist/scrollvideo.cjs.js +1 -0
- package/dist/scrollvideo.esm.js +1 -0
- package/dist/sideBar.cjs.js +1 -1
- package/dist/sideBar.esm.js +1 -1
- package/dist/sideNavBar.cjs.js +1 -1
- package/dist/sideNavBar.esm.js +1 -1
- package/dist/simpleBar.cjs.js +1 -1
- package/dist/simpleBar.esm.js +1 -1
- package/dist/stack.cjs.js +1 -1
- package/dist/stack.esm.js +1 -1
- package/dist/stacker.cjs.js +1 -0
- package/dist/stacker.esm.js +1 -0
- package/dist/table.cjs.js +1 -1
- package/dist/table.esm.js +1 -1
- package/dist/text.cjs.js +1 -1
- package/dist/text.esm.js +1 -1
- package/dist/textField.cjs.js +1 -1
- package/dist/textField.esm.js +1 -1
- package/dist/transformanim.cjs.js +1 -0
- package/dist/transformanim.esm.js +1 -0
- package/dist/wrap.cjs.js +1 -1
- package/dist/wrap.esm.js +1 -1
- package/dist/zoomCard.cjs.js +1 -1
- package/dist/zoomCard.esm.js +1 -1
- package/layout/index.js +16 -0
- package/layout/sideNavBar.js +1 -1
- package/layout/text.js +2 -0
- package/lib/AppleAnim.js +789 -0
- package/lib/Stacker.js +36 -0
- package/lib/TransformAnim.js +514 -0
- package/lib/designer.js +250 -6
- package/lib/elementMapper.js +7 -29
- package/lib/scrollvideo.js +125 -0
- package/package.json +18 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
class t{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=1e3*parseFloat(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}}class e extends t{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(62*Math.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(26*Math.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/100*window.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/100*t.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)}}class s extends t{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/100*window.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?t*s:t,this.res.style.height=i.matches?e*s:e):(this.res.style.width=i.matches?t*s:t,this.res.style.height=i.matches?t*s: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)}}class r extends t{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}}class n extends t{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=.7*window.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)}}class a extends t{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}}class o extends t{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}}class l extends t{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}}class h extends t{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}}class d extends t{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}}class c extends t{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)}, ${this.animate})`;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}}class p{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}}class u extends t{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=u,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)}};class m{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=m;class y extends t{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=y;class g extends t{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),f[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 f=[];class b{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 w=b;b=function(...t){return new w(...t)},window.DataList=b;class x{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}}class v extends t{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)}}class k{constructor(t,e){if(this.container=document.createElement("div"),this.elements=t,this.currentSlideIndex=0,this.buttons=e,!this.buttons){let t={leftButton:new v("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 v("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.currentSlideIndex*t,behavior:"smooth"})}render(t){if(!t)return this.slider;document.querySelector(t).appendChild(this.slider)}}class S extends t{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)}}class C extends t{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)}}class $ extends t{constructor(){super(),this.res=document.createElement("table")}add(t){this.data=t,this.datas=t;const e=Object.keys(t[0]);return this.generateTable(this.res,t),this.generateTableHead(this.res,e),this}style(t){return this.res.style.fontFamily=t.font,this}set(t){return t.cellPadding&&this.cellPadding(t.cellPadding),t.cellAlign&&this.cellAlign(t.cellAlign),t.style&&this.style(t.style),t.headStyle&&this.headStyle(t.headStyle),t.border&&this.border(t.border),t.center&&this.center(t.center),t.borderRadius&&this.borderRadius(t.borderRadius),this.obj=t,this}toCode(){let t=`new Table().add(${JSON.stringify(this.data)}).set(${JSON.stringify(this.obj)})`;return t=t.replace(/"(\w+)":/g,"$1:"),t=t.replace(/,/g,",\n"),[t]}center(){return this.res.style.marginLeft="auto",this.res.style.marginRight="auto",this}borderRadius(t){this.res.style.borderCollapse="separate",this.res.style.borderSpacing=0,this.res.style.overflow="hidden";const e=this.res,s=Object.keys(this.datas[0]).length,i=this.datas.length+1;for(let r=0;r<s;r++)e.rows[0].cells[r].style.borderTop=2*t+"px solid black",e.rows[i-1].cells[r].style.borderBottom=2*t+"px solid black";for(let r=0;r<i;r++)e.rows[r].cells[0].style.borderLeft=2*t+"px solid black",e.rows[r].cells[s-1].style.borderRight=2*t+"px solid black";return e.rows[0].cells[0].style.borderTopLeftRadius="10px",e.rows[0].cells[s-1].style.borderTopRightRadius="10px",e.rows[i-1].cells[0].style.borderBottomLeftRadius="10px",e.rows[i-1].cells[s-1].style.borderBottomRightRadius="10px",this}cellPadding(t){for(let e of this.res.rows)for(let s of e.cells)s.style.padding=t;return this}cellAlign(t){for(let e of this.res.rows)for(let s of e.cells)s.style.textAlign=t;return this}headStyle(t){const e=this.res.rows[0];return e&&(e.style.color=t.color,t.background&&(e.style.backgroundColor=t.background)),this}border(t){this.res.style.borderCollapse="collapse";for(let e of this.res.rows){e.style.border=t;for(let s of e.cells)s.style.border=t}return this}generateTableHead(t,e){const s=t.createTHead().insertRow();for(let t of e){const e=document.createElement("th"),i=document.createTextNode(t);e.appendChild(i),s.appendChild(e)}}generateTable(t,e){for(let s of e){const e=t.insertRow();for(let t in s){const i=e.insertCell(),r=document.createTextNode(s[t]);i.appendChild(r)}}}render(t){if(!t){const t=document.createElement("div");return t.style.overflowX="auto",t.appendChild(this.res),t}{const e=document.createElement("div");e.style.overflowX="auto",e.appendChild(this.res),document.querySelector(t).appendChild(e)}}}class E extends t{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(d*d+c*c)+1));switch(o){case"L":s-=p;break;case"R":s+=p;break;case"U":i-=p;break;case"B":i+=p}})),{forceX:s,forceY:i}}(n);o=Math.max(1,Math.min(s,o+Math.round(l))),a=Math.max(1,Math.min(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(16777215*Math.random()).toString(16).padStart(6,"0")}`,d.style.display="flex",d.style.alignItems="center",d.style.justifyContent="center",d.style.fontWeight="bold",d.style.color="white",this.res.appendChild(d)})),console.log("ARAO"),console.log(this.res.children.length),this}add(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)}}class T extends t{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=T;class A{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 L{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 z{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 v("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 l).set({breakpoints:[{at:"0px",view:new e("First").set({})},{at:"700px",view:new e("Nice").set({})},{at:"800px",view:new e("Best").set({})}]})}static video(){return new C("https://www.w3schools.com/html/mov_bbb.mp4").set({})}static audio(){return new S("rouska.mp3").set({background:"#1abc9c"})}static radio(t){return(new m).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 u).set({title:"Your name",type:"input"})}static filePicker(t){return(new g).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}static picker(t){return(new y).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 s=[(new d).set({}).add([new e("One").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new e("First time").set({font:"Arial"})]),new e("Two").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new e("Three").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new e("Four").set({fluidc:"S1",color:"#1abc9c",font:"Arial"})];return new k(s,null)}static table(t){return(new $).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(t){t.el.items||(t.el.items=["Flower","Car","Maseratti"]);let s=t.el.items.map((t=>(new r).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 h).set({behaviour:"mouseover",pad:[{a:"1rem"}],mar:[{a:"1rem"}],border:"1px solid black",width:"180px",radius:"1rem"}).add([new 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 d).set({border:"1px solid green",background:"#1abc9c",radius:"0.7rem",socenter:!0}).add(s.slice(1))])}static row(t){return t.customOptions,(new n).set({borderObj:{width:"3px",color:"orange"},colat:"600px"}).items([new e("Firsta").set({border:"3px solid green",width:"100%"}),new e("Second").set({border:"3px solid green",width:"100%"}),new e("Third").set({border:"3px solid green",width:"100%"})])}static protoNav(t){t.customOptions;let s=[{title:"Fire",link:"@e"},{title:"and",link:"@e"},{title:"smoke",link:"@e"}],i=s.map(((t,e)=>new r(`"${t.title}"`).set({fluidc:"S6",text:t.title,link:t.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3}}))),n=s.map(((t,e)=>new r(`"${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%, ${10*e}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*e}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));if(t.el.dropdown){const t=(new h).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black"}).add([new 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 d).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new r).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 r).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"}})])]);n.push(t),i.push(t)}return t.el.animation,(new l).set({breakpoints:[{at:"0px",view:(new o).set({background:"green",mar:[{a:21}],brand:new e("A").set({size:"S1"}),hamburgerColour:"#3498db",radius:"1rem"}).add([new r("A").set({text:"A",url:"#a"}),(new h).set({behaviour:"mouseover",pad:[{a:40}],mar:[{lr:"auto"}],breakpoint:"1200px",padding:"10px",border:"1px solid black",height:"auto"}).add([new 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 e("Firsti").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new e("Firstiuu").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})]),new r("B").set({text:"B",url:"#b"}),new r("C").set({text:"C",url:"https://www.abcnews.com"})])},{at:"1200px",view:(new a).set({background:"green",mar:[{a:21}],maxHeight:"100px",radius:"1rem"}).add([new e("A").set({size:"S1"}),new p(!0),(new h).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",radius:"30px",width:"130px"}).add([new 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 d).set({flexDir:"column",background:"orange",mar:[{t:"10px"}],radius:".3rem"}).add([new r("").set({text:"A",url:"jk",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r("").set({text:"Kivi new TV",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new r("").set({text:"Thanks GPT",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})])]),new r("Desktop bar").set({text:"Desktop bar",url:"#a"}),new r("B").set({text:"B",url:"#a"}),new r("C").set({text:"C",url:"#a"})])}]})}static sideNav(t){t.customOptions;let s=[{title:"Home",link:"@e"},{title:"Projects",link:"@e"},{title:"Services",link:"@e"}];const i=s.map(((t,e)=>new r(`"${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"}))),n=(new h).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 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 d).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new r).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 r).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 a=s.map(((t,e)=>new r(`"${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%, ${10*e}%)`,opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:`translate(100%, ${10*e}%)`,opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})));t.el.dropdown&&(a.push(n),i.push(n));const o=(new d).set({column:!0}).add([new 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?a[0]:i[0],t.el.animation?a[1]:i[1],t.el.animation?a[2]:i[2],t.el.animation&&t.el.dropdown?a[3]:new e("").set({}).excludeFromCode(),new e("Paramount, 2024").set({pad:[{a:20}],animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}})]),l=(new d).set({column:!0}).add([new 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 c).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 i=t.customOptions.filter((t=>"slayout"===t.op.name||"layout"===t.op.name))[0],r=null,n={cols:6,rows:6};return"text-above-image"!==i.op.value&&"image-above-text"!==i.op.value||(r=null,n=null),"image-overlay-text"===i.op.value&&(r={text:{row:"1 / span 2",col:"3 / span 2"},image:{row:"2 / span 3",col:"3 / 3"}}),"image-leftof-text"===i.op.value&&(r={text:{row:"1",col:"1 / 3"},image:{row:"1",col:"3 / 4"}}),(new E).set({id:"#3",templateCols:n,height:"600px"}).add([new e("I am free").set({border:"3px solid green",font:"Arial",fluidc:"S1",color:"#1abc9c",gpos:null!=r?r.text:null,zIndex:1}),new s("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!=r?r.image:null})])}static mapText(t){let s=t.el;return new e(s.text||s.value).set({id:s.id,class:s.class,color:s.color,fluidc:this.getElType(s.type),font:s.font??"Arial",stroke:this.filtero("blast",s.id,t.customOptions),gradient:this.filtero("gradient",s.id,t.customOptions),animation:this.filtero("animation",s.id,t.customOptions),shadow:this.filtero("shadow",s.id,t.customOptions),span:this.filtero("span",s.id,t.customOptions),backgroundOp:this.filtero("background",s.id,t.customOptions),marginOp:this.filtero("margin",s.id,t.customOptions),transform:this.filtero("transform",s.id,t.customOptions)})}static mapImage(t){let e=t.el;return new s(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?L.style({el:t.el,re:i,bst:e,options:t.customOptions})[e.length-1]:(new r).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 s={width:"200px",height:"100px"};if(ela=(new d).set(t),rta.op.hash[0].child){s.makeResponsiveBehaviour=rta.op.hash[0].child.l;let i=(new d).set(s).add([new e("Hello")]);ela=(new d).set(t).add([i])}}}static checkbox(t){return(new T).set({name:"acceptTerms",label:new e("Check it out!").set({size:"S6",color:"#1abc9c",font:"Arial"}),mar:"10px"})}static stack(t){return(new A).set({}).add([(new s).set({url:"https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg"}),new e("Samuel Suresh").set({color:"#00ae56",font:"SF Pro Display",fluidc:"S2",pad:{sides:["top","left"],value:20}})])}static form(t){return(new x).set({action:"file.php"}).add([(new u).set({title:"Your name",type:"input",name:"name"}),(new u).set({title:"Your email",type:"input",name:"email",color:"#3498db",font:"Arial",mar:[{a:"1rem"}]}),(new m).set({name:"gender",items:["Male","Female","Third shit"],multiple:!1,tint:"#1abc9c",font:"Arial",exact:"3rem"}),(new y).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 g).set({id:"A",name:"image",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem"}),new v("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]}}export{z as ElementMapper};
|
|
1
|
+
function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||n(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=n(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,a=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return a=t.done,t},e:function(t){l=!0,s=t},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw s}}}}function n(t,e){if(t){if("string"==typeof t)return o(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(t,e):void 0}}function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function s(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,a(n.key),n)}}function a(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}var l=function(){return t=function t(){var e,r,n,i=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),e=this,n=function(t){if(t.transform||t.op&&t.op.transform){var e=t.transform;t.transform||(e=t.op.transform),e.duration||(e.duration="3s-ease-in-out"),i.setDefault=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0px";return 0===t.length?e+" ":t};var r=function(){var r="",n="",o="",s="",a="",l="",c="",u="",d="";if(0!==e.values.length){e.values.forEach((function(t){t.startsWith("tx:")&&(r=t.replace("tx:","")),t.startsWith("ty:")&&(n=t.replace("ty:","")),t.startsWith("tz:")?o=t.replace("tz:",""):t.startsWith("scale(")?s=t:t.startsWith("skew(")?a=t:t.startsWith("rotate(")?l=function(t){var e=t.match(/rotate\(([^)]+)\)/);if(!e)return t;var r=e[1].split(",").map((function(t){return t.trim()}));return 1===r.length?"rotate(".concat(r[0],")"):2===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],")"):3===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],") rotate(").concat(r[2],")"):t}(t):t.startsWith("perspective(")?c=t:t.startsWith("matrix(")?u=t:t.startsWith("opacity:")&&(d=t.replace("opacity:",""))})),r=i.setDefault(r),n=i.setDefault(n),o=i.setDefault(o);var h="";if("0px"!=n&&"0px"!=r&&"0px"!=o?h+="translate3d(".concat(r,", ").concat(n,", ").concat(o,")"):"0px"==n&&"0px"==r||(h+="translate(".concat(r,", ").concat(n,")")),s&&(h+=" ".concat(s)),l&&(h+=" ".concat(l)),a&&(h+=" ".concat(a)),c&&(h+=" ".concat(c)),u&&(h+=" ".concat(u)),h){if(t.op.transform.duration){var f=t.op.transform.duration.replace(/^(\d+)(s)-/,(function(t,e,r){return e/2+r+" "})),y="transform ".concat(f,", opacity ").concat(f);i.res.style.transition=y}else i.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";i.res.style.transform=h,i.res.style.opacity=d}}};e.on?i.res.addEventListener(e.on,(function(){e.delay?setTimeout((function(){r()}),e.delay):r()})):window.addEventListener("load",(function(){e.delay?setTimeout((function(){r()}),e.delay):r()}));var n=function(){var t="";e.values.forEach((function(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) "),i.res.style.opacity="1"})),t&&(i.res.style.transform=t.trim())};if(e.on)i.res.addEventListener("mouseout",(function(){e.keep||n()}));else{var o=1e3*parseFloat(e.duration),s=e.closeAfter?e.closeAfter:0;setTimeout((function(){e.keep||n()}),o/2+s)}}},(r=a(r="reactOnTransform"))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}},n=[{key:"keySet",value:function(t){return this.temporaryVal=1,this.res.style[t.key]=t.value,this}},{key:"onScroll",value:function(t){var e=this;"opacity"===t.value?this.res.style.opacity=t.valMin:"scale"===t.value&&(this.res.style.transform="scale(".concat(t.valMax,")")),window.addEventListener("scroll",(function(){var r=e.smartRange(window.scrollY,{min:t.from,max:t.to},{min:t.valMin,max:t.valMax});"opacity"===t.value?e.res.style.opacity=r:"scale"===t.value&&(e.res.style.transform="scale(".concat(r,")"))}))}},{key:"setAny",value:function(t){this[Object.keys(t)[0]]=[Object.values(t)[0]]}},{key:"setID",value:function(t){this.id=t}},{key:"setPrevText",value:function(t){this.prevText=t}},{key:"getCSS",value:function(){return this.css}},{key:"getPX",value:function(t){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[t]||"Invalid breakpoint"}},{key:"respad",value:function(t){var e=this,r=function(){e.pad(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(min-width: ".concat(e.getPX(n))).matches&&e.pad(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resmar",value:function(t){var e=this,r=function(){e.mar(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(max-width: ".concat(e.getPX(n))).matches&&e.mar(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resprop",value:function(t){var e=this;this.prevBackground=this.res.style.background,this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.prevBorder=this.res.style.border;var r=function(){e.res.style.background=e.prevBackground,e.res.style.width=e.prevWidth,e.res.style.height=e.prevHeight,e.res.style.border=e.prevBorder;for(var r=0;r<t.length;r++){var n=t[r].breakpoint;if(window.matchMedia("(max-width: ".concat(e.getPX(n))).matches){var i={};for(var o in t[r])"breakpoint"!==o&&(i[o]=t[r][o]);e.set(i)}}};window.addEventListener("resize",r),r()}},{key:"isNumber",value:function(t){return"number"==typeof t&&!isNaN(t)}},{key:"pad",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var i=r[n],o=t[e][i],s=0;s<i.length;s++)switch(i[s]){case"a":this.res.style.padding=this.isNumber(o)?"".concat(o,"px"):o;break;case"t":this.res.style.paddingTop=this.isNumber(o)?"".concat(o,"px"):o;break;case"l":this.res.style.paddingLeft=this.isNumber(o)?"".concat(o,"px"):o;break;case"r":this.res.style.paddingRight=this.isNumber(o)?"".concat(o,"px"):o;break;case"b":this.res.style.paddingBottom=this.isNumber(o)?"".concat(o,"px"):o}return this}},{key:"as",value:function(t){return this.res.style.alignSelf=t,this}},{key:"mar",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var i=r[n],o=t[e][i],s=0;s<i.length;s++){switch(i[s]){case"a":this.res.style.margin=this.isNumber(o)?"".concat(o,"px"):o;break;case"t":this.res.style.marginTop=this.isNumber(o)?"".concat(o,"px"):o;break;case"l":this.res.style.marginLeft=this.isNumber(o)?"".concat(o,"px"):o;break;case"r":this.res.style.marginRight=this.isNumber(o)?"".concat(o,"px"):o;break;case"b":this.res.style.marginBottom=this.isNumber(o)?"".concat(o,"px"):o}"auto"===i[s]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}return this}},{key:"smartRange",value:function(t,e,r){t<e.min&&(t=e.min),t>e.max&&(t=e.max);var n=(t-e.min)/(e.max-e.min);e.min>e.max&&(n=(t-e.max)/(e.min-e.max));var i=(r.min-r.max)*n-r.min;if(i=Math.abs(i),r.min<r.max){var o=(r.max+Math.abs(r.min))*n;i=r.min+o}return i}},{key:"gpos",value:function(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}},{key:"fluidCopy",value:function(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var 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;var r=document.createTextNode(this.text);this.res.appendChild(r),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;var n=document.createTextNode(this.text);this.res.appendChild(n),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;var i=document.createTextNode(this.text);this.res.appendChild(i),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;var o=document.createTextNode(this.text);this.res.appendChild(o),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;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setIndex",value:function(t){this.index=t}},{key:"borderObj",value:function(t){var e,r=null!==(e=t.type)&&void 0!==e?e:"solid";return this.res.style.border="".concat(t.width," ").concat(r," ").concat(t.color),this.res.style.borderRadius=t.radius,this}},{key:"protoReact",value:function(t,n){var i=this;t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var o=function(){var o=window.innerWidth,s="";i.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var a,l=r(t);try{for(l.s();!(a=l.n()).done;){var c=a.value;i.counterIndex++;var u=e(c.range,2),d=u[0],h=u[1],f=parseInt(d),y=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===n&&(p=!0)}o>=f&&o<=y&&p&&("gradient"===c.log&&(s+="gradient"),"blast"===c.log&&(s+="blast"),"animation"===c.log&&(s+="animation"),"shadow"===c.log&&(s+="shadow"),"span"===c.log&&(s+="span"),"filter"===c.log&&(s+="filter"),"background"===c.log&&(s+="background"))}}catch(t){l.e(t)}finally{l.f()}i.res.style.margin="";var v,b=i.res.style.color;for(t.map((function(t){return t.log})).filter((function(t){return null!=t})).includes("gradient")&&(i.res.style.WebkitBackgroundClip="",i.res.style.background=""),i.res.style["-webkit-text-stroke"]="",i.res.style.filter="",i.res.style.textShadow="",i.res.style.border="";i.res.firstChild;)i.res.removeChild(i.res.firstChild);if(i.res.textContent=i.text,""===s&&(i.res.style["-webkit-text-fill-color"]="",i.res.style.color=b),"blast"===s){for(m=0;m<t.length;m++){var g=t[m].op.offsets;g&&void 0!==i.index&&(i.res.style.margin=g[Number(i.index)]+"px")}for(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke"]=i.globalBlast,m=0;m<t.length;m++){var w=t[m].op.offsets;w&&void 0!==i.index&&(i.res.style.margin=w[Number(i.index)]+"px")}}if("gradient"===s&&(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style.background=i.globalGradient,i.res.style["-webkit-background-clip"]="text",i.res.style.border="1px solid orange"),"background"===s&&(i.res.style.background="orange"),"gradientblast"===s&&(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style.background=i.globalGradient,i.res.style["-webkit-background-clip"]="text",i.res.style["-webkit-text-stroke"]=i.globalBlast),"gradientanimation"===s&&(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style.background=i.globalGradient,i.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===s&&(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style.background=i.globalGradient,i.res.style["-webkit-background-clip"]="text",i.res.style.textShadow=i.globalShadow),"animationshadow"===s&&(i.res.style["-webkit-text-fill-color"]="",i.res.style.textShadow=i.globalShadow),"shadow"===s&&(i.res.style["-webkit-text-fill-color"]="",i.res.style.textShadow=i.globalShadow),"span"===s&&i.options.span)for(v=Array.isArray(i.options.span)?i.options.span.filter((function(t){return"span"===t.op.name}))[0]:i.options.span,i.res.textContent="",m=0;m<v.op.parts.length;m++){var k=v.op.parts[m].style,x=new Text(v.op.parts[m].text).setup({type:"span"}).set(k).render();i.res.appendChild(x)}if("filter"===s){var S=i.options.filtera.op.filter;i.res.style.filter=S,i.res.style.border="8px solid orange"}};window.addEventListener("resize",o),o()}},{key:"setPref",value:function(t){this.preffersId=t}},{key:"setClass",value:function(t){this.class=t}},{key:"betaReact",value:function(t,n){var i=this;this.ap=!1,this.cta=0,this.once=!1,t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var o=function(){var o=window.innerWidth,s="";i.resCopy=i.res,i.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var a,l=r(t);try{for(l.s();!(a=l.n()).done;){var c=a.value;i.counterIndex++;var u=e(c.range,2),d=u[0],h=u[1],f=parseInt(d),y=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===n&&(p=!0)}o>=f&&o<=y&&p&&("blast"===c.log&&(s+="blast"),"shadow"===c.log&&(s+="shadow"),"background"===c.log&&(s+="background"),"gradient"===c.log&&(s+="gradient"),"spana"===c.log&&(s+="spana"),"layout"===c.log&&(s+="layout"),"margin"===c.log&&(s+="margin"),c.op&&c.op.margin&&(i.useMargin=c.op.margin))}}catch(t){l.e(t)}finally{l.f()}if(i.res.style.background="",i.res.style.backgroundColor="",i.res.style.textShadow="",i.res.style.border="",i.res.style.margin="",i.res.style["-webkit-text-fill-color"]="",i.res.style["-webkit-text-stroke"]="",i.res.style["-webkit-text-stroke-width"]="","background"===s&&(i.res.style.backgroundColor="green"),"margin"===s)for(m=0;m<t.length;m++)if(t[m].op){var v=t[m].op.offsets;v&&void 0!==i.index&&(i.res.style.margin=v[Number(i.index)]+"px")}if("blastbackgroundmargin"===s){for(m=0;m<t.length;m++)if(t[m].op){var b=t[m].op.offsets;b&&void 0!==i.index&&(i.res.style.margin=b[Number(i.index)]+"px")}i.res.style.backgroundColor="green","FlexRowLayoutElement"===i.getType()?i.res.style.border="1px solid orange":(i.res.textContent=i.text,i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"),i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===s){for(m=0;m<t.length;m++)if(t[m].op){var g=t[m].op.offsets;g&&void 0!==i.index&&(i.res.style.margin=g[Number(i.index)]+"px")}i.res.style.backgroundColor="green",i.useMargin?i.res.style.margin="1rem":i.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===i.getType()?i.res.style.border="1px solid orange":(i.res.textContent=i.text,i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"),i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===s&&(i.res.style.alignSelf="start",i.res.style.border="1px solid purple"),"blast"===s){for(m=0;m<t.length;m++)if(t[m].op){var w=t[m].op.offsets;w&&void 0!==i.index&&(i.res.style.margin=w[Number(i.index)]+"px")}"FlexRowLayoutElement"===i.getType()?i.res.style.border="1px solid orange":(i.res.textContent=i.text,i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-background-clip"]="text",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"),i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===s&&(i.res.style.border="1px solid yellow",i.res.style["-webkit-text-stroke-color"]="orange",i.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===s&&(i.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===i.getType()||(i.res.children[0]&&i.res.removeChild(i.res.children[0]),i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-background-clip"]="text",i.res.textContent=i.text)),"shadow"===s&&("FlexRowLayoutElement"===i.getType()||(i.res.children[0]&&i.res.removeChild(i.res.children[0]),i.res.style["-webkit-text-fill-color"]="",i.res.style["-webkit-text-fill-color"]="",i.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",i.res.textContent=i.text))};window.addEventListener("resize",o),o()}},{key:"cssGen",value:function(t,e,r,n){return this.css=[""],[""]}},{key:"chainReact",value:function(t,n,i){var o=this;this.cssGen(t,n,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;var s,a=r(t);try{for(a.s();!(s=a.n()).done;){var l=s.value;l.range||(l.range=["0px","999999px"])}}catch(t){a.e(t)}finally{a.f()}t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var c=function(){var s=window.visualViewport.width,a=[],l=[];o.resCopy=o.res,o.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var c,u=r(t);try{for(u.s();!(c=u.n()).done;){var d=c.value;o.counterIndex++;var h=e(d.range,2),f=h[0],y=h[1],p=parseInt(f),m=parseInt(y),v=!0;if(d.target){v=!1;for(var b=0;b<d.target.length;b++)d.target[b]===n&&(v=!0)}s>=p&&s<=m&&v&&(a.push(d.log),l.push(d),d.op&&d.op.margin&&(o.useMargin=d.op.margin))}}catch(t){u.e(t)}finally{u.f()}if(i&&!i.includes("background")&&(o.res.style.background="",o.res.style.backgroundColor=""),o.res.style.textShadow="",i&&!i.includes("border")&&(o.res.style.border=""),i&&!i.includes("margin")&&(o.res.style.margin=""),o.res.style["-webkit-text-fill-color"]="",o.res.style["-webkit-text-stroke-color"]="",o.res.style["-webkit-text-stroke-width"]="",o.res.style.filter="",(a.includes("gradient")||a.includes("shadow"))&&(o.res.style.position="relative",o.res.style.zIndex=-1),a.includes("blast")){var g,w=l.filter((function(t){return"blast"===t.log}))[0].op.color,k=null!==(g=l.filter((function(t){return"blast"===t.log}))[0].op.width)&&void 0!==g?g:"1px";"FlexRowLayoutElement"===o.getType()?o.res.style.border="".concat(k,"px solid orange"):(o.res.textContent=o.text,o.res.style["-webkit-text-fill-color"]="transparent",o.res.style["-webkit-text-stroke-color"]=w,o.res.style["-webkit-text-stroke-width"]="".concat(k))}if(a.includes("filter")){var x=l.filter((function(t){return"filter"===t.log}))[0].op.filter;o.res.style.filter=x}if(a.includes("background")&&(o.res.style.backgroundColor="green"),a.includes("gradient")&&(o.res.style["-webkit-text-fill-color"]="transparent",o.res.style.background=o.globalGradient,o.res.style["background-clip"]="text"),a.includes("shadow"))if("FlexRowLayoutElement"===o.getType());else{var S="",O=0;for(b=0;b<o.options.shadow.op.steps;b++)S+="drop-shadow(".concat(O+=3,"px ").concat(O,"px ").concat(O,"px gray) ");o.res.style.filter=S}if(a.includes("margin"))for(b=0;b<t.length;b++)if(t[b].op){var C=t[b].op.offsets;C&&void 0!==o.index&&(o.res.style.margin=C[Number(o.index)]+"px")}if(a.includes("animation")){if(o.options.animation&&!o.hasAnimated&&!o.options.animation.op.fireAt){o.hasAnimated=!0;var j=o.options.animation.op;o.res.animate(j.keyframesClose,{duration:0,fill:"forwards"}),o.res.animate(j.keyframesOpen,j.openOptions)}if(o.options.animation&&o.options.animation.op.fireAt&&o.options.animation.op.fireAt.endsWith("px")){var E=o.options.animation.op;o.res.animate(E.keyframesClose,{duration:0,fill:"forwards"});var T=function(){window.scrollY>parseFloat(E.fireAt)&&(o.res.animate(E.keyframesOpen,E.openOptions),window.removeEventListener("scroll",T))};window.addEventListener("scroll",T)}if(o.options.animation&&o.options.animation.op.fireAt&&"inview"===o.options.animation.op.fireAt){var P=o.options.animation.op;o.res.animate(P.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(t,e){t.forEach((function(t){t.isIntersecting&&(o.res.animate(P.keyframesOpen,P.openOptions),e.disconnect())}))})).observe(o.res)}}};window.addEventListener("resize",c),c()}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"arrayMargin",value:function(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}},{key:"navBarExpand",value:function(){return this.res.style.backgroundColor="green",this.res.animate([{transform:"scaleY(3.0)"}],{duration:2e3,iterations:1,fill:"both"}),this}},{key:"scrollFade",value:function(t,e){return this.res.style.visibility="hidden",this.faden(t,e,"scroll"),this}},{key:"expand",value:function(t){var e=this;return!1===this.state.isExpanded?"click"===t.on?this.res.addEventListener("click",(function(){e.innerExpand(t)})):this.innerExpand(t):this.innerExpandBack(t),this.state.isExpanded=!this.state.isExpanded,this}},{key:"move",value:function(t){var e=this;return"click"===t.on?this.res.addEventListener("click",(function(){e.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}},{key:"moveLeft",value:function(t){return this.res.animate([{transform:"translateX(0px)"},{transform:"translateX(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveUpa",value:function(t){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveDowna",value:function(t){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveUpaBack",value:function(t){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"innerExpandBack",value:function(t){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"})}},{key:"innerExpand",value:function(t){var e,r;return this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.res.animate([{width:this.prevWidth,height:this.prevHeight},{width:null!==(e=t.width)&&void 0!==e?e:this.prevWidth,height:null!==(r=t.height)&&void 0!==r?r:this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"}),this}},{key:"fade",value:function(t){return this.res.style.visibility="hidden",this.faden(t.duration,t.from,"load"),t.finalOpacity&&(this.finalOpacity=t.finalOpacity),this}},{key:"faden",value:function(t,e,r){var n=this;return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(r,(function(){n.res.style.visibility="visible";var i=window.innerHeight;(n.res.getBoundingClientRect().top-i<=0||"load"==r)&&0==n.scrolled&&("left"==e&&n.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"right"==e&&n.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"top"==e&&n.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),"bottom"==e&&n.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),n.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:t,iterations:1}),n.scrolled=!0)})),this}}],n&&s(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function u(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||d(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(t,e){if(t){if("string"==typeof t)return h(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function f(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,y(n.key),n)}}function y(t){var e=function(t){if("object"!=c(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==c(e)?e:e+""}function p(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(p=function(){return!!t})()}function m(t,e,r,n){var i=v(b(1&n?t.prototype:t),e,r);return 2&n&&"function"==typeof i?function(t){return i.apply(r,t)}:i}function v(){return v="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=b(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},v.apply(null,arguments)}function b(t){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},b(t)}function g(t,e){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},g(t,e)}var w=function(){function t(e,r){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(n=function(t,e,r){return e=b(e),function(t,e){if(e&&("object"==c(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,p()?Reflect.construct(e,r||[],b(t).constructor):e.apply(t,r))}(this,t)).text=e,n.res=null,n.setup(r),n.code=[],n.elCSS=[],n.html=[],n.react=[],n.code.push('new Text("'.concat(n.text,'")')),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&g(t,e)}(t,l),e=t,r=[{key:"flexOne",value:function(){return this.res.style.flex="1",this}},{key:"setGridWithoutCode",value:function(){return this.res.style.border="1px solid white",this}},{key:"setArea",value:function(t){return this.res.style.gridArea=t,this}},{key:"toCodea",value:function(){return this.excludeFromCodeTrue&&(this.code=[""]),this.code}},{key:"toCode",value:function(){if(this.excludeFromCodeTrue)return[""];var t=Object.fromEntries(Object.entries(this.options).filter((function(t){var e=u(t,2);return e[0],null!==e[1]}))),e=JSON.stringify(t,null,4).replace(/"([^"]+)":/g,"$1:");return console.log("OCO"),console.log(e),['new Text("'.concat(this.text,'").set(').concat(e,")")]}},{key:"toCSS",value:function(){return this.css}},{key:"toHTMLA",value:function(){return this.html}},{key:"toElCSS",value:function(){return this.elCSS=this.elCSS.map((function(t){return" "+t})),this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}},{key:"getType",value:function(){return"S1"===this.options.fluidc?"HTMLHeaderElement":"HTMLParagraphElement"}},{key:"gradientOptions",value:function(t){var e=this;if(0===t.length)return this;var r=t.filter((function(t){return"gradient"===t.op.name}))[0];if(void 0===r)return this;var n=r.op;if(r.point){var i=function(){window.matchMedia("(min-width: ".concat(r.range[0],") and (max-width: ").concat(r.range[1],")")).matches&&(e.prevBackground=e.res.style.color.toString(),e.res.style.background=n.gradient,e.res.style.WebkitBackgroundClip="text")};i(),window.addEventListener("resize",i)}}},{key:"strokeOptions",value:function(t){var e=this;if(0===t.length)return this;var r=t.filter((function(t){return"blast"===t.op.name}))[0];if(void 0===r)return this;console.log("DEL");var n=r.op;if(r.point){var i=function(){window.matchMedia("(min-width: ".concat(r.range[0],") and (max-width: ").concat(r.range[1],")")).matches&&(n.color?e.res.style["-webkit-text-stroke"]="".concat(n.width?n.width:"1px"," ").concat(n.color):e.res.style["-webkit-text-stroke"]="1px orange",e.res.style["-webkit-text-fill-color"]="transparent")};i(),window.addEventListener("resize",i)}else n.color&&(this.res.style["-webkit-text-stroke"]="".concat(n.width?n.width:"1px"," ").concat(n.color)),this.res.style["-webkit-text-fill-color"]="transparent"}},{key:"stroke",value:function(){return this.res.style["-webkit-text-stroke"]="3px orange",this}},{key:"fill",value:function(){return this.res.style["-webkit-text-fill-color"]="transparent",this}},{key:"rowCol",value:function(t,e){return this.res.style.gridRow=t,this.res.style.gridColumn=e,this}},{key:"setGridRow",value:function(t){return this.res.style.gridRow=t,this}},{key:"setGridCol",value:function(t){return this.res.style.gridColumn=t,this}},{key:"toHTML",value:function(){return this.res}},{key:"onTap",value:function(t){return this.res.addEventListener("click",t),this}},{key:"setClass",value:function(t){return this.res.setAttribute("class",t),this}},{key:"setRandom",value:function(){for(var t="LAYOUT-",e=90;e>0;--e)t+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62*Math.random())];return t+=(new Date).getTime(),this.res.setAttribute("class",t),this}},{key:"styled",value:function(t){return this.set(t),this}},{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"set",value:function(e){this.resCopy=this.res,this.options=e,m(t,"setPrevText",this,3)([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&&m(t,"setIndex",this,3)([e.index]),e.index&&(this.index=e.index),e.preffersId&&(this.preffersId=e.preffersId),m(t,"setPref",this,3)([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: ".concat(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),m(t,"setID",this,3)([this.options.id]),this.options.class&&this.res.setAttribute("class",this.options.class),m(t,"setClass",this,3)([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: ".concat(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="".concat(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);var r=[];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&&m(t,"setAny",this,3)([{globalBlast:"".concat(e.stroke.op.width," ").concat(e.stroke.op.color)}]),e.span&&(e.span.prevText=this.text);var n=[e.stroke,e.gradient,e.animation,e.span,e.backgroundOp,e.layout,e.marginOp,e.shadow,e.animation,e.filtera,e.transform];n=n.filter((function(t){return null!=t}));for(var i=0;i<n.length;i++)r.push({range:n[i].range,log:n[i].op.name,target:n[i].target,op:n[i].op});var o=[];e.borderObj&&o.push("border"),e.background&&o.push("background"),e.mar&&o.push("margin"),e.animation&&o.push("animation"),e.span&&o.push("span"),console.log("ARA IS "+r),this.chainReact(r,this.options.id,o)}return this}},{key:"excludeFromCode",value:function(){return this.excludeFromCodeTrue=!0,this}},{key:"addIcon",value:function(t){var 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}},{key:"checkForAnimation",value:function(t){t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var e,r=window.innerWidth,n=function(t){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=d(t))){e&&(t=e);var r=0,n=function(){};return{s:n,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,s=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return o=t.done,t},e:function(t){s=!0,i=t},f:function(){try{o||null==e.return||e.return()}finally{if(s)throw i}}}}(t);try{for(n.s();!(e=n.n()).done;){var i=e.value,o=u(i.range,2),s=o[0],a=o[1],l=parseInt(s),c=parseInt(a);r>=l&&r<=c&&"animation"===i.log&&this.res.animate([{opacity:0,transform:"translateY(100px)"},{opacity:1,transform:"translateY(0)"}],{duration:1e3,easing:"ease"})}}catch(t){n.e(t)}finally{n.f()}}},{key:"resetSmall",value:function(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}},{key:"resetGradient",value:function(){return this.res.style.WebkitBackgroundClip="text",this.res.style.background="transparent",this}},{key:"resetStroke",value:function(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}},{key:"innerStroke",value:function(t){t.color?this.res.style["-webkit-text-stroke"]="".concat(t.width?t.width:"1px"," ").concat(t.color):this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent"}},{key:"innerGradient",value:function(t){this.res.style.background="linear-gradient(45deg, #ff0000, #00ff00)",this.res.style["-webkit-background-clip"]="text"}},{key:"arrayMargin",value:function(t,e){return e||(this.res.style.marginLeft="".concat(t[0],"px"),this.res.style.marginTop="".concat(t[1],"px"),this.res.style.marginRight="".concat(t[2],"px"),this.res.style.marginBottom="".concat(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}},{key:"clampExperiment",value:function(){return this.res.style.fontSize="clamp(1rem, calc(1rem * 10rem), 3rem)",this}},{key:"between",value:function(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}},{key:"betweenCopy",value:function(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}},{key:"stringGen",value:function(t){for(var e="",r=0;r<t;r++)e+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(26*Math.random()));return e}},{key:"initLetter",value:function(t){var e=document.createElement("style");document.body.appendChild(e),Math.random();var r=this.stringGen(1e3);return this.res.setAttribute("id",r),document.styleSheets[0].insertRule("#".concat(r,"::first-letter { color: green; font-size: 3em; padding: 0.1em }"),0),this}},{key:"constant",value:function(t){return"S1"===t&&this.jumbotron(),"S2"===t&&this.large(),"S3"===t&&this.medium(),this}},{key:"minusMargin",value:function(){return this.res.style.marginRight="-3.1em",this}},{key:"fluid",value:function(t){if("S1"===t){this.res=document.createElement("h1");var e=document.createTextNode(this.text);this.res.appendChild(e),this.res.style.fontSize="calc(1.625rem + 4.3vw)"}if("S2"===t){this.res=document.createElement("h2");var r=document.createTextNode(this.text);this.res.appendChild(r),this.res.style.fontSize="calc(1.525rem + 3.525vw)"}if("S3"===t){this.res=document.createElement("h3");var n=document.createTextNode(this.text);this.res.appendChild(n),this.res.style.fontSize="calc(1.375rem + 2.75vw)"}if("S4"===t){this.res=document.createElement("h4");var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.275rem + 1.975vw)"}return"S5"===t&&(this.res.style.fontSize="calc(1.1rem + 1.2vw)"),this}},{key:"getClampValue",value:function(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}},{key:"clampCopy",value:function(t){return this.res.style.fontSize=this.getClampValue(t),this}},{key:"fluidCopy",value:function(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var 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;var r=document.createTextNode(this.text);this.res.appendChild(r),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;var n=document.createTextNode(this.text);this.res.appendChild(n),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;var i=document.createTextNode(this.text);this.res.appendChild(i),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;var o=document.createTextNode(this.text);this.res.appendChild(o),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;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.options&&!1===this.options.preffersId?this.html.push('<p class="'.concat(this.options.class,'">').concat(this.text,"</p> \n \n")):this.options&&this.options.id&&this.html.push('<p id="'.concat(this.options.id.substr(1),'">').concat(this.text,"</p> \n \n")),this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"toReactComponent",value:function(){return this.react.push("function Godzilla() { \n"),this.react.push('return <h1 class="'.concat(this.options.class,'">').concat(this.text,"</h1> \n")),this.react.push("} \n \n"),this.react}},{key:"myself",value:function(t){var e=this,r=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize=t.desktop:e.res.style.fontSize=t.phone};return r(),window.addEventListener("resize",r),this}},{key:"jumbotron",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="8rem":t.res.style.fontSize="6rem"};return e(),window.addEventListener("resize",e),this}},{key:"large",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="7rem":t.res.style.fontSize="5rem"};return e(),window.addEventListener("resize",e),this}},{key:"frame",value:function(t){return this.res.style.width=t.width,this.res.style.height=t.height,this}},{key:"vw",value:function(t,e,r){}},{key:"responsive",value:function(t){var e=this;this.set=!1,this.setB=!1;var r=function(){window.innerWidth<t.minw?(e.setB=!1,e.set||(e.res.style.color="#3498db",e.res.style.fontSize="".concat(t.baseVW/100*window.innerWidth,"px"),e.set=!0)):window.innerWidth>t.maxw?(e.set=!1,e.setB||(e.res.style.color="orange",e.res.style.fontSize="".concat(t.baseVW/100*t.maxw,"px"),e.setB=!0)):(e.set=!1,e.setB=!1,e.res.style.color="black",e.res.style.fontSize="".concat(t.baseVW,"vw"))};return r(),window.addEventListener("resize",r),this}},{key:"xlarge",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="6.5rem":t.res.style.fontSize="8.5rem"};return e(),window.addEventListener("resize",e),this}},{key:"medium",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="2.25rem":t.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}},{key:"auto",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="2rem":t.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}},{key:"small",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="1.5em":t.res.style.fontSize="1em"};return e(),window.addEventListener("resize",e),this}},{key:"sizes",value:function(t){var e=this;this.res.style.fontSize="".concat(t[0].size,"rem");var r=function(){for(var r=0;r<t.length;r++)t[r].width&&window.matchMedia("(min-width: ".concat(t[r].width,"px)")).matches&&(e.res.style.fontSize="".concat(t[r].size));window.matchMedia("(max-device-width: 415px)").matches&&(e.res.style.fontSize="".concat(t[t.length-1].mobile))};return r(),window.addEventListener("resize",r),this}},{key:"setup",value:function(t){var e;t?((e=document.createElement(t.type)).setAttribute("id",t.id),t.type):e=document.createElement("p");var r=document.createTextNode(this.text);return e.appendChild(r),this.res=e,this.res.style.padding=0,this.res.style.margin=0,this}},{key:"hide",value:function(){return this.res.style.visibility="hidden",this}},{key:"font",value:function(t){return this.res.style.fontFamily=t,this}},{key:"center",value:function(){return this.res.style.textAlign="center",this}},{key:"size",value:function(t){return this.res.style.fontSize=t,this}},{key:"em",value:function(t){return this.res.style.fontSize="".concat(t,"em"),this}},{key:"color",value:function(t){return this.res.style.color=t,this}},{key:"align",value:function(t){return this.res.style.textAlign="".concat(t),this}},{key:"weight",value:function(t){return this.res.style.fontWeight=t,this}},{key:"bold",value:function(){return this.res.style.fontWeight="bold",this}},{key:"italic",value:function(){return this.res.style.fontStyle="italic",this}},{key:"width",value:function(t,e){return this.res.style.width=t,e&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}},{key:"offset",value:function(t){return this.res.style.gridRow=2,this.res.style.gridColumn=2,this.res.style.marginLeft="-60px",this}},{key:"border",value:function(t,e){return this.res.style.border="".concat(e,"px solid ").concat(t),this}},{key:"padding",value:function(t,e,r,n){return(t||e||r||n)&&(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=r,this.res.style.paddingBottom=n),e||r||n||(this.res.style.padding=t),this}},{key:"arrayPadding",value:function(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}},{key:"margin",value:function(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}},{key:"headline",value:function(){return this.em(4),this.font("Arial"),this.bold(),this}},{key:"caption",value:function(){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}},{key:"updating",value:function(t,e){var r=this.res,n=this.text;return Object.defineProperty(t,e,{set:function(t){var e=document.createTextNode(n.replace("$",t));r.replaceChild(e,r.childNodes[0])}}),this}},{key:"style",value:function(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}},{key:"applyStyle",value:function(t,e){return window.matchMedia("(max-width: ".concat(t,"px)")).matches&&Object.assign(this.res.style,e.styles),this}},{key:"nextApply",value:function(t){for(var e=this,r=[],n=(this.res.style,function(n){r[0].matches?Object.assign(e.res.style,t[0].styles):r[1].matches?Object.assign(e.res.style,t[1].styles):Object.assign(e.res.style,t[t.length-1].styles)}),i=0;i<t.length;i++){var o=t[i],s=window.matchMedia("(min-width: ".concat(o.min,"px) and (max-width: ").concat(o.max,"px)"));r.push(s),r[i].addListener(n)}return n(),this}},{key:"apply",value:function(t){var e=this,r=this.res.styles,n=function(){for(var n=0;n<t.length;n++){var i=t[n];i.min&&i.max?window.matchMedia("(min-width: ".concat(i.min,"px) and (max-width: ").concat(i.max,"px)")).matches?Object.assign(e.res.style,i.styles):(alert("YES min max, but does not match"),Object.assign(e.res.style,r)):window.matchMedia("(max-width: ".concat(i.max,"px)")).matches?Object.assign(e.res.style,i.styles):(alert("NO min max, and does not match"),Object.assign(e.res.style,r))}};return n(),window.addEventListener("resize",n),this}},{key:"render",value:function(t){if(!t)return this.res;this.options&&this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(t).appendChild(this.res)}}],r&&f(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function k(t){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},k(t)}function x(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function S(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,O(n.key),n)}}function O(t){var e=function(t){if("object"!=k(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==k(e)?e:e+""}function C(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(C=function(){return!!t})()}function j(t,e,r,n){var i=E(T(1&n?t.prototype:t),e,r);return 2&n&&"function"==typeof i?function(t){return i.apply(r,t)}:i}function E(){return E="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=T(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},E.apply(null,arguments)}function T(t){return T=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},T(t)}function P(t,e){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},P(t,e)}var A=function(){function t(e,r,n,i){var o;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(o=function(t,e,r){return e=T(e),function(t,e){if(e&&("object"==k(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,C()?Reflect.construct(e,r||[],T(t).constructor):e.apply(t,r))}(this,t)).url=e,o.res=null,o.code=[],o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&P(t,e)}(t,l),e=t,r=[{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"setType",value:function(t){t.url;var e=t.type,r=t.mode;if(this.code=[],"exact"===e){var n='new Image("'.concat(this.url,'", "exact")');this.code.push(n)}else if("uncover"===e){var i='new Image("'.concat(this.url,'", "uncover")');this.code.push(i)}else this.code.push("new Image('".concat(this.url,"')"));return this.image(this.url,r,e),this}},{key:"flexOne",value:function(){return this.res.style.flex="1",this}},{key:"hand",value:function(){return this.res.style.cursor="hand",this}},{key:"setGridWithoutCode",value:function(){return this.res.style.border="1px solid white",this}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"getHeight",value:function(){return this.res.height}},{key:"getWidth",value:function(){return this.res.width}},{key:"getType",value:function(){return"HTMLImageElement"}},{key:"toCode",value:function(){var t=this.options;this.res.style.border&&(t.border=this.res.style.border);var e=Object.fromEntries(Object.entries(t).filter((function(t){var e=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return x(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t,2);return e[0],null!==e[1]})));return["new Image().set(".concat(JSON.stringify(e,null,2).replace(/"(\w+)"\s*:/g,"$1:"),")")]}},{key:"formatObj",value:function(t){return JSON.stringify(t,null,2).replace(/"(\w+)"\s*:/g,"$1:")}},{key:"set",value:function(e){var r="";this.options=e;var n=e.isFull;if(n?this.image(e.url,"exact",n,"a"):this.setup(),e.url&&this.res.setAttribute("src",e.url),"exact"===n?'new Image("'.concat(this.url,'", "exact")'):"uncover"===n&&'new Image("'.concat(this.url,'", "uncover")'),e.vtn&&(this.res.style.viewTransitionName=e.vtn),this.vtn=e.vtn,e.minHeight&&(this.res.style.minHeight=e.minHeight),e.index&&j(t,"setIndex",this,3)([e.index]),e.index&&(this.index=e.index),e.index&&(r+='\n index: "'.concat(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&&(r+='\n objectFit: "'.concat(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,r+="\n gpos: ".concat(this.removeQuotesFromFirstWord(JSON.stringify(e.gpos)),", ")),e.filtera){var i;i=Array.isArray(e.filtera)?c.filtera.filter((function(t){return"filter"===t.op.name}))[0]:e.filtera;var o=this.removeQuotesFromFirstWord(JSON.stringify(i));r+="\n filtera: ".concat(o,", \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&&(r+='\n zIndex: "'.concat(e.zIndex,'", \n')),e.id&&this.res.setAttribute("id",e.id),e.id&&(r+=' id: "'.concat(e.id,'", \n')),this.id=e.id,e.area&&this.setArea(e.area),e.area&&(r+='area: "'.concat(e.area,'", \n')),e.opacity&&(this.res.style.opacity=e.opacity),e.width&&(this.res.style.width=e.width),e.width&&(r+='width: "'.concat(e.width,'", ')),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.maxWidth&&(r+='maxWidth: "'.concat(e.maxWidth,'", ')),e.height&&(this.res.style.height=e.height),e.height&&(r+='height: "'.concat(e.height,'", ')),e.multimargin&&this.makeMultiMargin(e.multimargin),e.multimargin&&(r+="multimargin: [ \n"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.multimargin){for(var s=0;s<e.multimargin.length;s++){var a=e.multimargin[s];r+='{side: "'.concat(a.side,'", value: "').concat(a.value,'"}, \n')}r+="], \n"}if(e.maxWidth&&this.maxWidth(e.maxWidth),e.maxWidth&&(r+='maxWidth: "'.concat(e.maxWidth,'", \n')),e.radius&&this.cornerRadius(e.radius),e.radius&&(r+='radius: "'.concat(e.radius,'", \n')),e.marginOp){var l=this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp));r+="\n marginOp: ".concat(l,",")}e.clipPath&&this.clipPath(e.clipPath),e.clipPath&&(r+='clipPath: "'.concat(e.clipPath,'", \n'));var c=e;if(c.stroke||c.gradient||c.span||c.backgroundOp||c.layout||c.marginOp||c.shadow||c.filtera||c.animation){c.gradient,c.gradient&&(this.globalGradient=c.gradient.op.gradient),c.stroke&&j(t,"setAny",this,3)([{globalBlast:"".concat(c.stroke.op.width," ").concat(c.stroke.op.color)}]);var u=[c.stroke,c.gradient,c.animation,c.span,c.backgroundOp,c.layout,c.marginOp,c.shadow,c.filtera,c.animation];u=u.filter((function(t){return null!=t}));var d=[];for(s=0;s<u.length;s++)d.push({range:u[s].range,log:u[s].op.name,target:u[s].target,op:u[s].op});this.chainReact(d,this.options.id)}if(c.shadow){var h=c.shadow,f=this.removeQuotesFromFirstWord(JSON.stringify(h));r+="\n shadow: ".concat(f,",")}if(c.animation){var y=c.animation,p=this.removeQuotesFromFirstWord(JSON.stringify(y));r+="\n animation: ".concat(p,",")}var m="\n .set({".concat(r,"}) \n \n");return Object.keys(e).length>0?this.code.push(m):this.code.push(","),this}},{key:"setFilter",value:function(t){var e=[],r=[t];r=r.filter((function(t){return null!=t}));for(var n=0;n<r.length;n++)e.push({range:r[n].range,log:r[n].op.name,target:r[n].target})}},{key:"makeMultiMargin",value:function(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}},{key:"setID",value:function(t){return this.res.setAttribute("id",t),this}},{key:"square",value:function(){return this.res.style.width="30%",this.res.style.paddingBottom="30%",this}},{key:"opacity",value:function(t){return this.res.style.opacity="".concat(t),this}},{key:"rowCol",value:function(t,e){return this.res.style.gridRow=t,this.res.style.gridColumn=e,this}},{key:"setArea",value:function(t){return this.res.style.gridArea=t,this}},{key:"setGridRow",value:function(t){return this.res.style.gridRow=t,this}},{key:"setGridCol",value:function(t){return this.res.style.gridColumn=t,this}},{key:"setGrid",value:function(){return this.res.style.gridRow="span 2",this.res.style.gridColumn="span 3",this}},{key:"transform",value:function(t){return this.res.style.transform=t,this}},{key:"offset",value:function(){return this.res.style.marginLeft="-60px",this}},{key:"offseta",value:function(){return this.res.style.marginLeft="90px",this.res.style.marginTop="-30px",this}},{key:"borderAround",value:function(t){return this.res.style.border=t,this}},{key:"setClass",value:function(t){return this.res.setAttribute("class",t),this}},{key:"scale",value:function(t){var e=this;return this.res.style.width,this.res.style.transition="0.5s all",this.res.addEventListener("mouseover",(function(){e.res.style.width,e.res.style.transform="scale(1.04)"})),this.res.addEventListener("mouseout",(function(){e.res.style.width,e.res.style.transform="scale(1.0)"})),this}},{key:"onTap",value:function(t){return this.res.addEventListener("click",t),this}},{key:"border",value:function(t){return this.res.style.borderTopLeftRadius="16px",this.res.style.borderTopRightRadius="16px",this}},{key:"allRound",value:function(t){return this.res.style.borderRadius=t,this}},{key:"mobileWidth",value:function(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="120%"),this}},{key:"image",value:function(t,e,r,n,i){var o=window.matchMedia("(max-device-width: 415px)"),s=document.createElement("div");return s.style.viewTransitionName=n,s.style.width="100%",s.style.height="200",i&&(s.style.gridColumn=i.gridColumn,s.style.gridRow=i.gridRow),o.matches&&(s.style.height="500"),s.style.backgroundImage="url(".concat(t,")"),s.style.backgroundPosition="center center",s.style.backgroundRepeat="no-repeat",s.style.backgroundSize="cover","uncover"===r&&(s.style.backgroundSize="contain"),"contain"===e&&(s.style.backgroundSize="contain"),this.res=s,this}},{key:"arrayPadding",value:function(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}},{key:"arrayMargin",value:function(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}},{key:"setup",value:function(){var t=document.createElement("img");return t.style.width="100%",t.src=this.url,this.res=t,this}},{key:"autoW",value:function(){return this.res.style.width="initial",this}},{key:"float",value:function(t){return this.res.style.float="".concat(t),this}},{key:"fillAvailable",value:function(){return this.res.style.height="-webkit-fill-available",this}},{key:"grayscale",value:function(t){return this.res.style.filter="grayscale(".concat(t,"%)"),this}},{key:"flex",value:function(t){return this.res.style.flex=1,this}},{key:"height",value:function(t){return this.res.style.height=t,this.res.style.width="auto",this}},{key:"expand",value:function(t){var e=this,r=function(){var r,n;if(window.matchMedia("(min-width: ".concat(t.at,")")).matches){e.res.style.width="".concat(t.width);var i=window.innerWidth/2-(n=r=t.width,(r.includes("%")||r.includes("px"))&&(n=n.substr(0,2)),(r.includes("%")?Number(n/100*window.innerWidth):r.includes("px")?Number(n):void 0)/2);e.res.style.marginLeft="".concat(i,"px")}else e.res.style.width="100%",e.res.style.marginLeft="0px";window.matchMedia("(max-device-width: 415px)").matches&&(e.res.style.width="100%",e.res.style.marginLeft="0px")};return r(),window.addEventListener("resize",r),this}},{key:"width",value:function(t){return this.res.style.width=t,this.res.style.height="auto",this}},{key:"toBack",value:function(){return this.res.style.zIndex="-1",this}},{key:"margin",value:function(t,e,r,n){return(t||e||r||n)&&(this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=r,this.res.style.marginBottom=n),e||r||n||0===e&&0===r&&0===n||(this.res.style.margin=t),this}},{key:"padding",value:function(t){return this.res.style.padding=t,this}},{key:"size",value:function(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}},{key:"frame",value:function(t){var e=t.width,r=t.height;return e&&r?(this.res.style.width=e,this.res.style.height=r):(this.res.style.width=e,this.res.style.height=e),this}},{key:"RSize",value:function(t,e,r){var n=window.matchMedia("(max-device-width: 420px)");return t&&e?(this.res.style.width=n.matches?t*r:t,this.res.style.height=n.matches?e*r:e):(this.res.style.width=n.matches?t*r:t,this.res.style.height=n.matches?t*r:t),this}},{key:"shadow",value:function(t){return"mild"===t.type?this.res.style.boxShadow="0px 3px 15px rgba(0,0,0,0.2)":this.res.style.boxShadow="".concat(t.x,"px ").concat(t.y,"px ").concat(t.radius,"px ").concat(t.color),this}},{key:"clipShape",value:function(t){return this.res.style.borderRadius="50%",this}},{key:"cornerRadius",value:function(t){return this.res.style.borderRadius=t,this}},{key:"clipPath",value:function(t){this.res.style.clipPath='path("'.concat(t,'")');var 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}},{key:"render",value:function(t){var e=this.res;if(!t)return e;document.querySelector(t).appendChild(e)}}],r&&S(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function R(t){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},R(t)}function L(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,z(n.key),n)}}function z(t){var e=function(t){if("object"!=R(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==R(e)?e:e+""}function M(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(M=function(){return!!t})()}function I(t,e,r,n){var i=B(N(1&n?t.prototype:t),e,r);return 2&n&&"function"==typeof i?function(t){return i.apply(r,t)}:i}function B(){return B="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=N(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},B.apply(null,arguments)}function N(t){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},N(t)}function W(t,e){return W=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},W(t,e)}var _=function(){function t(e,r,n){var i;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(i=function(t,e,r){return e=N(e),function(t,e){if(e&&("object"==R(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,M()?Reflect.construct(e,r||[],N(t).constructor):e.apply(t,r))}(this,t)).link=r,i.text=e,i.code=[],i.css=[],i.elCSS=[],i.html=[],i.res=null,i.stopEM=n,i.setup(),i.inlineBlock(),i}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&W(t,e)}(t,l),e=t,(r=[{key:"toCSS",value:function(){return this.css}},{key:"toHTMLA",value:function(){return this.html}},{key:"toElCSS",value:function(){return this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}},{key:"getType",value:function(){return"HTMLAnchorElement"}},{key:"toCode",value:function(){return this.code}},{key:"setArea",value:function(t){return this.res.style.gridArea=t,this}},{key:"setup",value:function(){var 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}},{key:"appendImageAsChild",value:function(t,e){var r=document.createElement("a");t.options.vtn&&(r.style.viewTransitionName=t.options.vtn),r.setAttribute("href",t.options.url);var n=document.createElement("img");return t.options&&(n.style.width=t.options.size,t.options.radius&&(n.style.borderRadius=t.options.radius),n.setAttribute("src",t.options.img),r.appendChild(n)),this.res=r,e&&(this.res.style.marginLeft=e),this}},{key:"addIcon",value:function(t){var 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}},{key:"removeQuotesFromFirstWord",value:function(t){if(t)return t.replace(/"([^"]+)":/g,"$1:")}},{key:"set",value:function(e){this.elCSS.push("text-decoration: none; \n"),this.options=e;var r="";e.id&&this.res.setAttribute("id",e.id),e.id&&I(t,"setID",this,3)([e.id]),e.pad&&this.pad(e.pad);var n=this.removeQuotesFromFirstWord(JSON.stringify(e.pad));if(e.pad&&(r+="\n pad: ".concat(n,",")),e.preffersId&&(this.preffersId=e.preffersId),null!=e.preffersId&&(r+="\n preffersId: ".concat(e.preffersId,",")),e.class&&I(t,"setClass",this,3)([e.class]),e.class&&(r+='\n class: "'.concat(e.class,'",')),e.borderObj){this.res.style.border="".concat(e.borderObj.width," solid ").concat(e.borderObj.color),this.res.style.borderRadius="".concat(e.borderObj.radius);var i=this.removeQuotesFromFirstWord(JSON.stringify(e.borderObj));r+="\n borderObj: ".concat(i,",")}if(!1===this.options.preffersId?this.html.push('<a class="'.concat(e.class,'" href="#hello">').concat(e.text,"</a> \n \n")):e.id&&this.html.push('<a id="'.concat(e.id.substr(1),'" href="#hello">').concat(e.text,"</a> \n \n")),null!=e.blastData){var o=this.removeQuotesFromFirstWord(JSON.stringify(e.blastData));I(t,"setAny",this,3)([{globalBlast:"1px ".concat(e.blastData.color)}]),e.blastData&&(r+="\n blastData: ".concat(o,","))}e.nowrap&&(this.res.style.whiteSpace="nowrap"),e.font&&this.font(e.font),e.font&&(r+='\n font: "'.concat(e.font,'",')),e.font&&this.elCSS.push('font-family: "'.concat(e.font,'"; \n')),e.fluidc&&this.fluidCopy(e.fluidc),e.fluidc&&(r+='\n fluidc: "'.concat(e.fluidc,'",')),e.size&&this.fluidCopy(e.size),e.size&&(r+='\n size: "'.concat(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&&(r+='\n id: "'.concat(this.options.id,'",')),e.align&&this.leftAlign(),e.align&&(r+='\n align: "'.concat(e.align,'",')),e.type&&(this.res.style.display="block"),e.color&&this.color(e.color),e.color&&(r+='\n color: "'.concat(e.color,'",')),e.color&&this.elCSS.push('color: "'.concat(e.color,'"; \n')),e.background&&this.background(e.background);var s=this.removeQuotesFromFirstWord(JSON.stringify(e.background));e.background&&(r+="\n background: ".concat(s,",")),e.hover&&this.hover(e.hover);var a=this.removeQuotesFromFirstWord(JSON.stringify(e.hover));if(e.hover&&(r+="\n hover: ".concat(a,",")),e.weight&&(this.res.style.fontWeight=e.weight),e.blast&&(this.blastData=e.blast),e.bold&&(this.res.style.fontWeight="bold"),e.bold&&(r+="\n bold: ".concat(e.bold,",")),e.block&&this.toBlock(),e.block&&(r+="\n block: ".concat(e.block,",")),e.radius&&this.radius(e.radius),e.radius&&(r+='\n radius: "'.concat(e.radius,'",')),e.width&&this.width(e.width),e.width&&(r+='\n width: "'.concat(e.width,'",')),e.arrayPadding){var l=e.arrayPadding.sides.map((function(t){return'"'.concat(t,'"')})).join(", ");e.arrayPadding&&this.arrayPadding(e.arrayPadding.sides,e.arrayPadding.value),e.arrayPadding&&(r+="\n arrayPadding: {sides: [".concat(l,'], value: "').concat(e.arrayPadding.value,'"},'))}if(e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(r+="\n arrayMargin: {sides: [".concat(e.arrayMargin.sides.map((function(t){return'"'.concat(t,'", ')})),'], value: "').concat(e.arrayMargin.value,'"},')),e.maxWidth&&this.maxWidth(e.maxWidth),e.url&&this.res.setAttribute("href",e.url),r+='\n url: "'.concat(e.url,'",'),e.text&&(this.res.textContent=e.text),r+='\n text: "'.concat(e.text,'",'),e.data){e.data&&this.appendImageAsChild(e.data,"20px");var c=this.removeQuotesFromFirstWord(JSON.stringify(e.data));e.data&&(r+="\n data: ".concat(c))}if(e.icon){this.addIcon(e.icon);var u=this.removeQuotesFromFirstWord(JSON.stringify(e.icon));r+="\n icon: ".concat(u,",")}if(e.shadow){var d=e.shadow,h=this.removeQuotesFromFirstWord(JSON.stringify(d));r+="\n shadow: ".concat(h,",")}if(e.stroke){var f=this.removeQuotesFromFirstWord(JSON.stringify(e.stroke));e.stroke&&(r+="\n stroke: ".concat(f,","))}if(e.backgroundOp){var y=this.removeQuotesFromFirstWord(JSON.stringify(e.backgroundOp));r+="\n backgroundOp: ".concat(y,",")}if(e.marginOp){var p=this.removeQuotesFromFirstWord(JSON.stringify(e.marginOp));r+="\n marginOp: ".concat(p,",")}if(e.gradient){var m=this.removeQuotesFromFirstWord(JSON.stringify(e.gradient));r+="\n gradient: ".concat(m,",")}if(e.animation){var v=this.removeQuotesFromFirstWord(JSON.stringify(e.animation));r+="\n animation: ".concat(v,",")}if(e.transform){var b=this.removeQuotesFromFirstWord(JSON.stringify(e.transform));r+="\n transform: ".concat(b,",")}var g="new Link().set({".concat(r,"}) \n");this.code.push(g),e.color&&this.color(e.color),e.rounded&&this.round(),e.transform&&e.transform.transform?this.reactOnTransform(e.transform):this.reactOnTransform(e);var w=[],k=[e.border,e.gradient,e.animation,e.span,e.shadow,e.backgroundOp,e.animation];if((k=k.filter((function(t){return null!=t}))).length>0){for(var x=0;x<k.length;x++)w.push({range:k[x].range,log:k[x].op.name,target:k[x].target,op:k[x].op});var S=[];e.borderObj&&S.push("border"),e.background&&S.push("background"),e.mar&&S.push("margin"),e.animation&&S.push("animation"),this.chainReact(w,e.id,S,e.isNavA),this.res.style.zIndex=1}return e.mar&&this.mar(e.mar),this}},{key:"color",value:function(t){return this.res.style.color=t,this}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"background",value:function(t){return this.res.style.backgroundColor=t,this}},{key:"leftAlign",value:function(){return this.res.style.textAlign="left",this}},{key:"arrayPadding",value:function(t,e){return e||(this.res.style.marginLeft="".concat(t[0],"px"),this.res.style.marginTop="".concat(t[1],"px"),this.res.style.marginRight="".concat(t[2],"px"),this.res.style.marginBottom="".concat(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}},{key:"arrayMargin",value:function(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}},{key:"getClampValue",value:function(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}},{key:"clampCopy",value:function(t){return this.res.style.fontSize=this.getClampValue(t),this}},{key:"fluidCopy",value:function(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}},{key:"inlineBlock",value:function(){return this.res.style.display="inline-block",this}},{key:"toBlock",value:function(){return this.res.style.display="block",this}},{key:"myself",value:function(t){var e=this,r=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize=t.desktop:e.res.style.fontSize=t.phone};return r(),window.addEventListener("resize",r),this}},{key:"style",value:function(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}},{key:"round",value:function(){return this.res.style.borderRadius="0.5rem",this.options.rounded&&(this.res.children[0].style.borderRadius="0.5rem"),this}},{key:"newWindow",value:function(){return this.res.target="_new",this}},{key:"radius",value:function(t){return this.res.style.borderRadius="".concat(t),this}},{key:"transition",value:function(t){return this.res.style.transition="".concat(t,"s ease-in-out"),this.res.style.transionProperty="background, color",this}},{key:"width",value:function(t){return this.res.style.width=t,this}},{key:"italic",value:function(){return this.res.style.fontStyle="italic",this}},{key:"padding",value:function(t,e,r,n){return t&&e&&r&&n?(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=r,this.res.style.paddingBottom=n):this.res.style.padding=t,this}},{key:"medium",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="2rem":t.res.style.fontSize="1.5em"};return e(),window.addEventListener("resize",e),this}},{key:"opacity",value:function(t){return this.res.style.opacity=t,this}},{key:"margin",value:function(t,e,r,n){return this.res.style.marginTop=t,this.res.style.marginLeft=e,this.res.style.marginRight=r,this.res.style.marginBottom=n,this}},{key:"hover",value:function(t){var e=this;if(t.border){var r=t.border.width;this.res.style.border=r?"".concat(r,"px solid transparent"):"1px solid transparent"}var n=this.options.borderObj;return n&&(this.res.style.border="".concat(n.width,"px solid ").concat(n.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="".concat(t.animation),this.res.style.transionProperty="background, color"),this.res.onmouseout=function(){e.res.style.backgroundColor="".concat(e.prevColor),e.res.style.color="".concat(e.foreColor),e.res.style.border=e.prevBorder},this.res.onmouseover=function(){if(e.res.style.color=t.color,e.res.style.backgroundColor=t.background,t.border){var r,n=t.border.width,i=null!==(r=t.border.color)&&void 0!==r?r:"#2ECC71";e.res.style.border=n?"".concat(n,"px solid ").concat(i):"1px solid #2ECC71"}},this}},{key:"em",value:function(t){var e=this,r=window.matchMedia("(max-device-width: 415px)"),n=function(){r.matches?e.res.style.fontSize="2em":e.res.style.fontSize="1em"};return n(),window.addEventListener("resize",n),this}},{key:"font",value:function(t){return this.res.style.fontFamily=t,this}},{key:"render",value:function(t){return t?(document.querySelector(t).appendChild(this.res),this):this.res}}])&&L(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function F(t){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},F(t)}function D(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,H(n.key),n)}}function H(t){var e=function(t){if("object"!=F(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=F(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==F(e)?e:e+""}function J(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(J=function(){return!!t})()}function q(){return q="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=G(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},q.apply(null,arguments)}function G(t){return G=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},G(t)}function Q(t,e){return Q=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Q(t,e)}var X=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=G(e),function(t,e){if(e&&("object"==F(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,J()?Reflect.construct(e,r||[],G(t).constructor):e.apply(t,r))}(this,t)).navbar=document.createElement("nav"),e.navbar.classList.add("desktop-navbar"),e.navbarHeader=document.createElement("div"),e.navbarHeader.classList.add("navbar-header"),e.brand=document.createElement("div"),e.brand.classList.add("navbar-brand"),e.navContent=document.createElement("div"),e.navContent.classList.add("navbar-content"),e.navContent.style.width="100%",e.navbarHeader.appendChild(e.brand),e.navbarHeader.appendChild(e.navContent),e.navbar.appendChild(e.navbarHeader),e.res=e.navbar,e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Q(t,e)}(t,l),e=t,r=[{key:"set",value:function(e){var r,n,i;return console.warn(e),this.obj=e,e.background&&(this.res.style.backgroundColor=e.background),e.mar&&(r=t,n=this,"function"==typeof(i=q(G(1&3?r.prototype:r),"mar",n))?function(t){return i.apply(n,t)}:i)([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}},{key:"setStyles",value:function(){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"}},{key:"setBrand",value:function(t){return console.warn("SETA"),console.log(t),this.brand.innerHTML="",this.brand.appendChild(t),this}},{key:"add",value:function(t){this.items=t;for(var e=0;e<t.length;e++)t[e],this.navContent.appendChild(t[e].render());return this}},{key:"toCode",value:function(){console.warn(this.items);var t=this.items.map((function(t){return t.toCode()})).flatMap((function(t){return t}));return console.log("ITSA"),console.log(t),console.log("".concat(t.join(","))),"new DesktopBar().set(".concat(this.removeQuotesFromFirstWord(JSON.stringify(this.obj)),").add([\n ").concat(t.join(","),"\n\n \n \n\n ])")}},{key:"render",value:function(t){return t&&document.querySelector(t).appendChild(this.navbar),this.navbar}}],r&&D(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function $(t){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},$(t)}function Y(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,V(n.key),n)}}function V(t){var e=function(t){if("object"!=$(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=$(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==$(e)?e:e+""}function U(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(U=function(){return!!t})()}function K(){return K="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Z(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},K.apply(null,arguments)}function Z(t){return Z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Z(t)}function tt(t,e){return tt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},tt(t,e)}var et=function(){function t(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),function(t,e,r){return e=Z(e),function(t,e){if(e&&("object"==$(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,U()?Reflect.construct(e,r||[],Z(t).constructor):e.apply(t,r))}(this,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&tt(t,e)}(t,l),e=t,r=[{key:"removeQuotesFromBoth",value:function(t){if(t)return t.replace(/"([^"]+)":\s*"([^"]+)"/g,"$1: $2")}},{key:"removeQuotesFromFirstWord",value:function(t){if(t)return t.replace(/"([^"]+)":/g,"$1:")}},{key:"toCode",value:function(){console.warn(this.items);var t=this.items.map((function(t){return t.toCode()})).flatMap((function(t){return t}));console.log("BAD CONV"),console.log(this.removeQuotesFromFirstWord(JSON.stringify(this.obj,null,4)));var e=this.removeQuotesFromFirstWord(JSON.stringify(this.obj));console.log(e),console.log("REPL"),console.log(e);var r='\nbackground: "'.concat(this.obj.background,'",\nbrand: ').concat(this.obj.brand.toCode(),",\nmar: ").concat(JSON.stringify(this.obj.mar),",\npad: ").concat(JSON.stringify(this.obj.mar),",\nradius: ").concat(JSON.stringify(this.obj.radius),",\n");return"new MobileBar().set({".concat(r,"}).add([\n ").concat(t.join(","),"\n\n ])")}},{key:"set",value:function(e){var r,n,i;return this.obj=e,console.log("After passing to set:"),console.log("OBJ IN SET"),this.obj=e,this.makeNavbar(e),e.mar&&(r=t,n=this,"function"==typeof(i=K(Z(1&3?r.prototype:r),"mar",n))?function(t){return i.apply(n,t)}:i)([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}},{key:"makeNavbar",value:function(t){var e=this;console.log("OBJ IN SETA");var r=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 r.render?(console.log("Appending brand:",r.render()),this.brand.appendChild(r.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",(function(){e.toggleMobileNav()})),this.res=this.navbar}},{key:"setStyles",value:function(t){var e,r;this.navbar.style.display="flex",this.navbar.style.flexDirection="column",this.navbar.style.padding="1rem",this.navbar.style.backgroundColor=null!==(e=t.background)&&void 0!==e?e:"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=null!==(r=this.hamburgerColour)&&void 0!==r?r:"white",this.toggleButton.style.fontSize="1.5rem",this.toggleButton.style.cursor="pointer",this.navContent.style.display="none"}},{key:"add",value:function(t){console.log(t),this.items=t;for(var e=0;e<t.length;e++){var r=t[e];this.navContent.appendChild(r.render())}return this}},{key:"toggleMobileNav",value:function(){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="")}},{key:"render",value:function(t){return t&&document.querySelector(t).appendChild(this.navbar),this.navbar}}],r&&Y(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function rt(t){return rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},rt(t)}function nt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function it(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?nt(Object(r),!0).forEach((function(e){ot(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):nt(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function ot(t,e,r){return(e=at(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function st(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,at(n.key),n)}}function at(t){var e=function(t){if("object"!=rt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=rt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==rt(e)?e:e+""}function lt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(lt=function(){return!!t})()}function ct(t){return ct=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},ct(t)}function ut(t,e){return ut=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ut(t,e)}var dt=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=ct(e),function(t,e){if(e&&("object"==rt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,lt()?Reflect.construct(e,r||[],ct(t).constructor):e.apply(t,r))}(this,t)).breakpoints=[],e.container=null,e.currentView=null,e.internalDiv=null,e.resizeListener=null,e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ut(t,e)}(t,l),e=t,r=[{key:"set",value:function(t){var e=t.breakpoints;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((function(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 it(it({},t),{},{at:parseInt(t.at,10)})})),this.breakpoints.sort((function(t,e){return t.at-e.at})),this}},{key:"toCode",value:function(){JSON.stringify(this.options.breakpoints.map((function(t){return t.view.toCode()})).flat(),null,4),JSON.stringify(this.options.breakpoints.map((function(t){return t.at})),null,4),JSON.stringify(this.options.breakpoints,null,4);for(var t="",e=0;e<this.options.breakpoints.length;e++)t+='{ at: "'.concat(this.options.breakpoints[e].at,'", view: ').concat(this.options.breakpoints[e].view.toCode()," }, \n");return["new Switcher().set({\n breakpoints: [\n ".concat(t,"\n ]\n })")]}},{key:"render",value:function(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}},{key:"createRanges",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:99999,r=[],n=0;n<t.length;n++)r.push({from:t[n],to:n<t.length-1?t[n+1]-1:e});return r}},{key:"addRanges",value:function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:99999;return t.map((function(t,n){var i=e[n],o=n<e.length-1?e[n+1]-1:r;return it(it({},t),{},{range:{from:i,to:o}})}))}},{key:"applyView",value:function(){var t=this;console.log("MAKE RANGES"),window.innerWidth,console.log(this.breakpoints),console.log(this.breakpoints.map((function(t){return t.at})));var e=this.breakpoints.map((function(t){return t.at})),r=this.breakpoints.map((function(t){return t.at})),n=(this.createRanges(r),this.addRanges(this.breakpoints,e));console.log(n),n.forEach((function(e){var r="(min-width: ".concat(e.range.from,"px) and (max-width: ").concat(e.range.to,"px)"),n=window.matchMedia(r);console.warn(r),n.matches&&(console.log("Viewport width is within the range: ".concat(e.range.from,"px to ").concat(e.range.to,"px")),t.currentView!==e.view.render()&&(t.internalDiv.innerHTML="",t.internalDiv.appendChild(e.view.render()),t.currentView=e.view.render()))})),console.log("MBO")}},{key:"destroy",value:function(){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}}],r&&st(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function ht(t){return ht="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ht(t)}function ft(t,e){if(t){if("string"==typeof t)return yt(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?yt(t,e):void 0}}function yt(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function pt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,mt(n.key),n)}}function mt(t){var e=function(t){if("object"!=ht(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=ht(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ht(e)?e:e+""}function vt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(vt=function(){return!!t})()}function bt(t){return bt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},bt(t)}function gt(t,e){return gt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},gt(t,e)}var wt=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=bt(e),function(t,e){if(e&&("object"==ht(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,vt()?Reflect.construct(e,r||[],bt(t).constructor):e.apply(t,r))}(this,t)).res=document.createElement("div"),e.toggleWrap=document.createElement("div"),e.toggleWrap.style.zIndex=9999,e.toggleWrap.style.borderRadius="0.3rem",e.toggleWrap.style.height="40px",e.toggleWrap.style.cursor="pointer",e.toggleWrap.style.display="flex",e.toggleWrap.style.alignItems="center",e.toggleWrap.style.justifyContent="center",e.res.appendChild(e.toggleWrap),e.contentWrap=document.createElement("div"),e.contentWrap.style.position="absolute",e.contentWrap.style.background="#ecf0f1",e.contentWrap.style.borderRadius="0.3rem",e.contentWrap.style.boxShadow="0 2px 5px rgba(0, 0, 0, 0.15)",e.contentWrap.style.marginTop="10px",e.contentWrap.style.width="250px",e.contentWrap.style.display="none",e.res.appendChild(e.contentWrap),e.styles={},e.children=[],e.isExpanded=!1,e.toggleWrap.addEventListener("click",(function(){return e.toggle()})),e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&>(t,e)}(t,l),e=t,(r=[{key:"set",value:function(t){var e=this;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);var r=function(){var r,n=window.matchMedia("(max-device-width: 415px)"),i=window.matchMedia("(max-width: ".concat(null!==(r=t.breakpoint)&&void 0!==r?r:"600px",")"));n.matches||i.matches?e.contentWrap.style.position="relative":e.contentWrap.style.position="absolute"};return window.addEventListener("resize",r),r(),this}},{key:"add",value:function(t){var e,r=this;if(!Array.isArray(t))throw new Error("The 'add' method expects an array of children.");if(t.forEach((function(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.");r.contentWrap.appendChild(t.res)}})),!this.options||!this.options.title){var n=t[0];n&&n.res&&this.toggleWrap.appendChild(n.res)}return(e=this.children).push.apply(e,function(t){return function(t){if(Array.isArray(t))return yt(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||ft(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t)),this}},{key:"toggle",value:function(){this.isExpanded=!this.isExpanded,this.contentWrap.style.display=this.isExpanded?"block":"none"}},{key:"toCode",value:function(){var t=this,e=this.options?Object.entries(this.options).map((function(t){var e=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||ft(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t,2),r=e[0],n=e[1];return"string"==typeof n?"".concat(r,': "').concat(n,'"'):"object"===ht(n)?"".concat(r,": ").concat(JSON.stringify(n)):"".concat(r,": ").concat(n)})).join(",\n "):"",r=this.children.map((function(e,r){return e.toCode().flatMap((function(t){return t})).join("")+(r<t.children.length-1?",":"")})).join("");return["new Dropdown().set({\n ".concat(e,"\n}).add([\n ").concat(r,"\n])")]}},{key:"render",value:function(t){return t&&document.querySelector(t).appendChild(this.res),this.res}}])&&pt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function kt(t){return kt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},kt(t)}function xt(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function(t,e){if(t){if("string"==typeof t)return St(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?St(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,i=function(){};return{s:i,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return s=t.done,t},e:function(t){a=!0,o=t},f:function(){try{s||null==r.return||r.return()}finally{if(a)throw o}}}}function St(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function Ot(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ct(n.key),n)}}function Ct(t){var e=function(t){if("object"!=kt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=kt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==kt(e)?e:e+""}function jt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(jt=function(){return!!t})()}function Et(){return Et="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,r){var n=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Tt(t)););return t}(t,e);if(n){var i=Object.getOwnPropertyDescriptor(n,e);return i.get?i.get.call(arguments.length<3?t:r):i.value}},Et.apply(null,arguments)}function Tt(t){return Tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Tt(t)}function Pt(t,e){return Pt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Pt(t,e)}var At=function(){function t(e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(t,e,r){return e=Tt(e),function(t,e){if(e&&("object"==kt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,jt()?Reflect.construct(e,r||[],Tt(t).constructor):e.apply(t,r))}(this,t)).res=null,r.setup(e),r.code=[],r.isLast=!1,r.code.push("\n new Wrapper() \n"),r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Pt(t,e)}(t,l),e=t,r=[{key:"isLasta",value:function(){return this.isLast=!0,this}},{key:"toCode",value:function(){return this.code}},{key:"getType",value:function(){return"LayoutWrapperElement"}},{key:"setArea",value:function(t){return this.res.style.gridArea=t,this}},{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"clicked",value:function(t){return this.res.addEventListener("click",t),this}},{key:"gpos",value:function(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}},{key:"set",value:function(e){var r,n,i,o=".set({";if(e.pad&&this.pad(e.pad),e.arrpad&&(o+="pad: {sides: [".concat(e.arrpad.sides.map((function(t){return'"'.concat(t,'"')})).join(", "),'], value: "').concat(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&&(r=t,n=this,"function"==typeof(i=Et(Tt(1&3?r.prototype:r),"setAny",n))?function(t){return i.apply(n,t)}:i)([{globalBlast:"".concat(e.stroke.op.width," ").concat(e.stroke.op.color)}]);var s=[e.stroke,e.gradient,e.animation,e.span,e.layout];s=s.filter((function(t){return null!=t}));for(var a=[],l=0;l<s.length;l++)a.push({range:s[l].range,log:s[l].op.name,target:s[l].target});this.res.setAttribute("id",e.id),this.betaReact(a,e.id)}if(e.socenter&&(this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="center",e.socenter&&(o+="socenter: ".concat(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&&(o+="arrpad: {sides: [".concat(e.arrpad.sides.map((function(t){return'"'.concat(t,'"')})).join(", "),'], value: "').concat(e.arrpad.value,'"}, ')),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.arrayMargin&&(o+='\n arrayMargin: {sides: ["'.concat(e.arrayMargin.sides,'"], value: "').concat(e.arrayMargin.value,'"},')),e.center&&this.toCenter(e.center),e.center&&(o+='center: "'.concat(e.center,'",')),e.simpleCenter&&this.simpleCenter(),e.simpleCenter&&(o+='center: "'.concat(e.simpleCenter,'",')),e.filter&&(this.res.style.backdropFilter="blur(3px)"),e.radius&&this.corner(e.radius),e.radius&&(o+='\n radius: "'.concat(e.radius,'",')),e.border&&this.border(e.border),e.simpleBorder&&(this.res.style.border=e.simpleBorder),e.width&&this.width(e.width),e.width&&(o+='\n width: "'.concat(e.width,'",')),e.overflow&&(this.res.style.overflow="hidden"),e.overflow&&(o+='\n overflow: "'.concat(e.overflow,'",')),e.height&&this.heightNoAuto(e.height),e.height&&(o+='\n height: "'.concat(e.height,'",')),e.align&&this.flexAlign(e.align),e.align&&(o+='\n align: "'.concat(e.align,'",')),e.borderObj&&(this.res.style.borderRight="".concat(e.borderObj.width," solid ").concat(e.borderObj.color),this.res.style.borderRadius=e.borderObj.radius),e.borderObja&&(this.res.style.border="".concat(e.borderObja.width," solid ").concat(e.borderObja.color),this.res.style.borderRadius=e.borderObja.radius),e.font&&this.font(e.font),e.font&&(o+='font: "'.concat(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&&(o+='background: "'.concat(e.background,'",')),e.weight&&this.weight(e.weight),e.paddings&&this.paddingo(e.paddings),e.area&&this.setArea(e.area),e.area&&(o+='area: "'.concat(e.area,'"')),e.column&&this.makeCol(),e.column&&(o+='\n column: "'.concat(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&&(o+='\n flexDir: "'.concat(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);var c=this.removeQuotesFromFirstWord(JSON.stringify(e.stretch));o+="\n stretch: ".concat(c,",")}for(var u in e)if("margin"===u){var d=e[u];if(Array.isArray(d)&&d.length>0){var h,f=xt(d);try{for(f.s();!(h=f.n()).done;){var y=h.value;y.hasOwnProperty("top")&&(this.res.style.marginTop=y.top),y.hasOwnProperty("right")&&(this.res.style.marginRight=y.right),y.hasOwnProperty("bottom")&&(this.res.style.marginBottom=y.bottom),y.hasOwnProperty("left")&&(this.res.style.marginLeft=y.left)}}catch(t){f.e(t)}finally{f.f()}}}return 8===(o+="})\n").length&&(o=""),this.code.push(o),this}},{key:"rsp",value:function(t){var e=this;this.res.style.display="flex";var r=t.sequence.split("-"),n=function(){var n=t.ranges;"0px"!==n[0]&&n.unshift("0px");for(var i=0;i<n.length-1;i++)(window.matchMedia("(min-width: ".concat(n[i],") and (max-width: ").concat(n[i+1],")")).matches||window.matchMedia("(min-width: ".concat(n[n.length-1],")")).matches)&&("row"===r[i]&&(e.res.style.flexDirection="row",e.res.style.border="3px solid green"),"col"===r[i]&&(e.res.style.flexDirection="column",e.res.style.border="3px solid purple"));return e};window.addEventListener("resize",n),n()}},{key:"sticky",value:function(){return this.res.style.position="sticky",this.res.style.top=0,this}},{key:"toSticky",value:function(){return this.res.style.position="sticky",this.res.style.top="0",this}},{key:"stretch",value:function(t){var e=this,r=function(){window.matchMedia("(max-width: ".concat(t.at,")")).matches?e.res.style.width="auto":window.matchMedia("(max-device-width: 415px)").matches?e.res.style.width="100%":e.res.style.width=t.backTo};r(),window.addEventListener("resize",r)}},{key:"makeCol",value:function(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.alignItems="flex-start",this}},{key:"paddingo",value:function(t){return this.res.style.padding=t,this}},{key:"toCenter",value:function(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}},{key:"simpleCenter",value:function(){return this.res.style.justifyContent="center",this.res.style.justifyItems="center",this.res.style.alignContent="center",this.res.style.alignItems="center",this}},{key:"color",value:function(t){return this.res.style.color=t,this}},{key:"weight",value:function(t){return this.res.style.fontWeight=t,this}},{key:"makeMultiPad",value:function(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}},{key:"makeMultiMargin",value:function(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}},{key:"flexc",value:function(t){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"font",value:function(t){return this.res.style.fontFamily=t,this}},{key:"flexAlign",value:function(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}},{key:"width",value:function(t){return this.res.style.width=t,this}},{key:"heightNoAuto",value:function(t){return this.res.style.height=t,this}},{key:"border",value:function(t){return this.res.style.borderRadius="".concat(t.radius,"px"),this.res.style.padding="0.25em",this.res.style.border="".concat(t.width,"px solid ").concat(t.color),this}},{key:"toCol",value:function(){return this.res.style.display="flex",this.res.style.flexDirection="column",this.res.style.justifyContent="center",this.res.style.alignItems="center",this}},{key:"add",value:function(t){this.items=t,this.code.push(".add([ \n");var e=t.map((function(e,r){return e.toCode().flatMap((function(t){return t})).join("")+(r<t.length-1?",":"")})).join("");this.code.push(e);for(var r=0;r<t.length;r++)if(void 0!==t[r]&&void 0!==t[r].toCode){var n=t[r].render();this.res.appendChild(n)}return this.code.push("])"),this}},{key:"arrayPadding",value:function(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}},{key:"arrayMargin",value:function(t,e){return e||(this.res.style.marginLeft="".concat(t[0],"px"),this.res.style.marginTop="".concat(t[1],"px"),this.res.style.marginRight="".concat(t[2],"px"),this.res.style.marginBottom="".concat(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}},{key:"setWidth",value:function(t){this.res.style.width="100vw"}},{key:"setHeight",value:function(t){return this.res.style.height="".concat(t),this}},{key:"setup",value:function(t){var 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}},{key:"height",value:function(t){return this.res.style.width="auto",this.res.style.height="".concat(t),this}},{key:"size",value:function(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}},{key:"background",value:function(t){return this.res.style.background=t,this}},{key:"corner",value:function(t){return this.res.style.borderRadius=t,this}},{key:"padding",value:function(t,e,r,n){return this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=r,this.res.style.paddingBottom=n,this}},{key:"margin",value:function(t,e,r,n){return this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=r,this.res.style.marginBottom=n,this}},{key:"itemWidth",value:function(t){for(var e=0;e<this.res.childNodes.length;e++)this.res.childNodes[e].style.width=t;return this}},{key:"apply",value:function(t){var e=this,r=function(){for(var r=0;r<t.length;r++){var n=t[r],i=window.matchMedia("(max-width: ".concat(n.width,"px)"));n.device&&(i=window.matchMedia("(max-device-width: ".concat(n.width,"px)")),alert(n.device)),i.matches&&Object.assign(e.res.style,n.styles)}},n=window.matchMedia("(max-width: ".concat(t[0].width,"px)"));return t[0].device&&(n=window.matchMedia("(max-device-width: ".concat(t[0].width,"px)"))),n.matches||Object.assign(this.res.style,t[0].styles),r(),window.addEventListener("resize",r),this}},{key:"mount",value:function(t){document.querySelector(t).appendChild(this.res)}},{key:"render",value:function(t){return t?(document.querySelector("#mount"),document.querySelector(t).appendChild(this.res),this):this.res}}],r&&Ot(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function Rt(t){return Rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Rt(t)}function Lt(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function(t,e){if(t){if("string"==typeof t)return zt(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?zt(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,i=function(){};return{s:i,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return s=t.done,t},e:function(t){a=!0,o=t},f:function(){try{s||null==r.return||r.return()}finally{if(a)throw o}}}}function zt(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function Mt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,It(n.key),n)}}function It(t){var e=function(t){if("object"!=Rt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Rt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Rt(e)?e:e+""}function Bt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Bt=function(){return!!t})()}function Nt(t){return Nt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Nt(t)}function Wt(t,e){return Wt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Wt(t,e)}var _t=function(){function t(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),function(t,e,r){return e=Nt(e),function(t,e){if(e&&("object"==Rt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Bt()?Reflect.construct(e,r||[],Nt(t).constructor):e.apply(t,r))}(this,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Wt(t,e)}(t,l),e=t,(r=[{key:"setup",value:function(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}},{key:"toggleSideNav",value:function(t){this.closed=!this.closed;var 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"});var r,n=-1,i=Lt(e.children);try{for(i.s();!(r=i.n()).done;){var o=r.value;if(n+=1,this.masterEL[n]){var s,a=Lt(o.children);try{for(a.s();!(s=a.n()).done;){var l=s.value,c=this.masterEL[n].options.animation;c&&this.mappedIDS.includes(l.id)&&l.animate(c.op.keyframesClose,c.op.closeOptions)}}catch(t){a.e(t)}finally{a.f()}}}}catch(t){i.e(t)}finally{i.f()}}else e.style.display="none";else{e.style.overflowX="none",e.children[1].style.border="1px solid orange";var u,d=-1,h=Lt(e.children);try{for(h.s();!(u=h.n()).done;){var f=u.value;d+=1;var y,p=Lt(f.children);try{for(p.s();!(y=p.n()).done;){var m=y.value;if(this.mappedIDS.includes(m.id)&&void 0!==this.masterEL[0]){var v=this.masterEL[d].options.animation;if(v){console.log("OPEN KEYFRAMES"),console.log(v.op.keyframesOpen);var b=v.op.openOptions;b.delay||(b.delay=1),b.duration||(b.duration=300),console.log(b),m.animate(v.op.keyframesOpen,b)}}}}catch(t){p.e(t)}finally{p.f()}}}catch(t){h.e(t)}finally{h.f()}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"}}},{key:"createToggleButton",value:function(t){var e=document.createElement("button");return e.innerText="☰",e.style.padding="10px 20px",e.style.backgroundColor="transparent",e.style.color=null!=t?t:"#3498db",e.style.border="none",e.style.borderRadius="5px",e.style.cursor="pointer",e.style.zIndex=1,e.style.fontSize="1.6rem",e}},{key:"createCloseButton",value:function(t){var e=document.createElement("button");return e.innerText="×",e.style.fontSize="1.6rem",e.style.padding="10px 20px",e.style.backgroundColor="transparent",e.style.color=null!=t?t:"black",e.style.border="none",e.style.borderRadius="5px",e.style.cursor="pointer",e.style.zIndex=1,e.style.alignSelf="flex-end",e}},{key:"createSideNav",value:function(t){var e=this,r=document.createElement("div");r.style.display="flex",r.style.justifyContent="flex-end";var n=document.createElement("div");n.style.display="none",n.style.background=this.obj.background||"#1abc9c",n.style.height="100%",window.matchMedia("(max-device-width: 415px)").matches?n.style.width="100%":n.style.width=this.obj.width||"400px",n.style.position="fixed",n.style.right=0,this.animate&&(n.style.transform="translateX(100%)"),n.style.flexDirection="column",n.style.justifyContent="flex-start";var i=this.createToggleButton(this.obj.hamColour.opened),o=this.createCloseButton(this.obj.hamColour.closed);return i.addEventListener("click",(function(){return e.toggleSideNav(i)})),o.addEventListener("click",(function(){return e.toggleSideNav(i)})),n.appendChild(o),r.appendChild(n),r.appendChild(i),r}},{key:"items",value:function(t){this.masterEL=t.items.filter((function(t){return void 0!==t.link})),console.log("EXTRACT IDs"),console.log(t);var e=t.items.filter((function(t){return void 0===t.items})).map((function(t){return 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]);var r=this.masterEL[0].options.animation;if(r){var n,i=Lt(this.res.children[0].children);try{for(i.s();!(n=i.n()).done;){var o,s=Lt(n.value.children);try{for(s.s();!(o=s.n()).done;){var a=o.value;if(this.mappedIDS.includes(a.id)){var l=r.op.closeOptions;l.delay=0,console.log("ANNAX"),console.log("SETTING INITIAL STATE ZEROING THE DELAY"),console.log(r.op.keyframesClose),console.log(l),a.animate(r.op.keyframesClose,r.op.closeOptions)}}}catch(t){s.e(t)}finally{s.f()}}}catch(t){i.e(t)}finally{i.f()}}}return this}},{key:"toCode",value:function(){var t="new SideNav().setup(".concat(this.formatObj(this.obj),")");if(this.item){var e=this.item.toCode?this.item.toCode().join(""):this.formatObj(this.item);e=e.replace(/,\s*(\.set\(|\.add\()/g,"\n $1"),t+=".items(".concat(e,")")}return t}},{key:"formatObj",value:function(t){return JSON.stringify(t,null,2).replace(/"(\w+)"\s*:/g,"$1:")}},{key:"render",value:function(t){return t&&document.querySelector(t).appendChild(this.res),this.res}}])&&Mt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function Ft(t){return Ft="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ft(t)}function Dt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ht(n.key),n)}}function Ht(t){var e=function(t){if("object"!=Ft(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Ft(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Ft(e)?e:e+""}var Jt=function(){return t=function t(e){if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.hide=e,e){var r=document.createElement("div");r.style.flex="1",this.res=r}return e&&this.res.setAttribute("class","innerHider"),this},(e=[{key:"toCode",value:function(){return["new Spacer(".concat(this.hide,")")]}},{key:"render",value:function(){var t,e=document.createElement("h2");return e.style.display="none !important",null!==(t=this.res)&&void 0!==t?t:e}}])&&Dt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function qt(t){return qt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},qt(t)}function Gt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Qt(n.key),n)}}function Qt(t){var e=function(t){if("object"!=qt(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=qt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==qt(e)?e:e+""}function Xt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Xt=function(){return!!t})()}function $t(t){return $t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},$t(t)}function Yt(t,e){return Yt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Yt(t,e)}var Vt=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=$t(e),function(t,e){if(e&&("object"==qt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Xt()?Reflect.construct(e,r||[],$t(t).constructor):e.apply(t,r))}(this,t)).el=null,e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Yt(t,e)}(t,l),e=t,(r=[{key:"set",value:function(t){this.options=t;var e=document.createElement("div"),r=document.createElement("label");r.style.position="relative",r.style.display="block";var n=document.createTextNode(t.title);r.appendChild(n),r.style.opacity=0;var i=document.createElement("input");return"textarea"===t.type&&(i=document.createElement("textarea")),i.style.position="relative",i.placeholder=t.title,i.style.fontSize="1rem",i.style.padding=".4rem .75rem",e.appendChild(r),e.appendChild(i),this.res=e,t.mar&&this.mar(t.mar),t.pad&&this.pad(t.pad),i.addEventListener("focus",(function(){r.style.transition="transform ease 0.2s",r.style.transform="scale(0.80)",r.style.textTransform="uppercase",r.style.transformOrigin="left top",r.style.fontWeight="bold",i.placeholder="",r.style.opacity="1.0",t.font&&(r.style.fontFamily=t.font),t.color&&(r.style.color=t.color),t.exact&&(r.style.fontSize=t.exact)})),i.addEventListener("focusout",(function(){r.style.transform="scale(1.0)",i.placeholder=t.title,r.style.opacity="0.0"})),t.name&&i.setAttribute("name",t.name),window.matchMedia("(max-device-width: 415px)").matches&&(i.style.width="100%",e.style.width="100%"),i.style.fontSize="1rem",this.el=e,this}},{key:"getValue",value:function(){return this.el.children[1].value}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s*:)/g,"$1"),["new FloatingInput().set(".concat(t,")")]}},{key:"margin",value:function(t){return this.el.style.margin=t,this}},{key:"render",value:function(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}])&&Gt(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function Ut(t){return Ut="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ut(t)}function Kt(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Zt(n.key),n)}}function Zt(t){var e=function(t){if("object"!=Ut(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Ut(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Ut(e)?e:e+""}window.FloatingInput=Vt;var te=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.el=null,this.minLabel=null,this.maxLabel=null,this.currentLabel=null},(e=[{key:"padding",value:function(t){return this.el.style.padding=t,this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return["new Range().set(".concat(t,")")]}},{key:"set",value:function(t){var e,r,n=this;this.options=t;var i=document.createElement("input");if(i.setAttribute("id","slider"),i.setAttribute("type","range"),i.setAttribute("min",t.min),i.setAttribute("max",t.max),i.setAttribute("value",t.min),i.style.width=null!==(e=t.width)&&void 0!==e?e:"100%",!t.plain){var o,s;i.style.setProperty("-webkit-appearance","none"),i.style.appearance="none",i.style.height="9px",i.style.background=null!==(o=t.style.trackColor)&&void 0!==o?o:"orange",i.style.borderRadius="5px";var a="\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ".concat(null!==(s=t.style.thumbColor)&&void 0!==s?s:"4CAF50",";\n cursor: pointer;\n }\n "),l=document.createElement("style");l.appendChild(document.createTextNode(a)),document.head.appendChild(l)}var c=document.createElement("div");c.style.display="flex",c.style.flexDirection="column",c.style.alignItems="center",c.style.width="100%";var u=document.createElement("div");if(u.style.display="flex",u.style.justifyContent="space-between",u.style.width=null!==(r=t.width)&&void 0!==r?r:"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=i.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||(u.appendChild(this.minLabel),u.appendChild(this.currentLabel),u.appendChild(this.maxLabel)),i.addEventListener("input",(function(){n.currentLabel.textContent=i.value})),window.matchMedia("(max-device-width: 415px)").matches)if(t.plain)i.style.width="80%";else{var d,h;i.style.height="20px",i.style.background=null!==(d=t.style.trackColor)&&void 0!==d?d:"1abc9C",i.style.borderRadius="10px",i.style.fontSize="3rem",i.style.width="80%";var f="\n #slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n background: ".concat(null!==(h=t.style.thumbColor)&&void 0!==h?h:"blue",";\n cursor: pointer;\n }\n "),y=document.createElement("style");y.appendChild(document.createTextNode(f)),document.head.appendChild(y)}return c.appendChild(u),c.appendChild(i),this.el=c,this}},{key:"value",value:function(){return this.el.querySelector("#slider").value}},{key:"render",value:function(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}])&&Kt(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function ee(t){return ee="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ee(t)}function re(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,ne(n.key),n)}}function ne(t){var e=function(t){if("object"!=ee(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=ee(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==ee(e)?e:e+""}window.Range=te;var ie=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.el=null,this.radioCount=0},(e=[{key:"set",value:function(t){this.options=t,console.log("ORARA"),console.log(this.options),this.radioCount=t.items.length;for(var e=document.createElement("div"),r=t.items,n=0;n<r.length;n++){var i=document.createElement("label");r.font&&(i.style.font=r.font),r.color&&(i.style.color=r.color),r.exact&&(i.style.fontSize=r.exact);var o=document.createTextNode(r[n]);i.appendChild(o),i.setAttribute("for",r[n]);var s=document.createElement("input");s.setAttribute("type","radio"),s.setAttribute("id","S".concat(n)),s.setAttribute("value",r[n].split(" ").join("")),s.style.appearance="none",s.style.width="20px",s.style.height="20px",s.style.border=this.options.tint?"2px solid ".concat(this.options.tint):"2px solid #007BFF",s.style.borderRadius="50%",s.style.outline="none",s.style.cursor="pointer",s.style.transition="0.3s",this.options.font&&(i.style.fontFamily=this.options.font),t.multiple?s.setAttribute("name",r[n].split(" ").join("")):s.setAttribute("name",t.name),e.appendChild(s),e.appendChild(i),e.innerHTML+="</br>"}return this.el=e,this.responsive(),this}},{key:"padding",value:function(t){return this.el.style.padding=t,this}},{key:"getCheckedValues",value:function(){console.log("NOW");for(var t=[],e=0;e<this.radioCount;e++)if(document.querySelector("#S".concat(e)).checked){var r=document.querySelector("#S".concat(e));console.log("VALUE IS "+r.value),t.push(r.value)}return t}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s*:)/g,"$1"),["new RadioGroup().set(".concat(t,")")]}},{key:"responsive",value:function(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.el.style.fontSize="1.7em"),this}},{key:"render",value:function(t){var e=this;if(!t){console.log("MULA");for(var r=function(){var t=e.el.children[n];"[object HTMLInputElement]"===t.toString()&&t.addEventListener("change",(function(){if(t.checked){t.style.backgroundColor=e.options.tint?e.options.tint:"#007BFF",t.style.boxShadow=e.options.tint?"0 0 0 2px ".concat(e.options.tint," inset"):"0 0 0 2px #0056b3 inset";for(var r=0;r<e.el.children.length;r++){var n=e.el.children[r];"INPUT"===n.tagName&&"radio"===n.type&&!1===e.options.multiple&&n!==t&&(n.style.backgroundColor="transparent",n.style.boxShadow="none")}}else t.style.backgroundColor="transparent",t.style.boxShadow="none"}))},n=0;n<this.el.children.length;n++)r();return this.el}document.querySelector(t).appendChild(this.el)}}])&&re(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function oe(t){return oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},oe(t)}function se(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,ae(n.key),n)}}function ae(t){var e=function(t){if("object"!=oe(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=oe(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==oe(e)?e:e+""}function le(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(le=function(){return!!t})()}function ce(t){return ce=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},ce(t)}function ue(t,e){return ue=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ue(t,e)}window.RadioGroup=ie;var de=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=ce(e),function(t,e){if(e&&("object"==oe(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,le()?Reflect.construct(e,r||[],ce(t).constructor):e.apply(t,r))}(this,t)).el=null,e.file=null,e.selected="",e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ue(t,e)}(t,l),e=t,r=[{key:"setup",value:function(t,e){document.createElement("div");var r=document.createElement("select");r.setAttribute("type","file"),r.setAttribute("name",e),r.addEventListener("change",(function(){r.options[r.selectedIndex].value}));for(var n=0;n<t.length;n++)r.appendChild(this.addNode(t[n][0],t[n][1]));return this.el=r,this}},{key:"set",value:function(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}},{key:"arrayPadding",value:function(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}},{key:"arrayMargin",value:function(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}},{key:"addNode",value:function(t,e){var r=document.createElement("option");r.setAttribute("value",t);var n=document.createTextNode(e);return r.appendChild(n),r}},{key:"padding",value:function(t){return this.el.style.padding=t,this}},{key:"font",value:function(t){return this.el.style.fontFamily=t,this}},{key:"margin",value:function(t){return this.el.style.margin=t,this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s*:)/g,"$1"),["new Picker().set(".concat(t,")")]}},{key:"rounded",value:function(t){return this.el.style.borderRadius="4px",this}},{key:"auto",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.el.style.fontSize="3rem":t.el.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}},{key:"render",value:function(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}],r&&se(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function he(t){return he="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},he(t)}function fe(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,ye(n.key),n)}}function ye(t){var e=function(t){if("object"!=he(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=he(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==he(e)?e:e+""}function pe(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(pe=function(){return!!t})()}function me(t){return me=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},me(t)}function ve(t,e){return ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},ve(t,e)}window.Picker=de;var be=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=me(e),function(t,e){if(e&&("object"==he(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,pe()?Reflect.construct(e,r||[],me(t).constructor):e.apply(t,r))}(this,t)).el=null,e.file=null,e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&ve(t,e)}(t,l),e=t,(r=[{key:"set",value:function(t){var e=this;this.options=t,this.okayColor=t.okayColor,window.matchMedia("(max-device-width: 415px)");var r=document.createElement("div");r.style.paddingBottom="1em",r.style.display="flex",document.createElement("div");var n=document.createElement("input");n.setAttribute("type","text"),n.style.display="none",n.style.margin="0.5em";var 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");var o=document.createElement("label");return o.setAttribute("for",t.id),o.innerText=t.title,o.style.marginRight=12,o.style.padding="0.5em",t.color&&(o.style.color=t.color),t.background&&(o.style.background=t.background,o.style.padding="10"),i.addEventListener("change",(function(){n.style.display="block",t.hideField&&(n.style.display="none"),o.innerText="Change",e.file=i.files[0],e.onLoad(e.file),ge[t.index]=e.file,n.setAttribute("value",e.file.name),n.setAttribute("readonly","true"),e.getLoaded(),e.highlight()})),r.appendChild(i),r.appendChild(o),r.appendChild(n),this.el=r,t.font&&this.font(t.font),t.radius&&this.borderRadius(t.radius),this}},{key:"borderRadius",value:function(t){return this.el.style.borderRadius=t,this}},{key:"addClass",value:function(t){return this.el.setAttribute("class",t),this}},{key:"font",value:function(t){return this.el.style.fontFamily=t,this}},{key:"bold",value:function(){return this.el.style.fontWeight="bold",this}},{key:"rounded",value:function(){return this.el.children[1].style.borderRadius="8px",this}},{key:"highlight",value:function(){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}},{key:"auto",value:function(){var t=function(){window.matchMedia("(max-device-width: 415px)").matches};return t(),window.addEventListener("resize",t),this}},{key:"onLoad",value:function(t){return this.returnObject(this.file),this}},{key:"getLoaded",value:function(){return this.file}},{key:"returnObject",value:function(t){return t}},{key:"loadCall",value:function(t){return this.func=t,this.func(this.file),this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return t=t.replace(/"(\w+)"(?=\s*:)/g,"$1"),["new FilePickera().set(".concat(t,")")]}},{key:"render",value:function(t){return t?(document.querySelector(t).appendChild(this.el),this):this.el}}])&&fe(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}(),ge=[];function we(t,e){return we=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},we(t,e)}function ke(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(ke=function(){return!!t})()}function xe(t){return xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},xe(t)}function Se(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Oe(n.key),n)}}function Oe(t){var e=function(t){if("object"!=xe(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=xe(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==xe(e)?e:e+""}var Ce=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.res=null,this.currentItem=""},(e=[{key:"set",value:function(t){var e=this,r=t;this.options=t;var n=document.createElement("input");n.setAttribute("list","dlCities"),n.setAttribute("id","my");var i=t.data,o=0,s=i.length,a=document.createElement("datalist");for(a.id="dlCities",o=0;o<s;o+=1){var l=document.createElement("option");l.value=i[o],a.appendChild(l)}return n.appendChild(a),n.addEventListener("change",(function(){var t=document.querySelector("#my").value;console.log(t),e.currentItem=t})),n.setAttribute("placeholder","Type value"),n.style.padding=".4rem .75rem",n.style.fontSize="1rem",this.res=n,this.responsive(),r.arrayPadding&&this.arrayPadding(r.arrayPadding.sides,r.arrayPadding.value),r.arrayMargin&&this.arrayMargin(r.arrayMargin.sides,r.arrayMargin.value),r.pad&&this.pad(r.pad),r.mar&&this.mar(r.mar),this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return["new DataList().set(".concat(t,")")]}},{key:"getValue",value:function(){return this.res.value}},{key:"arrayPadding",value:function(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}},{key:"arrayMargin",value:function(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}},{key:"margin",value:function(t){return this.res.style.margin=t,this}},{key:"responsive",value:function(){return window.matchMedia("(max-device-width: 415px)").matches&&(this.res.style.width="100%"),this}},{key:"render",value:function(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}])&&Se(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}(),je=Ce;function Ee(t){return Ee="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ee(t)}function Te(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function Pe(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ae(n.key),n)}}function Ae(t){var e=function(t){if("object"!=Ee(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Ee(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Ee(e)?e:e+""}Ce=function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(t,e,r){if(ke())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,e);var i=new(t.bind.apply(t,n));return r&&we(i,r.prototype),i}(je,e)},window.DataList=Ce;var Re=function(){return t=function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"POST";!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.action=e,this.method=r,this.elements=[],this.formElement=document.createElement("form"),this.formElement.action=this.action,this.formElement.method=this.method},e=[{key:"add",value:function(t){var e=this;return this.elements=t,console.log("CODEA"),console.log(this.elements),console.log(this.elements.length),t.forEach((function(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.");e.formElement.appendChild(t.render())})),console.log(this.elements),this}},{key:"toCode",value:function(){var t=this.elements.map((function(t){return t.toCode()})),e=Object.entries(this.obj).map((function(t){var e=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return Te(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Te(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t,2),r=e[0],n=e[1],i="string"==typeof n?'"'.concat(n,'"'):n;return"".concat(r,": ").concat(i)})).join(", ");return console.log("FORM DQ"),console.log(t),["new Form().set({".concat(e,"}).add([ \n ").concat(t.join(", \n"),"])")]}},{key:"set",value:function(t){return this.obj=t,t.action&&this.setAction(t.action),t.method&&this.setMethod(t.method),this}},{key:"setAction",value:function(t){this.action=t,this.formElement.action=this.action}},{key:"setMethod",value:function(t){this.method=t,this.formElement.method=this.method}},{key:"render",value:function(t){return t&&document.querySelector(t).appendChild(this.formElement),this.formElement}}],e&&Pe(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Le(t){return Le="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Le(t)}function ze(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Me(n.key),n)}}function Me(t){var e=function(t){if("object"!=Le(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Le(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Le(e)?e:e+""}function Ie(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Ie=function(){return!!t})()}function Be(t){return Be=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Be(t)}function Ne(t,e){return Ne=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ne(t,e)}var We=function(){function t(e,r){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(n=function(t,e,r){return e=Be(e),function(t,e){if(e&&("object"==Le(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Ie()?Reflect.construct(e,r||[],Be(t).constructor):e.apply(t,r))}(this,t)).text=e,n.res=null,n.val=r,n.setup(),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Ne(t,e)}(t,l),e=t,r=[{key:"setup",value:function(t){return this}},{key:"hover",value:function(t){var e=this;return this.prevColor=this.res.style.backgroundColor,this.foreColor=this.res.style.color,t.animation&&(this.res.style.transition="".concat(t.animation,"s ease-in-out"),this.res.style.transionProperty="background, color"),this.res.onmouseout=function(){e.res.style.backgroundColor="".concat(e.prevColor),e.res.style.color="".concat(e.foreColor)},this.res.onmouseover=function(){e.res.style.backgroundColor=t.background,e.res.style.color=t.color},this}},{key:"set",value:function(t){this.options=t;var e=document.createElement("button");if(e.style.background="transparent",t.url){var r=document.createElement("img");r.setAttribute("src",t.url),r.style.width=t.frame.width,r.style.height=t.frame.height,e.appendChild(r)}else{var n=document.createTextNode(this.text.replace("$",this.val));e.appendChild(n)}return this.res=e,t&&"submit"===t.type&&e.setAttribute("type",t.type),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&&'\n fluidc: "'.concat(t.fluidc,'",'),t.onTap&&this.onTap(t.onTap),t.frame&&this.frame(t.frame),t.frame&&'\n frame: "'.concat(t.frame,'",'),t.arrpad&&this.arrayPadding(t.arrpad.sides,t.arrpad.value),t.arrpad&&'\n arrpad: {sides: ["'.concat(t.arrpad.sides,'"], value: "').concat(t.arrpad.value,'"},'),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&'\n arrayMargin: {sides: ["'.concat(t.arrayMargin.sides,'"], value: "').concat(t.arrayMargin.value,'"},'),t.keySet&&this.keySet(t.keySet),this}},{key:"arrayPadding",value:function(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}},{key:"arrayMargin",value:function(t,e){return e||(this.res.style.marginLeft="".concat(t[0],"px"),this.res.style.marginTop="".concat(t[1],"px"),this.res.style.marginRight="".concat(t[2],"px"),this.res.style.marginBottom="".concat(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}},{key:"fluidButtonCopy",value:function(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("button"),this.res.style.cssText=this.prevStylex.cssText;var 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;var r=document.createTextNode(this.text);this.res.appendChild(r),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;var n=document.createTextNode(this.text);this.res.appendChild(n),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;var i=document.createTextNode(this.text);this.res.appendChild(i),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;var o=document.createTextNode(this.text);this.res.appendChild(o),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;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setClass",value:function(t){return this.res.setAttribute("class",t),this}},{key:"color",value:function(t){return this.res.style.color=t,this}},{key:"background",value:function(t){return this.res.style.background=t,this}},{key:"width",value:function(t){return this.res.style.width=t,this}},{key:"borderRadius",value:function(t){return this.res.style.borderRadius=t,this}},{key:"padding",value:function(t,e,r,n){return t&&e&&r&&n?(this.res.style.paddingLeft=t,this.res.style.paddingTop=e,this.res.style.paddingRight=r,this.res.style.paddingBottom=n):this.res.style.padding=t,this}},{key:"margin",value:function(t,e,r,n){return t&&e&&r&&n?(this.res.style.marginLeft=t,this.res.style.marginTop=e,this.res.style.marginRight=r,this.res.style.marginBottom=n):this.res.style.margin=t,this}},{key:"auto",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize="2.2rem":t.res.style.fontSize="1rem"};return e(),window.addEventListener("resize",e),this}},{key:"large",value:function(){var t=this,e=function(){window.matchMedia("(max-device-width: 415px)").matches?(alert("WOW"),t.res.style.fontSize="6rem"):t.res.style.fontSize="3rem"};return e(),window.addEventListener("resize",e),this}},{key:"border",value:function(t,e){return"none"===t&&(this.res.style.border="none"),this.res.style.border="".concat(t," solid ").concat(e,"px"),this}},{key:"frame",value:function(t){return this.res.style.width=t.width,this.res.style.height=t.height,this}},{key:"updating",value:function(t,e){var r=this.res,n=this.text;return Object.defineProperty(t,e,{set:function(t){var e=document.createTextNode(n.replace("$",t));r.replaceChild(e,r.childNodes[0])}}),this}},{key:"onTap",value:function(t){return this.res.addEventListener("click",t),this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,(function(t,e){return"function"==typeof e?e.toString():e}),4).replace(/"(\w+)":/g,"$1:").replace(/"(\(\)\s*=>\s*{[^}]*})"/g,"$1").replace(/\\n/g,"").replace(/\\"/g,'"');return['new Button("'.concat(this.text,'").set(').concat(t,")")]}},{key:"render",value:function(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}],r&&ze(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function _e(t){return _e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_e(t)}function Fe(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,De(n.key),n)}}function De(t){var e=function(t){if("object"!=_e(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=_e(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==_e(e)?e:e+""}var He=function(){return t=function t(e,r){if(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.container=document.createElement("div"),this.elements=e,this.currentSlideIndex=0,this.buttons=r,!this.buttons){var n={leftButton:new We("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 We("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=n}this.createSlider(),this.init()},e=[{key:"toCode",value:function(){var t="new Slider([".concat(this.elements.map((function(t){return t.toCode()})),"], null)");return[t=t.replace(/,\s*\./g,".")]}},{key:"createSlider",value:function(){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";var 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((function(e,r){var n=document.createElement("div");n.setAttribute("class","slide"),n.style.display="flex",n.style.justifyContent="center",n.style.alignItems="center",n.style.flexShrink="0",n.style.width="100%",n.style.height="400px",n.style.background=r%2==0?"rgb(250, 246, 212)":"white",n.style.transformOrigin="center center",n.style.transform="scale(1)",n.style.scrollSnapAlign="center",n.appendChild(e.render()),t.appendChild(n)})),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";var 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((function(t,r){var n=document.createElement("a");n.style.display="inline-block",n.style.height="15px",n.style.width="15px",n.style.borderRadius="50%",n.style.backgroundColor="black",n.style.margin="0 10px",n.style.cursor="pointer",n.dataset.index=r,e.appendChild(n)})),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")}},{key:"init",value:function(){this.updateActiveSlide(),this.attachEventListeners()}},{key:"attachEventListeners",value:function(){var t=this;this.arrowPrev.addEventListener("click",(function(){t.moveToSlide(t.currentSlideIndex-1<0?t.elements.length-1:t.currentSlideIndex-1)})),this.arrowNext.addEventListener("click",(function(){t.moveToSlide((t.currentSlideIndex+1)%t.elements.length)})),this.navLinks.forEach((function(e){e.addEventListener("click",(function(r){r.preventDefault();var n=parseInt(e.dataset.index,10);t.moveToSlide(n)}))})),document.addEventListener("keydown",(function(e){"ArrowLeft"===e.key?t.moveToSlide(t.currentSlideIndex-1<0?t.elements.length-1:t.currentSlideIndex-1):"ArrowRight"===e.key&&t.moveToSlide((t.currentSlideIndex+1)%t.elements.length)}))}},{key:"moveToSlide",value:function(t){this.currentSlideIndex=t,this.updateActiveSlide()}},{key:"updateActiveSlide",value:function(){var t=this;this.navLinks.forEach((function(e,r){e.style.backgroundColor=r===t.currentSlideIndex?"green":"gray"}));var e=this.slidesWrapper.querySelector(".slide").offsetWidth;this.slidesWrapper.scrollTo({left:this.currentSlideIndex*e,behavior:"smooth"})}},{key:"render",value:function(t){if(!t)return this.slider;document.querySelector(t).appendChild(this.slider)}}],e&&Fe(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Je(t){return Je="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Je(t)}function qe(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ge(n.key),n)}}function Ge(t){var e=function(t){if("object"!=Je(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Je(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Je(e)?e:e+""}function Qe(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Qe=function(){return!!t})()}function Xe(t){return Xe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Xe(t)}function $e(t,e){return $e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},$e(t,e)}var Ye=function(){function t(e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(t,e,r){return e=Xe(e),function(t,e){if(e&&("object"==Je(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Qe()?Reflect.construct(e,r||[],Xe(t).constructor):e.apply(t,r))}(this,t)).url=e,r.res=null,r.setup(),r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&$e(t,e)}(t,l),e=t,(r=[{key:"setup",value:function(){this.res=document.createElement("audio"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}},{key:"set",value:function(t){return this.options=t,t.background&&this.background(t.background),this}},{key:"background",value:function(t){var e=document.createElement("style");return e.type="text/css",e.textContent="\n\taudio::-webkit-media-controls-panel {\n\t\tbackground-color: ".concat(t,";\n\t}\n"),document.head.appendChild(e),this}},{key:"toCode",value:function(){return JSON.stringify(this.options,null,4),['new Audio("'.concat(this.url,'")')]}},{key:"size",value:function(t){return this.res.style.width=t,this}},{key:"render",value:function(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}])&&qe(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function Ve(t){return Ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ve(t)}function Ue(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Ke(n.key),n)}}function Ke(t){var e=function(t){if("object"!=Ve(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Ve(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Ve(e)?e:e+""}function Ze(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Ze=function(){return!!t})()}function tr(t){return tr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},tr(t)}function er(t,e){return er=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},er(t,e)}var rr=function(){function t(e){var r;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(t,e,r){return e=tr(e),function(t,e){if(e&&("object"==Ve(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Ze()?Reflect.construct(e,r||[],tr(t).constructor):e.apply(t,r))}(this,t)).url=e,r.res=null,r.setup(),r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&er(t,e)}(t,l),e=t,(r=[{key:"setup",value:function(){this.res=document.createElement("video"),this.res.setAttribute("src",this.url),this.res.setAttribute("controls","controls")}},{key:"set",value:function(t){return this.options=t,t.radius&&(this.res.style.borderRadius="1rem"),t.width&&(this.res.style.width="".concat(t.width)),t.opacity&&(this.res.style.opacity=t.opacity),this}},{key:"size",value:function(t){return this.res.style.width=t,this}},{key:"toCode",value:function(){var t=JSON.stringify(this.options,null,4);return['new Video("'.concat(this.url,'").set(').concat(t,")")]}},{key:"render",value:function(t){if(!t)return this.res;document.querySelector(t).appendChild(this.res)}}])&&Ue(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function nr(t){return nr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},nr(t)}function ir(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function or(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,sr(n.key),n)}}function sr(t){var e=function(t){if("object"!=nr(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=nr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==nr(e)?e:e+""}function ar(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(ar=function(){return!!t})()}function lr(t){return lr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},lr(t)}function cr(t,e){return cr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},cr(t,e)}var ur=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=lr(e),function(t,e){if(e&&("object"==nr(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,ar()?Reflect.construct(e,r||[],lr(t).constructor):e.apply(t,r))}(this,t)).res=document.createElement("div"),e.res.style.display="grid",e.attributes={},e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&cr(t,e)}(t,l),e=t,r=[{key:"set",value:function(t){return this.options=t,this.attributes=t,this.templateCols=t.templateCols,t.templateCols&&(this.res.style.gridTemplateColumns="repeat(".concat(t.templateCols.cols,", 1fr)"),this.res.style.gridTemplateRows="repeat(".concat(t.templateCols.cols,", 1fr)")),this.res.style.height=t.height?t.height:"600px",t.positions&&(this.storedPositions=t.positions),this}},{key:"generateGridPositions",value:function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50,i=document.createElement("div");i.classList.add("container"),i.style.display="grid",i.style.gridTemplateColumns="repeat(".concat(n,", 1fr)"),i.style.gridTemplateRows="repeat(".concat(r,", 1fr)"),i.style.width="100%",i.style.height="100vh";var o=t.map((function(t,e){return{row:Math.floor(r/2)+e,col:Math.floor(n/2)+e}}));return t.forEach((function(i,s){var a=o[s],l=a.row,c=a.col,u=function(e){var r=0,n=0;return t.forEach((function(t,i){var s=t.weight,a=t.direction,l=o[e],c=o[i],u=l.col-c.col,d=l.row-c.row,h=s*(1/(Math.sqrt(u*u+d*d)+1));switch(a){case"L":r-=h;break;case"R":r+=h;break;case"U":n-=h;break;case"B":n+=h}})),{forceX:r,forceY:n}}(s),d=u.forceX,h=u.forceY;c=Math.max(1,Math.min(n,c+Math.round(d))),l=Math.max(1,Math.min(r,l+Math.round(h))),console.log(e.items.map((function(t){return t.id}))),console.log(i.attract.slice(1));var f=e.items.filter((function(t){return t.id===i.attract.slice(1)}))[0].render();console.log(f),f.style.gridRowStart=l,f.style.gridRowEnd=l+3,f.style.gridColumnStart=c,f.style.gridColumnEnd=c+5,f.style.border="3px solid #".concat(Math.floor(16777215*Math.random()).toString(16).padStart(6,"0")),f.style.display="flex",f.style.alignItems="center",f.style.justifyContent="center",f.style.fontWeight="bold",f.style.color="white",e.res.appendChild(f)})),console.log("ARAO"),console.log(this.res.children.length),this}},{key:"add",value:function(t){this.items=t;var e,r=function(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function(t,e){if(t){if("string"==typeof t)return ir(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ir(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,i=function(){};return{s:i,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return s=t.done,t},e:function(t){a=!0,o=t},f:function(){try{s||null==r.return||r.return()}finally{if(a)throw o}}}}(t);try{for(r.s();!(e=r.n()).done;){var n=e.value;this.res.appendChild(n.render())}}catch(t){r.e(t)}finally{r.f()}return this.storedPositions&&this.generateGridPositions(this.storedPositions),console.log("MORAA"),console.log(this.res.children.length),this}},{key:"toCode",value:function(){if(this.excludeFromCodeTrue)return[""];var t=JSON.stringify(this.options,null,4).replace(/"([^"]+)":/g,"$1:"),e="";return e+=".add([\n",e+=this.items.map((function(t){return t.toCode().join("").trim()})).join(",\n"),e+="\n])",["new Free().set(".concat(t,")").concat(e)]}},{key:"render",value:function(t){if(console.log("CHILDREN IN RENDER"),console.log(this.res.children.length),!t)return this.res;document.querySelector(t).appendChild(this.res)}}],r&&or(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function dr(t){return dr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},dr(t)}function hr(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function fr(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,yr(n.key),n)}}function yr(t){var e=function(t){if("object"!=dr(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=dr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==dr(e)?e:e+""}function pr(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(pr=function(){return!!t})()}function mr(t){return mr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},mr(t)}function vr(t,e){return vr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},vr(t,e)}var br=function(){function t(){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(t,e,r){return e=mr(e),function(t,e){if(e&&("object"==dr(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,pr()?Reflect.construct(e,r||[],mr(t).constructor):e.apply(t,r))}(this,t)).el=null,e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&vr(t,e)}(t,l),e=t,(r=[{key:"set",value:function(t){var e,r;this.options=t;var n=document.createElement("div");n.style.display="flex",n.style.alignItems="center";var i=document.createElement("input");i.type="checkbox",i.style.position="relative",i.style.marginRight="0.5rem";var o=t.size||"24px";i.style.width=o,i.style.height=o,t.customStyle&&(i.style.appearance="none"),i.style.border="2px solid #ccc",i.style.borderRadius="4px",i.style.backgroundColor=t.backgroundColor||"white",i.style.cursor="pointer",i.style.transition="background-color 0.2s ease, border-color 0.2s ease",i.style.display="inline-block",i.style.setProperty("--checked-bg-color",t.checkedBackgroundColor||"#4CAF50"),i.style.setProperty("--checkmark-color","white"),i.style.setProperty("--checkmark-clip-path",null!==(e=this.options.clipPath)&&void 0!==e?e:"polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)");var s=document.createElement("style");s.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(s),t.mar&&this.mar(t.mar),t.pad&&this.pad(t.pad),t.respad&&this.respad(t.respad),t.resmar&&this.resmar(t.resmar),i.addEventListener("change",(function(){i.checked?(i.style.backgroundColor=t.checkedBackgroundColor||"#4CAF50",i.style.borderColor=t.checkedBackgroundColor||"#4CAF50"):(i.style.backgroundColor=t.backgroundColor||"white",i.style.borderColor="#ccc")})),t.name&&i.setAttribute("name",t.name),n.appendChild(i);var a=document.createElement("div");if("function"==typeof(null===(r=t.label)||void 0===r?void 0:r.render))a.appendChild(t.label.render());else{var l=document.createTextNode(t.title||"Label");a.appendChild(l)}return a.style.opacity=.8,a.style.transition="opacity ease 0.2s, transform ease 0.2s",n.appendChild(a),this.el=n,this}},{key:"getValue",value:function(){return this.el.children[0].checked}},{key:"toCode",value:function(){var t=Object.entries(this.options).map((function(t){var e=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(t,e)||function(t,e){if(t){if("string"==typeof t)return hr(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?hr(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t,2),r=e[0],n=e[1];return"string"==typeof n?"".concat(r,': "').concat(n,'"'):"object"===dr(n)&&null!==n?"function"==typeof n.toCode?"".concat(r,": ").concat(n.toCode()[0]):"".concat(r,": ").concat(JSON.stringify(n,null,4)):"".concat(r,": ").concat(n)})).join(",\n ");return["new Checkbox().set({\n ".concat(t,"\n})")]}},{key:"margin",value:function(t){return this.el.style.margin=t,this}},{key:"render",value:function(t){if(!t)return this.el;document.querySelector(t).appendChild(this.el)}}])&&fr(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function gr(t){return gr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},gr(t)}function wr(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,kr(n.key),n)}}function kr(t){var e=function(t){if("object"!=gr(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=gr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==gr(e)?e:e+""}window.Checkbox=br;var xr=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.res=null,this.st=e},(e=[{key:"setup",value:function(){var t=document.createElement("div");return t.style.display="grid",this.res=t,this.st&&this.sticky(),this}},{key:"set",value:function(t){return this.setup(),t.height&&(this.res.style.height=t.height),t.sticky&&this.sticky(),this}},{key:"sticky",value:function(){return this.res.style.position="sticky",this.res.style.top=0,this}},{key:"add",value:function(t){this.children=t;for(var e=0;e<t.length;e++){var r=t[e].render();r.style.gridColumn=1,r.style.gridRow=1,this.res.appendChild(r)}return this}},{key:"toCode",value:function(){var t="new Stack().set({})";if(this.children.length>0){var e=this.children.map((function(t){return t.toCode()})).join(",\n");t+=".add([\n \n ".concat(e," \n \n])")}return[t]}},{key:"render",value:function(t){if(!t)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(t).appendChild(this.res)}}])&&wr(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Sr(t){return Sr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Sr(t)}function Or(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Cr(n.key),n)}}function Cr(t){var e=function(t){if("object"!=Sr(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Sr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Sr(e)?e:e+""}var jr=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)},e=[{key:"style",value:function(t){for(var e=t.bst,r=t.el,n=t.re,i=(t.options,[]),o=0;o<e.length;o++)e[o].target&&(r.id,e[o].target[0]);for(o=0;o<e.length;o++){var s=!0;e[o].target&&(s=!1,r.id===e[o].target[0]&&(s=!0));var a=e[o].op.ops.split("-");s&&a.includes("air")&&(n.borderObj={color:"#1abc9c",radius:"0rem",width:"3px"},n.color="#1abc9c",n.background="transparent"),s&&a.includes("round")&&(a.includes("air")?n.borderObj={width:"4px",radius:"0.7rem",color:"#1abc9c"}:n.borderObj={width:"0px",radius:"0.7rem",color:"#1abc9c"}),s&&a.includes("full")&&(n.background="#3498db",n.borderObj&&n.borderObj.radius?n.borderObj.radius="0.3rem":n.color="white"),s&&a.includes("pill")&&(n.background="#3498db",n.borderObj.radius="9999px",n.color="white"),s&&a.includes("hover")&&(n.hover={color:"#1abc9c",background:"orange"}),i.push((new Link).set(n))}return i}}],null&&Or(t.prototype,null),e&&Or(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Er(t){return Er="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Er(t)}function Tr(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Pr(n.key),n)}}function Pr(t){var e=function(t){if("object"!=Er(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Er(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Er(e)?e:e+""}var Ar=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)},e=[{key:"cards",value:function(t,e,r){console.log("PP"),console.log(r);for(var n=[],i=0;i<t.children.length;i++){var o=t.children[i];"text"===o&&this.insertTextToCard(n,e,t,r),"image"!==o||t.backgroundCard||n.push('\n new Image("https://upload.wikimedia.org/wikipedia/commons/3/3a/Starship_S20.jpg").set({})'),"link"===o&&(e.op?n.push("\n ".concat(r.tabSpace(6)," ").concat(r.link[e.op.theme.toLowerCase()].code)):n.push("\n ".concat(r.tabSpace(6)," ").concat(r.link.base.code)))}return n}},{key:"insertTextToCard",value:function(t,e,r,n){if(e.op)if(e.op.ops&&e.op.ops.includes("text-blast")){var i="\n ".concat(n.tabSpace(6)," ").concat(n.text[e.op.theme.toLowerCase()].code),o=n.ops[e.op.theme.toLowerCase()].blast.code;r.backgroundCard||(o=n.ops[e.op.theme.toLowerCase()].blastFun(1));var s=this.insertTextBetween(i,o);t.push(s)}else t.push("\n ".concat(n.tabSpace(6)," ").concat(n.text[e.op.theme.toLowerCase()].code));else t.push("\n ".concat(n.tabSpace(6)," ").concat(n.text.base.code))}},{key:"insertTextBetween",value:function(t,e){var r=t.match(/(color: ".+?",)(.+?)(id: ".+?")/);if(r){var n=r.index+r[0].length,i=t.slice(0,n)+", "+e+", "+t.slice(n);return console.log("RETA"),console.log(i),i}return t}}],null&&Tr(t.prototype,null),e&&Tr(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();function Rr(t){return Rr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Rr(t)}function Lr(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function zr(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?Lr(Object(r),!0).forEach((function(e){Mr(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Lr(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function Mr(t,e,r){return(e=Br(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ir(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,Br(n.key),n)}}function Br(t){var e=function(t){if("object"!=Rr(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=Rr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==Rr(e)?e:e+""}var Nr=function(){return t=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)},e=[{key:"mapType",value:function(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):"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}},{key:"button",value:function(){return new We("Submit").set({fluidc:"S6",color:"white",background:"#1abc9c",arrpad:{sides:["all"],value:".3rem"},radius:".3rem",onTap:function(){alert("Nice")},keySet:{key:"border",value:"3px solid green"}})}},{key:"multiswitcher",value:function(){return(new dt).set({breakpoints:[{at:"0px",view:new w("First").set({})},{at:"700px",view:new w("Nice").set({})},{at:"800px",view:new w("Best").set({})}]})}},{key:"video",value:function(){return new rr("https://www.w3schools.com/html/mov_bbb.mp4").set({})}},{key:"audio",value:function(){return new Ye("rouska.mp3").set({background:"#1abc9c"})}},{key:"radio",value:function(t){return(new ie).set({items:["Male","Female","Third shit"],multiple:!0})}},{key:"input",value:function(t){return(new TextField).set({type:"text",placeholder:"Enter swimming time",arrayMargin:{sides:["all"],value:"1rem"}})}},{key:"floatInput",value:function(t){return(new Vt).set({title:"Your name",type:"input"})}},{key:"filePicker",value:function(t){return(new be).set({id:"A",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem",accept:"application/pdf"})}},{key:"picker",value:function(t){return(new de).set({items:[["none","select a car---"],["tesla","Tesla"],["audi","Audi"]],font:"Arial",arrayPadding:{sides:["all"],value:"0.5rem"},rounded:!0})}},{key:"modal",value:function(t){}},{key:"slider",value:function(t){var e=[(new At).set({}).add([new w("One").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new w("First time").set({font:"Arial"})]),new w("Two").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new w("Three").set({fluidc:"S1",color:"#1abc9c",font:"Arial"}),new w("Four").set({fluidc:"S1",color:"#1abc9c",font:"Arial"})];return new He(e,null)}},{key:"dropdown",value:function(t){t.el.items||(t.el.items=["Flower","Car","Maseratti"]);var e=t.el.items.map((function(t){return(new _).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 wt).set({behaviour:"mouseover",pad:[{a:"1rem"}],mar:[{a:"1rem"}],border:"1px solid black",width:"180px",radius:"1rem"}).add([new w(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 At).set({border:"1px solid green",background:"#1abc9c",radius:"0.7rem",socenter:!0}).add(e.slice(1))])}},{key:"protoNav",value:function(t){t.customOptions;var e=[{title:"Fire",link:"@e"},{title:"and",link:"@e"},{title:"smoke",link:"@e"}],r=e.map((function(t,e){return new _('"'.concat(t.title,'"')).set({fluidc:"S6",text:t.title,link:t.link,font:"Arial",pad:[{a:40}],bold:!0,hover:{color:"wheat",animation:.3}})})),n=e.map((function(t,e){return new _('"'.concat(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%, ".concat(10*e,"%)"),opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, ".concat(10*e,"%)"),opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})}));if(t.el.dropdown){var i=(new wt).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black"}).add([new w("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 At).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new _).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 _).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"}})])]);n.push(i),r.push(i)}return t.el.animation,(new dt).set({breakpoints:[{at:"0px",view:(new et).set({background:"green",mar:[{a:21}],brand:new w("A").set({size:"S1"}),hamburgerColour:"#3498db",radius:"1rem"}).add([new _("A").set({text:"A",url:"#a"}),(new wt).set({behaviour:"mouseover",pad:[{a:40}],mar:[{lr:"auto"}],breakpoint:"1200px",padding:"10px",border:"1px solid black",height:"auto"}).add([new w("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 w("Firsti").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new w("Firstiuu").set({cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})]),new _("B").set({text:"B",url:"#b"}),new _("C").set({text:"C",url:"https://www.abcnews.com"})])},{at:"1200px",view:(new X).set({background:"green",mar:[{a:21}],maxHeight:"100px",radius:"1rem"}).add([new w("A").set({size:"S1"}),new Jt(!0),(new wt).set({behaviour:"mouseover",pad:[{a:40}],padding:"10px",border:"1px solid black",radius:"30px",width:"130px"}).add([new w("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 At).set({flexDir:"column",background:"orange",mar:[{t:"10px"}],radius:".3rem"}).add([new _("").set({text:"A",url:"jk",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new _("").set({text:"Kivi new TV",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"}),new _("").set({text:"Thanks GPT",url:"#u",cursor:"hand",fluidc:"S6",pad:[{l:10,r:10}],font:"Arial",align:"center",weight:"bold"})])]),new _("Desktop bar").set({text:"Desktop bar",url:"#a"}),new _("B").set({text:"B",url:"#a"}),new _("C").set({text:"C",url:"#a"})])}]})}},{key:"sideNav",value:function(t){t.customOptions;var e=[{title:"Home",link:"@e"},{title:"Projects",link:"@e"},{title:"Services",link:"@e"}],r=e.map((function(t,e){return new _('"'.concat(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"})})),n=(new wt).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%, ".concat(10,"%)"),opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, ".concat(10,"%)"),opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}}).add([new w("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 At).set({socenter:!0,radius:"0.7rem",background:"#1abc9c",makeResponsiveBehaviour:"undefined"}).add([(new _).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 _).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=e.map((function(t,e){return new _('"'.concat(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%, ".concat(10*e,"%)"),opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, ".concat(10*e,"%)"),opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}}})}));t.el.dropdown&&(i.push(n),r.push(n));var o=(new At).set({column:!0}).add([new w("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?i[0]:r[0],t.el.animation?i[1]:r[1],t.el.animation?i[2]:r[2],t.el.animation&&t.el.dropdown?i[3]:new w("").set({}).excludeFromCode(),new w("Paramount, 2024").set({pad:[{a:20}],animation:{range:["0px","1900px"],op:{name:"animation",color:"green",width:"1px"}}})]),s=(new At).set({column:!0}).add([new w("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 _t).setup({animate:!0,radius:"1rem",isSide:!0,background:"#ecf0f1",hamColour:{opened:"#1abc9c",closed:"#e67e22"},mobileSize:"1.2em"}).items(t.el.offcanvas?s:o)}},{key:"mapFree",value:function(t){var e=t.customOptions.filter((function(t){return"slayout"===t.op.name||"layout"===t.op.name}))[0],r=null,n={cols:6,rows:6};return"text-above-image"!==e.op.value&&"image-above-text"!==e.op.value||(r=null,n=null),"image-overlay-text"===e.op.value&&(r={text:{row:"1 / span 2",col:"3 / span 2"},image:{row:"2 / span 3",col:"3 / 3"}}),"image-leftof-text"===e.op.value&&(r={text:{row:"1",col:"1 / 3"},image:{row:"1",col:"3 / 4"}}),(new ur).set({id:"#3",templateCols:n,height:"600px"}).add([new w("I am free").set({border:"3px solid green",font:"Arial",fluidc:"S1",color:"#1abc9c",gpos:null!=r?r.text:null,zIndex:1}),new A("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!=r?r.image:null})])}},{key:"mapText",value:function(t){var e,r=t.el;return new w(r.text||r.value).set({id:r.id,class:r.class,color:r.color,fluidc:this.getElType(r.type),font:null!==(e=r.font)&&void 0!==e?e:"Arial",stroke:this.filtero("blast",r.id,t.customOptions),gradient:this.filtero("gradient",r.id,t.customOptions),animation:this.filtero("animation",r.id,t.customOptions),shadow:this.filtero("shadow",r.id,t.customOptions),span:this.filtero("span",r.id,t.customOptions),backgroundOp:this.filtero("background",r.id,t.customOptions),marginOp:this.filtero("margin",r.id,t.customOptions),transform:this.filtero("transform",r.id,t.customOptions),filtera:this.filtero("filter",r.id,t.customOptions)})}},{key:"mapImage",value:function(t){var e=t.el;return new A(e.url).set(zr(zr({},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)}))}},{key:"mapLink",value:function(t){var e=t.customOptions.filter((function(t){return"link-style"===t.op.name})),r=t.el;return t.el.id&&(r.id=t.el.id),t.el.link&&t.el.text&&(r.url=t.el.link,r.text=t.el.text),r.keySet={key:"background",value:"shadow: 3px 3px solid green"},r.animation=this.filtero("animation",t.el.id,t.customOptions),r.class=t.el.class,r.width=t.el.width,r.font="Arial",r.fluidc=t.el.fluidc,r.index=t.i+"",r.shadow=this.filtero("shadow",t.el.id,t.customOptions),r.backgroundOp=this.filtero("background",t.el.id,t.customOptions),r.pad=[{a:10}],e.length>0?jr.style({el:t.el,re:r,bst:e,options:t.customOptions})[e.length-1]:(new _).set(r)}},{key:"mapGrid",value:function(t){var e;console.log("OBJ IS"),console.log(t.storage);var r=[],n=null!==(e=t.customOptions.filter((function(t){return"card-style"===t.op.name}))[0])&&void 0!==e?e:{};r=Ar.cards(t.el,n,t.storage);var i='new Card()\n .set({\n width: "300px", radius: "0.7rem", mar: { sides: ["all"], value: "0.8rem" }})\n .items(['.concat(r.join(",")," \n ])");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 '.concat(r.join(","),",\n ]), \n"));var o=Array(3).fill(i);return'\n \n new FlexGrid()\n .set({colat: "700px", wrap: true, align: "center"}) \n .items(['.concat(o,"])\n \n")}},{key:"mapCDiv",value:function(t){if(t.customOptions,rta){var e=el;e.makeResponsiveBehaviour=rta.op.hash[0].l,e.index=i;var r={width:"200px",height:"100px"};if(ela=(new At).set(e),rta.op.hash[0].child){r.makeResponsiveBehaviour=rta.op.hash[0].child.l;var n=(new At).set(r).add([new w("Hello")]);ela=(new At).set(e).add([n])}}}},{key:"checkbox",value:function(t){return(new br).set({name:"acceptTerms",label:new w("Check it out!").set({size:"S6",color:"#1abc9c",font:"Arial"}),mar:"10px"})}},{key:"stack",value:function(t){return(new xr).set({}).add([(new A).set({url:"https://pbs.twimg.com/media/DwYvbCBVAAEKY_R.jpg"}),new w("Samuel Suresh").set({color:"#00ae56",font:"SF Pro Display",fluidc:"S2",pad:{sides:["top","left"],value:20}})])}},{key:"form",value:function(t){return(new Re).set({action:"file.php"}).add([(new Vt).set({title:"Your name",type:"input",name:"name"}),(new Vt).set({title:"Your email",type:"input",name:"email",color:"#3498db",font:"Arial",mar:[{a:"1rem"}]}),(new ie).set({name:"gender",items:["Male","Female","Third shit"],multiple:!1,tint:"#1abc9c",font:"Arial",exact:"3rem"}),(new de).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 be).set({id:"A",name:"image",title:"Add profile picture",background:"#3498DB",color:"white",font:"Arial",radius:"3rem"}),new We("Submit form").set({type:"submit",background:"#3498db",color:"white",weight:"bold",radius:"1rem",pad:[{a:"1rem"}],mar:[{b:"1rem"}]})])}},{key:"simple",value:function(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 ])'}},{key:"getElType",value:function(t){return"S".concat(t.substr(1))}},{key:"filtero",value:function(t,e,r){return r.filter((function(e){return e.op.name===t})).filter((function(t){return!t.target||t.target.includes(e)}))[0]}}],null&&Ir(t.prototype,null),e&&Ir(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}();export{Nr as ElementMapper};
|