-
Notifications
You must be signed in to change notification settings - Fork 1
/
94e24e74.js
1 lines (1 loc) · 55.5 KB
/
94e24e74.js
1
System.register(["./be7cca87.js","./4fca86c8.js","./a0a2b0fc.js"],(function(e,t){"use strict";var n,o,a,r,i,s,l,c,p,u,h,d,b,m,v,g,f,y,k,x,w,S,T,R,L;return{setters:[function(e){n=e._,o=e.a,a=e.m,r=e.n,i=e.c,s=e.d,l=e.f,c=e.g,p=e.i,u=e.b,h=e.e,d=e.k,b=e.h,m=e.j,v=e.l,g=e.o,f=e.s,y=e.S,k=e.p,x=e.t,w=e.r,S=e.q,T=e.u,R=e.v,L=e.M},function(){},function(){}],execute:function(){var z=document.createElement("template");z.innerHTML='<style>*{box-sizing:border-box}:host{--fade-in-transition-duration:150ms;--fade-out-transition-duration:800ms;--fade-out-transition-delay:300ms;--fill-color-transition-duration:150ms;--viewport-overflow-x:auto;--viewport-overflow-y:auto;--viewport-scroll-snap-type:none;--viewport-scroll-behavior:auto;--viewport-overscroll-behavior:auto;--viewport-z-index:0;--scrollbar-width:16px;--scrollbar-padding:2px;--scrollbar-fill-color:transparent;--scrollbar-fill-color-hover:transparent;--scrollbar-border-width:0;--scrollbar-border-style:none;--scrollbar-border-color:#999;--scrollbar-border-radius:0;--scrollbar-box-shadow:none;--scrollbar-z-index-hover:30;--vertical-scrollbar-padding:var(--scrollbar-padding);--vertical-scrollbar-background:none;--vertical-scrollbar-background-size:auto;--vertical-scrollbar-z-index:20;--horizontal-scrollbar-padding:var(--scrollbar-padding);--horizontal-scrollbar-background:none;--horizontal-scrollbar-background-size:auto;--horizontal-scrollbar-z-index:10;--scrollbar-track-fill-color:transparent;--scrollbar-track-fill-color-hover:transparent;--scrollbar-track-border-width:0;--scrollbar-track-border-style:none;--scrollbar-track-border-color:#999;--scrollbar-track-border-radius:0;--scrollbar-track-box-shadow:none;--vertical-scrollbar-track-background:none;--vertical-scrollbar-track-background-size:auto;--horizontal-scrollbar-track-background:none;--horizontal-scrollbar-track-background-size:auto;--scrollbar-thumb-fill-color:#ccc;--scrollbar-thumb-fill-color-hover:#aaa;--scrollbar-thumb-border-width:0;--scrollbar-thumb-border-style:none;--scrollbar-thumb-border-color:#999;--scrollbar-thumb-border-radius:var(--scrollbar-width);--scrollbar-thumb-box-shadow:none;--vertical-scrollbar-thumb-background:none;--vertical-scrollbar-thumb-background-size:auto;--horizontal-scrollbar-thumb-background:none;--horizontal-scrollbar-thumb-background-size:auto;--content-padding:0;position:relative;overflow:hidden;display:grid;grid-template:1fr/1fr}.viewport{z-index:var(--viewport-z-index);display:grid;overflow-x:var(--viewport-overflow-x);overflow-y:var(--viewport-overflow-y);scrollbar-width:none;outline:0;scroll-behavior:var(--viewport-scroll-behavior);overscroll-behavior:var(--viewport-overscroll-behavior);scroll-snap-type:var(--viewport-scroll-snap-type)}.viewport::-webkit-scrollbar{width:0;height:0}.content{padding:var(--content-padding)}.content.restrict-width{width:var(--viewport-width)}.content.restrict-height{height:var(--viewport-height)}.scrollbar{user-select:none;touch-action:none;position:absolute;border-width:var(--scrollbar-border-width);border-style:var(--scrollbar-border-style);border-color:var(--scrollbar-border-color);border-radius:var(--scrollbar-border-radius);box-shadow:var(--scrollbar-box-shadow);opacity:0;transition:opacity var(--fade-out-transition-duration) ease-in-out var(--fade-out-transition-delay),background-color var(--fill-color-transition-duration) ease-out}.vertical-scrollbar{z-index:var(--vertical-scrollbar-z-index);width:var(--scrollbar-width);right:0;top:0;bottom:0;padding:var(--vertical-scrollbar-padding);background:var(--vertical-scrollbar-background);background-color:var(--scrollbar-fill-color);background-size:var(--vertical-scrollbar-background-size)}.vertical-scrollbar.left-position{left:0;right:auto}.horizontal-scrollbar{z-index:var(--horizontal-scrollbar-z-index);height:var(--scrollbar-width);left:0;right:0;bottom:0;padding:var(--horizontal-scrollbar-padding);background:var(--horizontal-scrollbar-background);background-color:var(--scrollbar-fill-color);background-size:var(--horizontal-scrollbar-background-size)}.horizontal-scrollbar.top-position{top:0;bottom:auto}.scrollbar:hover,.scrollbar.scrolling-with-thumb,.viewport:hover~.scrollbar,.viewport:not(:focus):focus-within~.scrollbar,.viewport.touch~.scrollbar{opacity:1;transition:opacity var(--fade-in-transition-duration) ease-in-out 0s,background-color var(--fill-color-transition-duration) ease-out}.viewport.scrollbar-visible~.scrollbar{opacity:1;transition:none}.scrollbar:hover,.scrollbar.scrolling-with-thumb{z-index:var(--scrollbar-z-index-hover);background-color:var(--scrollbar-fill-color-hover)}.scrollbar.hidden{display:none}.scrollbar .scrollbar-track{height:100%;width:100%;border-width:var(--scrollbar-track-border-width);border-style:var(--scrollbar-track-border-style);border-color:var(--scrollbar-track-border-color);border-radius:var(--scrollbar-track-border-radius);box-shadow:var(--scrollbar-track-box-shadow);transition:background-color var(--fill-color-transition-duration) ease-out}.vertical-scrollbar .scrollbar-track{background:var(--vertical-scrollbar-track-background);background-color:var(--scrollbar-track-fill-color);background-size:var(--vertical-scrollbar-track-background-size)}.horizontal-scrollbar .scrollbar-track{background:var(--horizontal-scrollbar-track-background);background-color:var(--scrollbar-track-fill-color);background-size:var(--horizontal-scrollbar-track-background-size)}.scrollbar-track:hover,.scrollbar.scrolling-with-thumb .scrollbar-track{background-color:var(--scrollbar-track-fill-color-hover)}.scrollbar .scrollbar-thumb{height:100%;width:100%;border-width:var(--scrollbar-thumb-border-width);border-style:var(--scrollbar-thumb-border-style);border-color:var(--scrollbar-thumb-border-color);border-radius:var(--scrollbar-thumb-border-radius);transform:translate3d(0,0,0);box-shadow:var(--scrollbar-thumb-box-shadow);transition:background-color var(--fill-color-transition-duration) ease-out}.vertical-scrollbar .scrollbar-thumb{background:var(--vertical-scrollbar-thumb-background);background-color:var(--scrollbar-thumb-fill-color);background-size:var(--vertical-scrollbar-thumb-background-size)}.horizontal-scrollbar .scrollbar-thumb{background:var(--horizontal-scrollbar-thumb-background);background-color:var(--scrollbar-thumb-fill-color);background-size:var(--horizontal-scrollbar-thumb-background-size)}.scrollbar .scrollbar-thumb:hover,.scrollbar.scrolling-with-thumb .scrollbar-thumb{background-color:var(--scrollbar-thumb-fill-color-hover)}</style><div class="viewport" tabindex="-1"><div class="content"><slot></slot></div></div><div class="scrollbar vertical-scrollbar hidden"><div class="scrollbar-track"><div class="scrollbar-thumb"></div></div></div><div class="scrollbar horizontal-scrollbar hidden"><div class="scrollbar-track"><div class="scrollbar-thumb"></div></div></div>';var E,C,q,P=Symbol("vertical"),U=Symbol("horizontal"),F=[{key:P,name:"vertical",size:"height",o:"offsetHeight",l:"scrollHeight",position:"top",t:"scrollTop",i:"overflow-y",h:"clientY",v:"pageY"},{key:U,name:"horizontal",size:"width",o:"offsetWidth",l:"scrollWidth",position:"left",t:"scrollLeft",i:"overflow-x",h:"clientX",v:"pageX"}],B=function(e){function t(){var e;return i(this,t),(e=s(this,t)).u(),e.p(),e.g(),e}return n(t,e),o(t,[{key:"connectedCallback",value:function(){this.k(),this.m(),this.S()}},{key:"attributeChangedCallback",value:function(e,t,n){"scrollbar-visibility"===e?this.viewport.classList.toggle("scrollbar-visible","always"===n):"vertical-scrollbar-position"===e?this.elements[P].C.classList.toggle("left-position","left"===n):"horizontal-scrollbar-position"===e&&this.elements[U].C.classList.toggle("top-position","top"===n)}},{key:"u",value:function(){this.viewport,this.content,this.elements={},this.cache={},this.T={},this.$=null;for(var e=0,t=F;e<t.length;e++){var n=t[e];this.elements[n.key]={C:null,W:null,T:null},this.cache[n.key]={A:!1,F:!1,M:0,O:0,P:1},this.T[n.key]={q:!0,L:1,R:{v:0,t:0}}}}},{key:"p",value:function(){this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(z.content.cloneNode(!0)),this.viewport=this.shadowRoot.querySelector(".viewport"),this.content=this.viewport.querySelector(".content");for(var e=0,t=F;e<t.length;e++){var n=t[e],o=this.elements[n.key];o.C=this.shadowRoot.querySelector(".".concat(n.name,"-scrollbar")),o.W=o.C.querySelector(".scrollbar-track"),o.T=o.W.querySelector(".scrollbar-thumb")}}},{key:"g",value:function(){var e=this,t=new ResizeObserver((function(){e.H()}));t.observe(this.viewport),t.observe(this.content);for(var n=function(){var n=a[o],r=e.elements[n.key];t.observe(r.W),r.W.addEventListener("pointerdown",(function(t){t.preventDefault(),t.stopPropagation(),e.D(n,t)}));var i=function(t){e.X(n,t)};r.T.addEventListener("pointerdown",(function(t){t.preventDefault(),t.stopPropagation(),r.T.addEventListener("pointermove",i,{passive:!0}),r.T.setPointerCapture(t.pointerId),e.Y(n,t)})),r.T.addEventListener("pointerup",(function(t){r.T.removeEventListener("pointermove",i,{passive:!0}),r.T.releasePointerCapture(t.pointerId),e.j(n)}),{passive:!0})},o=0,a=F;o<a.length;o++)n();this.viewport.addEventListener("scroll",(function(){e.B()}),{passive:!0}),this.viewport.addEventListener("touchstart",(function(){e.G()}),{passive:!0}),this.viewport.addEventListener("touchend",(function(){e.I()}),{passive:!0})}},{key:"D",value:function(e,t){var n=this,o=this.elements[e.key],r=this.cache[e.key],i=o.W.getBoundingClientRect(),s=o.T.getBoundingClientRect(),l=t[e.h]-i[e.position]-s[e.size]/2,c=r.O/i[e.size],p=l/r.P*c;requestAnimationFrame((function(){n.viewport.scrollTo(a(a({},e.position,p),"behavior","smooth")),n.viewport.focus({preventScroll:!0})}))}},{key:"Y",value:function(e,t){var n=this,o=this.elements[e.key],a=this.T[e.key],r=o.W.getBoundingClientRect();a.q=!0,a.L=this.cache[e.key].O/r[e.size],a.R.v=t.touches?t.touches[0][e.v]:t[e.v],a.R.t=this.viewport[e.t],requestAnimationFrame((function(){n.viewport.classList.add("scrolling-with-".concat(e.name,"-thumb")),o.C.classList.add("scrolling-with-thumb"),n.viewport.focus({preventScroll:!0})}))}},{key:"X",value:function(e,t){var n=this.T[e.key];if(n.q){var o=((t.touches?t.touches[0][e.v]:t[e.v])-n.R.v)/this.cache[e.key].P*n.L,a=n.R.t+o;this.viewport[e.t]=a}}},{key:"j",value:function(e){var t=this.T[e.key];t.q&&(t.q=!1,this.viewport.classList.remove("scrolling-with-".concat(e.name,"-thumb")),this.elements[e.key].C.classList.remove("scrolling-with-thumb"))}},{key:"G",value:function(){this.viewport.classList.add("touch")}},{key:"I",value:function(){this.viewport.classList.remove("touch")}},{key:"B",value:function(){var e=this;null===this.$&&(this.$=requestAnimationFrame((function(){e.S(),e.$=null})))}},{key:"H",value:function(){var e=this;this.k(),null===this.$&&(this.$=requestAnimationFrame((function(){e.m(),e.S(),e.$=null})))}},{key:"k",value:function(){for(var e=getComputedStyle(this.viewport),t=0,n=F;t<n.length;t++){var o=n[t],a=this.cache[o.key];a.F="hidden"===e.getPropertyValue(o.i).trim(),a.M=Math.floor(10*this.viewport[o.o])/10,a.O=Math.floor(10*this.elements[o.key].W[o.o])/10,a.P=a.O/this.viewport[o.l],a.A=!a.F&&this.viewport[o.l]>Math.ceil(a.M)}}},{key:"m",value:function(){for(var e=0,t=F;e<t.length;e++){var n=t[e],o=this.elements[n.key],a=this.cache[n.key];if(this.shadowRoot.host.style.setProperty("--viewport-".concat(n.size),"".concat(a.M,"px")),this.content.classList.toggle("restrict-".concat(n.size),a.F),o.C.classList.toggle("hidden",!a.A),a.A){var r=a.M*a.P;o.T.style[n.size]="".concat(r,"px")}}}},{key:"S",value:function(){for(var e=0,t=F;e<t.length;e++){var n=t[e],o=this.cache[n.key];if(o.A){var a=this.viewport[n.t]*o.P;this.elements[n.key].T.style.transform=n.key===P?"translate3D(0, ".concat(a,"px, 0)"):"translate3D(".concat(a,"px, 0, 0)")}}}}],[{key:"observedAttributes",get:function(){return["scrollbar-visibility","vertical-scrollbar-position","horizontal-scrollbar-position"]}}])}(r(HTMLElement));window.customElements.define("scrollable-component",B);var A,j,I=function(e){function t(){var e;return i(this,t),(e=s(this,t)).list=[],e.value=0,e.max=100,e.showCount=!1,e.canLoad=!1,e}return n(t,e),o(t,[{key:"render",value:function(){return d(E||(E=u(['\n <progress\n part="progress"\n max="','"\n value="','"\n ></progress>\n ',"\n <slot></slot>\n "])),this.max,this.value,this.list&&this.showCount?d(C||(C=u([""," / ",""])),this.value,this.max):"")}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.loadingBar=this.shadowRoot.querySelector("progress")}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){["value","max"].includes(t)&&n.shadowRoot&&n.dispatchEvent(new CustomEvent("".concat(t,"-changed"),{detail:{value:n[t]}})),"list"==t&&n[t]&&n[t].length>0&&n.max!==n.value&&(n.canLoad=!0)}))}},{key:"process",value:(a=m(v().mark((function e(){var t,n,o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.list,!this.canLoad){e.next=8;break}return n=0,e.next=5,t.map(function(){var e=m(v().mark((function e(t){return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t().then((function(e){n+=1,a.value=Math.round(n/a.list.length*100),a.loadingBar.textContent="Loading ".concat(a.value," of ").concat(a.max),resolve(e)})).catch((function(e){reject(e)}));case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());case 5:return o=e.sent,e.next=8,Promise.allSettled(o).then((function(){a.loadingBar.textContent="Loading Finished",a.value=a.max,setTimeout((function(){a.dispatchEvent(new CustomEvent("promise-progress-finished",{detail:{value:!0}}))}),100)}));case 8:case"end":return e.stop()}}),e,this)}))),function(){return a.apply(this,arguments)})}],[{key:"tag",get:function(){return"promise-progress-lite"}},{key:"styles",get:function(){var e=[];return l(c(t),"styles",this)&&(e=l(c(t),"styles",this)),[e,p(q||(q=u(["\n :host {\n display: block;\n position: relative;\n }\n "])))]}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{max:{type:Number},value:{type:Number,reflect:!0},list:{type:Array},showCount:{type:Boolean,attribute:"show-count"},canLoad:{type:Boolean}})}}]);var a}(b);customElements.define(I.tag,I);var M,N,H=function(e){function t(){return i(this,t),s(this,t)}return n(t,e),o(t,[{key:"render",value:function(){return d(A||(A=u(['\n <progress\n part="progress"\n max="','"\n value="','"\n ></progress>\n ',"\n <slot></slot>\n "])),this.max,this.value,this.list&&this.showCount?d(j||(j=u([""," / ",""])),this.value,this.max):"")}}],[{key:"tag",get:function(){return"promise-progress"}}])}(g(I));customElements.define(H.tag,H);var _,D,W,O,V={url:new URL("./elements/app-hax/lib/v1/app-hax-hat-progress.js",document.baseURI).href},$=function(e){function t(){var e;return i(this,t),(e=s(this,t)).promises=[],e.max=100,k((function(){e.promises=x(f.newSitePromiseList)})),k((function(){e.dark=x(f.darkMode)})),e}return n(t,e),o(t,[{key:"process",value:function(){this.shadowRoot.querySelector("#progress2").process()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.dispatchEvent(new CustomEvent("progress-ready",{detail:!0})),setTimeout((function(){n.shadowRoot.querySelector("#progress2").addEventListener("value-changed",(function(e){n.shadowRoot.querySelector("#value").textContent=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("max-changed",(function(e){n.max=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("promise-progress-finished",(function(e){if(e.detail.value){n.shadowRoot.querySelector(".game")&&n.shadowRoot.querySelector(".game").remove();var t=f.AppHaxAPI.lastResponse.createSite.data,o=globalThis.document.createElement("button");n.shadowRoot.querySelector("#value").textContent=n.max,o.textContent="Let's go!",o.classList.add("game"),o.addEventListener("pointerdown",(function(){f.appEl.playSound("click")})),o.addEventListener("click",(function(){f.appEl.reset(),setTimeout((function(){globalThis.location=t.slug.replace("index.html","")}),0)})),n.shadowRoot.querySelector("#progress2").parentNode.appendChild(o),f.toast("".concat(t.title?t.title:""," ready!"),1500,{hat:"random"}),f.setPageTitle("".concat(t.title?t.title:""," ready!")),setTimeout((function(){f.toast("redirecting in 3..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 3.."),setTimeout((function(){f.toast("redirecting in 2..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 2.."),setTimeout((function(){f.toast("redirecting in 1..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 1.."),f.appEl.reset(),setTimeout((function(){f.setPageTitle("Enjoy!"),globalThis.location=t.slug.replace("index.html","")}),1e3)}),1e3)}),1e3)}),1800),n.dispatchEvent(new CustomEvent("promise-progress-finished",{composed:!0,bubbles:!0,cancelable:!0,detail:!0}))}}))}),0)}},{key:"render",value:function(){return d(M||(M=u(['\n <img\n src="','"\n alt=""\n />\n <promise-progress\n id="progress2"\n accent-color="red"\n ?dark="','"\n class="progress"\n .list=','\n ></promise-progress>\n <div class="count"><span id="value">0</span>%</div>\n '])),new URL("../assets/images/HatBlank.svg",V.url).href,this.dark,this.promises)}}],[{key:"tag",get:function(){return"app-hax-hat-progress"}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{promises:{type:Array}})}},{key:"styles",get:function(){return[l(c(t),"styles",this),p(N||(N=u(['\n :host {\n display: block;\n height: 400px;\n width: 400px;\n }\n img {\n width: 400px;\n height: 400px;\n pointer-events: none;\n }\n .progress {\n margin: -148px 0 0 10px;\n z-index: -1;\n }\n .progress::part(progress) {\n height: 100px;\n width: 338px;\n margin-top: -1px 0 0 -4px;\n }\n\n .progress::part(progress)::-moz-progress-bar {\n background-color: red;\n height: 50px;\n margin: 24px 0 0 0;\n border: none;\n }\n\n .count {\n color: var(--simple-colors-default-theme-grey-1, white);\n font-family: "Press Start 2P", sans-serif;\n width: 350px;\n text-align: center;\n position: relative;\n display: block;\n font-size: 30px;\n margin-top: -250px;\n margin-left: 30px;\n }\n .game {\n font-family: "Press Start 2P", sans-serif;\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n width: 310px;\n background-color: var(--simple-colors-default-theme-red-7, red);\n color: var(--simple-colors-default-theme-grey-1, white);\n border: 0px;\n height: 54px;\n display: block;\n position: relative;\n margin: 138px 0px 0px 52px;\n padding: 0;\n box-sizing: border-box;\n }\n .game:focus,\n .game:hover {\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-red-8);\n color: var(--simple-colors-default-theme-grey-2);\n }\n .game:active {\n cursor: progress;\n background-color: var(--simple-colors-default-theme-red-10);\n color: var(--simple-colors-default-theme-grey-5);\n }\n '])))]}}])}(y);customElements.define($.tag,$);var G,X,Y,K,J,Q,Z,ee,te,ne,oe,ae,re,ie={url:new URL("./elements/app-hax/lib/v1/app-hax-button.js",document.baseURI).href},se=new URL("../assets/images/PostIt.svg",ie.url).href,le=new URL("../assets/images/BetaPostIt.svg",ie.url).href,ce=function(e){function t(){var e;return i(this,t),(e=s(this,t)).icon="save",e.type=null,e.value=null,e.disabled=!1,e.elevation=2,e.active=!1,e.comingSoon=!1,e.prompt=null,e.callback=null,e.param=null,e.beta=!1,e.addEventListener("click",e._handleClick),e.addEventListener("click",e._handleClick),e.addEventListener("focus",e._handleFocus),e.addEventListener("blur",e._handleBlur),e.addEventListener("mouseover",e._handleFocus),e.addEventListener("mouseout",e._handleBlur),e}return n(t,e),o(t,[{key:"_handleFocus",value:function(){this.disabled||this.comingSoon||(this.active=!0,this.elevation="4")}},{key:"_handleBlur",value:function(){this.disabled||this.comingSoon||(this.active=!1,this.elevation="2")}},{key:"_handleClick",value:function(){this.disabled||this.comingSoon||this.shadowRoot.querySelector(".haxButton").blur()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),e.forEach((function(e,t){if("type"===t)switch(n.type){case"technology":n.icon="hardware:desktop-mac",n.value="technology";break;case"business":n.icon="maps:local-atm",n.value="business";break;case"art":n.icon="image:palette",n.value="art";break;case"6w":n.icon="hax:messages-6",n.value="6 Week";break;case"15w":n.icon="social:school",n.value="15 Week";break;case"training":n.icon="hax:bricks",n.value="Training";break;case"docx import":case"docx":n.icon="hax:file-docx",n.value="docx";break;case"evolution":n.icon="communication:business",n.value="evo";break;case"pressbooks":n.icon="hax:wordpress",n.value="pressbooks";break;case"gitbook":n.icon="mdi-social:github-circle",n.value="gitbook";break;case"elms:ln":n.icon="lrn:network",n.value="elmsln";break;case"haxcms":n.icon="hax:hax2022",n.value="haxcms";break;case"notion":n.icon="book",n.value="notion";break;case"html":n.icon="icons:code",n.value="HTML";break;case"Blog":n.icon="social:public",n.value="Blog";break;default:n.icon="image:photo-filter",n.value="own",n.type="Create Your Own"}}))}},{key:"render",value:function(){return d(_||(_=u(["\n <wired-button\n elevation=","\n ?disabled=",'\n class="haxButton"\n >\n <div id="container">\n <simple-icon-lite icon=','> </simple-icon-lite>\n <div class="type">',"</div>\n </div>\n ","\n ","\n </wired-button>\n "])),this.elevation,this.disabled||this.comingSoon,this.icon,this.type,this.comingSoon?d(D||(D=u(['<img\n src="','"\n loading="lazy"\n decoding="async"\n fetchpriority="low"\n alt="Feature coming soon"\n class="coming-soon"\n />'])),se):"",this.beta?d(W||(W=u(['<img\n src="','"\n loading="lazy"\n decoding="async"\n fetchpriority="low"\n alt="Feature in beta"\n class="beta"\n />'])),le):"")}}],[{key:"tag",get:function(){return"app-hax-button"}},{key:"properties",get:function(){return{icon:{type:String},type:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},elevation:{type:Number},active:{type:Boolean,reflect:!0},comingSoon:{type:Boolean,reflect:!0,attribute:"coming-soon"},beta:{type:Boolean,reflect:!0},prompt:{type:String},callback:{type:String},param:{type:String}}}},{key:"styles",get:function(){return[p(O||(O=u(['\n :host {\n display: block;\n --background-color: transparent;\n --background-color-active: white;\n font-family: "Press Start 2P", sans-serif;\n }\n :host([coming-soon]) .haxButton {\n pointer-events: none;\n background-color: var(--simple-colors-default-theme-grey-6);\n }\n :host([active]) .haxButton {\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n background-color: var(--app-hax-accent-color, var(--accent-color));\n }\n :host([active]) simple-icon-lite {\n --simple-icon-color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n :host([active]) .type {\n background-color: var(--app-hax-accent-color, var(--accent-color));\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n\n #container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n width: 132px;\n height: 112px;\n }\n .coming-soon {\n display: block;\n height: 114px;\n width: 140px;\n z-index: 1;\n position: absolute;\n margin-top: -75px;\n }\n .beta {\n display: block;\n height: 100px;\n width: 120px;\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n margin-left: -50px;\n margin-top: -10px;\n }\n .haxButton {\n background-color: var(\n --app-hax-background-color,\n var(--background-color)\n );\n color: var(--app-hax-accent-color, var(--accent-color));\n display: inline-flex;\n }\n simple-icon-lite {\n --simple-icon-width: 60px;\n --simple-icon-height: 60px;\n --simple-icon-color: var(--app-hax-accent-color, var(--accent-color));\n }\n .type {\n font-size: 10px;\n color: var(--app-hax-accent-color, var(--accent-color));\n }\n @media (max-width: 800px) {\n #container {\n width: 100px;\n height: 75px;\n }\n\n .beta,\n .coming-soon {\n margin-top: -50px;\n height: 114px;\n width: 100px;\n }\n }\n '])))]}}])}(b);customElements.define(ce.tag,ce);var pe={url:new URL("./elements/app-hax/lib/v1/app-hax-steps.js",document.baseURI).href},ue=new URL("../assets/images/Home.svg",pe.url).href,he=new URL("../assets/images/DisabledCircle.svg",pe.url).href,de=new URL("../assets/images/TransparentCircle.svg",pe.url).href,be=new URL("../assets/images/EnabledCircle.svg",pe.url).href,me={collection:["collections-theme","bootstrap-theme"],blog:["haxor-slevin"],course:["clean-one","clean-two","learn-two-theme"],website:["polaris-theme"],training:["training-theme"],import:["clean-one","clean-two","learn-two-theme"]},ve=e("AppHaxSteps",function(e){function a(){var e;return i(this,a),(e=s(this,a)).unlockComingSoon=!1,e.unlockTerrible=!1,e.windowControllers=new AbortController,e.nameTyped="",e.stepRoutes=[],e._progressReady=!1,e.step=null,e.loaded=!1,e.themeNames=[],e.appSettings={},k((function(){e.appSettings=x(f.appSettings);var t=x(f.site.structure);e.themeNames=Object.keys(e.appSettings.themes).filter((function(e){return t&&me[t]&&me[t].includes(e)}))})),k((function(){e.dark=x(f.darkMode)})),k((function(){T("app-hax-step",x(f.step))})),k((function(){T("app-hax-site",x(f.site)),e.step=f.stepTest(e.step)})),k((function(){x(f.createSiteSteps)&&x(f.location)&&(e.step=f.stepTest(e.step))})),k((function(){var t=x(f.routes);e.stepRoutes=t.filter((function(e){return e.step}))})),e}return n(a,e),o(a,[{key:"chooseStructure",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.structure=t,"course"===t&&(f.site.type="own",f.site.theme="clean-one"),"blog"===t&&(f.site.type="own",f.site.theme="haxor-slevin"),"collection"===t&&(f.site.type="own",f.site.theme="collections-theme"),"website"===t&&(f.site.type="own",f.site.theme="polaris-theme"),"training"===t&&(f.site.type="own",f.site.theme="training-theme"),f.appEl.playSound("click2")}}},{key:"chooseType",value:function(e){if(!e.target.comingSoon){var t=e.target.type;f.site.type=t,f.appEl.playSound("click2")}}},{key:"docxImport",value:(E=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./b05848bf.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("docx");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/docxToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".docx","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return E.apply(this,arguments)})},{key:"evoImport",value:(z=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./be7cca87.js").then((function(e){return e.be})).then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("zip");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/evolutionToSite",i,null,null,"?jwt="+x(f.AppHaxAPI.jwt));case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,a.nameTyped=s.data.filename.replace(".zip","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return z.apply(this,arguments)})},{key:"gbImport",value:(y=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Gitbook repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/gitbookToSite",{md:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return y.apply(this,arguments)})},{key:"importFromURL",value:(g=m(v().mark((function e(t){var n,o,a,r,i,s,l,c,p=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.target,o=n.type,a=n.prompt,r=n.callback,i=n.param,t.target.comingSoon){e.next=12;break}return s=globalThis.prompt(a),R(["haxcms"]),this.setProcessingVisual(),(l={})[i]=s,e.next=9,L.call(r,l);case 9:c=e.sent,f.toast("Processed!",300),200==c.status&&c.data&&""!=c.data.contents?(f.items=c.data.items,c.data.files&&(f.itemFiles=c.data.files),this.nameTyped=c.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){p.shadowRoot.querySelector("#sitename").value=p.nameTyped,p.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 12:case"end":return e.stop()}}),e,this)}))),function(e){return g.apply(this,arguments)})},{key:"notionImport",value:(b=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Github Notion repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/notionToSite",{repoUrl:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return b.apply(this,arguments)})},{key:"pressbooksImport",value:(r=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./b05848bf.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("html");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/pressbooksToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".html","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return r.apply(this,arguments)})},{key:"setProcessingVisual",value:function(){var e=globalThis.document.createElement("simple-icon-lite");e.icon="hax:loading",e.style.setProperty("--simple-icon-height","40px"),e.style.setProperty("--simple-icon-width","40px"),e.style.height="150px",e.style.marginLeft="8px",f.toast("Processing",6e4,{hat:"construction",slot:e})}},{key:"chooseTheme",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.theme=t,f.appEl.playSound("click2")}}},{key:"chooseName",value:function(){if(""!==this.nameTyped){var e=this.shadowRoot.querySelector("#sitename").value;f.site.name=e,f.appEl.playSound("click2")}}},{key:"progressReady",value:function(e){var t=this;e.detail&&(this._progressReady=!0,5===this.step&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),300))}},{key:"updated",value:function(e){var t=this;l(c(a.prototype),"updated",this)&&l(c(a.prototype),"updated",this).call(this,e),e.forEach((function(e,n){if(4===t.step&&"step"===n&&t.shadowRoot&&(t.shadowRoot.querySelector("#sitename").value=x(f.site.name)),5===t.step&&"step"===n&&t.shadowRoot&&t._progressReady&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),600),"step"===n&&(f.step=t.step),"unlockTerrible"===n&&t[n]){Object.keys(me).forEach((function(e){me[e]=[].concat(S(me[e]),["terrible-themes","terrible-productionz-themes","terrible-outlet-themes","terrible-best-themes","terrible-resume-themes"])}));var o=x(f.site.structure);t.themeNames=Object.keys(t.appSettings.themes).filter((function(e){return o&&me[o]&&me[o].includes(e)}))}}))}},{key:"connectedCallback",value:function(){l(c(a.prototype),"connectedCallback",this).call(this),globalThis.addEventListener("resize",this.maintainScroll.bind(this),{signal:this.windowControllers.signal}),globalThis.addEventListener("popstate",this.popstateListener.bind(this),{signal:this.windowControllers.signal})}},{key:"disconnectedCallback",value:function(){this.windowControllers.abort(),l(c(a.prototype),"disconnectedCallback",this).call(this)}},{key:"popstateListener",value:function(e){var t=this;if("popstate"===e.type&&null===e.state)try{setTimeout((function(){var n=e.target.document.location.pathname.split("/").pop();if(n.includes("createSite")){var o=parseInt(n.replace("createSite-step-",""));o<f.stepTest(o)?t.shadowRoot.querySelector("#link-step-"+o).click():o>f.stepTest(o)&&(f.toast("Please select an option"),t.step=f.stepTest(o),t.shadowRoot.querySelector("#link-step-"+t.step).click())}}),0)}catch(e){}}},{key:"maintainScroll",value:function(){var e=this;this.shadowRoot&&this.step&&(this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}),setTimeout((function(){e.scrollToThing("#step-".concat(e.step),{behavior:"instant",block:"start",inline:"nearest"})}),100))}},{key:"firstUpdated",value:function(e){var t=this;l(c(a.prototype),"firstUpdated",this)&&l(c(a.prototype),"firstUpdated",this).call(this,e),setTimeout((function(){null===t.step&&(t.step=1),t.scrollToThing("#step-".concat(t.step),{behavior:"instant",block:"start",inline:"nearest"})}),100),k((function(){if(x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.location);e.route&&e.route.step&&e.route.name&&setTimeout((function(){t.scrollToThing("#".concat(e.route.name),{behavior:"smooth",block:"start",inline:"nearest"}),4===e.route.step&&4===f.stepTest(4)&&setTimeout((function(){t.shadowRoot.querySelector("#sitename").focus(),t.scrollToThing("#step-4",{behavior:"instant",block:"start",inline:"nearest"})}),800)}),300)}})),k((function(){if(t.shadowRoot&&x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.activeItem);e&&e.name&&e.step&&!t.__overrideProgression&&t.shadowRoot.querySelector("#link-".concat(e.name)).click()}}))}},{key:"scrollToThing",value:function(e,t){var n=void 0!==globalThis.safari;this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step")&&this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step").classList.remove("active-step"),n?this.shadowRoot.querySelector(e).scrollIntoView():this.shadowRoot.querySelector(e).scrollIntoView(t),this.shadowRoot.querySelector(e).classList.add("active-step")}},{key:"progressFinished",value:function(e){e.detail&&(this.loaded=!0,f.appEl.playSound("success"),e.target.shadowRoot.querySelector(".game").focus(),this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}))}},{key:"typeKey",value:function(){this.nameTyped=this.shadowRoot.querySelector("#sitename").value}},{key:"keydown",value:function(e){[" ","/","\\","&","#","?","+","=","{","}","|","^","~","[","]","`",'"',"'"].includes(e.key)?(f.appEl.playSound("error"),f.toast('"'.concat(e.key,'" is not allowed. Use - or _')),e.preventDefault()):"Enter"===e.key?this.chooseName():["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(e.key)||f.appEl.playSound("click")}},{key:"stepLinkClick",value:function(e){var t=parseInt(e.target.getAttribute("data-step"),10);this.step<t?e.preventDefault():null===e.target.getAttribute("data-step")?(f.createSiteSteps=!1,f.appMode="home",this.nameTyped="",f.siteReady=!1,f.site.structure=null,f.site.type=null,f.site.theme=null,f.site.name=null):this.step>t&&(this.nameTyped="",f.siteReady=!1,1===t?(f.site.structure=null,f.site.type=null,f.site.theme=null,f.site.name=null):2===t?(f.site.type=null,f.site.theme=null,f.site.name=null):3===t?(f.site.theme=null,f.site.name=null):4===t&&(f.site.name=null),this.step=t)}},{key:"renderTypes",value:function(e){var t=x(f.site.structure),n=d(G||(G=u([""])));switch(t){case"collection":n=d(X||(X=u([' <app-hax-button\n tabindex="','"\n @click=','\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="technology"\n ?coming-soon="','"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="business"\n ?coming-soon="','"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="art"\n ?coming-soon="','"\n ></app-hax-button>'])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon);break;default:case"course":n=d(Y||(Y=u([' <app-hax-button\n tabindex="','"\n @click=','\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="15w"\n ></app-hax-button>'])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType);break;case"website":n=d(K||(K=u([' <app-hax-button\n tabindex="','"\n @click=','\n type="website"\n ></app-hax-button>'])),2!==e?"-1":"",this.chooseType);break;case"training":n=d(J||(J=u([' <app-hax-button\n tabindex="','"\n @click=','\n type="training"\n ></app-hax-button>'])),2!==e?"-1":"",this.chooseType);break;case"blog":n=d(Q||(Q=u([' <app-hax-button\n tabindex="','"\n @click=','\n type="blog"\n ></app-hax-button>'])),2!==e?"-1":"",this.chooseType);break;case"import":n=d(Z||(Z=u([' <app-hax-button\n tabindex="','"\n @click=','\n type="docx"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="elms:ln"\n prompt="URL for the ELMS:LN site"\n callback="@haxcms/elmslnToSite"\n param="repoUrl"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="haxcms"\n prompt="URL for the HAXcms site"\n callback="@haxcms/haxcmsToSite"\n param="repoUrl"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="evolution"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="notion"\n prompt="URL for the Notion git repo"\n callback="@haxcms/notionToSite"\n param="repoUrl"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="gitbook"\n prompt="URL for the Gitbook git repo"\n callback="@haxcms/gitbookToSite"\n param="md"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="html"\n prompt="URL for the html content"\n callback="@haxcms/htmlToSite"\n param="repoUrl"\n ></app-hax-button>\n <app-hax-button\n tabindex="','"\n @click=','\n type="pressbooks"\n beta\n ></app-hax-button>'])),2!==e?"-1":"",this.docxImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.evoImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.pressbooksImport)}return n}},{key:"render",value:function(){var e=this;return d(ee||(ee=u(['\n <div id="container">\n <ul id="step-links">\n <li>\n ',"\n </li>\n ",'\n </ul>\n <scrollable-component>\n <div class="carousel-with-snapping-track">\n <div class="carousel-with-snapping-item" id="step-1">\n <div class="step-wrapper">\n <app-hax-site-button\n tabindex="','"\n label="> Blog"\n value="blog"\n @click=','\n ></app-hax-site-button>\n <app-hax-site-button\n tabindex="','"\n label="> Collection"\n value="collection"\n @click=','\n ></app-hax-site-button>\n <app-hax-site-button\n tabindex="','"\n label="> Course"\n value="course"\n @click=','\n ></app-hax-site-button>\n <app-hax-site-button\n tabindex="','"\n label="> Training"\n value="training"\n @click=','\n ></app-hax-site-button>\n <app-hax-site-button\n tabindex="','"\n label="> Website"\n value="website"\n @click=','\n ></app-hax-site-button>\n <app-hax-site-button\n tabindex="','"\n label="> Import site from.."\n value="import"\n @click=','\n ></app-hax-site-button>\n </div>\n </div>\n <div class="carousel-with-snapping-item" id="step-2">\n <div id="grid-container">','</div>\n </div>\n <div class="carousel-with-snapping-item" id="step-3">\n <div id="themeContainer">\n ','\n </div>\n </div>\n <div class="carousel-with-snapping-item" id="step-4">\n <input\n id="sitename"\n @input="','"\n @keydown="','"\n maxlength="30"\n placeholder="',' name.."\n tabindex="','"\n />\n <app-hax-site-button\n class="sitenamebtn"\n tabindex="','"\n label="> Create journey"\n @click=','\n ?disabled="','"\n >\n </app-hax-site-button>\n </div>\n <div class="carousel-with-snapping-item" id="step-5">\n <app-hax-hat-progress\n @progress-ready="','"\n @promise-progress-finished="','"\n tabindex="','"\n ></app-hax-hat-progress>\n </div>\n </div>\n </scrollable-component>\n </div>\n '])),x(f.isNewUser)?d(ne||(ne=u([""]))):d(te||(te=u(['\n <a href="home" class="homelnk" tabindex="-1">\n <simple-icon-lite\n tabindex="0"\n src="','"\n id="homebtn"\n title="Site list"\n @click="','"\n ></simple-icon-lite>\n </a>\n <simple-tooltip for="homebtn" position="bottom"\n >Site list</simple-tooltip\n >\n '])),ue,this.stepLinkClick),this.stepRoutes.map((function(t,n){return d(oe||(oe=u(['<li\n ?disabled="','"\n class="step ','"\n >\n <a\n href="','"\n ?disabled="','"\n tabindex="','"\n @click="','"\n id="link-','"\n title="Step ',": ",'"\n data-step="','"\n >','</a\n >\n <simple-tooltip for="link-','" position="bottom"\n >Step ',": ","</simple-tooltip\n >\n </li>"])),e.step<t.step||5===e.step,e.step===t.step?"active-step":"",t.path,e.step<t.step||5===e.step,e.step<=t.step?"-1":"0",e.stepLinkClick,t.name,n+1,t.label,t.step,n+1,t.name,n+1,t.label)})),1!==this.step?"-1":"",this.chooseStructure,1!==this.step?"-1":"",this.chooseStructure,1!==this.step?"-1":"",this.chooseStructure,1!==this.step?"-1":"",this.chooseStructure,1!==this.step?"-1":"",this.chooseStructure,1!==this.step?"-1":"",this.chooseStructure,this.renderTypes(this.step),this.appSettings&&this.appSettings.themes?this.themeNames.map((function(t){return d(ae||(ae=u(['\n <button\n aria-label="',' theme"\n value="','"\n class="theme-button"\n @click=','\n tabindex="','"\n >\n <img\n class="theme-img"\n src="','"\n alt=""\n loading="lazy"\n decoding="async"\n />\n <div>',"</div>\n </button>\n "])),e.appSettings.themes[t].name,t,e.chooseTheme,3!==e.step?"-1":"",e.appSettings.themes[t].thumbnail,e.appSettings.themes[t].name)})):"",this.typeKey,this.keydown,x(f.site.structure),4!==this.step?"-1":"",4!==this.step?"-1":"",this.chooseName,""===this.nameTyped,this.progressReady,this.progressFinished,5!==this.step?"-1":"")}}],[{key:"tag",get:function(){return"app-hax-steps"}},{key:"properties",get:function(){return h(h({},l(c(a),"properties",this)),{},{step:{type:Number,reflect:!0},stepRoutes:{type:Array},themeNames:{type:Array},unlockComingSoon:{type:Boolean,reflect:!0,attribute:"unlock-coming-soon"},unlockTerrible:{type:Boolean,reflect:!0,attribute:"unlock-terrible"},loaded:{type:Boolean,reflect:!0},appSettings:{type:Object},nameTyped:{type:String}})}},{key:"styles",get:function(){return[l(c(a),"styles",this),p(re||(re=u(['\n :host {\n display: block;\n }\n scrollable-component {\n --scrollbar-width: 0px;\n --scrollbar-height: 0px;\n --scrollbar-padding: 0;\n --viewport-overflow-x: hidden;\n overflow: hidden;\n }\n #grid-container {\n display: grid;\n grid-template-columns: 200px 200px 200px;\n background: transparent;\n }\n .carousel-with-snapping-track {\n display: grid;\n grid-auto-flow: column;\n grid-gap: 30px;\n }\n .carousel-with-snapping-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: normal;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n scrollbar-gutter: stable;\n width: var(--viewport-width);\n font-size: 1.5rem;\n text-align: center;\n overflow-x: hidden;\n max-height: 60vh;\n padding-top: 1vh;\n }\n #step-links {\n padding: 0;\n margin: 0;\n }\n ul,\n li {\n list-style: none;\n }\n li {\n vertical-align: middle;\n display: inline-flex;\n margin: 5px;\n }\n li.step {\n border-radius: 50%;\n background-color: transparent;\n }\n li a {\n font-size: 12px;\n color: var(--simple-colors-default-theme-grey-12, white);\n text-decoration: none;\n padding: 5px;\n width: 20px;\n height: 20px;\n line-height: 20px;\n margin: 0;\n display: block;\n border: 0;\n border-radius: 50%;\n background-repeat: no-repeat;\n background-size: 30px 30px;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n background-image: url("','");\n transition:\n 0.3s ease-in-out background,\n 0.3s ease-in-out color;\n transition-delay: 0.6s, 0.3s;\n }\n li a[disabled] {\n background-image: url("','");\n pointer-events: none;\n color: var(--simple-colors-default-theme-grey-7, grey);\n user-select: none;\n }\n li[disabled] {\n background-color: grey;\n }\n li.active-step a {\n background-color: orange;\n background-image: url("','");\n }\n app-hax-button {\n padding: 10px 0px 10px 0px;\n background: transparent;\n }\n #theme-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n img {\n pointer-events: none;\n }\n #themeContainer {\n width: 70vw;\n height: 55vh;\n }\n .theme-button {\n background-color: transparent;\n color: var(--simple-colors-default-theme-grey-12, white);\n border: none;\n margin: 8px;\n padding: 8px;\n width: 245px;\n }\n\n .theme-button div {\n font-family: "Press Start 2P", sans-serif;\n font-size: 14px;\n margin-top: 12px;\n }\n .theme-button:focus,\n .theme-button:hover {\n outline: 4px solid var(--app-hax-accent-color, var(--accent-color));\n outline-offset: 4px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n }\n #sitename {\n font-family: "Press Start 2P", sans-serif;\n font-size: 32px;\n padding: 8px;\n width: 40vw;\n }\n #homebtn {\n --simple-icon-height: 30px;\n --simple-icon-width: 30px;\n border-radius: 50%;\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n }\n .homelnk {\n background-image: none;\n display: flex;\n padding: 0;\n margin: 0;\n height: 30px;\n width: 30px;\n }\n app-hax-site-button {\n justify-content: center;\n --app-hax-site-button-width: 35vw;\n --app-hax-site-button-min-width: 240px;\n }\n app-hax-hat-progress {\n height: 400px;\n width: 400px;\n display: block;\n }\n\n @media (max-width: 800px) {\n .theme-button {\n width: unset;\n padding: 0;\n }\n .theme-button div {\n font-size: 12px;\n margin-top: 8px;\n }\n .theme-button img {\n height: 70px;\n }\n app-hax-site-button {\n width: 320px;\n max-width: 60vw;\n --app-hax-site-button-font-size: 2.5vw;\n }\n #sitename {\n width: 70vw;\n font-size: 20px;\n }\n #grid-container {\n grid-template-columns: 150px 150px 150px;\n }\n }\n @media (max-height: 600px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 57vh;\n }\n #sitename {\n width: 40vw;\n font-size: 14px;\n }\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -18vh;\n }\n }\n @media (max-width: 500px) {\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -15vh;\n }\n }\n @media (max-height: 400px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 40vh;\n }\n app-hax-hat-progress {\n transform: scale(0.3);\n }\n .carousel-with-snapping-item.active-step app-hax-hat-progress {\n position: fixed;\n top: 20%;\n left: 20%;\n }\n }\n '])),w(be),w(he),w(de))]}}]);var r,b,g,y,z,E}(y));customElements.define(ve.tag,ve)}}}));