nodality 1.0.0-beta.11 → 1.0.0-beta.13
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/dist/animator.cjs.js +1 -1
- package/dist/animator.esm.js +1 -1
- package/dist/appleanim.cjs.js +1 -1
- package/dist/appleanim.esm.js +1 -1
- 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 -1
- package/dist/scrollvideo.esm.js +1 -1
- 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 -1
- package/dist/stacker.esm.js +1 -1
- 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 -1
- package/dist/transformanim.esm.js +1 -1
- 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/lib/designer.js +30 -16
- package/package.json +17 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var t={d:(e,s)=>{for(var i in s)t.o(s,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:s[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{Switcher:()=>i});class s{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="",p="";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:")&&(p=t.replace("opacity:",""))})),i=this.setDefault(i),r=this.setDefault(r),n=this.setDefault(n);let c="";if("0px"!=r&&"0px"!=i&&"0px"!=n?c+=`translate3d(${i}, ${r}, ${n})`:"0px"==r&&"0px"==i||(c+=`translate(${i}, ${r})`),a&&(c+=` ${a}`),l&&(c+=` ${l}`),o&&(c+=` ${o}`),h&&(c+=` ${h}`),d&&(c+=` ${d}`),c){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=c,this.res.style.opacity=p}};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 i extends s{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}}module.exports=e})();
|
|
1
|
+
(()=>{"use strict";var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};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 n(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,s,o,a=[],l=!0,c=!1;try{if(s=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=s.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&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw i}}return a}}(t,e)||s(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 i(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=s(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,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,o=t},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw o}}}}function s(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 a(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,l(n.key),n)}}function l(t){var e=function(t){if("object"!=r(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==r(e)?e:e+""}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){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 f(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?u(Object(r),!0).forEach((function(e){d(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function d(t,e,r){return(e=h(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(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"!=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 y(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(y=function(){return!!t})()}function v(t){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},v(t)}function m(t,e){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},m(t,e)}t.r(e),t.d(e,{Switcher:()=>b});var b=function(t){function e(){var t;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(t=function(t,e,r){return e=v(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,y()?Reflect.construct(e,r||[],v(t).constructor):e.apply(t,r))}(this,e)).breakpoints=[],t.container=null,t.currentView=null,t.internalDiv=null,t.resizeListener=null,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&&m(t,e)}(e,t),r=e,n=[{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 f(f({},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],s=n<e.length-1?e[n+1]-1:r;return f(f({},t),{},{range:{from:i,to:s}})}))}},{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}}],n&&p(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(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="",s="",o="",a="",l="",c="",u="",f="";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:")?s=t.replace("tz:",""):t.startsWith("scale(")?o=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:")&&(f=t.replace("opacity:",""))})),r=i.setDefault(r),n=i.setDefault(n),s=i.setDefault(s);var d="";if("0px"!=n&&"0px"!=r&&"0px"!=s?d+="translate3d(".concat(r,", ").concat(n,", ").concat(s,")"):"0px"==n&&"0px"==r||(d+="translate(".concat(r,", ").concat(n,")")),o&&(d+=" ".concat(o)),l&&(d+=" ".concat(l)),a&&(d+=" ".concat(a)),c&&(d+=" ".concat(c)),u&&(d+=" ".concat(u)),d){if(t.op.transform.duration){var p=t.op.transform.duration.replace(/^(\d+)(s)-/,(function(t,e,r){return e/2+r+" "})),h="transform ".concat(p,", opacity ").concat(p);i.res.style.transition=h}else i.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";i.res.style.transform=d,i.res.style.opacity=f}}};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 s=1e3*parseFloat(e.duration),o=e.closeAfter?e.closeAfter:0;setTimeout((function(){e.keep||n()}),s/2+o)}}},(r=l(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}},(e=[{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 s in t[r])"breakpoint"!==s&&(i[s]=t[r][s]);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],s=t[e][i],o=0;o<i.length;o++)switch(i[o]){case"a":this.res.style.padding=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.paddingTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.paddingLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.paddingRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.paddingBottom=this.isNumber(s)?"".concat(s,"px"):s}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],s=t[e][i],o=0;o<i.length;o++){switch(i[o]){case"a":this.res.style.margin=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.marginTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.marginLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.marginRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.marginBottom=this.isNumber(s)?"".concat(s,"px"):s}"auto"===i[o]&&(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 s=(r.max+Math.abs(r.min))*n;i=r.min+s}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 s=document.createTextNode(this.text);this.res.appendChild(s),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 o=document.createTextNode(this.text);this.res.appendChild(o),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,e){var r=this;t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var s=function(){var s=window.innerWidth,o="";r.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var a,l=i(t);try{for(l.s();!(a=l.n()).done;){var c=a.value;r.counterIndex++;var u=n(c.range,2),f=u[0],d=u[1],p=parseInt(f),h=parseInt(d),y=!0;if(c.target){y=!1;for(var v=0;v<c.target.length;v++)c.target[v]===e&&(y=!0)}s>=p&&s<=h&&y&&("gradient"===c.log&&(o+="gradient"),"blast"===c.log&&(o+="blast"),"animation"===c.log&&(o+="animation"),"shadow"===c.log&&(o+="shadow"),"span"===c.log&&(o+="span"),"filter"===c.log&&(o+="filter"),"background"===c.log&&(o+="background"))}}catch(t){l.e(t)}finally{l.f()}r.res.style.margin="";var m,b=r.res.style.color;for(t.map((function(t){return t.log})).filter((function(t){return null!=t})).includes("gradient")&&(r.res.style.WebkitBackgroundClip="",r.res.style.background=""),r.res.style["-webkit-text-stroke"]="",r.res.style.filter="",r.res.style.textShadow="",r.res.style.border="";r.res.firstChild;)r.res.removeChild(r.res.firstChild);if(r.res.textContent=r.text,""===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.color=b),"blast"===o){for(v=0;v<t.length;v++){var g=t[v].op.offsets;g&&void 0!==r.index&&(r.res.style.margin=g[Number(r.index)]+"px")}for(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke"]=r.globalBlast,v=0;v<t.length;v++){var x=t[v].op.offsets;x&&void 0!==r.index&&(r.res.style.margin=x[Number(r.index)]+"px")}}if("gradient"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style.border="1px solid orange"),"background"===o&&(r.res.style.background="orange"),"gradientblast"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style["-webkit-text-stroke"]=r.globalBlast),"gradientanimation"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style.textShadow=r.globalShadow),"animationshadow"===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow=r.globalShadow),"shadow"===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow=r.globalShadow),"span"===o&&r.options.span)for(m=Array.isArray(r.options.span)?r.options.span.filter((function(t){return"span"===t.op.name}))[0]:r.options.span,r.res.textContent="",v=0;v<m.op.parts.length;v++){var w=m.op.parts[v].style,k=new Text(m.op.parts[v].text).setup({type:"span"}).set(w).render();r.res.appendChild(k)}if("filter"===o){var S=r.options.filtera.op.filter;r.res.style.filter=S,r.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}},{key:"setPref",value:function(t){this.preffersId=t}},{key:"setClass",value:function(t){this.class=t}},{key:"betaReact",value:function(t,e){var r=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 s=function(){var s=window.innerWidth,o="";r.resCopy=r.res,r.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var a,l=i(t);try{for(l.s();!(a=l.n()).done;){var c=a.value;r.counterIndex++;var u=n(c.range,2),f=u[0],d=u[1],p=parseInt(f),h=parseInt(d),y=!0;if(c.target){y=!1;for(var v=0;v<c.target.length;v++)c.target[v]===e&&(y=!0)}s>=p&&s<=h&&y&&("blast"===c.log&&(o+="blast"),"shadow"===c.log&&(o+="shadow"),"background"===c.log&&(o+="background"),"gradient"===c.log&&(o+="gradient"),"spana"===c.log&&(o+="spana"),"layout"===c.log&&(o+="layout"),"margin"===c.log&&(o+="margin"),c.op&&c.op.margin&&(r.useMargin=c.op.margin))}}catch(t){l.e(t)}finally{l.f()}if(r.res.style.background="",r.res.style.backgroundColor="",r.res.style.textShadow="",r.res.style.border="",r.res.style.margin="",r.res.style["-webkit-text-fill-color"]="",r.res.style["-webkit-text-stroke"]="",r.res.style["-webkit-text-stroke-width"]="","background"===o&&(r.res.style.backgroundColor="green"),"margin"===o)for(v=0;v<t.length;v++)if(t[v].op){var m=t[v].op.offsets;m&&void 0!==r.index&&(r.res.style.margin=m[Number(r.index)]+"px")}if("blastbackgroundmargin"===o){for(v=0;v<t.length;v++)if(t[v].op){var b=t[v].op.offsets;b&&void 0!==r.index&&(r.res.style.margin=b[Number(r.index)]+"px")}r.res.style.backgroundColor="green","FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===o){for(v=0;v<t.length;v++)if(t[v].op){var g=t[v].op.offsets;g&&void 0!==r.index&&(r.res.style.margin=g[Number(r.index)]+"px")}r.res.style.backgroundColor="green",r.useMargin?r.res.style.margin="1rem":r.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===o&&(r.res.style.alignSelf="start",r.res.style.border="1px solid purple"),"blast"===o){for(v=0;v<t.length;v++)if(t[v].op){var x=t[v].op.offsets;x&&void 0!==r.index&&(r.res.style.margin=x[Number(r.index)]+"px")}"FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-background-clip"]="text",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===o&&(r.res.style.border="1px solid yellow",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===o&&(r.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===r.getType()||(r.res.children[0]&&r.res.removeChild(r.res.children[0]),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-background-clip"]="text",r.res.textContent=r.text)),"shadow"===o&&("FlexRowLayoutElement"===r.getType()||(r.res.children[0]&&r.res.removeChild(r.res.children[0]),r.res.style["-webkit-text-fill-color"]="",r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",r.res.textContent=r.text))};window.addEventListener("resize",s),s()}},{key:"cssGen",value:function(t,e,r,n){return this.css=[""],[""]}},{key:"chainReact",value:function(t,e,r){var s=this;this.cssGen(t,e,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;var o,a=i(t);try{for(a.s();!(o=a.n()).done;){var l=o.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 o=window.visualViewport.width,a=[],l=[];s.resCopy=s.res,s.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var c,u=i(t);try{for(u.s();!(c=u.n()).done;){var f=c.value;s.counterIndex++;var d=n(f.range,2),p=d[0],h=d[1],y=parseInt(p),v=parseInt(h),m=!0;if(f.target){m=!1;for(var b=0;b<f.target.length;b++)f.target[b]===e&&(m=!0)}o>=y&&o<=v&&m&&(a.push(f.log),l.push(f),f.op&&f.op.margin&&(s.useMargin=f.op.margin))}}catch(t){u.e(t)}finally{u.f()}if(r&&!r.includes("background")&&(s.res.style.background="",s.res.style.backgroundColor=""),s.res.style.textShadow="",r&&!r.includes("border")&&(s.res.style.border=""),r&&!r.includes("margin")&&(s.res.style.margin=""),s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-stroke-color"]="",s.res.style["-webkit-text-stroke-width"]="",s.res.style.filter="",(a.includes("gradient")||a.includes("shadow"))&&(s.res.style.position="relative",s.res.style.zIndex=-1),a.includes("blast")){var g,x=l.filter((function(t){return"blast"===t.log}))[0].op.color,w=null!==(g=l.filter((function(t){return"blast"===t.log}))[0].op.width)&&void 0!==g?g:"1px";"FlexRowLayoutElement"===s.getType()?s.res.style.border="".concat(w,"px solid orange"):(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]=x,s.res.style["-webkit-text-stroke-width"]="".concat(w))}if(a.includes("filter")){var k=l.filter((function(t){return"filter"===t.log}))[0].op.filter;s.res.style.filter=k}if(a.includes("background")&&(s.res.style.backgroundColor="green"),a.includes("gradient")&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["background-clip"]="text"),a.includes("shadow"))if("FlexRowLayoutElement"===s.getType());else{var S="",O=0;for(b=0;b<s.options.shadow.op.steps;b++)S+="drop-shadow(".concat(O+=3,"px ").concat(O,"px ").concat(O,"px gray) ");s.res.style.filter=S}if(a.includes("margin"))for(b=0;b<t.length;b++)if(t[b].op){var E=t[b].op.offsets;E&&void 0!==s.index&&(s.res.style.margin=E[Number(s.index)]+"px")}if(a.includes("animation")){if(s.options.animation&&!s.hasAnimated&&!s.options.animation.op.fireAt){s.hasAnimated=!0;var T=s.options.animation.op;s.res.animate(T.keyframesClose,{duration:0,fill:"forwards"}),s.res.animate(T.keyframesOpen,T.openOptions)}if(s.options.animation&&s.options.animation.op.fireAt&&s.options.animation.op.fireAt.endsWith("px")){var C=s.options.animation.op;s.res.animate(C.keyframesClose,{duration:0,fill:"forwards"});var j=function(){window.scrollY>parseFloat(C.fireAt)&&(s.res.animate(C.keyframesOpen,C.openOptions),window.removeEventListener("scroll",j))};window.addEventListener("scroll",j)}if(s.options.animation&&s.options.animation.op.fireAt&&"inview"===s.options.animation.op.fireAt){var L=s.options.animation.op;s.res.animate(L.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(t,e){t.forEach((function(t){t.isIntersecting&&(s.res.animate(L.keyframesOpen,L.openOptions),e.disconnect())}))})).observe(s.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}}])&&a(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e}());module.exports=e})();
|
package/dist/newNavBar.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var t={d:(e,s)=>{for(var i in s)t.o(s,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:s[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{UINavBar:()=>r});class s{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,l]=n.range,o=parseInt(t),a=parseInt(l);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<=a&&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,l]=n.range,o=parseInt(t),a=parseInt(l);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<=a&&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,a=parseInt(t),h=parseInt(o);let d=!0;if(s.target){d=!1;for(var l=0;l<s.target.length;l++)s.target[l]===e&&(d=!0)}i>=a&&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(l=0;l<this.options.shadow.op.steps;l++)e+=3,t+=`drop-shadow(${e}px ${e}px ${e}px gray) `;this.res.style.filter=t}if(r.includes("margin"))for(l=0;l<t.length;l++){if(!t[l].op)continue;const e=t[l].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="",l="",o="",a="",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(")?l=t:t.startsWith("skew(")?o=t:t.startsWith("rotate(")?a=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})`),l&&(p+=` ${l}`),a&&(p+=` ${a}`),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 i{constructor(t,e){this.obj=t||{},this.items=e||[]}render(){let t=document.createElement("div");t.style.display="flex",t.style.width="100%",t.style.justifyContent="space-around",t.setAttribute("id","innerItemsWrapper");let e=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(e.matches||s.matches)&&(t.style.marginTop="3rem");for(let e=0;e<this.items.length;e++){const s=this.items[e];t.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(t),this.obj.customStyle&&(t.style.width="auto",t.style.top="0rem",t.style.borderRadius="1rem",t.style.background=this.obj.background||"white",t.style.margin="1rem",t.style.position="absolute",t.style.opacity=.8),i}}class r extends s{constructor(t){super(),this.titleText="",this.hasHamburger=!1,this.code=[],this.attributes={}}toCode(){let t="new UINavBar()";return Object.keys(this.attributes).length>0?t+=`.setup(${JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:")})`:t+=".setup({})",t+=".items([\n",t+=this.items.map((t=>t.toCode().join("").trim())).join(",\n"),t+="\n])",t}styled(t){return this.setup(t),this.styles=t,this}setup(t){this.obj=t,this.obj.isSide||(this.obj.animate=!1),this.attributes=t;let e=document.createElement("div");e.setAttribute("id","sars"),e.style.padding=0,e.style.margin=0;let s=document.createElement("div");s.setAttribute("id","covid"),s.style.position="absolute",s.style.width="100%",s.style.zIndex=1,s.style.alignItems="flex-start";let i=document.createElement("div");return i.style.background="green",i.style.position="absolute",s.style.margin="20px",s.style.display="flex",s.style.alignItems="flex-end",s.style.margin=0,s.style.padding=0,s.style.margin=0,e.appendChild(s),this.addCloseButton=!1,this.res=e,t.background&&this.background({color:t.background}),t.openColor&&(this.openColor=t.openColor),t.sticky&&this.sticky(),t.pad&&this.pad(t.pad),t.hamburgerColour&&(this.hamburgerColour=t.hamburgerColour),t.mobileSize&&(this.mobileSize=t.mobileSize),t.desktopSize&&(this.desktopSize=t.desktopSize),t.height&&(this.res.children[0].style.height=t.height),this}items(t){this.items=t;let e=["Link","Image","Spacer","Dropdown"].some((e=>t[0].__proto__.constructor.toString().startsWith(`class ${e}`)));console.log(this.items);{this.itemCount=t.length;let e=new i(this.obj,this.items).render();this.res.children[0].appendChild(e);let r=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){let t=n.animation.op;if(t){let e=window.matchMedia("(max-device-width: 415px)"),i=window.matchMedia("(max-width: 600px)");if(e.matches||i.matches){let e={duration:1,fill:"forwards",delay:1};for(s=0;s<r.children.length;s++)r.children[s].animate(t.keyframesClose,e)}else for(var s=0;s<r.children.length;s++){let e={duration:1,fill:"forwards",delay:1};r.children[s].animate(t.keyframesClose,e),r.children[s].animate(t.keyframesOpen,t.openOptions)}}}this.adjust()}if(!e){this.itemCount=t.length;let e=document.createElement("div");for(e.style.backgroundColor="orange",s=0;s<t.length;s++){let i=t[s];if(i.logo){let t=new Image(i.logo).width("100px"),e=document.createElement("div");e.style.flex="1",e.style.height=23;let s=document.createElement("div");s.setAttribute("id","WR"),s.style.display="flex",s.style.flexDirection="row",s.appendChild(t.render()),this.res.children[0].appendChild(t.render()),this.obj.spacing&&this.res.children[0].appendChild(e)}if(i.logo&&(this.allowPad=!0),i.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),i.title){let t;t=this.allowPad?i.type?new Dropdown(i.items,i.title):new Link(i.title,i.url).arrayPadding(["left","right"],"1em"):i.type?new Link("DRPA",i.url):new Link(i.title,i.url),e.appendChild(t.render())}}this.res.children[0].appendChild(e),this.adjust()}var r=this.addHamburger();let n=this.itemCount;return this.obj.spacing&&(n+=1),r.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(r,this.res.children[0].firstChild),this}instance(){return this.res.children[0]}sticky(){return this.res.children[0].style.position="fixed",this}font(t){for(var e=0;e<this.res.children[0].children;e++)this.res.children[0].children[e].style.fontFamily=t;return this}openSymbol(t){return this.symbol=t,this}background(t){return t.background?(this.res.children[0].style.backgroundColor=t.color,this.res.children[0].style.opacity=t.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}transluescent(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}keepItem(t){return this.keepItem=t,this}addHamburger=()=>{let t=window.matchMedia("(max-device-width: 415px)");var e=document.createElement("button");e.setAttribute("id","hamburger"),e.style.border="none",e.style.fontWeight="bold",e.style.position="absolute",e.style.color="orange",e.style.backgroundColor="transparent",e.style.fontSize=t.matches?"2.1em":"2em";var s=document.createTextNode(this.symbol?this.symbol:"☰");return e.appendChild(s),e.style.marginLeft="auto",this.isShown=!1,e.addEventListener("click",(()=>{this.isShown=!this.isShown,this.hasAnimatedToWide=!1;let t=this.items[0].options;if(t&&t.animation){let s=t.animation.op;const i=this.res.children[0].children[1].children[0];if(s){if(this.isShown)for(var e=0;e<i.children.length;e++)i.children[e].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=()=>{i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(e=0;e<i.children.length;e++){let t=i.children[e];t.animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}),this.isShown?t.animate(s.keyframesOpen,s.openOptions):t.animate(s.keyframesClose,s.closeOptions)}}}else this.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),e};adjust(t){let e=window.matchMedia("(max-width: 600px)"),s=window.matchMedia("(max-device-width: 415px)");const i=()=>{for(var t=0;t<this.res.children[0].children.length;t++){let e=this.res.children[0].children[t];e.style.fontSize=s.matches?this.mobileSize?this.mobileSize:"1.2em":this.desktopSize?this.desktopSize:"1em","☰"===e.textContent&&(e.style.fontSize="2em")}},r=()=>{this.res.children[0];for(var t=0;t<this.res.children[0].children.length;t++){let e=this.res.children[0].children[t];e.style.marginTop="0em",e.id,e.style.display="flex",e.textContent===this.titleText&&this.titleText.length>0&&(e.style.fontSize="2em")}let e=this.items[0].options;if(e&&e.animation){let s=e.animation.op;const i=this.res.children[0].children[1].children[0];if(i.style.marginTop="0",s&&!this.hasAnimatedToWide)for(this.hasAnimatedToWide=!0,t=0;t<i.children.length;t++)i.children[t].animate(s.keyframesOpen,s.openOptions)}else console.log(this.res)},n=()=>{this.isShown=!1,this.res.children[0],i(),this.res.children[0].style.flexDirection="column";for(var t=0;t<this.res.children[0].children.length;t++)"☰"==this.res.children[0].children[t].textContent||this.res.children[0].children[t].textContent==this.keepItem?(this.res.children[0].children[t].id,this.res.children[0].children[t].style.display="flex"):this.res.children[0].children[t].style.display="none"};if(this.obj.isSide)n();else{let t=this.res.children[1];null!=t&&(t.style.background="yellow"),e.matches||s.matches?n():r()}return this}render(t){const e=()=>{let t=window.matchMedia("(max-width: 600px)"),e=window.matchMedia("(max-device-width: 415px)"),s=this.res.children[0].children[1],i=s.children[0];e.matches&&(i.style.position="relative"),(t.matches||e.matches)&&null!=i?i.style.flexDirection="column":null==i||this.obj.isSide||(i.style.flexDirection="row"),this.obj.isSide||t.matches||e.matches||(this.res.children[0].children[0].style.display="none"),this.obj.isSide&&(i.style.flexDirection="column"),this.obj.isSide||t.matches||(this.res.children[0].style.position="relative",s.style.transform="translateY(0px)"),!this.obj.isSide&&t.matches,this.obj.customStyle&&(this.res.children[0].style.marginTop="1rem",this.res.children[0].style.position="absolute",this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem"),this.obj.radius&&(this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem")};return window.addEventListener("resize",(()=>e())),e(),t?(document.querySelector(t).style.padding=0,document.querySelector(t).style.margin=0,document.querySelector(t).appendChild(this.res),this.res):this.res}}module.exports=e})();
|
|
1
|
+
(()=>{"use strict";var e={d:(t,r)=>{for(var i in r)e.o(r,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:r[i]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var i,n,s,o,a=[],l=!0,c=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(i=s.call(r)).done)&&(a.push(i.value),a.length!==t);l=!0);}catch(e){c=!0,n=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw n}}return a}}(e,t)||s(e,t)||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 n(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=s(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var i=0,n=function(){};return{s:n,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},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 o,a=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==r.return||r.return()}finally{if(l)throw o}}}}function s(e,t){if(e){if("string"==typeof e)return o(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function a(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,l(i.key),i)}}function l(e){var t=function(e){if("object"!=r(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==r(t)?t:t+""}e.r(t),e.d(t,{UINavBar:()=>g});var c=function(){return e=function e(){var t,r,i,n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),t=this,i=function(e){if(e.transform||e.op&&e.op.transform){var t=e.transform;e.transform||(t=e.op.transform),t.duration||(t.duration="3s-ease-in-out"),n.setDefault=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0px";return 0===e.length?t+" ":e};var r=function(){var r="",i="",s="",o="",a="",l="",c="",d="",u="";if(0!==t.values.length){t.values.forEach((function(e){e.startsWith("tx:")&&(r=e.replace("tx:","")),e.startsWith("ty:")&&(i=e.replace("ty:","")),e.startsWith("tz:")?s=e.replace("tz:",""):e.startsWith("scale(")?o=e:e.startsWith("skew(")?a=e:e.startsWith("rotate(")?l=function(e){var t=e.match(/rotate\(([^)]+)\)/);if(!t)return e;var r=t[1].split(",").map((function(e){return e.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],")"):e}(e):e.startsWith("perspective(")?c=e:e.startsWith("matrix(")?d=e:e.startsWith("opacity:")&&(u=e.replace("opacity:",""))})),r=n.setDefault(r),i=n.setDefault(i),s=n.setDefault(s);var h="";if("0px"!=i&&"0px"!=r&&"0px"!=s?h+="translate3d(".concat(r,", ").concat(i,", ").concat(s,")"):"0px"==i&&"0px"==r||(h+="translate(".concat(r,", ").concat(i,")")),o&&(h+=" ".concat(o)),l&&(h+=" ".concat(l)),a&&(h+=" ".concat(a)),c&&(h+=" ".concat(c)),d&&(h+=" ".concat(d)),h){if(e.op.transform.duration){var y=e.op.transform.duration.replace(/^(\d+)(s)-/,(function(e,t,r){return t/2+r+" "})),f="transform ".concat(y,", opacity ").concat(y);n.res.style.transition=f}else n.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";n.res.style.transform=h,n.res.style.opacity=u}}};t.on?n.res.addEventListener(t.on,(function(){t.delay?setTimeout((function(){r()}),t.delay):r()})):window.addEventListener("load",(function(){t.delay?setTimeout((function(){r()}),t.delay):r()}));var i=function(){var e="";t.values.forEach((function(t){t.startsWith("tx:")?e+="translateX(0) ":t.startsWith("ty:")?e+="translateY(0) ":t.startsWith("tz:")?e+="translateZ(0) ":t.startsWith("scale(")?e+="scale(1) ":t.startsWith("skew(")?e+="skew(0, 0) ":t.startsWith("rotate(")?e+="rotate(0) ":t.startsWith("perspective(")?e+="perspective(0) ":t.startsWith("matrix(")&&(e+="matrix(1, 0, 0, 1, 0, 0) "),n.res.style.opacity="1"})),e&&(n.res.style.transform=e.trim())};if(t.on)n.res.addEventListener("mouseout",(function(){t.keep||i()}));else{var s=1e3*parseFloat(t.duration),o=t.closeAfter?t.closeAfter:0;setTimeout((function(){t.keep||i()}),s/2+o)}}},(r=l(r="reactOnTransform"))in t?Object.defineProperty(t,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[r]=i,this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}},(t=[{key:"keySet",value:function(e){return this.temporaryVal=1,this.res.style[e.key]=e.value,this}},{key:"onScroll",value:function(e){var t=this;"opacity"===e.value?this.res.style.opacity=e.valMin:"scale"===e.value&&(this.res.style.transform="scale(".concat(e.valMax,")")),window.addEventListener("scroll",(function(){var r=t.smartRange(window.scrollY,{min:e.from,max:e.to},{min:e.valMin,max:e.valMax});"opacity"===e.value?t.res.style.opacity=r:"scale"===e.value&&(t.res.style.transform="scale(".concat(r,")"))}))}},{key:"setAny",value:function(e){this[Object.keys(e)[0]]=[Object.values(e)[0]]}},{key:"setID",value:function(e){this.id=e}},{key:"setPrevText",value:function(e){this.prevText=e}},{key:"getCSS",value:function(){return this.css}},{key:"getPX",value:function(e){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[e]||"Invalid breakpoint"}},{key:"respad",value:function(e){var t=this,r=function(){t.pad(e[0].values);for(var r=0;r<e.length;r++){var i=e[r].breakpoint;window.matchMedia("(min-width: ".concat(t.getPX(i))).matches&&t.pad(e[r].values)}};window.addEventListener("resize",r),r()}},{key:"resmar",value:function(e){var t=this,r=function(){t.mar(e[0].values);for(var r=0;r<e.length;r++){var i=e[r].breakpoint;window.matchMedia("(max-width: ".concat(t.getPX(i))).matches&&t.mar(e[r].values)}};window.addEventListener("resize",r),r()}},{key:"resprop",value:function(e){var t=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(){t.res.style.background=t.prevBackground,t.res.style.width=t.prevWidth,t.res.style.height=t.prevHeight,t.res.style.border=t.prevBorder;for(var r=0;r<e.length;r++){var i=e[r].breakpoint;if(window.matchMedia("(max-width: ".concat(t.getPX(i))).matches){var n={};for(var s in e[r])"breakpoint"!==s&&(n[s]=e[r][s]);t.set(n)}}};window.addEventListener("resize",r),r()}},{key:"isNumber",value:function(e){return"number"==typeof e&&!isNaN(e)}},{key:"pad",value:function(e){for(var t=0;t<e.length;t++)for(var r=Object.keys(e[t]),i=0;i<r.length;i++)for(var n=r[i],s=e[t][n],o=0;o<n.length;o++)switch(n[o]){case"a":this.res.style.padding=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.paddingTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.paddingLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.paddingRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.paddingBottom=this.isNumber(s)?"".concat(s,"px"):s}return this}},{key:"as",value:function(e){return this.res.style.alignSelf=e,this}},{key:"mar",value:function(e){for(var t=0;t<e.length;t++)for(var r=Object.keys(e[t]),i=0;i<r.length;i++)for(var n=r[i],s=e[t][n],o=0;o<n.length;o++){switch(n[o]){case"a":this.res.style.margin=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.marginTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.marginLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.marginRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.marginBottom=this.isNumber(s)?"".concat(s,"px"):s}"auto"===n[o]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}return this}},{key:"smartRange",value:function(e,t,r){e<t.min&&(e=t.min),e>t.max&&(e=t.max);var i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));var n=(r.min-r.max)*i-r.min;if(n=Math.abs(n),r.min<r.max){var s=(r.max+Math.abs(r.min))*i;n=r.min+s}return n}},{key:"gpos",value:function(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}},{key:"fluidCopy",value:function(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var r=document.createTextNode(this.text);this.res.appendChild(r),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;var n=document.createTextNode(this.text);this.res.appendChild(n),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;var o=document.createTextNode(this.text);this.res.appendChild(o),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setIndex",value:function(e){this.index=e}},{key:"borderObj",value:function(e){var t,r=null!==(t=e.type)&&void 0!==t?t:"solid";return this.res.style.border="".concat(e.width," ").concat(r," ").concat(e.color),this.res.style.borderRadius=e.radius,this}},{key:"protoReact",value:function(e,t){var r=this;e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var s=function(){var s=window.innerWidth,o="";r.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var a,l=n(e);try{for(l.s();!(a=l.n()).done;){var c=a.value;r.counterIndex++;var d=i(c.range,2),u=d[0],h=d[1],y=parseInt(u),f=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===t&&(p=!0)}s>=y&&s<=f&&p&&("gradient"===c.log&&(o+="gradient"),"blast"===c.log&&(o+="blast"),"animation"===c.log&&(o+="animation"),"shadow"===c.log&&(o+="shadow"),"span"===c.log&&(o+="span"),"filter"===c.log&&(o+="filter"),"background"===c.log&&(o+="background"))}}catch(e){l.e(e)}finally{l.f()}r.res.style.margin="";var v,b=r.res.style.color;for(e.map((function(e){return e.log})).filter((function(e){return null!=e})).includes("gradient")&&(r.res.style.WebkitBackgroundClip="",r.res.style.background=""),r.res.style["-webkit-text-stroke"]="",r.res.style.filter="",r.res.style.textShadow="",r.res.style.border="";r.res.firstChild;)r.res.removeChild(r.res.firstChild);if(r.res.textContent=r.text,""===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.color=b),"blast"===o){for(m=0;m<e.length;m++){var g=e[m].op.offsets;g&&void 0!==r.index&&(r.res.style.margin=g[Number(r.index)]+"px")}for(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke"]=r.globalBlast,m=0;m<e.length;m++){var x=e[m].op.offsets;x&&void 0!==r.index&&(r.res.style.margin=x[Number(r.index)]+"px")}}if("gradient"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style.border="1px solid orange"),"background"===o&&(r.res.style.background="orange"),"gradientblast"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style["-webkit-text-stroke"]=r.globalBlast),"gradientanimation"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===o&&(r.res.style["-webkit-text-fill-color"]="transparent",r.res.style.background=r.globalGradient,r.res.style["-webkit-background-clip"]="text",r.res.style.textShadow=r.globalShadow),"animationshadow"===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow=r.globalShadow),"shadow"===o&&(r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow=r.globalShadow),"span"===o&&r.options.span)for(v=Array.isArray(r.options.span)?r.options.span.filter((function(e){return"span"===e.op.name}))[0]:r.options.span,r.res.textContent="",m=0;m<v.op.parts.length;m++){var w=v.op.parts[m].style,k=new Text(v.op.parts[m].text).setup({type:"span"}).set(w).render();r.res.appendChild(k)}if("filter"===o){var S=r.options.filtera.op.filter;r.res.style.filter=S,r.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}},{key:"setPref",value:function(e){this.preffersId=e}},{key:"setClass",value:function(e){this.class=e}},{key:"betaReact",value:function(e,t){var r=this;this.ap=!1,this.cta=0,this.once=!1,e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var s=function(){var s=window.innerWidth,o="";r.resCopy=r.res,r.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var a,l=n(e);try{for(l.s();!(a=l.n()).done;){var c=a.value;r.counterIndex++;var d=i(c.range,2),u=d[0],h=d[1],y=parseInt(u),f=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===t&&(p=!0)}s>=y&&s<=f&&p&&("blast"===c.log&&(o+="blast"),"shadow"===c.log&&(o+="shadow"),"background"===c.log&&(o+="background"),"gradient"===c.log&&(o+="gradient"),"spana"===c.log&&(o+="spana"),"layout"===c.log&&(o+="layout"),"margin"===c.log&&(o+="margin"),c.op&&c.op.margin&&(r.useMargin=c.op.margin))}}catch(e){l.e(e)}finally{l.f()}if(r.res.style.background="",r.res.style.backgroundColor="",r.res.style.textShadow="",r.res.style.border="",r.res.style.margin="",r.res.style["-webkit-text-fill-color"]="",r.res.style["-webkit-text-stroke"]="",r.res.style["-webkit-text-stroke-width"]="","background"===o&&(r.res.style.backgroundColor="green"),"margin"===o)for(m=0;m<e.length;m++)if(e[m].op){var v=e[m].op.offsets;v&&void 0!==r.index&&(r.res.style.margin=v[Number(r.index)]+"px")}if("blastbackgroundmargin"===o){for(m=0;m<e.length;m++)if(e[m].op){var b=e[m].op.offsets;b&&void 0!==r.index&&(r.res.style.margin=b[Number(r.index)]+"px")}r.res.style.backgroundColor="green","FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===o){for(m=0;m<e.length;m++)if(e[m].op){var g=e[m].op.offsets;g&&void 0!==r.index&&(r.res.style.margin=g[Number(r.index)]+"px")}r.res.style.backgroundColor="green",r.useMargin?r.res.style.margin="1rem":r.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===o&&(r.res.style.alignSelf="start",r.res.style.border="1px solid purple"),"blast"===o){for(m=0;m<e.length;m++)if(e[m].op){var x=e[m].op.offsets;x&&void 0!==r.index&&(r.res.style.margin=x[Number(r.index)]+"px")}"FlexRowLayoutElement"===r.getType()?r.res.style.border="1px solid orange":(r.res.textContent=r.text,r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-background-clip"]="text",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-text-stroke"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===o&&(r.res.style.border="1px solid yellow",r.res.style["-webkit-text-stroke-color"]="orange",r.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===o&&(r.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===r.getType()||(r.res.children[0]&&r.res.removeChild(r.res.children[0]),r.res.style["-webkit-text-fill-color"]="transparent",r.res.style["-webkit-background-clip"]="text",r.res.textContent=r.text)),"shadow"===o&&("FlexRowLayoutElement"===r.getType()||(r.res.children[0]&&r.res.removeChild(r.res.children[0]),r.res.style["-webkit-text-fill-color"]="",r.res.style["-webkit-text-fill-color"]="",r.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",r.res.textContent=r.text))};window.addEventListener("resize",s),s()}},{key:"cssGen",value:function(e,t,r,i){return this.css=[""],[""]}},{key:"chainReact",value:function(e,t,r){var s=this;this.cssGen(e,t,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;var o,a=n(e);try{for(a.s();!(o=a.n()).done;){var l=o.value;l.range||(l.range=["0px","999999px"])}}catch(e){a.e(e)}finally{a.f()}e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var c=function(){var o=window.visualViewport.width,a=[],l=[];s.resCopy=s.res,s.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var c,d=n(e);try{for(d.s();!(c=d.n()).done;){var u=c.value;s.counterIndex++;var h=i(u.range,2),y=h[0],f=h[1],p=parseInt(y),m=parseInt(f),v=!0;if(u.target){v=!1;for(var b=0;b<u.target.length;b++)u.target[b]===t&&(v=!0)}o>=p&&o<=m&&v&&(a.push(u.log),l.push(u),u.op&&u.op.margin&&(s.useMargin=u.op.margin))}}catch(e){d.e(e)}finally{d.f()}if(r&&!r.includes("background")&&(s.res.style.background="",s.res.style.backgroundColor=""),s.res.style.textShadow="",r&&!r.includes("border")&&(s.res.style.border=""),r&&!r.includes("margin")&&(s.res.style.margin=""),s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-stroke-color"]="",s.res.style["-webkit-text-stroke-width"]="",s.res.style.filter="",(a.includes("gradient")||a.includes("shadow"))&&(s.res.style.position="relative",s.res.style.zIndex=-1),a.includes("blast")){var g,x=l.filter((function(e){return"blast"===e.log}))[0].op.color,w=null!==(g=l.filter((function(e){return"blast"===e.log}))[0].op.width)&&void 0!==g?g:"1px";"FlexRowLayoutElement"===s.getType()?s.res.style.border="".concat(w,"px solid orange"):(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]=x,s.res.style["-webkit-text-stroke-width"]="".concat(w))}if(a.includes("filter")){var k=l.filter((function(e){return"filter"===e.log}))[0].op.filter;s.res.style.filter=k}if(a.includes("background")&&(s.res.style.backgroundColor="green"),a.includes("gradient")&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["background-clip"]="text"),a.includes("shadow"))if("FlexRowLayoutElement"===s.getType());else{var S="",C=0;for(b=0;b<s.options.shadow.op.steps;b++)S+="drop-shadow(".concat(C+=3,"px ").concat(C,"px ").concat(C,"px gray) ");s.res.style.filter=S}if(a.includes("margin"))for(b=0;b<e.length;b++)if(e[b].op){var E=e[b].op.offsets;E&&void 0!==s.index&&(s.res.style.margin=E[Number(s.index)]+"px")}if(a.includes("animation")){if(s.options.animation&&!s.hasAnimated&&!s.options.animation.op.fireAt){s.hasAnimated=!0;var j=s.options.animation.op;s.res.animate(j.keyframesClose,{duration:0,fill:"forwards"}),s.res.animate(j.keyframesOpen,j.openOptions)}if(s.options.animation&&s.options.animation.op.fireAt&&s.options.animation.op.fireAt.endsWith("px")){var T=s.options.animation.op;s.res.animate(T.keyframesClose,{duration:0,fill:"forwards"});var O=function(){window.scrollY>parseFloat(T.fireAt)&&(s.res.animate(T.keyframesOpen,T.openOptions),window.removeEventListener("scroll",O))};window.addEventListener("scroll",O)}if(s.options.animation&&s.options.animation.op.fireAt&&"inview"===s.options.animation.op.fireAt){var I=s.options.animation.op;s.res.animate(I.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting&&(s.res.animate(I.keyframesOpen,I.openOptions),t.disconnect())}))})).observe(s.res)}}};window.addEventListener("resize",c),c()}},{key:"maxWidth",value:function(e){return this.res.style.maxWidth=e,this}},{key:"removeQuotesFromFirstWord",value:function(e){return e.replace(/"([^"]+)":/g,"$1:")}},{key:"arrayMargin",value:function(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}},{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(e,t){return this.res.style.visibility="hidden",this.faden(e,t,"scroll"),this}},{key:"expand",value:function(e){var t=this;return!1===this.state.isExpanded?"click"===e.on?this.res.addEventListener("click",(function(){t.innerExpand(e)})):this.innerExpand(e):this.innerExpandBack(e),this.state.isExpanded=!this.state.isExpanded,this}},{key:"move",value:function(e){var t=this;return"click"===e.on?this.res.addEventListener("click",(function(){t.moveUpa(e)})):("up"===e.direction&&this.moveUpa(e),"down"===e.direction&&this.moveDowna(e),this.state.isMovedUp=!this.state.isMovedUp,"left"===e.direction&&this.moveLeft(e)),this}},{key:"moveLeft",value:function(e){return this.res.animate([{transform:"translateX(0px)"},{transform:"translateX(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveUpa",value:function(e){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveDowna",value:function(e){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveUpaBack",value:function(e){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"innerExpandBack",value:function(e){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"})}},{key:"innerExpand",value:function(e){var t,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!==(t=e.width)&&void 0!==t?t:this.prevWidth,height:null!==(r=e.height)&&void 0!==r?r:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"}),this}},{key:"fade",value:function(e){return this.res.style.visibility="hidden",this.faden(e.duration,e.from,"load"),e.finalOpacity&&(this.finalOpacity=e.finalOpacity),this}},{key:"faden",value:function(e,t,r){var i=this;return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(r,(function(){i.res.style.visibility="visible";var n=window.innerHeight;(i.res.getBoundingClientRect().top-n<=0||"load"==r)&&0==i.scrolled&&("left"==t&&i.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"right"==t&&i.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"top"==t&&i.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),"bottom"==t&&i.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),i.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:e,iterations:1}),i.scrolled=!0)})),this}}])&&a(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();function d(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(d=function(){return!!e})()}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},h(e,t)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,v(i.key),i)}}function m(e,t,r){return t&&p(e.prototype,t),r&&p(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function v(e){var t=function(e){if("object"!=y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==y(t)?t:t+""}var b=function(){return m((function e(t,r){f(this,e),this.obj=t||{},this.items=r||[]}),[{key:"render",value:function(){var e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");var t=window.matchMedia("(max-device-width: 415px)"),r=window.matchMedia("(max-width: 600px)");(t.matches||r.matches)&&(e.style.marginTop="3rem");for(var i=0;i<this.items.length;i++){var n=this.items[i];e.appendChild(n.render())}var s=document.createElement("div");return s.style.width=this.obj.isSide?"333px":"100%",s.style.background=this.obj.background||"white",s.style.display="flex",s.style.justifyContent="center",s.style.alignItems="center",s.style.height="100%",s.setAttribute("id","outerItemsWrapper"),s.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),s}}])}(),g=function(e){function t(e){var r,i,n,s;return f(this,t),r=function(e,t,r){return t=u(t),function(e,t){if(t&&("object"==y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,d()?Reflect.construct(t,r||[],u(e).constructor):t.apply(e,r))}(this,t),i=r,s=function(){var e=window.matchMedia("(max-device-width: 415px)"),t=document.createElement("button");t.setAttribute("id","hamburger"),t.style.border="none",t.style.fontWeight="bold",t.style.position="absolute",t.style.color="orange",t.style.backgroundColor="transparent",t.style.fontSize=e.matches?"2.1em":"2em";var i=document.createTextNode(r.symbol?r.symbol:"☰");return t.appendChild(i),t.style.marginLeft="auto",r.isShown=!1,t.addEventListener("click",(function(){r.isShown=!r.isShown,r.hasAnimatedToWide=!1;var e=r.items[0].options;if(e&&e.animation){var t=e.animation.op,i=r.res.children[0].children[1].children[0];if(t){if(r.isShown)for(var n=0;n<i.children.length;n++)i.children[n].animate(t.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=function(){i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(n=0;n<i.children.length;n++){var s=i.children[n];s.animate(t.keyframesClose,{duration:1,fill:"forwards",delay:0}),r.isShown?s.animate(t.keyframesOpen,t.openOptions):s.animate(t.keyframesClose,t.closeOptions)}}}else r.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),t},(n=v(n="addHamburger"))in i?Object.defineProperty(i,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[n]=s,r.titleText="",r.hasHamburger=!1,r.code=[],r.attributes={},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(t,e),m(t,[{key:"toCode",value:function(){var e="new UINavBar()";return Object.keys(this.attributes).length>0?e+=".setup(".concat(JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:"),")"):e+=".setup({})",e+=".items([\n",(e+=this.items.map((function(e){return e.toCode().join("").trim()})).join(",\n"))+"\n])"}},{key:"styled",value:function(e){return this.setup(e),this.styles=e,this}},{key:"setup",value:function(e){this.obj=e,this.obj.isSide||(this.obj.animate=!1),this.attributes=e;var t=document.createElement("div");t.setAttribute("id","sars"),t.style.padding=0,t.style.margin=0;var r=document.createElement("div");r.setAttribute("id","covid"),r.style.position="absolute",r.style.width="100%",r.style.zIndex=1,r.style.alignItems="flex-start";var i=document.createElement("div");return i.style.background="green",i.style.position="absolute",r.style.margin="20px",r.style.display="flex",r.style.alignItems="flex-end",r.style.margin=0,r.style.padding=0,r.style.margin=0,t.appendChild(r),this.addCloseButton=!1,this.res=t,e.background&&this.background({color:e.background}),e.openColor&&(this.openColor=e.openColor),e.sticky&&this.sticky(),e.pad&&this.pad(e.pad),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),e.mobileSize&&(this.mobileSize=e.mobileSize),e.desktopSize&&(this.desktopSize=e.desktopSize),e.height&&(this.res.children[0].style.height=e.height),this}},{key:"items",value:function(e){this.items=e;var t=["Link","Image","Spacer","Dropdown"].some((function(t){return e[0].__proto__.constructor.toString().startsWith("class ".concat(t))}));console.log(this.items),this.itemCount=e.length;var r=new b(this.obj,this.items).render();this.res.children[0].appendChild(r);var i=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){var s=n.animation.op;if(s){var o=window.matchMedia("(max-device-width: 415px)"),a=window.matchMedia("(max-width: 600px)");if(o.matches||a.matches){var l={duration:1,fill:"forwards",delay:1};for(c=0;c<i.children.length;c++)i.children[c].animate(s.keyframesClose,l)}else for(var c=0;c<i.children.length;c++)i.children[c].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:1}),i.children[c].animate(s.keyframesOpen,s.openOptions)}}if(this.adjust(),!t){this.itemCount=e.length;var d=document.createElement("div");for(d.style.backgroundColor="orange",c=0;c<e.length;c++){var u=e[c];if(u.logo){var h=new Image(u.logo).width("100px"),y=document.createElement("div");y.style.flex="1",y.style.height=23;var f=document.createElement("div");f.setAttribute("id","WR"),f.style.display="flex",f.style.flexDirection="row",f.appendChild(h.render()),this.res.children[0].appendChild(h.render()),this.obj.spacing&&this.res.children[0].appendChild(y)}if(u.logo&&(this.allowPad=!0),u.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),u.title){var p=void 0;p=this.allowPad?u.type?new Dropdown(u.items,u.title):new Link(u.title,u.url).arrayPadding(["left","right"],"1em"):u.type?new Link("DRPA",u.url):new Link(u.title,u.url),d.appendChild(p.render())}}this.res.children[0].appendChild(d),this.adjust()}var m=this.addHamburger();return this.itemCount,this.obj.spacing,m.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(m,this.res.children[0].firstChild),this}},{key:"instance",value:function(){return this.res.children[0]}},{key:"sticky",value:function(){return this.res.children[0].style.position="fixed",this}},{key:"font",value:function(e){for(var t=0;t<this.res.children[0].children;t++)this.res.children[0].children[t].style.fontFamily=e;return this}},{key:"openSymbol",value:function(e){return this.symbol=e,this}},{key:"background",value:function(e){return e.background?(this.res.children[0].style.backgroundColor=e.color,this.res.children[0].style.opacity=e.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}},{key:"transluescent",value:function(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}},{key:"keepItem",value:function(e){return this.keepItem=e,this}},{key:"adjust",value:function(e){var t=this,r=window.matchMedia("(max-width: 600px)"),i=window.matchMedia("(max-device-width: 415px)"),n=function(){t.isShown=!1,t.res.children[0],function(){for(var e=0;e<t.res.children[0].children.length;e++){var r=t.res.children[0].children[e];r.style.fontSize=i.matches?t.mobileSize?t.mobileSize:"1.2em":t.desktopSize?t.desktopSize:"1em","☰"===r.textContent&&(r.style.fontSize="2em")}}(),t.res.children[0].style.flexDirection="column";for(var e=0;e<t.res.children[0].children.length;e++)"☰"==t.res.children[0].children[e].textContent||t.res.children[0].children[e].textContent==t.keepItem?(t.res.children[0].children[e].id,t.res.children[0].children[e].style.display="flex"):t.res.children[0].children[e].style.display="none"};if(this.obj.isSide)n();else{var s=this.res.children[1];null!=s&&(s.style.background="yellow"),r.matches||i.matches?n():function(){t.res.children[0];for(var e=0;e<t.res.children[0].children.length;e++){var r=t.res.children[0].children[e];r.style.marginTop="0em",r.id,r.style.display="flex",r.textContent===t.titleText&&t.titleText.length>0&&(r.style.fontSize="2em")}var i=t.items[0].options;if(i&&i.animation){var n=i.animation.op,s=t.res.children[0].children[1].children[0];if(s.style.marginTop="0",n&&!t.hasAnimatedToWide)for(t.hasAnimatedToWide=!0,e=0;e<s.children.length;e++)s.children[e].animate(n.keyframesOpen,n.openOptions)}else console.log(t.res)}()}return this}},{key:"render",value:function(e){var t=this,r=function(){var e=window.matchMedia("(max-width: 600px)"),r=window.matchMedia("(max-device-width: 415px)"),i=t.res.children[0].children[1],n=i.children[0];r.matches&&(n.style.position="relative"),(e.matches||r.matches)&&null!=n?n.style.flexDirection="column":null==n||t.obj.isSide||(n.style.flexDirection="row"),t.obj.isSide||e.matches||r.matches||(t.res.children[0].children[0].style.display="none"),t.obj.isSide&&(n.style.flexDirection="column"),t.obj.isSide||e.matches||(t.res.children[0].style.position="relative",i.style.transform="translateY(0px)"),!t.obj.isSide&&e.matches,t.obj.customStyle&&(t.res.children[0].style.marginTop="1rem",t.res.children[0].style.position="absolute",t.res.children[0].style.borderRadius="1rem",i.style.borderRadius="1rem"),t.obj.radius&&(t.res.children[0].style.borderRadius="1rem",i.style.borderRadius="1rem")};return window.addEventListener("resize",(function(){return r()})),r(),e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.res),this.res):this.res}}])}(c);module.exports=t})();
|
package/dist/newNavBar.esm.js
CHANGED
|
@@ -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,l]=n.range,a=parseInt(t),o=parseInt(l);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===e&&(h=!0)}s>=a&&s<=o&&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,l]=n.range,a=parseInt(t),o=parseInt(l);let h=!0;if(n.target){h=!1;for(var r=0;r<n.target.length;r++)n.target[r]===e&&(h=!0)}s>=a&&s<=o&&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,a]=s.range,o=parseInt(t),h=parseInt(a);let d=!0;if(s.target){d=!1;for(var l=0;l<s.target.length;l++)s.target[l]===e&&(d=!0)}i>=o&&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(l=0;l<this.options.shadow.op.steps;l++)e+=3,t+=`drop-shadow(${e}px ${e}px ${e}px gray) `;this.res.style.filter=t}if(r.includes("margin"))for(l=0;l<t.length;l++){if(!t[l].op)continue;const e=t[l].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="",l="",a="",o="",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(")?l=t:t.startsWith("skew(")?a=t:t.startsWith("rotate(")?o=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})`),l&&(p+=` ${l}`),o&&(p+=` ${o}`),a&&(p+=` ${a}`),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{constructor(t,e){this.obj=t||{},this.items=e||[]}render(){let t=document.createElement("div");t.style.display="flex",t.style.width="100%",t.style.justifyContent="space-around",t.setAttribute("id","innerItemsWrapper");let e=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");(e.matches||s.matches)&&(t.style.marginTop="3rem");for(let e=0;e<this.items.length;e++){const s=this.items[e];t.appendChild(s.render())}let i=document.createElement("div");return i.style.width=this.obj.isSide?"333px":"100%",i.style.background=this.obj.background||"white",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.height="100%",i.setAttribute("id","outerItemsWrapper"),i.appendChild(t),this.obj.customStyle&&(t.style.width="auto",t.style.top="0rem",t.style.borderRadius="1rem",t.style.background=this.obj.background||"white",t.style.margin="1rem",t.style.position="absolute",t.style.opacity=.8),i}}class s extends t{constructor(t){super(),this.titleText="",this.hasHamburger=!1,this.code=[],this.attributes={}}toCode(){let t="new UINavBar()";return Object.keys(this.attributes).length>0?t+=`.setup(${JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:")})`:t+=".setup({})",t+=".items([\n",t+=this.items.map((t=>t.toCode().join("").trim())).join(",\n"),t+="\n])",t}styled(t){return this.setup(t),this.styles=t,this}setup(t){this.obj=t,this.obj.isSide||(this.obj.animate=!1),this.attributes=t;let e=document.createElement("div");e.setAttribute("id","sars"),e.style.padding=0,e.style.margin=0;let s=document.createElement("div");s.setAttribute("id","covid"),s.style.position="absolute",s.style.width="100%",s.style.zIndex=1,s.style.alignItems="flex-start";let i=document.createElement("div");return i.style.background="green",i.style.position="absolute",s.style.margin="20px",s.style.display="flex",s.style.alignItems="flex-end",s.style.margin=0,s.style.padding=0,s.style.margin=0,e.appendChild(s),this.addCloseButton=!1,this.res=e,t.background&&this.background({color:t.background}),t.openColor&&(this.openColor=t.openColor),t.sticky&&this.sticky(),t.pad&&this.pad(t.pad),t.hamburgerColour&&(this.hamburgerColour=t.hamburgerColour),t.mobileSize&&(this.mobileSize=t.mobileSize),t.desktopSize&&(this.desktopSize=t.desktopSize),t.height&&(this.res.children[0].style.height=t.height),this}items(t){this.items=t;let s=["Link","Image","Spacer","Dropdown"].some((e=>t[0].__proto__.constructor.toString().startsWith(`class ${e}`)));console.log(this.items);{this.itemCount=t.length;let s=new e(this.obj,this.items).render();this.res.children[0].appendChild(s);let r=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){let t=n.animation.op;if(t){let e=window.matchMedia("(max-device-width: 415px)"),s=window.matchMedia("(max-width: 600px)");if(e.matches||s.matches){let e={duration:1,fill:"forwards",delay:1};for(i=0;i<r.children.length;i++)r.children[i].animate(t.keyframesClose,e)}else for(var i=0;i<r.children.length;i++){let e={duration:1,fill:"forwards",delay:1};r.children[i].animate(t.keyframesClose,e),r.children[i].animate(t.keyframesOpen,t.openOptions)}}}this.adjust()}if(!s){this.itemCount=t.length;let e=document.createElement("div");for(e.style.backgroundColor="orange",i=0;i<t.length;i++){let s=t[i];if(s.logo){let t=new Image(s.logo).width("100px"),e=document.createElement("div");e.style.flex="1",e.style.height=23;let i=document.createElement("div");i.setAttribute("id","WR"),i.style.display="flex",i.style.flexDirection="row",i.appendChild(t.render()),this.res.children[0].appendChild(t.render()),this.obj.spacing&&this.res.children[0].appendChild(e)}if(s.logo&&(this.allowPad=!0),s.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),s.title){let t;t=this.allowPad?s.type?new Dropdown(s.items,s.title):new Link(s.title,s.url).arrayPadding(["left","right"],"1em"):s.type?new Link("DRPA",s.url):new Link(s.title,s.url),e.appendChild(t.render())}}this.res.children[0].appendChild(e),this.adjust()}var r=this.addHamburger();let n=this.itemCount;return this.obj.spacing&&(n+=1),r.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(r,this.res.children[0].firstChild),this}instance(){return this.res.children[0]}sticky(){return this.res.children[0].style.position="fixed",this}font(t){for(var e=0;e<this.res.children[0].children;e++)this.res.children[0].children[e].style.fontFamily=t;return this}openSymbol(t){return this.symbol=t,this}background(t){return t.background?(this.res.children[0].style.backgroundColor=t.color,this.res.children[0].style.opacity=t.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}transluescent(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}keepItem(t){return this.keepItem=t,this}addHamburger=()=>{let t=window.matchMedia("(max-device-width: 415px)");var e=document.createElement("button");e.setAttribute("id","hamburger"),e.style.border="none",e.style.fontWeight="bold",e.style.position="absolute",e.style.color="orange",e.style.backgroundColor="transparent",e.style.fontSize=t.matches?"2.1em":"2em";var s=document.createTextNode(this.symbol?this.symbol:"☰");return e.appendChild(s),e.style.marginLeft="auto",this.isShown=!1,e.addEventListener("click",(()=>{this.isShown=!this.isShown,this.hasAnimatedToWide=!1;let t=this.items[0].options;if(t&&t.animation){let s=t.animation.op;const i=this.res.children[0].children[1].children[0];if(s){if(this.isShown)for(var e=0;e<i.children.length;e++)i.children[e].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=()=>{i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(e=0;e<i.children.length;e++){let t=i.children[e];t.animate(s.keyframesClose,{duration:1,fill:"forwards",delay:0}),this.isShown?t.animate(s.keyframesOpen,s.openOptions):t.animate(s.keyframesClose,s.closeOptions)}}}else this.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),e};adjust(t){let e=window.matchMedia("(max-width: 600px)"),s=window.matchMedia("(max-device-width: 415px)");const i=()=>{for(var t=0;t<this.res.children[0].children.length;t++){let e=this.res.children[0].children[t];e.style.fontSize=s.matches?this.mobileSize?this.mobileSize:"1.2em":this.desktopSize?this.desktopSize:"1em","☰"===e.textContent&&(e.style.fontSize="2em")}},r=()=>{this.res.children[0];for(var t=0;t<this.res.children[0].children.length;t++){let e=this.res.children[0].children[t];e.style.marginTop="0em",e.id,e.style.display="flex",e.textContent===this.titleText&&this.titleText.length>0&&(e.style.fontSize="2em")}let e=this.items[0].options;if(e&&e.animation){let s=e.animation.op;const i=this.res.children[0].children[1].children[0];if(i.style.marginTop="0",s&&!this.hasAnimatedToWide)for(this.hasAnimatedToWide=!0,t=0;t<i.children.length;t++)i.children[t].animate(s.keyframesOpen,s.openOptions)}else console.log(this.res)},n=()=>{this.isShown=!1,this.res.children[0],i(),this.res.children[0].style.flexDirection="column";for(var t=0;t<this.res.children[0].children.length;t++)"☰"==this.res.children[0].children[t].textContent||this.res.children[0].children[t].textContent==this.keepItem?(this.res.children[0].children[t].id,this.res.children[0].children[t].style.display="flex"):this.res.children[0].children[t].style.display="none"};if(this.obj.isSide)n();else{let t=this.res.children[1];null!=t&&(t.style.background="yellow"),e.matches||s.matches?n():r()}return this}render(t){const e=()=>{let t=window.matchMedia("(max-width: 600px)"),e=window.matchMedia("(max-device-width: 415px)"),s=this.res.children[0].children[1],i=s.children[0];e.matches&&(i.style.position="relative"),(t.matches||e.matches)&&null!=i?i.style.flexDirection="column":null==i||this.obj.isSide||(i.style.flexDirection="row"),this.obj.isSide||t.matches||e.matches||(this.res.children[0].children[0].style.display="none"),this.obj.isSide&&(i.style.flexDirection="column"),this.obj.isSide||t.matches||(this.res.children[0].style.position="relative",s.style.transform="translateY(0px)"),!this.obj.isSide&&t.matches,this.obj.customStyle&&(this.res.children[0].style.marginTop="1rem",this.res.children[0].style.position="absolute",this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem"),this.obj.radius&&(this.res.children[0].style.borderRadius="1rem",s.style.borderRadius="1rem")};return window.addEventListener("resize",(()=>e())),e(),t?(document.querySelector(t).style.padding=0,document.querySelector(t).style.margin=0,document.querySelector(t).appendChild(this.res),this.res):this.res}}export{s as UINavBar};
|
|
1
|
+
function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var i,n,s,a,o=[],l=!0,c=!1;try{if(s=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(i=s.call(r)).done)&&(o.push(i.value),o.length!==t);l=!0);}catch(e){c=!0,n=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw n}}return o}}(e,t)||i(e,t)||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(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=i(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,s=function(){};return{s,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:s}}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 a,o=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return o=e.done,e},e:function(e){l=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(l)throw a}}}}function i(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function s(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,a(i.key),i)}}function a(t){var r=function(t){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var i=r.call(t,"string");if("object"!=e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==e(r)?r:r+""}var o=function(){return e=function e(){var t,r,i,n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),t=this,i=function(e){if(e.transform||e.op&&e.op.transform){var t=e.transform;e.transform||(t=e.op.transform),t.duration||(t.duration="3s-ease-in-out"),n.setDefault=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0px";return 0===e.length?t+" ":e};var r=function(){var r="",i="",s="",a="",o="",l="",c="",d="",u="";if(0!==t.values.length){t.values.forEach((function(e){e.startsWith("tx:")&&(r=e.replace("tx:","")),e.startsWith("ty:")&&(i=e.replace("ty:","")),e.startsWith("tz:")?s=e.replace("tz:",""):e.startsWith("scale(")?a=e:e.startsWith("skew(")?o=e:e.startsWith("rotate(")?l=function(e){var t=e.match(/rotate\(([^)]+)\)/);if(!t)return e;var r=t[1].split(",").map((function(e){return e.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],")"):e}(e):e.startsWith("perspective(")?c=e:e.startsWith("matrix(")?d=e:e.startsWith("opacity:")&&(u=e.replace("opacity:",""))})),r=n.setDefault(r),i=n.setDefault(i),s=n.setDefault(s);var h="";if("0px"!=i&&"0px"!=r&&"0px"!=s?h+="translate3d(".concat(r,", ").concat(i,", ").concat(s,")"):"0px"==i&&"0px"==r||(h+="translate(".concat(r,", ").concat(i,")")),a&&(h+=" ".concat(a)),l&&(h+=" ".concat(l)),o&&(h+=" ".concat(o)),c&&(h+=" ".concat(c)),d&&(h+=" ".concat(d)),h){if(e.op.transform.duration){var f=e.op.transform.duration.replace(/^(\d+)(s)-/,(function(e,t,r){return t/2+r+" "})),y="transform ".concat(f,", opacity ").concat(f);n.res.style.transition=y}else n.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";n.res.style.transform=h,n.res.style.opacity=u}}};t.on?n.res.addEventListener(t.on,(function(){t.delay?setTimeout((function(){r()}),t.delay):r()})):window.addEventListener("load",(function(){t.delay?setTimeout((function(){r()}),t.delay):r()}));var i=function(){var e="";t.values.forEach((function(t){t.startsWith("tx:")?e+="translateX(0) ":t.startsWith("ty:")?e+="translateY(0) ":t.startsWith("tz:")?e+="translateZ(0) ":t.startsWith("scale(")?e+="scale(1) ":t.startsWith("skew(")?e+="skew(0, 0) ":t.startsWith("rotate(")?e+="rotate(0) ":t.startsWith("perspective(")?e+="perspective(0) ":t.startsWith("matrix(")&&(e+="matrix(1, 0, 0, 1, 0, 0) "),n.res.style.opacity="1"})),e&&(n.res.style.transform=e.trim())};if(t.on)n.res.addEventListener("mouseout",(function(){t.keep||i()}));else{var s=1e3*parseFloat(t.duration),a=t.closeAfter?t.closeAfter:0;setTimeout((function(){t.keep||i()}),s/2+a)}}},(r=a(r="reactOnTransform"))in t?Object.defineProperty(t,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[r]=i,this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}},(i=[{key:"keySet",value:function(e){return this.temporaryVal=1,this.res.style[e.key]=e.value,this}},{key:"onScroll",value:function(e){var t=this;"opacity"===e.value?this.res.style.opacity=e.valMin:"scale"===e.value&&(this.res.style.transform="scale(".concat(e.valMax,")")),window.addEventListener("scroll",(function(){var r=t.smartRange(window.scrollY,{min:e.from,max:e.to},{min:e.valMin,max:e.valMax});"opacity"===e.value?t.res.style.opacity=r:"scale"===e.value&&(t.res.style.transform="scale(".concat(r,")"))}))}},{key:"setAny",value:function(e){this[Object.keys(e)[0]]=[Object.values(e)[0]]}},{key:"setID",value:function(e){this.id=e}},{key:"setPrevText",value:function(e){this.prevText=e}},{key:"getCSS",value:function(){return this.css}},{key:"getPX",value:function(e){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[e]||"Invalid breakpoint"}},{key:"respad",value:function(e){var t=this,r=function(){t.pad(e[0].values);for(var r=0;r<e.length;r++){var i=e[r].breakpoint;window.matchMedia("(min-width: ".concat(t.getPX(i))).matches&&t.pad(e[r].values)}};window.addEventListener("resize",r),r()}},{key:"resmar",value:function(e){var t=this,r=function(){t.mar(e[0].values);for(var r=0;r<e.length;r++){var i=e[r].breakpoint;window.matchMedia("(max-width: ".concat(t.getPX(i))).matches&&t.mar(e[r].values)}};window.addEventListener("resize",r),r()}},{key:"resprop",value:function(e){var t=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(){t.res.style.background=t.prevBackground,t.res.style.width=t.prevWidth,t.res.style.height=t.prevHeight,t.res.style.border=t.prevBorder;for(var r=0;r<e.length;r++){var i=e[r].breakpoint;if(window.matchMedia("(max-width: ".concat(t.getPX(i))).matches){var n={};for(var s in e[r])"breakpoint"!==s&&(n[s]=e[r][s]);t.set(n)}}};window.addEventListener("resize",r),r()}},{key:"isNumber",value:function(e){return"number"==typeof e&&!isNaN(e)}},{key:"pad",value:function(e){for(var t=0;t<e.length;t++)for(var r=Object.keys(e[t]),i=0;i<r.length;i++)for(var n=r[i],s=e[t][n],a=0;a<n.length;a++)switch(n[a]){case"a":this.res.style.padding=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.paddingTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.paddingLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.paddingRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.paddingBottom=this.isNumber(s)?"".concat(s,"px"):s}return this}},{key:"as",value:function(e){return this.res.style.alignSelf=e,this}},{key:"mar",value:function(e){for(var t=0;t<e.length;t++)for(var r=Object.keys(e[t]),i=0;i<r.length;i++)for(var n=r[i],s=e[t][n],a=0;a<n.length;a++){switch(n[a]){case"a":this.res.style.margin=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.marginTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.marginLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.marginRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.marginBottom=this.isNumber(s)?"".concat(s,"px"):s}"auto"===n[a]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}return this}},{key:"smartRange",value:function(e,t,r){e<t.min&&(e=t.min),e>t.max&&(e=t.max);var i=(e-t.min)/(t.max-t.min);t.min>t.max&&(i=(e-t.max)/(t.min-t.max));var n=(r.min-r.max)*i-r.min;if(n=Math.abs(n),r.min<r.max){var s=(r.max+Math.abs(r.min))*i;n=r.min+s}return n}},{key:"gpos",value:function(e){return this.res.style.gridColumn=e.col,this.res.style.gridRow=e.row,this}},{key:"fluidCopy",value:function(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var r=document.createTextNode(this.text);this.res.appendChild(r),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;var n=document.createTextNode(this.text);this.res.appendChild(n),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;var a=document.createTextNode(this.text);this.res.appendChild(a),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setIndex",value:function(e){this.index=e}},{key:"borderObj",value:function(e){var t,r=null!==(t=e.type)&&void 0!==t?t:"solid";return this.res.style.border="".concat(e.width," ").concat(r," ").concat(e.color),this.res.style.borderRadius=e.radius,this}},{key:"protoReact",value:function(e,i){var n=this;e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var s=function(){var s=window.innerWidth,a="";n.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var o,l=r(e);try{for(l.s();!(o=l.n()).done;){var c=o.value;n.counterIndex++;var d=t(c.range,2),u=d[0],h=d[1],f=parseInt(u),y=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===i&&(p=!0)}s>=f&&s<=y&&p&&("gradient"===c.log&&(a+="gradient"),"blast"===c.log&&(a+="blast"),"animation"===c.log&&(a+="animation"),"shadow"===c.log&&(a+="shadow"),"span"===c.log&&(a+="span"),"filter"===c.log&&(a+="filter"),"background"===c.log&&(a+="background"))}}catch(e){l.e(e)}finally{l.f()}n.res.style.margin="";var v,b=n.res.style.color;for(e.map((function(e){return e.log})).filter((function(e){return null!=e})).includes("gradient")&&(n.res.style.WebkitBackgroundClip="",n.res.style.background=""),n.res.style["-webkit-text-stroke"]="",n.res.style.filter="",n.res.style.textShadow="",n.res.style.border="";n.res.firstChild;)n.res.removeChild(n.res.firstChild);if(n.res.textContent=n.text,""===a&&(n.res.style["-webkit-text-fill-color"]="",n.res.style.color=b),"blast"===a){for(m=0;m<e.length;m++){var g=e[m].op.offsets;g&&void 0!==n.index&&(n.res.style.margin=g[Number(n.index)]+"px")}for(n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke"]=n.globalBlast,m=0;m<e.length;m++){var x=e[m].op.offsets;x&&void 0!==n.index&&(n.res.style.margin=x[Number(n.index)]+"px")}}if("gradient"===a&&(n.res.style["-webkit-text-fill-color"]="transparent",n.res.style.background=n.globalGradient,n.res.style["-webkit-background-clip"]="text",n.res.style.border="1px solid orange"),"background"===a&&(n.res.style.background="orange"),"gradientblast"===a&&(n.res.style["-webkit-text-fill-color"]="transparent",n.res.style.background=n.globalGradient,n.res.style["-webkit-background-clip"]="text",n.res.style["-webkit-text-stroke"]=n.globalBlast),"gradientanimation"===a&&(n.res.style["-webkit-text-fill-color"]="transparent",n.res.style.background=n.globalGradient,n.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===a&&(n.res.style["-webkit-text-fill-color"]="transparent",n.res.style.background=n.globalGradient,n.res.style["-webkit-background-clip"]="text",n.res.style.textShadow=n.globalShadow),"animationshadow"===a&&(n.res.style["-webkit-text-fill-color"]="",n.res.style.textShadow=n.globalShadow),"shadow"===a&&(n.res.style["-webkit-text-fill-color"]="",n.res.style.textShadow=n.globalShadow),"span"===a&&n.options.span)for(v=Array.isArray(n.options.span)?n.options.span.filter((function(e){return"span"===e.op.name}))[0]:n.options.span,n.res.textContent="",m=0;m<v.op.parts.length;m++){var w=v.op.parts[m].style,k=new Text(v.op.parts[m].text).setup({type:"span"}).set(w).render();n.res.appendChild(k)}if("filter"===a){var S=n.options.filtera.op.filter;n.res.style.filter=S,n.res.style.border="8px solid orange"}};window.addEventListener("resize",s),s()}},{key:"setPref",value:function(e){this.preffersId=e}},{key:"setClass",value:function(e){this.class=e}},{key:"betaReact",value:function(e,i){var n=this;this.ap=!1,this.cta=0,this.once=!1,e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var s=function(){var s=window.innerWidth,a="";n.resCopy=n.res,n.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var o,l=r(e);try{for(l.s();!(o=l.n()).done;){var c=o.value;n.counterIndex++;var d=t(c.range,2),u=d[0],h=d[1],f=parseInt(u),y=parseInt(h),p=!0;if(c.target){p=!1;for(var m=0;m<c.target.length;m++)c.target[m]===i&&(p=!0)}s>=f&&s<=y&&p&&("blast"===c.log&&(a+="blast"),"shadow"===c.log&&(a+="shadow"),"background"===c.log&&(a+="background"),"gradient"===c.log&&(a+="gradient"),"spana"===c.log&&(a+="spana"),"layout"===c.log&&(a+="layout"),"margin"===c.log&&(a+="margin"),c.op&&c.op.margin&&(n.useMargin=c.op.margin))}}catch(e){l.e(e)}finally{l.f()}if(n.res.style.background="",n.res.style.backgroundColor="",n.res.style.textShadow="",n.res.style.border="",n.res.style.margin="",n.res.style["-webkit-text-fill-color"]="",n.res.style["-webkit-text-stroke"]="",n.res.style["-webkit-text-stroke-width"]="","background"===a&&(n.res.style.backgroundColor="green"),"margin"===a)for(m=0;m<e.length;m++)if(e[m].op){var v=e[m].op.offsets;v&&void 0!==n.index&&(n.res.style.margin=v[Number(n.index)]+"px")}if("blastbackgroundmargin"===a){for(m=0;m<e.length;m++)if(e[m].op){var b=e[m].op.offsets;b&&void 0!==n.index&&(n.res.style.margin=b[Number(n.index)]+"px")}n.res.style.backgroundColor="green","FlexRowLayoutElement"===n.getType()?n.res.style.border="1px solid orange":(n.res.textContent=n.text,n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"),n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===a){for(m=0;m<e.length;m++)if(e[m].op){var g=e[m].op.offsets;g&&void 0!==n.index&&(n.res.style.margin=g[Number(n.index)]+"px")}n.res.style.backgroundColor="green",n.useMargin?n.res.style.margin="1rem":n.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===n.getType()?n.res.style.border="1px solid orange":(n.res.textContent=n.text,n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"),n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===a&&(n.res.style.alignSelf="start",n.res.style.border="1px solid purple"),"blast"===a){for(m=0;m<e.length;m++)if(e[m].op){var x=e[m].op.offsets;x&&void 0!==n.index&&(n.res.style.margin=x[Number(n.index)]+"px")}"FlexRowLayoutElement"===n.getType()?n.res.style.border="1px solid orange":(n.res.textContent=n.text,n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-background-clip"]="text",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"),n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-text-stroke"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===a&&(n.res.style.border="1px solid yellow",n.res.style["-webkit-text-stroke-color"]="orange",n.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===a&&(n.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===n.getType()||(n.res.children[0]&&n.res.removeChild(n.res.children[0]),n.res.style["-webkit-text-fill-color"]="transparent",n.res.style["-webkit-background-clip"]="text",n.res.textContent=n.text)),"shadow"===a&&("FlexRowLayoutElement"===n.getType()||(n.res.children[0]&&n.res.removeChild(n.res.children[0]),n.res.style["-webkit-text-fill-color"]="",n.res.style["-webkit-text-fill-color"]="",n.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",n.res.textContent=n.text))};window.addEventListener("resize",s),s()}},{key:"cssGen",value:function(e,t,r,i){return this.css=[""],[""]}},{key:"chainReact",value:function(e,i,n){var s=this;this.cssGen(e,i,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;var a,o=r(e);try{for(o.s();!(a=o.n()).done;){var l=a.value;l.range||(l.range=["0px","999999px"])}}catch(e){o.e(e)}finally{o.f()}e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var c=function(){var a=window.visualViewport.width,o=[],l=[];s.resCopy=s.res,s.storedQueries=e.map((function(e){return e.target})).filter((function(e){return null!=e}));var c,d=r(e);try{for(d.s();!(c=d.n()).done;){var u=c.value;s.counterIndex++;var h=t(u.range,2),f=h[0],y=h[1],p=parseInt(f),m=parseInt(y),v=!0;if(u.target){v=!1;for(var b=0;b<u.target.length;b++)u.target[b]===i&&(v=!0)}a>=p&&a<=m&&v&&(o.push(u.log),l.push(u),u.op&&u.op.margin&&(s.useMargin=u.op.margin))}}catch(e){d.e(e)}finally{d.f()}if(n&&!n.includes("background")&&(s.res.style.background="",s.res.style.backgroundColor=""),s.res.style.textShadow="",n&&!n.includes("border")&&(s.res.style.border=""),n&&!n.includes("margin")&&(s.res.style.margin=""),s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-stroke-color"]="",s.res.style["-webkit-text-stroke-width"]="",s.res.style.filter="",(o.includes("gradient")||o.includes("shadow"))&&(s.res.style.position="relative",s.res.style.zIndex=-1),o.includes("blast")){var g,x=l.filter((function(e){return"blast"===e.log}))[0].op.color,w=null!==(g=l.filter((function(e){return"blast"===e.log}))[0].op.width)&&void 0!==g?g:"1px";"FlexRowLayoutElement"===s.getType()?s.res.style.border="".concat(w,"px solid orange"):(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]=x,s.res.style["-webkit-text-stroke-width"]="".concat(w))}if(o.includes("filter")){var k=l.filter((function(e){return"filter"===e.log}))[0].op.filter;s.res.style.filter=k}if(o.includes("background")&&(s.res.style.backgroundColor="green"),o.includes("gradient")&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["background-clip"]="text"),o.includes("shadow"))if("FlexRowLayoutElement"===s.getType());else{var S="",C=0;for(b=0;b<s.options.shadow.op.steps;b++)S+="drop-shadow(".concat(C+=3,"px ").concat(C,"px ").concat(C,"px gray) ");s.res.style.filter=S}if(o.includes("margin"))for(b=0;b<e.length;b++)if(e[b].op){var E=e[b].op.offsets;E&&void 0!==s.index&&(s.res.style.margin=E[Number(s.index)]+"px")}if(o.includes("animation")){if(s.options.animation&&!s.hasAnimated&&!s.options.animation.op.fireAt){s.hasAnimated=!0;var j=s.options.animation.op;s.res.animate(j.keyframesClose,{duration:0,fill:"forwards"}),s.res.animate(j.keyframesOpen,j.openOptions)}if(s.options.animation&&s.options.animation.op.fireAt&&s.options.animation.op.fireAt.endsWith("px")){var T=s.options.animation.op;s.res.animate(T.keyframesClose,{duration:0,fill:"forwards"});var O=function(){window.scrollY>parseFloat(T.fireAt)&&(s.res.animate(T.keyframesOpen,T.openOptions),window.removeEventListener("scroll",O))};window.addEventListener("scroll",O)}if(s.options.animation&&s.options.animation.op.fireAt&&"inview"===s.options.animation.op.fireAt){var I=s.options.animation.op;s.res.animate(I.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting&&(s.res.animate(I.keyframesOpen,I.openOptions),t.disconnect())}))})).observe(s.res)}}};window.addEventListener("resize",c),c()}},{key:"maxWidth",value:function(e){return this.res.style.maxWidth=e,this}},{key:"removeQuotesFromFirstWord",value:function(e){return e.replace(/"([^"]+)":/g,"$1:")}},{key:"arrayMargin",value:function(e,t){return e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),e.includes("all")&&(this.res.style.margin=t),t||(this.res.style.marginBottom=e),this}},{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(e,t){return this.res.style.visibility="hidden",this.faden(e,t,"scroll"),this}},{key:"expand",value:function(e){var t=this;return!1===this.state.isExpanded?"click"===e.on?this.res.addEventListener("click",(function(){t.innerExpand(e)})):this.innerExpand(e):this.innerExpandBack(e),this.state.isExpanded=!this.state.isExpanded,this}},{key:"move",value:function(e){var t=this;return"click"===e.on?this.res.addEventListener("click",(function(){t.moveUpa(e)})):("up"===e.direction&&this.moveUpa(e),"down"===e.direction&&this.moveDowna(e),this.state.isMovedUp=!this.state.isMovedUp,"left"===e.direction&&this.moveLeft(e)),this}},{key:"moveLeft",value:function(e){return this.res.animate([{transform:"translateX(0px)"},{transform:"translateX(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveUpa",value:function(e){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveDowna",value:function(e){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(e.distance,")")}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"moveUpaBack",value:function(e){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:e.iterations,fill:"both"}).play(),this}},{key:"innerExpandBack",value:function(e){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"})}},{key:"innerExpand",value:function(e){var t,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!==(t=e.width)&&void 0!==t?t:this.prevWidth,height:null!==(r=e.height)&&void 0!==r?r:this.prevHeight}],{duration:900,iterations:e.iterations,fill:"both"}),this}},{key:"fade",value:function(e){return this.res.style.visibility="hidden",this.faden(e.duration,e.from,"load"),e.finalOpacity&&(this.finalOpacity=e.finalOpacity),this}},{key:"faden",value:function(e,t,r){var i=this;return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(r,(function(){i.res.style.visibility="visible";var n=window.innerHeight;(i.res.getBoundingClientRect().top-n<=0||"load"==r)&&0==i.scrolled&&("left"==t&&i.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"right"==t&&i.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:e,iterations:1}),"top"==t&&i.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),"bottom"==t&&i.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:e,iterations:1}),i.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:e,iterations:1}),i.scrolled=!0)})),this}}])&&s(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,i}();function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(l=function(){return!!e})()}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,p(i.key),i)}}function y(e,t,r){return t&&f(e.prototype,t),r&&f(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function p(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}var m=function(){return y((function e(t,r){h(this,e),this.obj=t||{},this.items=r||[]}),[{key:"render",value:function(){var e=document.createElement("div");e.style.display="flex",e.style.width="100%",e.style.justifyContent="space-around",e.setAttribute("id","innerItemsWrapper");var t=window.matchMedia("(max-device-width: 415px)"),r=window.matchMedia("(max-width: 600px)");(t.matches||r.matches)&&(e.style.marginTop="3rem");for(var i=0;i<this.items.length;i++){var n=this.items[i];e.appendChild(n.render())}var s=document.createElement("div");return s.style.width=this.obj.isSide?"333px":"100%",s.style.background=this.obj.background||"white",s.style.display="flex",s.style.justifyContent="center",s.style.alignItems="center",s.style.height="100%",s.setAttribute("id","outerItemsWrapper"),s.appendChild(e),this.obj.customStyle&&(e.style.width="auto",e.style.top="0rem",e.style.borderRadius="1rem",e.style.background=this.obj.background||"white",e.style.margin="1rem",e.style.position="absolute",e.style.opacity=.8),s}}])}(),v=function(){function e(t){var r,i,n,s;return h(this,e),r=function(e,t,r){return t=c(t),function(e,t){if(t&&("object"==u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,l()?Reflect.construct(t,r||[],c(e).constructor):t.apply(e,r))}(this,e),i=r,s=function(){var e=window.matchMedia("(max-device-width: 415px)"),t=document.createElement("button");t.setAttribute("id","hamburger"),t.style.border="none",t.style.fontWeight="bold",t.style.position="absolute",t.style.color="orange",t.style.backgroundColor="transparent",t.style.fontSize=e.matches?"2.1em":"2em";var i=document.createTextNode(r.symbol?r.symbol:"☰");return t.appendChild(i),t.style.marginLeft="auto",r.isShown=!1,t.addEventListener("click",(function(){r.isShown=!r.isShown,r.hasAnimatedToWide=!1;var e=r.items[0].options;if(e&&e.animation){var t=e.animation.op,i=r.res.children[0].children[1].children[0];if(t){if(r.isShown)for(var n=0;n<i.children.length;n++)i.children[n].animate(t.keyframesClose,{duration:1,fill:"forwards",delay:0}).onfinish=function(){i.parentElement.style.display="block"};else i.parentElement.style.display="none";for(n=0;n<i.children.length;n++){var s=i.children[n];s.animate(t.keyframesClose,{duration:1,fill:"forwards",delay:0}),r.isShown?s.animate(t.keyframesOpen,t.openOptions):s.animate(t.keyframesClose,t.closeOptions)}}}else r.isShown?innerItemsWrapper.parentElement.style.display="block":innerItemsWrapper.parentElement.style.display="none"})),t},(n=p(n="addHamburger"))in i?Object.defineProperty(i,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[n]=s,r.titleText="",r.hasHamburger=!1,r.code=[],r.attributes={},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(e,o),y(e,[{key:"toCode",value:function(){var e="new UINavBar()";return Object.keys(this.attributes).length>0?e+=".setup(".concat(JSON.stringify(this.attributes,null,2).replace(/"([^"]+)":/g,"$1:"),")"):e+=".setup({})",e+=".items([\n",(e+=this.items.map((function(e){return e.toCode().join("").trim()})).join(",\n"))+"\n])"}},{key:"styled",value:function(e){return this.setup(e),this.styles=e,this}},{key:"setup",value:function(e){this.obj=e,this.obj.isSide||(this.obj.animate=!1),this.attributes=e;var t=document.createElement("div");t.setAttribute("id","sars"),t.style.padding=0,t.style.margin=0;var r=document.createElement("div");r.setAttribute("id","covid"),r.style.position="absolute",r.style.width="100%",r.style.zIndex=1,r.style.alignItems="flex-start";var i=document.createElement("div");return i.style.background="green",i.style.position="absolute",r.style.margin="20px",r.style.display="flex",r.style.alignItems="flex-end",r.style.margin=0,r.style.padding=0,r.style.margin=0,t.appendChild(r),this.addCloseButton=!1,this.res=t,e.background&&this.background({color:e.background}),e.openColor&&(this.openColor=e.openColor),e.sticky&&this.sticky(),e.pad&&this.pad(e.pad),e.hamburgerColour&&(this.hamburgerColour=e.hamburgerColour),e.mobileSize&&(this.mobileSize=e.mobileSize),e.desktopSize&&(this.desktopSize=e.desktopSize),e.height&&(this.res.children[0].style.height=e.height),this}},{key:"items",value:function(e){this.items=e;var t=["Link","Image","Spacer","Dropdown"].some((function(t){return e[0].__proto__.constructor.toString().startsWith("class ".concat(t))}));console.log(this.items),this.itemCount=e.length;var r=new m(this.obj,this.items).render();this.res.children[0].appendChild(r);var i=this.res.children[0].children[0].children[0],n=this.items[0].options;if(n&&n.animation){var s=n.animation.op;if(s){var a=window.matchMedia("(max-device-width: 415px)"),o=window.matchMedia("(max-width: 600px)");if(a.matches||o.matches){var l={duration:1,fill:"forwards",delay:1};for(c=0;c<i.children.length;c++)i.children[c].animate(s.keyframesClose,l)}else for(var c=0;c<i.children.length;c++)i.children[c].animate(s.keyframesClose,{duration:1,fill:"forwards",delay:1}),i.children[c].animate(s.keyframesOpen,s.openOptions)}}if(this.adjust(),!t){this.itemCount=e.length;var d=document.createElement("div");for(d.style.backgroundColor="orange",c=0;c<e.length;c++){var u=e[c];if(u.logo){var h=new Image(u.logo).width("100px"),f=document.createElement("div");f.style.flex="1",f.style.height=23;var y=document.createElement("div");y.setAttribute("id","WR"),y.style.display="flex",y.style.flexDirection="row",y.appendChild(h.render()),this.res.children[0].appendChild(h.render()),this.obj.spacing&&this.res.children[0].appendChild(f)}if(u.logo&&(this.allowPad=!0),u.logo&&this.obj.spacing&&(this.res.children[0].children[0].style.marginLeft=this.obj.spacing.sides,this.res.children[0].children[0].style.marginRight=this.obj.spacing.sides),u.title){var p=void 0;p=this.allowPad?u.type?new Dropdown(u.items,u.title):new Link(u.title,u.url).arrayPadding(["left","right"],"1em"):u.type?new Link("DRPA",u.url):new Link(u.title,u.url),d.appendChild(p.render())}}this.res.children[0].appendChild(d),this.adjust()}var v=this.addHamburger();return this.itemCount,this.obj.spacing,v.style.zIndex=1,1===this.res.children[0].children.length&&this.res.children[0].insertBefore(v,this.res.children[0].firstChild),this}},{key:"instance",value:function(){return this.res.children[0]}},{key:"sticky",value:function(){return this.res.children[0].style.position="fixed",this}},{key:"font",value:function(e){for(var t=0;t<this.res.children[0].children;t++)this.res.children[0].children[t].style.fontFamily=e;return this}},{key:"openSymbol",value:function(e){return this.symbol=e,this}},{key:"background",value:function(e){return e.background?(this.res.children[0].style.backgroundColor=e.color,this.res.children[0].style.opacity=e.opacity,this):(this.res.children[0].style.backgroundColor="transparent",this)}},{key:"transluescent",value:function(){return this.res.children[0].style.backgroundColor="rgba(255,255,255,0.72)",this}},{key:"keepItem",value:function(e){return this.keepItem=e,this}},{key:"adjust",value:function(e){var t=this,r=window.matchMedia("(max-width: 600px)"),i=window.matchMedia("(max-device-width: 415px)"),n=function(){t.isShown=!1,t.res.children[0],function(){for(var e=0;e<t.res.children[0].children.length;e++){var r=t.res.children[0].children[e];r.style.fontSize=i.matches?t.mobileSize?t.mobileSize:"1.2em":t.desktopSize?t.desktopSize:"1em","☰"===r.textContent&&(r.style.fontSize="2em")}}(),t.res.children[0].style.flexDirection="column";for(var e=0;e<t.res.children[0].children.length;e++)"☰"==t.res.children[0].children[e].textContent||t.res.children[0].children[e].textContent==t.keepItem?(t.res.children[0].children[e].id,t.res.children[0].children[e].style.display="flex"):t.res.children[0].children[e].style.display="none"};if(this.obj.isSide)n();else{var s=this.res.children[1];null!=s&&(s.style.background="yellow"),r.matches||i.matches?n():function(){t.res.children[0];for(var e=0;e<t.res.children[0].children.length;e++){var r=t.res.children[0].children[e];r.style.marginTop="0em",r.id,r.style.display="flex",r.textContent===t.titleText&&t.titleText.length>0&&(r.style.fontSize="2em")}var i=t.items[0].options;if(i&&i.animation){var n=i.animation.op,s=t.res.children[0].children[1].children[0];if(s.style.marginTop="0",n&&!t.hasAnimatedToWide)for(t.hasAnimatedToWide=!0,e=0;e<s.children.length;e++)s.children[e].animate(n.keyframesOpen,n.openOptions)}else console.log(t.res)}()}return this}},{key:"render",value:function(e){var t=this,r=function(){var e=window.matchMedia("(max-width: 600px)"),r=window.matchMedia("(max-device-width: 415px)"),i=t.res.children[0].children[1],n=i.children[0];r.matches&&(n.style.position="relative"),(e.matches||r.matches)&&null!=n?n.style.flexDirection="column":null==n||t.obj.isSide||(n.style.flexDirection="row"),t.obj.isSide||e.matches||r.matches||(t.res.children[0].children[0].style.display="none"),t.obj.isSide&&(n.style.flexDirection="column"),t.obj.isSide||e.matches||(t.res.children[0].style.position="relative",i.style.transform="translateY(0px)"),!t.obj.isSide&&e.matches,t.obj.customStyle&&(t.res.children[0].style.marginTop="1rem",t.res.children[0].style.position="absolute",t.res.children[0].style.borderRadius="1rem",i.style.borderRadius="1rem"),t.obj.radius&&(t.res.children[0].style.borderRadius="1rem",i.style.borderRadius="1rem")};return window.addEventListener("resize",(function(){return r()})),r(),e?(document.querySelector(e).style.padding=0,document.querySelector(e).style.margin=0,document.querySelector(e).appendChild(this.res),this.res):this.res}}])}();export{v as UINavBar};
|