1(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.alice-pixxel__button[data-v-922c9795]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-922c9795]:hover{opacity:.9}}.alice-pixxel__button[data-v-922c9795]:active{opacity:.9}.alice-pixxel__button[data-v-922c9795]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-922c9795]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-922c9795]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__image.alice-pixxel__image--fullscreen[data-v-922c9795]{visibility:visible}.alice-pixxel__image-wrapper[data-v-922c9795]{aspect-ratio:4/5;background:#0000001a;border-radius:2rem;width:100%;position:relative}.alice-pixxel__image-background[data-v-922c9795]{pointer-events:none;opacity:0;background:#000;width:100vw;height:100dvh;transition:opacity .15s;position:fixed;top:0;left:0}.alice-pixxel__image--fullscreen .alice-pixxel__image-background[data-v-922c9795],.alice-pixxel__image--animating-in .alice-pixxel__image-background[data-v-922c9795]{opacity:1;pointer-events:auto}.device--category-desktop .alice-pixxel__image--fullscreen .alice-pixxel__image-background[data-v-922c9795],.device--category-desktop .alice-pixxel__image--animating-in .alice-pixxel__image-background[data-v-922c9795]{opacity:.9}img[data-v-922c9795]{cursor:pointer;-webkit-user-select:none;user-select:none;object-fit:cover;object-position:center;border-radius:2rem;width:100%;height:100%;transition:opacity .2s}.device--category-smartphone .alice-pixxel__image--fullscreen img[data-v-922c9795],.device--category-smartphone .alice-pixxel__image--animating-in img[data-v-922c9795]{border-radius:0}.alice-pixxel__image--fullscreen img[data-v-922c9795],.alice-pixxel__image--animating-in img[data-v-922c9795],.alice-pixxel__image--animating-out img[data-v-922c9795]{transition:transform .15s,border-radius .15s;opacity:1!important}@media (any-hover:hover){img[data-v-922c9795]:hover{opacity:.9}}img[data-v-922c9795]:active{opacity:.9}body:has(.alice-pixxel__image--fullscreen){overflow-y:hidden}body.device--category-smartphone:has(.alice-pixxel__image--fullscreen){visibility:hidden}body.device--category-smartphone:has(.alice-pixxel__image--animating-in,.alice-pixxel__image--animating-out,.alice-pixxel__image--touching){overflow-y:hidden}body:has(.alice-pixxel__image--fullscreen,.alice-pixxel__image--animating-in) .alice-navbar{transform:translateY(-100%)}.alice-pixxel__button[data-v-1bfcd2dc]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-1bfcd2dc]:hover{opacity:.9}}.alice-pixxel__button[data-v-1bfcd2dc]:active{opacity:.9}.alice-pixxel__button[data-v-1bfcd2dc]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-1bfcd2dc]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-1bfcd2dc]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__entry-screen[data-v-1bfcd2dc]{z-index:4;position:absolute}.alice-pixxel__entry-screen-image[data-v-1bfcd2dc]{background:linear-gradient(#fff,#000) border-box;border-radius:2.4rem;width:300px;max-width:300px;margin-inline:auto;padding:6px;box-shadow:0 6px 6px #00000040}.alice-pixxel__start-button[data-v-1bfcd2dc]{width:100%;padding:1.6rem;font-size:2.4rem}:is(.alice-pixxel__button[data-v-8b094382],.alice-pixxel__question-control-button[data-v-8b094382]:has(svg)){color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){:is(.alice-pixxel__button[data-v-8b094382]:hover,.alice-pixxel__question-control-button[data-v-8b094382]:hover:has(svg)){opacity:.9}}:is(.alice-pixxel__button[data-v-8b094382]:active,.alice-pixxel__question-control-button[data-v-8b094382]:active:has(svg)){opacity:.9}:is(.alice-pixxel__button[data-v-8b094382]:has(span),.alice-pixxel__question-control-button[data-v-8b094382]:has(span):has(svg)){padding-inline:1.6rem}:is(.alice-pixxel__button[data-v-8b094382]:has(svg),.alice-pixxel__question-control-button[data-v-8b094382]:has(svg)){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-8b094382]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__question-screen[data-v-8b094382]{text-align:center;z-index:3;padding:1.8rem;position:absolute}.alice-pixxel__question[data-v-8b094382]{z-index:2;background:linear-gradient(#fff,#000) border-box;border-radius:25px;padding:6px;transition:opacity .3s;position:relative;overflow:visible;box-shadow:0 6px 6px #00000040}.alice-pixxel__question-content[data-v-8b094382]{z-index:2;border-radius:20px;width:300px;height:400px;padding:20px;position:relative;transform:rotate(0)}.alice-pixxel__question-content--bg-1[data-v-8b094382]{background:linear-gradient(#9dfc00 0%,#2b9fb1 100%)}.alice-pixxel__question-content--bg-2[data-v-8b094382]{background:linear-gradient(#00dafc 0%,#a49033 100%)}.alice-pixxel__question-content--bg-3[data-v-8b094382]{background:linear-gradient(#ffdb25 0%,#a13e8f 100%)}.alice-pixxel__question-content--bg-4[data-v-8b094382]{background:linear-gradient(#de64c8 0%,#2ab6b9 100%)}.alice-pixxel__question-content--bg-5[data-v-8b094382]{background:linear-gradient(#3eecc3 0%,#3e76a1 100%)}.alice-pixxel__question-content--bg-6[data-v-8b094382]{background:linear-gradient(#bd6bea 0%,#2ab346 100%)}.alice-pixxel__question-content--bg-7[data-v-8b094382]{background:linear-gradient(#91fd5b 0%,#eb843f 100%)}.alice-pixxel__question-content--bg-8[data-v-8b094382]{background:linear-gradient(#e78941 0%,#a13e8f 100%)}.alice-pixxel__question-content--bg-9[data-v-8b094382]{background:linear-gradient(#e5a2d8 0%,#0fb259 100%)}.alice-pixxel__question-content--bg-10[data-v-8b094382]{background:linear-gradient(#a4c7ff 0%,#dfb83a 100%)}.alice-pixxel__question-title[data-v-8b094382]{margin:0 0 1.2rem;font-size:1.8rem}.alice-pixxel__question-answers[data-v-8b094382]{gap:.8rem;max-height:310px;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.alice-pixxel__question-answer-item[data-v-8b094382]{margin:0}.alice-pixxel__question-answer-button[data-v-8b094382]{text-align:left;cursor:pointer;color:#000c;background:#0000001a;border:2px solid #0000;border-radius:50px;width:100%;padding:.6rem 1.2rem;font-size:1.8rem;line-height:2rem}@media (any-hover:hover){.alice-pixxel__question-answer-button[data-v-8b094382]:hover{background:#0003;border:2px solid #0006}}.alice-pixxel__question-answer-button[data-v-8b094382]:active{background:#0003;border:2px solid #0006}.alice-pixxel__question-answer-button[data-v-8b094382]:focus-visible{outline-offset:2px;outline:2px solid #000c}
1.alice-pixxel__question-answer-button[data-v-8b094382]:disabled{cursor:default}.alice-pixxel__question-answer-button--selected[data-v-8b094382]{background:#0003;border:2px solid #0006;border-radius:50px}.alice-pixxel__question-controls[data-v-8b094382]{z-index:3;background:#000;border-radius:50px;position:absolute;bottom:40px;left:-2px}.alice-pixxel__question-control-button[data-v-8b094382]:has(svg){margin:5px;padding:0}.alice-pixxel__question-control-button[data-v-8b094382]:has(svg):focus-visible{outline-offset:2px;outline:2px solid #fff}.alice-pixxel__question-control-button[data-v-8b094382]:has(svg):disabled{cursor:default;opacity:.7}.alice-pixxel__question-control-button-icon[data-v-8b094382]{background:#039cfd;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:6px;display:flex}.alice-pixxel__question-control-button--secondary[data-v-8b094382]{background:#00000026}.alice-pixxel__button[data-v-2dfb047b]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-2dfb047b]:hover{opacity:.9}}.alice-pixxel__button[data-v-2dfb047b]:active{opacity:.9}.alice-pixxel__button[data-v-2dfb047b]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-2dfb047b]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-2dfb047b]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__loading-screen[data-v-2dfb047b]{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex}.alice-pixxel__retry-button[data-v-2dfb047b]{margin-bottom:.8rem;padding-inline:1.6rem}.alice-pixxel__loading-screen-text-container[data-v-2dfb047b]{color:#fff;background-color:#000;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2.4rem;padding:1.2rem 1.6rem;display:flex}.alice-pixxel__loading-screen-text[data-v-2dfb047b]{line-clamp:2;-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;justify-content:center;align-items:center;height:60px;margin-bottom:.8rem;display:flex;overflow:hidden}.alice-pixxel__loading-screen-ad[data-v-2dfb047b]{min-height:250px}.alice-pixxel__button.alice-pixxel__download-button[data-v-36bfdf92]{background:var(--button-bg,#00000026);border-radius:50%}@media (any-hover:hover){.alice-pixxel__button.alice-pixxel__download-button[data-v-36bfdf92]:hover{opacity:.8}}.alice-pixxel__button.alice-pixxel__download-button[data-v-36bfdf92]:active{opacity:.8}.alice-pixxel__button-wrapper .alice-pixxel__button.alice-pixxel__download-button[data-v-36bfdf92]{--button-bg:#ffffffb3}.alice-pixxel__button[data-v-73497e49],.alice-pixxel__share-image-button[data-v-73497e49]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-73497e49]:hover,.alice-pixxel__share-image-button[data-v-73497e49]:hover{opacity:.9}}.alice-pixxel__button[data-v-73497e49]:active,.alice-pixxel__share-image-button[data-v-73497e49]:active{opacity:.9}:is(.alice-pixxel__button[data-v-73497e49]:has(span),.alice-pixxel__share-image-button[data-v-73497e49]:has(span)){padding-inline:1.6rem}:is(.alice-pixxel__button[data-v-73497e49]:has(svg),.alice-pixxel__share-image-button[data-v-73497e49]:has(svg)){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-73497e49]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__share-image-button[data-v-73497e49]{background:#77206a;width:100%}.alice-pixxel__button[data-v-3db6c521],.alice-pixxel__print-image-button[data-v-3db6c521]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-3db6c521]:hover,.alice-pixxel__print-image-button[data-v-3db6c521]:hover{opacity:.9}}.alice-pixxel__button[data-v-3db6c521]:active,.alice-pixxel__print-image-button[data-v-3db6c521]:active{opacity:.9}:is(.alice-pixxel__button[data-v-3db6c521]:has(span),.alice-pixxel__print-image-button[data-v-3db6c521]:has(span)){padding-inline:1.6rem}:is(.alice-pixxel__button[data-v-3db6c521]:has(svg),.alice-pixxel__print-image-button[data-v-3db6c521]:has(svg)){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-3db6c521]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__print-image-button[data-v-3db6c521]{background:#77206a;width:100%}.alice-pixxel__button[data-v-92acd158]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-92acd158]:hover{opacity:.9}}.alice-pixxel__button[data-v-92acd158]:active{opacity:.9}.alice-pixxel__button[data-v-92acd158]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-92acd158]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-92acd158]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}@keyframes animate-headline-92acd158{0%{opacity:0;transform:scale(.4)rotate(8deg)}30%{opacity:1;transform:scale(1)rotate(0)}60%{transform:scale(.8)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes animate-result-92acd158{0%{opacity:0}
1to{opacity:1}}.alice-pixxel__result-screen[data-v-92acd158]{opacity:0;width:100%;max-width:300px;display:none;position:relative}.alice-pixxel__result-screen--show[data-v-92acd158]{animation:.15s forwards animate-result-92acd158;display:block}.alice-pixxel__result-headline[data-v-92acd158]{color:#fff;text-shadow:5px 0 #000,4.9003px .9933px #000,4.6053px 1.947px #000,4.1266px 2.8232px #000,3.4835px 3.5867px #000,2.7015px 4.2073px #000,1.8117px 4.6602px #000,.8498px 4.9272px #000,-.1459px 4.9978px #000,-1.136px 4.8692px #000,-2.0807px 4.5464px #000,-2.9425px 4.0424px #000,-3.6869px 3.3773px #000,-4.2844px 2.5775px #000,-4.7111px 1.6749px #000,-4.9499px .7056px #000,-4.9914px -.2918px #000,-4.8339px -1.2777px #000,-4.4837px -2.2126px #000,-3.9548px -3.0592px #000,-3.2682px -3.784px #000,-2.4513px -4.3578px #000,-1.5366px -4.758px #000,-.5607px -4.9684px #000,.4374px -4.9808px #000,1.4183px -4.7946px #000,2.3425px -4.4172px #000,3.1734px -3.8638px #000,3.8778px -3.1563px #000,4.4276px -2.323px #000,4.8008px -1.397px #000,4.9827px -.4154px #000;text-align:center;max-width:100%;font-size:4rem;line-height:1.5;display:none}.alice-pixxel__result-headline--show[data-v-92acd158]{animation:1.5s forwards animate-headline-92acd158;display:block}.alice-pixxel__result-image[data-v-92acd158]{background:linear-gradient(#fff,#000) border-box;border-radius:25px;padding:6px;box-shadow:0 6px 6px #00000040}.alice-pixxel__result-screen .alice-pixxel__share-button[data-v-92acd158]{background:#ff25d7}.alice-pixxel__background-cards[data-v-9b4f867a]{pointer-events:none;border-radius:25px;width:350px;height:450px;position:relative}.alice-pixxel__background-cards-card[data-v-9b4f867a]{transform:translate(var(--stack-offset-x), var(--stack-offset-y)) rotate(var(--stack-rotate));z-index:0;border-radius:25px;width:300px;height:400px;transition:none;position:absolute;inset:0}.alice-pixxel__background-cards-card--top[data-v-9b4f867a]{will-change:transform, opacity;transition:transform .28s,opacity .28s}.alice-pixxel__question-content--bg-1[data-v-9b4f867a]{background:linear-gradient(#9dfc00 0%,#2b9fb1 100%)}.alice-pixxel__question-content--bg-2[data-v-9b4f867a]{background:linear-gradient(#00dafc 0%,#a49033 100%)}.alice-pixxel__question-content--bg-3[data-v-9b4f867a]{background:linear-gradient(#ffdb25 0%,#a13e8f 100%)}.alice-pixxel__question-content--bg-4[data-v-9b4f867a]{background:linear-gradient(#de64c8 0%,#2ab6b9 100%)}.alice-pixxel__question-content--bg-5[data-v-9b4f867a]{background:linear-gradient(#3eecc3 0%,#3e76a1 100%)}.alice-pixxel__question-content--bg-6[data-v-9b4f867a]{background:linear-gradient(#bd6bea 0%,#2ab346 100%)}.alice-pixxel__question-content--bg-7[data-v-9b4f867a]{background:linear-gradient(#91fd5b 0%,#eb843f 100%)}.alice-pixxel__question-content--bg-8[data-v-9b4f867a]{background:linear-gradient(#e78941 0%,#a13e8f 100%)}.alice-pixxel__question-content--bg-9[data-v-9b4f867a]{background:linear-gradient(#e5a2d8 0%,#0fb259 100%)}.alice-pixxel__question-content--bg-10[data-v-9b4f867a]{background:linear-gradient(#a4c7ff 0%,#dfb83a 100%)}.alice-pixxel-background-cards-enter-active.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-leave-active.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-move.alice-pixxel__background-cards-card--top[data-v-9b4f867a]{transition:transform .28s,opacity .28s}.alice-pixxel-background-cards-enter-from.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-leave-to.alice-pixxel__background-cards-card--top[data-v-9b4f867a]{opacity:0;transform:translate(var(--stack-offset-x), var(--stack-offset-y)) rotate(var(--stack-rotate)) scale(.98)}@media (prefers-reduced-motion:reduce){.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-enter-active.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-leave-active.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel-background-cards-move.alice-pixxel__background-cards-card--top[data-v-9b4f867a],.alice-pixxel__question-background[data-v-9b4f867a]{transition:none}}.alice-pixxel__button[data-v-d1279626]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-d1279626]:hover{opacity:.9}}.alice-pixxel__button[data-v-d1279626]:active{opacity:.9}.alice-pixxel__button[data-v-d1279626]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-d1279626]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-d1279626]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__stage[data-v-d1279626]{height:550px;scroll-margin-top:var(--alice-body-padding-top);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}body:not(.device--category-smartphone) .alice-pixxel__stage[data-v-d1279626]{scroll-margin-top:calc(var(--alice-body-padding-top) + 2.4rem)}.alice-pixxel__stage[data-v-d1279626]:has(.alice-pixxel__image--fullscreen,.alice-pixxel__image--animating-in,.alice-pixxel__image--animating-out){z-index:1}.device--category-smartphone .alice-pixxel__stage[data-v-d1279626]{margin-inline:-15px}.device--category-desktop .alice-pixxel__stage[data-v-d1279626]{border-top-left-radius:2rem;border-top-right-radius:2rem;overflow:hidden}.entry-fade-enter-active[data-v-d1279626],.entry-fade-leave-active[data-v-d1279626]{transition:opacity .5s,transform .5s}.entry-fade-enter-from[data-v-d1279626],.entry-fade-leave-to[data-v-d1279626]{opacity:0;transform:translateY(8px)rotate(-3deg)}.alice-pixxel__button[data-v-f24177e0]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-f24177e0]:hover{opacity:.9}}.alice-pixxel__button[data-v-f24177e0]:active{opacity:.9}.alice-pixxel__button[data-v-f24177e0]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-f24177e0]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-f24177e0]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__show-all[data-v-f24177e0]{color:#fff;background-color:#000;justify-content:center;align-items:center;height:80px;margin-bottom:2.4rem;font-size:2rem;display:flex}.device--category-smartphone .alice-pixxel__show-all[data-v-f24177e0]{margin-inline:-15px}.device--category-desktop .alice-pixxel__show-all[data-v-f24177e0]{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.alice-pixxel__show-all .alice-pixxel__show-all-link[data-v-f24177e0]{color:#039cfd}.alice-pixxel__button[data-v-1e85722a]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-1e85722a]:hover{opacity:.9}}.alice-pixxel__button[data-v-1e85722a]:active{opacity:.9}.alice-pixxel__button[data-v-1e85722a]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-1e85722a]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-1e85722a]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}@keyframes reaction-pop-1e85722a{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.alice-pixxel__reaction[data-v-1e85722a]{z-index:1;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:2rem;align-items:center;gap:.4rem;padding:.8rem;font-size:1.2rem;transition:opacity .2s ease-in-out;display:flex;position:absolute;top:.8rem;right:.8rem}.alice-pixxel__reaction[data-v-1e85722a]:disabled{cursor:default}.alice-pixxel__reaction[data-v-1e85722a]:not(:disabled):hover{opacity:.9}.alice-pixxel__reaction-icon[data-v-1e85722a]{transform-origin:50%;fill:#fff;transition:fill .2s ease-in-out;display:block}.alice-pixxel__reaction--active .alice-pixxel__reaction-icon[data-v-1e85722a]{fill:#d9534f;animation:.3s ease-out reaction-pop-1e85722a}.device--category-desktop .alice-adslot-label[data-v-d402e0f2]{font-family:var(--alice-primary-font-family)}.alice-pixxel__button[data-v-cd83c5d5]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-cd83c5d5]:hover{opacity:.9}}.alice-pixxel__button[data-v-cd83c5d5]:active{opacity:.9}.alice-pixxel__button[data-v-cd83c5d5]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-cd83c5d5]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-cd83c5d5]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__related-teaser[data-v-cd83c5d5]{cursor:pointer;background:#0000000d;border-radius:2.5rem;text-decoration:none;transition:opacity .2s;display:block;position:relative;overflow:hidden}.alice-pixxel__related-teaser[data-v-cd83c5d5]:hover{opacity:.9}.alice-pixxel__related-teaser-image[data-v-cd83c5d5]{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.device--category-desktop .alice-pixxel__related-teaser-image[data-v-cd83c5d5]{aspect-ratio:16/9}.alice-pixxel__related-teaser-image-placeholder[data-v-cd83c5d5]{aspect-ratio:4/3;background:#0000001a;width:100%}.device--category-desktop .alice-pixxel__related-teaser-image-placeholder[data-v-cd83c5d5]{aspect-ratio:16/9}.alice-pixxel__button[data-v-3bd52950],.alice-pixxel__gallery-sort-button[data-v-3bd52950]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-3bd52950]:hover,.alice-pixxel__gallery-sort-button[data-v-3bd52950]:hover{opacity:.9}}.alice-pixxel__button[data-v-3bd52950]:active,.alice-pixxel__gallery-sort-button[data-v-3bd52950]:active{opacity:.9}:is(.alice-pixxel__button[data-v-3bd52950]:has(span),.alice-pixxel__gallery-sort-button[data-v-3bd52950]:has(span)){padding-inline:1.6rem}:is(.alice-pixxel__button[data-v-3bd52950]:has(svg),.alice-pixxel__gallery-sort-button[data-v-3bd52950]:has(svg)){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-3bd52950],.alice-pixxel__gallery-actions[data-v-3bd52950]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__gallery[data-v-3bd52950]{max-width:650px;margin-bottom:2.4rem;margin-left:auto;margin-right:auto}.alice-pixxel__gallery h2[data-v-3bd52950]{margin-bottom:1.2rem;font-size:2.4rem;line-height:3.2rem}.device--category-desktop .alice-pixxel__gallery h2[data-v-3bd52950]{font-size:3.2rem}
1.alice-pixxel__gallery-count[data-v-3bd52950]{color:#777;font-weight:400}.alice-pixxel__gallery-sort[data-v-3bd52950]{gap:.8rem;margin-bottom:1.2rem;display:flex}.device--category-desktop .alice-pixxel__gallery-sort[data-v-3bd52950]{margin-bottom:2.4rem}.alice-pixxel__gallery-sort-button[data-v-3bd52950]{color:#000c;background:0 0;border:4px solid #0000001a}.alice-pixxel__gallery-sort-button--active[data-v-3bd52950]{color:#fff;background:#039cfd;border-color:#0000}.alice-pixxel__gallery-image[data-v-3bd52950]{position:relative}.alice-pixxel__gallery-image:has(.alice-pixxel__image--fullscreen,.alice-pixxel__image--animating-in,.alice-pixxel__image--animating-out) .alice-pixxel__reaction[data-v-3bd52950]{opacity:0;pointer-events:none}.alice-pixxel__gallery-list[data-v-3bd52950]{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.device--category-desktop .alice-pixxel__gallery-list[data-v-3bd52950]{grid-template-columns:repeat(3,1fr);gap:2.4rem;margin:0 0 2.4rem}.alice-pixxel__gallery-list--user[data-v-3bd52950]{margin-bottom:2.4rem}.alice-pixxel__gallery-list-item[data-v-3bd52950]{width:100%;min-width:0;overflow:hidden}.alice-pixxel__gallery-list-item[data-v-3bd52950]:has(.alice-pixxel__image--fullscreen,.alice-pixxel__image--animating-in,.alice-pixxel__image--animating-out){z-index:7}.alice-pixxel__gallery-breaker[data-v-3bd52950]{flex-direction:column;grid-column:1/-1;gap:1.2rem;display:flex}.device--category-desktop .alice-pixxel__gallery-breaker[data-v-3bd52950]{gap:2.4rem}.alice-pixxel__gallery-more[data-v-3bd52950]{cursor:pointer;text-transform:uppercase;color:#000c;background:0 0;border:4px solid #0000001a;border-radius:5rem;justify-content:center;align-items:center;width:320px;margin:0 auto 2.4rem;padding:.4rem 1.2rem;display:flex}.alice-pixxel__gallery-more span[data-v-3bd52950]{flex:1 0 0;justify-content:center;align-items:center;display:flex}.alice-pixxel__gallery-more svg[data-v-3bd52950]{fill:#000c}.alice-pixxel__gallery-actions[data-v-3bd52950]{border:unset;background:0 0;width:auto;margin-top:.8rem}.alice-pixxel__button[data-v-1fd80cd1]{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button[data-v-1fd80cd1]:hover{opacity:.9}}.alice-pixxel__button[data-v-1fd80cd1]:active{opacity:.9}.alice-pixxel__button[data-v-1fd80cd1]:has(span){padding-inline:1.6rem}.alice-pixxel__button[data-v-1fd80cd1]:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper[data-v-1fd80cd1]{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel__sticky-start-button[data-v-1fd80cd1]{visibility:hidden;opacity:0;inset:auto 0 calc(var(--alice-bottom-ad-height,0px) + 5px);z-index:6;width:fit-content;margin-inline:auto;font-size:1.6rem;transition:visibility .3s,opacity .3s ease-out,transform .3s ease-out;position:fixed;transform:translateY(100%)}.alice-pixxel__sticky-start-button[data-v-1fd80cd1] svg{transition:transform .3s ease-out .3s}body:not(.device--category-smartphone) .alice-pixxel__sticky-start-button[data-v-1fd80cd1]{inset-inline:auto calc(50% - 485px);bottom:calc(var(--alice-bottom-ad-height,0px) + 15px);font-size:1.8rem}.alice-pixxel__sticky-start-button--visible[data-v-1fd80cd1]{visibility:visible;opacity:1;transform:none}.alice-pixxel__sticky-start-button--visible[data-v-1fd80cd1] svg{transform:rotate(-90deg)}.alice-pixxel__button{color:#fff;text-transform:uppercase;cursor:pointer;background:#039cfd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:1.2rem;padding:.8rem;font-size:1.8rem;line-height:2rem;transition:opacity .2s ease-in-out;display:flex}@media (any-hover:hover){.alice-pixxel__button:hover{opacity:.9}}.alice-pixxel__button:active{opacity:.9}.alice-pixxel__button:has(span){padding-inline:1.6rem}.alice-pixxel__button:has(svg){padding-right:.8rem}.alice-pixxel__button-wrapper{background:#000;border:6px solid #0000;border-radius:50rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:-6px;display:flex}.alice-pixxel{z-index:20;font-family:Chewy,Arial,Helvetica,sans-serif;position:relative}.alice-pixxel h2{font-family:inherit;font-weight:400}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})(); 2import { i as e, n as t, r as n } from "./rolldown-runtime-BEVGH_SI.esm.min.js"; 3import { n as r, t as i } from "./element-observer-DvEULH4y.esm.min.js"; 4import { A as a, E as o, G as s, H as c, K as l, V as u, W as d, Y as f, a as p, c as m, f as h, m as g, o as _, p as v, s as y, w as b } from "./utils-B4A2xwrN.esm.min.js"; 5import { n as x, t as S } from "./error-logger-B5ObxGrl.esm.min.js"; 6import { r as C, t as w } from "./tracking-BYzwbOl5.esm.min.js"; 7import { I as T, P as E, R as D } from "./@vue-shared-CbyUmf7D.esm.min.js"; 8import { A as O, p as ee, v as k } from "./@vue-reactivity-B3Dai_ob.esm.min.js"; 9import { E as A, G as j, H as te, O as M, P as N, S as ne, T as re, W as ie, c as P, d as F, g as I, h as L, j as R, k as ae, l as z, m as oe, p as se, r as B, s as V, u as H } from "./@vue-runtime-core-BThfqZSV.esm.min.js"; 10import { n as ce, r as le, t as ue, u as de } from "./@vue-runtime-dom-GRp1zN55.esm.min.js"; 11import { t as U } from "./vue-DTYvJ-jE.esm.min.js"; 12import { n as W, t as G } from "./plugin-vue-export-helper-B5H_1nZc.esm.min.js"; 13import { n as fe, r as pe, t as me } from "./pinia-Cyqg-i5h.esm.min.js"; 14import { t as he } from "./@smb-filer-js-sdk-D3mpVfbB.esm.min.js"; 15import { n as ge, t as _e } from "./@smb-reactions-V67Vd2ar.esm.min.js"; 16var K, ve, ye, q, be, xe, Se, Ce, we, Te, Ee, De, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be, Ve, He, Ue, We, Ge, Ke, J, qe, Y, Je, Ye, X, Z = t(() => { 17 U(), pe(), w(), K = fe("pixxel", { 18 state: () => ({ 19 currentScreen: "entry", 20 currentQuestionIndex: 0, 21 data: ne("oembedData"), 22 answers: [], 23 result: null 24 }), 25 actions: { 26 startGenerator() { 27 this.currentScreen = "questions", C({ 28 event: "image-generator-started", 29 generatorId: this.data.generator_id ?? "" 30 }); 31 }, 32 saveAnswer(e, t) { 33 let n = { 34 question_id: e, 35 answer_id: t 36 }, r = this.answers.findIndex((e) => e.question_id === n.question_id); 37 this.answers = r === -1 ? [...this.answers, n] : this.answers.map((e, t) => t === r ? n : e); 38 }, 39 nextQuestion() { 40 let e = Math.max((this.data.questions.length || 1) - 1, 0); 41 this.currentQuestionIndex = Math.min(this.currentQuestionIndex + 1, e); 42 }, 43 previousQuestion() { 44 this.currentQuestionIndex = Math.max(this.currentQuestionIndex - 1, 0); 45 } 46 } 47 }); 48}), Xe = t(() => { 49 U(), w(), l(), o(), Z(), ve = [ 50 "src", 51 "alt", 52 "loading" 53 ], ye = I({ 54 __name: "Image", 55 props: { image: {} }, 56 setup(e) { 57 let t = e, n = V(() => t.image.position ?? "generator"), r = K(), i = k("initial"), o = k(!1), c = k(0), l = k(0), u = k(null), d = k(null), f = (e = !0) => { 58 if (!e) return { 59 width: 4, 60 height: 5 61 }; 62 let t = Number(r.data.ui.image_size.width), n = Number(r.data.ui.image_size.height); 63 return !Number.isFinite(t) || !Number.isFinite(n) || t <= 0 || n <= 0 ? { 64 width: 4, 65 height: 5 66 } : { 67 width: t, 68 height: n 69 }; 70 }, p = V(() => { 71 if (n.value !== "gallery") return null; 72 let { width: e, height: t } = f(); 73 return { aspectRatio: `${e} / ${t}` }; 74 }), m = (e, t) => { 75 let r = window.innerWidth, i = window.innerHeight, { width: a, height: o } = f(n.value !== "entry"), s = a / o, c = r, l = i; 76 s > r / i ? l = r / s : c = i * s, t && (c = Math.min(c, t.naturalWi
76dth), l = Math.min(l, t.naturalHeight)); 77 let u = (i - l) / 2, d = (r - c) / 2; 78 return { 79 width: c, 80 height: l, 81 top: u, 82 left: d, 83 scale: e.width / c, 84 translateX: e.left + e.width / 2 - (d + c / 2), 85 translateY: e.top + e.height / 2 - (u + l / 2) 86 }; 87 }, h = (e) => { 88 d.value = e.getBoundingClientRect(); 89 let { width: t, height: n, top: r, left: a, scale: o, translateX: s, translateY: c } = m(d.value, e); 90 e.style.cssText = `\n position: fixed;\n left: ${a}px;\n top: ${r}px;\n width: ${t}px;\n height: ${n}px;\n transform: translate(${s}px, ${c}px) scale(${o});\n border-radius: ${2 / o}rem;\n `, u.value = e, window.requestAnimationFrame(() => { 91 window.requestAnimationFrame(() => { 92 i.value = "animating-in", e.style.transform = "", e.style.borderRadius = "", e.addEventListener("transitionend", () => { 93 i.value = "fullscreen", window.history.pushState({ pixxelFullscreen: !0 }, ""); 94 }, { once: !0 }); 95 }); 96 }); 97 }, g = (e) => { 98 let { scale: t, translateX: n, translateY: r } = m(d.value, e); 99 e.style.transform = `translate(${n}px, ${r}px) scale(${t})`, e.style.borderRadius = 2 / t + "rem", e.addEventListener("transitionend", () => { 100 i.value = "initial", u.value = null, d.value = null, e.style.cssText = ""; 101 }, { once: !0 }); 102 }, _ = (e) => { 103 i.value === "fullscreen" && d.value && (i.value = "animating-out", a() && s && document.fullscreenElement ? document.exitFullscreen().then(() => g(e)).catch(() => g(e)) : g(e)); 104 }, v = (e) => { 105 var t; 106 i.value === "fullscreen" && u.value ? (window.history.back(), _(u.value)) : (t = e.target, i.value === "initial" && (a() && s ? document.documentElement.requestFullscreen().then(() => h(t)).catch(() => h(t)) : h(t), C({ 107 event: "image-generator-open-fullscreen", 108 generatorId: r.data.generator_id ?? "", 109 position: n.value 110 }))); 111 }, y = (e) => { 112 i.value === "fullscreen" && (o.value = !0, c.value = e.touches[0].clientX, l.value = e.touches[0].clientY); 113 }, b = (e) => { 114 i.value === "fullscreen" && Math.abs(e.touches[0].clientX - c.value) + Math.abs(e.touches[0].clientY - l.value) >= 10 && (e.preventDefault(), window.history.back(), _(u.value), c.value = 0, l.value = 0); 115 }, x = () => { 116 o.value = !1; 117 }, S = () => { 118 i.value === "fullscreen" && u.value && (_(u.value), o.value = !1); 119 }, w = (e) => { 120 i.value === "fullscreen" && u.value && e.key === "Escape" && (window.history.back(), _(u.value)); 121 }; 122 return window.addEventListener("popstate", S), document.addEventListener("keyup", w), ae(() => { 123 window.removeEventListener("popstate", S), document.removeEventListener("keyup", w); 124 }), (e, n) => (R(), F("div", { class: E(["alice-pixxel__image", { 125 "alice-pixxel__image--animating-in": i.value === "animating-in", 126 "alice-pixxel__image--animating-out": i.value === "animating-out", 127 "alice-pixxel__image--fullscreen": i.value === "fullscreen", 128 "alice-pixxel__image--touching": o.value 129 }]) }, [P("div", { 130 class: "alice-pixxel__image-background", 131 onClick: v, 132 onTouchstart: y, 133 onTouchmove: b, 134 onTouchend: x 135 }, null, 32), P("div", { 136 class: "alice-pixxel__image-wrapper", 137 style: T(p.value) 138 }, [P("img", { 139 src: t.image.image_url, 140 alt: t.image.name ?? "", 141 loading: t.image.loading ?? "lazy", 142 draggable: "false", 143 onClick: v, 144 onTouchstart: y, 145 onTouchmove: b, 146 onTouchend: x 147 }, null, 40, ve)], 4)], 2)); 148 } 149 }); 150}), Ze = t(() => {}), Qe = t(() => {}), $e = t(() => { 151 Xe(), Xe(), Ze(), Qe(), W(), q = G(ye, [["__scopeId", "data-v-922c9795"]]); 152}), et = t(() => { 153 U(), Z(), be = ["aria-label"], xe = I({ 154 __name: "StartButton", 155 setup(e) { 156 let t = K(); 157 return (e, n) => (R(), F("button", { 158 class: "alice-pixxel__button", 159 type: "button", 160 "aria-label": O(t).data.ui.entry_screen.start_button_label 161 }, [P("span", null, D(O(t).data.ui.entry_screen.start_button_label), 1), n[0] ||= P("svg", { 162 xmlns: "http://www.w3.org/2000/svg", 163 width: "24", 164 height: "24",
165 viewBox: "0 0 20 20", 166 fill: "none" 167 }, [P("path", { 168 d: "M0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0C4.48 0 0 4.48 0 10ZM10 7.21V9H13C13.55 9 14 9.45 14 10C14 10.55 13.55 11 13 11H10V12.79C10 13.24 9.46 13.46 9.15 13.14L6.36 10.35C6.16 10.15 6.16 9.84 6.36 9.64L9.15 6.85C9.46 6.54 10 6.76 10 7.21Z", 169 transform: "rotate(180 10 10)", 170 fill: "white" 171 })], -1)], 8, be)); 172 } 173 }); 174}), tt = t(() => { 175 et(), et(), Se = xe; 176}), nt = t(() => { 177 U(), Z(), $e(), tt(), Ce = { class: "alice-pixxel__entry-screen" }, we = { class: "alice-pixxel__entry-screen-image" }, Te = { class: "alice-pixxel__button-wrapper" }, Ee = I({ 178 __name: "EntryScreen", 179 setup(e) { 180 let t = K(), n = V(() => t.data.shared_image?.image_url ?? t.data.ui.entry_screen.image); 181 return (e, r) => (R(), F("div", Ce, [P("div", we, [L(q, { image: { 182 image_url: n.value, 183 loading: "eager", 184 position: "entry" 185 } }, null, 8, ["image"])]), P("div", Te, [L(Se, { 186 class: "alice-pixxel__start-button", 187 onClick: r[0] ||= (e) => O(t).startGenerator() 188 })])])); 189 } 190 }); 191}), rt = t(() => {}), it = t(() => { 192 nt(), nt(), rt(), W(), De = G(Ee, [["__scopeId", "data-v-1bfcd2dc"]]); 193}), at = t(() => { 194 U(), w(), Z(), Oe = { 195 key: 0, 196 class: "alice-pixxel__question-screen" 197 }, ke = { class: "alice-pixxel__question" }, Ae = { class: "alice-pixxel__question-title" }, je = ["aria-label"], Me = [ 198 "aria-checked", 199 "disabled", 200 "onClick" 201 ], Ne = { 202 key: 0, 203 class: "alice-pixxel__question-controls" 204 }, Pe = ["disabled"], Fe = I({ 205 __name: "QuestionsScreen", 206 setup(e) { 207 let t = K(), n = k(!1), r = null; 208 M(() => { 209 n.value = !1, t.answers = [], t.currentQuestionIndex = 0; 210 }), A(() => { 211 n.value = !1, r !== null && (clearTimeout(r), r = null); 212 }); 213 let i = V(() => t.data.questions[t.currentQuestionIndex]), a = V(() => i.value?.question || "Untitled question"), o = V(() => { 214 let e = i.value?.id; 215 return e && t.answers.find((t) => t.question_id === String(e))?.answer_id || null; 216 }), s = V(() => t.currentQuestionIndex > 0), c = [ 217 "alice-pixxel__question-content--bg-1", 218 "alice-pixxel__question-content--bg-2", 219 "alice-pixxel__question-content--bg-3", 220 "alice-pixxel__question-content--bg-4", 221 "alice-pixxel__question-content--bg-5", 222 "alice-pixxel__question-content--bg-6", 223 "alice-pixxel__question-content--bg-7", 224 "alice-pixxel__question-content--bg-8", 225 "alice-pixxel__question-content--bg-9", 226 "alice-pixxel__question-content--bg-10" 227 ], l = V(() => c[t.currentQuestionIndex % c.length] || c[0]); 228 return (e, c) => i.value ? (R(), F("div", Oe, [P("div", ke, [P("div", { class: E(["alice-pixxel__question-content", l.value]) }, [P("h2", Ae, D(a.value), 1), P("ul", { 229 class: "alice-pixxel__question-answers", 230 role: "radiogroup", 231 "aria-label": a.value 232 }, [(R(!0), F(B, null, N(i.value.answers, (e) => (R(), F("li", { 233 key: e.id || e.label, 234 class: "alice-pixxel__question-answer-item" 235 }, [P("button", { 236 type: "button", 237 class: E(["alice-pixxel__question-answer-button", { "alice-pixxel__question-answer-button--selected": e.id === o.value }]), 238 role: "radio", 239 "aria-checked": e.id === o.value, 240 disabled: n.value, 241 onClick: (a) => ((e) => { 242 let a = i.value?.id; 243 if (!a || !e || n.value) return; 244 n.value = !0, C({ 245 event: "image-generator-question-answered", 246 generatorId: t.data.generator_id ?? "", 247 imageQuestionTotal: t.data.questions?.length ?? 0, 248 imageQuestion: t.currentQuestionIndex + 1 249 }), t.saveAnswer(a, e.id); 250 let o = t.currentQuestionIndex >= t.data.questions.length - 1; 251 r = window.setTimeout(() => { 252 if (o) return t.currentScreen = "loading", void (r = null); 253 t.nextQuestion(), n.value = !1, r = null; 254 }, 50); 255 })(e) 256 }, D(e.label), 11, Me)]))), 128))], 8, je)], 2)]), s.value ? (R(), F("div", Ne, [P("button", { 257 type: "button", 258 class: "alice-pixxel__question-control-button alice-pixxel__question-control-button--secondary", 259 "aria-label": "Zur vorherigen Frage", 260 disabled: n.value, 261 onClick: c[0] ||= (e) => O(t).previousQuestion() 262 }, [...c[1] ||= [P("div", { class: "alice-pixxel__question-control-button-icon" }, [P("svg", { 263 xmlns: "http://www.w3.org/2000/svg", 264 width: "20", 265 height: "20",
266 viewBox: "0 0 20 20", 267 fill: "none" 268 }, [P("path", { 269 d: "M0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0C4.48 0 0 4.48 0 10ZM10 7.21V9H13C13.55 9 14 9.45 14 10C14 10.55 13.55 11 13 11H10V12.79C10 13.24 9.46 13.46 9.15 13.14L6.36 10.35C6.16 10.15 6.16 9.84 6.36 9.64L9.15 6.85C9.46 6.54 10 6.76 10 7.21Z", 270 fill: "white" 271 })])], -1)]], 8, Pe)])) : H("", !0)])) : H("", !0); 272 } 273 }); 274}), ot = t(() => {}), st = t(() => { 275 at(), at(), ot(), W(), Ie = G(Fe, [["__scopeId", "data-v-8b094382"]]); 276}), ct = t(() => { 277 U(), Z(), v(), w(), c(), x(), o(), y(), Le = { class: "alice-pixxel__loading-screen" }, Re = { class: "alice-pixxel__loading-screen-text-container" }, ze = { class: "alice-pixxel__loading-screen-text" }, Be = { 278 key: 1, 279 class: "alice-pixxel__ai-sparkle", 280 "aria-hidden": "true" 281 }, Ve = { class: "alice-pixxel__loading-screen-ad" }, He = ["data-slotname", "data-sdg-ad"], Ue = I({ 282 __name: "LoadingScreen", 283 setup(e) { 284 let t = K(), n = k(""), r = k(!1), i = te("ad"), o = m() ? "https://pixxel-staging.stroeermb.de/generate" : "https://pixxel.ws.stroeermb.de/generate", s = null, c = null, l = null, f = !1, p = () => { 285 let e = t.data.ui.loading_screen.lines; 286 if (e.length === 0) return; 287 let r = Math.floor(Math.random() * e.length); 288 n.value = e[r]; 289 }, h = (e) => { 290 n.value = e, s !== null && (clearInterval(s), s = null); 291 }; 292 M(async () => { 293 t.result = null, document.dispatchEvent(new CustomEvent("adloader:unregister-ad", { detail: a() ? "mobilegenerator" : "generator" })), document.dispatchEvent(new CustomEvent("adloader:load-ad", { detail: i.value })), p(), s = window.setInterval(p, 3e3); 294 let e = (n = 7e3, new Promise((e) => { 295 c = window.setTimeout(() => { 296 c = null, e(); 297 }, n); 298 })); 299 var n; 300 let r = { 301 answers: t.answers, 302 generator_id: t.data.generator_id, 303 version: t.data.version 304 }; 305 l = window.setTimeout(() => { 306 f || (h("Heute ist viel los, ich schaue, ob ich mich für dich vordrängeln kann."), C({ 307 event: "image-generator-image-delayed", 308 generatorId: t.data.generator_id ?? "" 309 })); 310 }, 11e3); 311 try { 312 let n = await g(o, r); 313 if (f = !0, l !== null && (clearTimeout(l), l = null), n?.status === 200) { 314 let r = await n.json(); 315 C({ 316 event: "image-generator-image-completed", 317 generatorId: t.data.generator_id ?? "" 318 }), e.then(() => { 319 t.result = r, t.currentScreen = "result", ((e) => { 320 let n = String(t.data.generator_id); 321 try { 322 let t = u(n), r = Array.isArray(t) ? t : []; 323 r.unshift(e), d(n, r); 324 } catch { 325 S(/* @__PURE__ */ Error("Pixxel | Error saving image result to localStorage")); 326 } 327 })(r); 328 }); 329 } else _(`Pixxel | Invalid generate endpoint response status: ${n?.status ?? "no-response"}`); 330 } catch { 331 f = !0, l !== null && (clearTimeout(l), l = null), _("Pixxel | Error during fetch request to generate endpoint"); 332 } 333 }), A(() => { 334 s !== null && (clearInterval(s), s = null), c !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null); 335 }); 336 let _ = (e) => { 337 r.value = !0, h("Uff .. Leider hat etwas nicht geklappt. Bitte versuche es noch einmal."), S(Error(e)), C({ 338 event: "image-generator-image-error", 339 generatorId: t.data.generator_id ?? "" 340 }); 341 }; 342 return (e, i) => (R(), F("div", Le, [ 343 P("div", Re, [P("div", ze, D(n.value), 1), r.value ? (R(), F("button", { 344 key: 0, 345 class: "alice-pixxel__button alice-pixxel__retry-button", 346 "aria-label": "Erneut versuchen", 347 onClick: i[0] ||= (e) => O(t).currentScreen = "questions" 348 }, " Erneut versuchen ")) : (R(), F("div", Be, [...i[1] ||= [se("<svg class=\"alice-pixxel__ai-sparkle-main\" viewBox=\"0 0 32 32\" data-v-2dfb047b><path d=\"M16 2L19.2 12.8L30 16L19.2 19.2L16 30L12.8 19.2L2 16L12.8 12.8L16 2Z\" data-v-2dfb047b></path></svg><svg class=\"alice-pixxel__ai-sparkle-orbit\" viewBox=\"0 0 20 20\" data-v-2dfb047b>
348<path d=\"M10 1L11.8 8.2L19 10L11.8 11.8L10 19L8.2 11.8L1 10L8.2 8.2L10 1Z\" data-v-2dfb047b></path></svg><svg class=\"alice-pixxel__ai-sparkle-orbit-2\" viewBox=\"0 0 16 16\" data-v-2dfb047b><path d=\"M8 1L9.4 6.6L15 8L9.4 9.4L8 15L6.6 9.4L1 8L6.6 6.6L8 1Z\" data-v-2dfb047b></path></svg>", 3)]]))]), 349 P("div", Ve, [P("div", { 350 ref: "ad", 351 "data-slotname": O(a)() ? "mobilegenerator" : "generator", 352 "data-sdg-ad": O(a)() ? "mobilegenerator" : "generator" 353 }, null, 8, He)]), 354 i[2] ||= P("link", { 355 rel: "preload", 356 as: "image", 357 href: "https://cms-media.stroeermb.de/22/7b/85/0f9ab2f8c30fc1e4ed17489749_cmUgMCAxMTAwAzJiMGFmM2M0MTg0.png" 358 }, null, -1) 359 ])); 360 } 361 }); 362}), lt = t(() => {}), ut = t(() => { 363 ct(), ct(), lt(), W(), We = G(Ue, [["__scopeId", "data-v-2dfb047b"]]); 364}), dt = t(() => { 365 U(), Z(), w(), Ge = ["href"], Ke = I({ 366 __name: "DownloadButton", 367 props: { 368 id: {}, 369 url: {}, 370 position: { default: "generator" } 371 }, 372 setup(e) { 373 let t = K(), n = `${e.id}.png`, r = (e, t) => { 374 let n = document.createElement("a"); 375 n.href = e, n.download = t, document.body.appendChild(n), n.click(), n.remove(); 376 }, i = async () => { 377 let i; 378 try { 379 let t = await fetch(`${e.url}?format=raw`); 380 if (!t.ok) throw Error("Download failed"); 381 let a = await t.blob(); 382 i = URL.createObjectURL(a), r(i, n); 383 } catch { 384 r(e.url, n); 385 } finally { 386 i && setTimeout(() => URL.revokeObjectURL(i), 1e3); 387 } 388 C({ 389 event: "image-generator-download", 390 generatorId: t.data.generator_id ?? "", 391 position: e.position 392 }); 393 }; 394 return (t, r) => (R(), F("a", { 395 class: "alice-pixxel__button alice-pixxel__download-button", 396 href: e.url, 397 download: n, 398 onClick: de(i, ["prevent"]) 399 }, [...r[0] ||= [P("svg", { 400 xmlns: "http://www.w3.org/2000/svg", 401 width: "20", 402 height: "20", 403 viewBox: "0 0 20 20" 404 }, [P("path", { d: "M10 14.4688C9.83333 14.4688 9.67708 14.4425 9.53125 14.39C9.38542 14.3383 9.25 14.25 9.125 14.125L4.625 9.625C4.39583 9.39583 4.28125 9.10417 4.28125 8.75C4.28125 8.39583 4.39583 8.10417 4.625 7.875C4.85417 7.64583 5.15083 7.52583 5.515 7.515C5.88 7.505 6.17708 7.61458 6.40625 7.84375L8.75 10.1875V1.25C8.75 0.895833 8.87 0.59875 9.11 0.35875C9.34917 0.119584 9.64583 0 10 0C10.3542 0 10.6513 0.119584 10.8913 0.35875C11.1304 0.59875 11.25 0.895833 11.25 1.25V10.1875L13.5938 7.84375C13.8229 7.61458 14.12 7.505 14.485 7.515C14.8492 7.52583 15.1458 7.64583 15.375 7.875C15.6042 8.10417 15.7188 8.39583 15.7188 8.75C15.7188 9.10417 15.6042 9.39583 15.375 9.625L10.875 14.125C10.75 14.25 10.6146 14.3383 10.4688 14.39C10.3229 14.4425 10.1667 14.4688 10 14.4688ZM2.5 20C1.8125 20 1.22417 19.7554 0.735 19.2663C0.245 18.7763 0 18.1875 0 17.5V15C0 14.6458 0.119584 14.3487 0.35875 14.1087C0.59875 13.8696 0.895833 13.75 1.25 13.75C1.60417 13.75 1.90125 13.8696 2.14125 14.1087C2.38042 14.3487 2.5 14.6458 2.5 15V17.5H17.5V15C17.5 14.6458 17.62 14.3487 17.86 14.1087C18.0992 13.8696 18.3958 13.75 18.75 13.75C19.1042 13.75 19.4008 13.8696 19.64 14.1087C19.88 14.3487 20 14.6458 20 15V17.5C20 18.1875 19.7554 18.7763 19.2663 19.2663C18.7763 19.7554 18.1875 20 17.5 20H2.5Z" })], -1)]], 8, Ge)); 405 } 406 }); 407}), ft = t(() => {}), pt = t(() => { 408 dt(), dt(), ft(), W(), J = G(Ke, [["__scopeId", "data-v-36bfdf92"]]); 409}), mt = t(() => { 410 U(), Z(), l(), w(), qe = I({ 411 __name: "ShareImageButton", 412 props: { 413 url: {}, 414 position: { default: "generator" } 415 }, 416 setup(e) { 417 let t = K(), n = k(!1), r = () => { 418 navigator.share({ 419 title: "Zu gut, um es nicht zu teilen ð Probier den Bildgenerator selbst aus und erstell dir einzigartige Bilder â¨", 420 url: e.url 421 }), C({ 422 event: "image-generator-share", 423 generatorId: t.data.generator_id ?? "", 424 position: e.position 425 }); 426 }, i = () => { 427 navigator.clipboard.writeText(e.url), n.value = !0, C({ 428 event: "image-generator-share", 429 generatorId: t.data.generator_id ?? "", 430 position: e.position 431 }); 432 }; 433 return (e, t) => O(f) ? (R(), F("button", { 434 key: 0, 435 class: "alice-pixxel__share-image-button", 436 onClick: r 437 }, [...t[0] ||= [P("span", null, "teilen", -1)]])) : (R(), F("button", { 438 key: 1, 439 class: "alice-pixxel__share-image-button", 440 onClick: i 441 }, [P("span", null, D(n.value ? "Link kopiert!" : "Link kopieren"), 1)])); 442 } 443 }); 444}), ht = t(() => {}), gt = t(() => { 445 mt(), mt(), ht(), W(), Y = G(qe, [["__scopeId", "data-v-73497e49"]]); 446}), _t = t(() => { 447 U(), w(), Z(), Je = 0, Ye = I({ 448 name: "PrintImageButton", 449 props: { 450 imageUrl: { 451 type: String, 452 required: !0 453 }, 454 position: { 455 type: String, 456 default: "generator" 457 } 458 }, 459 setup(e) { 460 let t = K(), n = "alice-pixxel-print-container", r = "alice-pixxel-print-style", i = "alice-pixxel-print-ready", a = `print-button-${Je += 1}`, o = null, s = null, c = () => document.getElementById(n), l = () => { 461 c()?.remove(), document.getElementById(r)?.remove(), o !== null && (window.clearTimeout(o), o = null), s &&= (document.removeEventListener("visibilitychange", s), null); 462 }, u = () => { 463 let t = c(); 464 if (t?.dataset.imageUrl === e.imageUrl) return void (t.dataset.ownerId = a); 465 l(); 466 let o = document.createElement("style"); 467 o.id = r, o.textContent = `\n @media print {\n @page {\n margin: 0;\n }\n\n html,\n body {\n width: 100% !important;\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n }\n\n body > *:not(#${n}) {\n display: none !important;\n }\n\n #${n}
467 {\n display: flex !important;\n position: static !important;\n width: 100% !important;\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n overflow: hidden !important;\n break-inside: avoid !important;\n break-after: avoid !important;\n page-break-inside: avoid !important;\n page-break-after: avoid !important;\n }\n\n #${n} img {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n object-fit: contain !important;\n }\n }\n `; 468 let s = document.createElement("div"); 469 s.id = n, s.dataset.imageUrl = e.imageUrl, s.dataset.ownerId = a, s.dataset.printPending = "false", s.dataset.ready = "false", s.setAttribute("aria-hidden", "true"), s.style.display = "none"; 470 let u = document.createElement("img"); 471 var d; 472 u.src = e.imageUrl, u.alt = "Zum Drucken", s.append(u), document.head.append(o), document.body.append(s), (d = u, new Promise((e, t) => { 473 if (d.complete && d.naturalWidth > 0) return void e(); 474 let n = () => { 475 e(); 476 }; 477 d.addEventListener("load", n, { once: !0 }), d.addEventListener("error", () => { 478 t(/* @__PURE__ */ Error("Image could not be loaded for printing")); 479 }, { once: !0 }), typeof d.decode == "function" && d.decode().then(n).catch(() => {}); 480 })).then(() => new Promise((e) => { 481 window.requestAnimationFrame(() => { 482 window.requestAnimationFrame(() => { 483 e(); 484 }); 485 }); 486 })).then(() => { 487 c() === s && (s.dataset.ready = "true", s.dispatchEvent(new CustomEvent(i))); 488 }).catch(() => { 489 c() === s && l(); 490 }); 491 }, d = (n) => { 492 if (n.dataset.imageUrl !== e.imageUrl) return; 493 let r = { 494 left: window.scrollX, 495 top: window.scrollY 496 }, i = () => { 497 window.scrollTo(r.left, r.top), window.requestAnimationFrame(() => { 498 window.requestAnimationFrame(() => { 499 window.scrollTo(r.left, r.top); 500 }); 501 }); 502 }, a = () => { 503 document.visibilityState === "visible" && (l(), i()); 504 }; 505 window.addEventListener("afterprint", () => { 506 n.dataset.printPending = "false", i(), s = a, document.addEventListener("visibilitychange", s), o = window.setTimeout(() => { 507 l(), i(); 508 }, 3e4); 509 }, { once: !0 }), window.print(), C({ 510 event: "image-generator-print", 511 generatorId: t.data.generator_id ?? "", 512 position: e.position 513 }); 514 }; 515 return A(() => { 516 c()?.dataset.ownerId === a && l(); 517 }), { 518 printImage: () => { 519 let t = c(); 520 t?.dataset.imageUrl !== e.imageUrl && (u(), t = c()), t && t.dataset.printPending !== "true" && (t.dataset.printPending = "true", t.dataset.ready === "true" ? d(t) : t.addEventListener(i, () => { 521 d(t); 522 }, { once: !0 })); 523 }, 524 preparePrintContainer: u 525 }; 526 } 527 }); 528}), vt = t(() => {}); 529function yt(e, t, n, r, i, a) { 530 return R(), F("button", { 531 class: "alice-pixxel__print-image-button", 532 type: "button", 533 onPointerdown: t[0] ||= (...t) => e.preparePrintContainer && e.preparePrintContainer(...t), 534 onFocus: t[1] ||= (...t) => e.preparePrintContainer && e.preparePrintContainer(...t), 535 onClick: t[2] ||= (...t) => e.printImage && e.printImage(...t) 536 }, [...t[3] ||= [P("span", null, "drucken", -1)]], 32); 537} 538var bt, xt, St, Ct, wt, Tt, Et, Dt, Ot, kt, At, jt = t(() => { 539 _t(), _t(), U(), vt(), W(), X = G(Ye, [["render", yt], ["__scopeId", "data-v-3db6c521"]]); 540}), Mt = t(() => { 541 U(), Z(), o(), v(), $e(), pt(), gt(), jt(), bt = { class: "alice-pixxel__result-image" }, xt = { class: "alice-pixxel__button-wrapper" }, St = I({ 542 __name: "ResultScreen", 543 setup(e) { 544 let t = K(), n = t.data.type === "printable", r = k(!1), i = null; 545 return M(() => { 546 h(`https://www.${b()}/image-generators/refresh/?image_id=${t.result.signed_image_id}`, "json").then((e) => {}), i = window.setTimeout(() => { 547 r.value = !0; 548 }, 2e3); 549 }), A(() => { 550 i !== null && clearTimeout(i), r.value = !1; 551 }), (e, i) => (R(), F(B, null, [P("div", { class: E(["alice-pixxel__result-screen", { "alice-pixxel__result-screen--show": r.value }]) }, [P("div", bt, [L(q, { image: { 552 name: O(t).result.name, 553 image_url: O(t).result.image_url, 554 loading: "eager" 555 } }, null, 8, ["image"])]), P("div", xt, [ 556 P("button", { 557 class: "alice-pixxel__button", 558 "aria-label": "Nochmal", 559 onClick: i[0] ||= (e) => O(t).currentScreen = "questions" 560 }, " Nochmal "), 561 n ? (R(), z(X, { 562 key: 0, 563 class: "alice-pixxel__share-button", 564 "image-url": O(t).result.image_url, 565 position: "generator" 566 }, null, 8, ["image-url"])) : (R(), z(Y, { 567 key: 1, 568 class: "alice-pixxel__share-button", 569 url: `https://www.${O(b)()}/bildgeneratoren/${O(t).data.generator_id}/?image_id=${O(t).result.signed_image_id}`, 570 position: "generator" 571 }, null, 8, ["url"])), 572 L(J, { 573 id: O(t).result.image_id, 574 url: O(t).result.image_url, 575 position: "generator" 576 }, null, 8, ["id", "url"]) 577 ])], 2), P("div", { class: E(["alice-pixxel__result-headline", { "alice-pixxel__result-headline--show": !r.value }]) }, D(O(t).data.ui.result_screen.headline), 3)], 64)); 578 } 579 }); 580}), Nt = t(() => {}), Pt = t(() => { 581 Mt(), Mt(), Nt(), W(), Ct = G(St, [["__scopeId", "data-v-92acd158"]]); 582}), Ft = t(() => { 583 U(), Z(), o(), wt = I({
584 __name: "BackgroundCards", 585 setup(e) { 586 let t = K(), n = V(() => { 587 let e = Math.max(t.data.questions.length - t.currentQuestionIndex - 1, 0), n = Math.min(e, 2); 588 return Array.from({ length: n }, (e, i) => { 589 let o = t.currentQuestionIndex + 1 + i, s = o % r.length, c = a() ? i + 1.5 : i + 1, l = n - i, u = a() ? 3 : 6, d = a() ? "25px" : "20px"; 590 return a(), { 591 id: `stack-${o}`, 592 className: r[s] || r[0], 593 style: { 594 "--stack-rotate": u * c + "deg", 595 "--stack-offset-x": d, 596 "--stack-offset-y": "20px", 597 zIndex: l 598 } 599 }; 600 }); 601 }), r = [ 602 "alice-pixxel__question-content--bg-1", 603 "alice-pixxel__question-content--bg-2", 604 "alice-pixxel__question-content--bg-3", 605 "alice-pixxel__question-content--bg-4", 606 "alice-pixxel__question-content--bg-5", 607 "alice-pixxel__question-content--bg-6", 608 "alice-pixxel__question-content--bg-7", 609 "alice-pixxel__question-content--bg-8", 610 "alice-pixxel__question-content--bg-9", 611 "alice-pixxel__question-content--bg-10" 612 ]; 613 return (e, t) => (R(), z(ce, { 614 name: "alice-pixxel-background-cards", 615 tag: "div", 616 class: "alice-pixxel__background-cards" 617 }, { 618 default: j(() => [(R(!0), F(B, null, N(n.value, (e, t) => (R(), F("div", { 619 key: e.id, 620 class: E(["alice-pixxel__background-cards-card", [e.className, { "alice-pixxel__background-cards-card--top": t === 0 }]]), 621 style: T(e.style), 622 "aria-hidden": "true" 623 }, null, 6))), 128))]), 624 _: 1 625 })); 626 } 627 }); 628}), It = t(() => {}), Lt = t(() => { 629 Ft(), Ft(), It(), W(), Tt = G(wt, [["__scopeId", "data-v-9b4f867a"]]); 630}), Rt = t(() => { 631 U(), Z(), it(), st(), ut(), Pt(), Lt(), Et = e(he()), Dt = I({ 632 __name: "Stage", 633 setup(e) { 634 let t = K(), n = V(() => { 635 let e = "https://cms-media.stroeermb.de/22/7b/85/0f9ab2f8c30fc1e4ed17489749_cmUgMCAxMTAwAzJiMGFmM2M0MTg0.png"; 636 if (t.currentScreen !== "result") try { 637 e = Et.default.createVariantUrl(t.data.ui.background_image_url, [[ 638 "re", 639 0, 640 1100 641 ]]); 642 } catch { 643 e = t.data.ui.background_image_url; 644 } 645 return e; 646 }); 647 return (e, r) => (R(), F("div", { 648 class: "alice-pixxel__stage", 649 style: T({ backgroundImage: `url(${n.value})` }) 650 }, [ 651 L(ue, { name: "entry-fade" }, { 652 default: j(() => [O(t).currentScreen === "entry" ? (R(), z(De, { key: 0 })) : H("", !0)]), 653 _: 1 654 }), 655 O(t).currentScreen === "questions" ? (R(), z(Ie, { key: 0 })) : O(t).currentScreen === "loading" ? (R(), z(We, { key: 1 })) : O(t).currentScreen === "result" ? (R(), z(Ct, { key: 2 })) : H("", !0), 656 O(t).currentScreen === "entry" || O(t).currentScreen === "questions" ? (R(), z(Tt, { key: 3 })) : H("", !0) 657 ], 4)); 658 } 659 }); 660}), zt = t(() => {}), Bt = t(() => { 661 Rt(), Rt(), zt(), W(), Ot = G(Dt, [["__scopeId", "data-v-d1279626"]]); 662}), Vt = t(() => {}); 663function Ht(e, t) { 664 return R(), F("div", kt, [...t[0] ||= [oe(" Für mehr\xA0 ", -1), P("a", { 665 href: "/bildgeneratoren/", 666 class: "alice-pixxel__show-all-link" 667 }, " klick hier ", -1)]]); 668} 669var Q, $, Ut, Wt, Gt, Kt, qt, Jt, Yt, Xt, Zt, Qt, $t, en, tn, nn, rn, an, on, sn, cn, ln, un, dn, fn, pn, mn, hn, gn, _n, vn, yn, bn, xn, Sn, Cn, wn, Tn = t(() => { 670 U(), Vt(), W(), kt = { class: "alice-pixxel__show-all" }, At = G({}, [["render", Ht], ["__scopeId", "data-v-f24177e0"]]); 671}), En = t(() => { 672 pe(), U(), ge(), y(), x(), Q = "â¤ï¸", $ = (e) => `pixxel:///image/${e}`, Ut = fe("pixxel-reactions", { 673 state: () => ({ 674 client: null, 675 watchHandle: null, 676 counts: {}, 677 reacted: {}, 678 pending: {} 679 }), 680 getters: { 681 getCount: (e) => (t) => e.counts[t] ?? 0, 682 hasReacted: (e) => (t) => !0 === e.reacted[t] 683 }, 684 actions: { 685 init() { 686 try { 687 this.client = ee(new _e({ 688 baseUrl: m() ? "https://reactions-staging.stroeermediabrands.de" : "https://reactions.stroeermediabrands.de", 689 bucketId: "pixxel-fav" 690 })); 691 } catch (e) { 692 S(e); 693 } 694 }, 695 load(e) { 696 this.client && e.length > 0 && (this.stopWatching(), this.watchHandle = ee(this.client.watch(e.map($), (e) => { 697 let t = e.entityId.slice(16); 698 this.pending[t] || (this.counts[t] = e.values[Q] ?? 0), queueMicrotask(() => { 699 this.stopWatching(); 700 }); 701 }))); 702 }, 703 stopWatching() { 704 this.watchHandle?.stop(), this.watchHandle = null; 705 }, 706 async loadUserReaction(e) { 707 if (this.client !== null && this.reacted[e] === void 0) try { 708 let t = await this.client.getEvents($(e)); 709 this.reacted[e] === void 0 && (this.reacted[e] = t[t.length - 1]?.value === Q); 710 } catch (e) { 711 S(e); 712 } 713 }, 714 react(e) { 715 if (this.client === null || this.hasReacted(e)) return; 716 let t = this.getCount(e); 717 this.reacted[e] = !0, this.counts[e] = t + 1, this.pending[e] = !0, this.client.react({ 718 entityId: $(e), 719 value: Q 720 }).catch((n) => { 721 delete this.reacted[e], this.counts[e] = t, S(n); 722 }).finally(() => { 723 this.pending[e] = !1; 724 }); 725 }, 726 destroy() { 727 this.stopWatching(), this.client?.destroy(), this.client = null, this.counts = {}, this.reacted = {}, this.pending = {}; 728 } 729 } 730 }); 731}), Dn = t(() => { 732 U(), i(), w(), En(), Z(), Wt = ["disabled", "aria-pressed"], Gt = { 733 key: 0, 734 class: "alice-pixxel__reaction-count" 735 }, Kt = I({ 736 __name: "ImageReaction", 737 props: { imageId: {} }, 738 setup(e) { 739 let t = e, n = K(), i = Ut(), a = k(null), o = V(() => i.getCount(t.imageId)), s = V(() => i.hasReacted(t.imageId)), c = () => { 740 i.react(t.imageId), C({ 741 event: "image-generator-reaction", 742 generatorId: n.data.generator_id ?? "", 743 position: "gallery" 744 }); 745 }; 746 return M(() => { 747 r.once(a.value, () => { 748 i.loadUserReaction(t.imageId); 749 }); 750 }), (e, t) => (R(), F("button", { 751 ref_key: "reactionButton", 752 ref: a, 753 class: E(["alice-pixxel__reaction", { "alice-pixxel__reaction--active": s.value }]), 754 type: "button", 755 disabled: s.value, 756 "aria-pressed": s.value, 757 "aria-label": "Dieses Bild groÃartig finden", 758 onClick: c 759 }, [t[0] ||= P("svg", { 760 class: "alice-pixxel__reaction-icon", 761 xmlns: "http://www.w3.org/2000/svg", 762 width: "24", 763 height: "24",
764 viewBox: "0 0 24 24", 765 "aria-hidden": "true" 766 }, [P("path", { d: "M12 21 3.5 12.5A5.5 5.5 0 0 1 12 5.8a5.5 5.5 0 0 1 8.5 6.7L12 21z" })], -1), o.value > 0 ? (R(), F("span", Gt, D(o.value), 1)) : H("", !0)], 10, Wt)); 767 } 768 }); 769}), On = t(() => {}), kn = t(() => { 770 Dn(), Dn(), On(), W(), qt = G(Kt, [["__scopeId", "data-v-1e85722a"]]); 771}), An = t(() => { 772 U(), o(), Jt = { class: "alice-pixxel__display-ad" }, Yt = { class: "alice-adslot-inner" }, Xt = ["data-sdg-ad"], Zt = I({ 773 __name: "DisplayAd", 774 props: { index: {} }, 775 setup(e) { 776 let t = e, n = te("adslotRef"), r = () => { 777 let e = a() ? "galleryad" : "desktop_galleryad"; 778 return t.index === 0 ? e : `${e}${t.index + 1}`; 779 }; 780 return M(() => { 781 document.dispatchEvent(new CustomEvent("adloader:load-ad", { detail: n.value })); 782 }), (e, t) => (R(), F("div", Jt, [P("div", { class: E(["alice-adslot", `alice-adslot-${r()}`]) }, [P("div", Yt, [t[0] ||= P("div", { class: "alice-adslot-label" }, " Anzeige ", -1), P("div", { 783 ref_key: "adslotRef", 784 ref: n, 785 "data-lazyload": "", 786 "data-sdg-ad": r() 787 }, null, 8, Xt)])], 2)])); 788 } 789 }); 790}), jn = t(() => {}), Mn = t(() => { 791 An(), An(), jn(), W(), Qt = G(Zt, [["__scopeId", "data-v-d402e0f2"]]); 792}), Nn = t(() => { 793 U(), Z(), o(), w(), i(), $t = ["href"], en = ["src", "alt"], tn = { 794 key: 1, 795 class: "alice-pixxel__related-teaser-image-placeholder" 796 }, nn = I({ 797 __name: "RelatedGeneratorTeaser", 798 props: { index: {} }, 799 setup(e) { 800 let t = e, n = K(), i = k(null), o = V(() => n.data.related?.[t.index] ?? null), s = V(() => o.value ? `/bildgeneratoren/${o.value}/` : null), c = V(() => { 801 let e = n.data.related_generators?.find((e) => e.generator_id === o.value); 802 return e ? a() ? e.teasers?.cta?.image_url_mobile : e.teasers?.cta?.image_url_desktop : null; 803 }), l = () => { 804 C({ 805 event: "image-generator-teaser-clicked", 806 generatorId: o.value ?? "" 807 }); 808 }; 809 return M(() => { 810 r.once(i.value, () => { 811 C({ 812 event: "image-generator-teaser-visible", 813 generatorId: o.value ?? "" 814 }); 815 }); 816 }), (e, t) => o.value ? (R(), F("a", { 817 key: 0, 818 ref_key: "generatorTeaser", 819 ref: i, 820 href: s.value, 821 class: "alice-pixxel__related-teaser", 822 onClick: l 823 }, [c.value ? (R(), F("img", { 824 key: 0, 825 class: "alice-pixxel__related-teaser-image", 826 src: c.value, 827 alt: o.value 828 }, null, 8, en)) : (R(), F("div", tn))], 8, $t)) : H("", !0); 829 } 830 }); 831}), Pn = t(() => {}), Fn = t(() => { 832 Nn(), Nn(), Pn(), W(), rn = G(nn, [["__scopeId", "data-v-cd83c5d5"]]); 833}), In = t(() => { 834 U(), Z(), i(), w(), an = I({ 835 __name: "VisibilityTracker", 836 props: { 837 chunkIndex: {}, 838 chunksTotal: {} 839 }, 840 setup(e) { 841 let t = K(), n = k(null), i = e; 842 return M(() => { 843 r.once(n.value, () => { 844 C({ 845 event: "image-generator-gallery-block-visible", 846 generatorId: t.data.generator_id ?? "", 847 index: i.chunkIndex + 1, 848 blocks: i.chunksTotal 849 }); 850 }); 851 }), (e, t) => (R(), F("span", { 852 ref_key: "visibilitySensor", 853 ref: n 854 }, null, 512)); 855 } 856 }); 857}), Ln = t(() => { 858 In(), In(), on = an; 859}), Rn = t(() => { 860 U(), o(), c(), $e(), kn(), pt(), gt(), jt(), Mn(), Fn(), Ln(), Z(), En(), sn = { class: "alice-pixxel__gallery" }, cn = { key: 0 }, ln = { 861 key: 1, 862 class: "alice-pixxel__gallery-list alice-pixxel__gallery-list--user" 863 }, un = { class: "alice-pixxel__gallery-actions" }, dn = { 864 key: 0, 865 class: "alice-pixxel__gallery-count" 866 }, fn = { class: "alice-pixxel__gallery-sort" }, pn = ["aria-pressed"], mn = ["aria-pressed"], hn = { class: "alice-pixxel__gallery-list" }, gn = { class: "alice-pixxel__gallery-image" }, _n = { class: "alice-pixxel__gallery-actions" }, vn = { 867 key: 0, 868 class: "alice-pixxel__gallery-breaker" 869 }, yn = I({ 870 __name: "Gallery", 871 setup(e) { 872 let t = K(), n = Ut(), r = a() ? 2 : 3, i = a() ? 6 : 9, o = 2 * r, s = V(() => t.data.recent_images ?? []), c = V(() => t.data.popular_images ?? []), l = V(() => t.data.related?.length ?? 0), f = V(() => { 873 let e = t.data?.image_count; 874 return typeof e != "number" || !Number.isFinite(e) || e < 0 ? null : Math.trunc(e).toLocaleStr
874ing("de-DE"); 875 }), p = k([]), m = null, h = window.smbContext?.page?.type === "image-generator-single", g = k(!1), _ = k(h), v = k(u("pixxel-sort-by") === "most-loved" ? "most-loved" : "most-recent"), y = k(v.value === "most-recent" ? s.value : c.value); 876 re(() => { 877 x(), n.init(), n.load(y.value.map((e) => e.id)); 878 }), A(() => { 879 m !== null && clearTimeout(m), n.destroy(); 880 }), ie(() => t.result, (e) => { 881 e && (m = window.setTimeout(() => { 882 x(); 883 }, 2e3)); 884 }); 885 let x = () => { 886 let e = u(t.data.generator_id); 887 Array.isArray(e) ? p.value = e : p.value = []; 888 }, S = (e) => { 889 v.value = e, d("pixxel-sort-by", e), v.value === "most-recent" ? y.value = s.value : y.value = c.value, n.load(y.value.map((e) => e.id)); 890 }, C = V(() => g.value ? p.value : p.value.slice(0, r)), w = V(() => p.value.length > r && !g.value), T = V(() => _.value ? y.value : y.value.slice(0, i)), ee = V(() => y.value.length > i && !_.value), j = V(() => { 891 let e = T.value, t = []; 892 for (let n = 0; n < e.length; n += o) t.push(e.slice(n, n + o)); 893 return t; 894 }); 895 return (e, n) => (R(), F("div", sn, [ 896 p.value.length > 0 ? (R(), F("h2", cn, " Deine Bilder ")) : H("", !0), 897 p.value.length > 0 ? (R(), F("ul", ln, [(R(!0), F(B, null, N(C.value, (e) => (R(), F("li", { 898 key: e.image_id, 899 class: "alice-pixxel__gallery-list-item" 900 }, [L(q, { image: { 901 image_url: e.image_url, 902 name: e.name, 903 position: "gallery" 904 } }, null, 8, ["image"]), P("div", un, [L(J, { 905 id: e.image_id, 906 url: e.image_url, 907 position: "gallery" 908 }, null, 8, ["id", "url"]), O(t).data.type === "printable" ? (R(), z(X, { 909 key: 0, 910 position: "gallery", 911 "image-url": e.image_url 912 }, null, 8, ["image-url"])) : (R(), z(Y, { 913 key: 1, 914 position: "gallery", 915 url: `https://www.${O(b)()}/bildgeneratoren/${O(t).data.generator_id}/?image_id=${e.signed_image_id}` 916 }, null, 8, ["url"]))])]))), 128))])) : H("", !0), 917 w.value ? (R(), F("button", { 918 key: 2, 919 class: "alice-pixxel__gallery-more", 920 type: "button", 921 onClick: n[0] ||= (e) => g.value = !0 922 }, [...n[4] ||= [P("span", null, "Mehr anzeigen", -1), P("svg", { 923 xmlns: "http://www.w3.org/2000/svg", 924 width: "14", 925 height: "8", 926 viewBox: "0 0 14 8", 927 fill: "none" 928 }, [P("path", { d: "M2.82409 0.988879L7.35076 5.29999L11.8774 0.988879C12.3324 0.555546 13.0674 0.555546 13.5224 0.988879C13.9774 1.42221 13.9774 2.12221 13.5224 2.55555L8.16742 7.65555C7.71242 8.08888 6.97742 8.08888 6.52242 7.65555L1.16742 2.55555C0.712422 2.12221 0.712422 1.42221 1.16742 0.988879C1.62242 0.566657 2.36909 0.555546 2.82409 0.988879Z" })], -1)]])) : H("", !0), 929 P("h2", null, [n[5] ||= oe(" Bilder unserer Community ", -1), f.value ? (R(), F("span", dn, "(" + D(f.value) + ")", 1)) : H("", !0)]), 930 P("div", fn, [P("button", { 931 class: E(["alice-pixxel__gallery-sort-button", { "alice-pixxel__gallery-sort-button--active": v.value === "most-recent" }]), 932 type: "button", 933 "aria-pressed": v.value === "most-recent", 934 onClick: n[1] ||= (e) => S("most-recent") 935 }, [...n[6] ||= [P("span", null, "Neueste", -1)]], 10, pn), P("button", { 936 class: E(["alice-pixxel__gallery-sort-button", { "alice-pixxel__gallery-sort-button--active": v.value === "most-loved" }]), 937 type: "button", 938 "aria-pressed": v.value === "most-loved", 939 onClick: n[2] ||= (e) => S("most-loved") 940 }, [...n[7] ||= [P("span", null, "Beliebteste", -1)]], 10, mn)]), 941 P("ul", hn, [(R(!0), F(B, null, N(j.value, (e, n) => (R(), F(B, { key: n }, [(R(!0), F(B, null, N(e, (e, r) => (R(), F("li", { 942 key: e.id, 943 class: E(["alice-pixxel__gallery-list-item", { "alice-pixxel__gallery-list-item--sticky-trigger": n * o + r === 5 }
943]) 944 }, [P("div", gn, [L(q, { image: { 945 image_url: e.image_url, 946 name: e.name, 947 position: "gallery" 948 } }, null, 8, ["image"]), L(qt, { "image-id": e.id }, null, 8, ["image-id"])]), P("div", _n, [L(J, { 949 id: e.id, 950 url: e.image_url, 951 position: "gallery" 952 }, null, 8, ["id", "url"]), O(t).data.type === "printable" ? (R(), z(X, { 953 key: 0, 954 position: "gallery", 955 "image-url": e.image_url 956 }, null, 8, ["image-url"])) : (R(), z(Y, { 957 key: 1, 958 position: "gallery", 959 url: `https://www.${O(b)()}/bildgeneratoren/${O(t).data.generator_id}/?image_id=${e.signed_image_id}` 960 }, null, 8, ["url"]))])], 2))), 128)), n < j.value.length - 1 ? (R(), F("li", vn, [ 961 n < 4 ? (R(), z(Qt, { 962 key: 0, 963 index: n 964 }, null, 8, ["index"])) : H("", !0), 965 l.value > 0 ? (R(), z(rn, { 966 key: 1, 967 index: n % l.value 968 }, null, 8, ["index"])) : H("", !0), 969 L(on, { 970 "chunk-index": n, 971 "chunks-total": j.value.length 972 }, null, 8, ["chunk-index", "chunks-total"]) 973 ])) : H("", !0)], 64))), 128))]), 974 ee.value && !h ? (R(), F("button", { 975 key: 3, 976 class: "alice-pixxel__gallery-more", 977 type: "button", 978 onClick: n[3] ||= (e) => _.value = !0 979 }, [...n[8] ||= [P("span", null, "Mehr anzeigen", -1), P("svg", { 980 xmlns: "http://www.w3.org/2000/svg", 981 width: "14", 982 height: "8", 983 viewBox: "0 0 14 8", 984 fill: "none" 985 }, [P("path", { d: "M2.82409 0.988879L7.35076 5.29999L11.8774 0.988879C12.3324 0.555546 13.0674 0.555546 13.5224 0.988879C13.9774 1.42221 13.9774 2.12221 13.5224 2.55555L8.16742 7.65555C7.71242 8.08888 6.97742 8.08888 6.52242 7.65555L1.16742 2.55555C0.712422 2.12221 0.712422 1.42221 1.16742 0.988879C1.62242 0.566657 2.36909 0.555546 2.82409 0.988879Z" })], -1)]])) : H("", !0) 986 ])); 987 } 988 }); 989}), zn = t(() => {}), Bn = t(() => { 990 Rn(), Rn(), zn(), W(), bn = G(yn, [["__scopeId", "data-v-3bd52950"]]); 991}), Vn = t(() => { 992 U(), i(), p(), Z(), tt(), xn = I({ 993 __name: "StickyStartButton", 994 setup(e) { 995 let t = K(), n = k(!1), i = (e) => { 996 n.value = e.boundingClientRect.top < 0; 997 }; 998 return M(() => { 999 let e = document.querySelector(".alice-pixxel__gallery-list-item--sticky-trigger"); 1000 e && r.repeat(e, i, 0, i), _(); 1001 }), (e, r) => (R(), z(Se, { 1002 class: E(["alice-pixxel__sticky-start-button", { "alice-pixxel__sticky-start-button--visible": n.value }]), 1003 onClick: r[0] ||= (e) => (t.startGenerator(), void document.querySelector(".alice-pixxel__stage")?.scrollIntoView({ 1004 behavior: "smooth", 1005 block: "start" 1006 })) 1007 }, null, 8, ["class"])); 1008 } 1009 }); 1010}), Hn = t(() => {}), Un = t(() => { 1011 Vn(), Vn(), Hn(), W(), Sn = G(xn, [["__scopeId", "data-v-1fd80cd1"]]); 1012}), Wn = t(() => {}), Gn = t(() => { 1013 U(), Bt(), Tn(), Bn(), Un(), Wn(), Cn = { 1014 __name: "App", 1015 setup(e) { 1016 let t = document.documentElement.classList.contains("abba-pixxel_sticky_start_button-sticky"); 1017 return (e, n) => (R(), F(B, null, [ 1018 L(Ot), 1019 L(At), 1020 L(bn), 1021 O(t) ? (R(), z(Sn, { key: 0 })) : H("", !0) 1022 ], 64)); 1023 } 1024 }; 1025}), Kn = n({ default: () => wn }), qn = t(() => { 1026 pe(), U(), Gn(), wn = { init: (e, t) => { 1027 let n = le(Cn), r = me(); 1028 n.provide("oembedData", t.object), n.use(r), n.mount(e); 1029 } }; 1030}); 1031export { Kn as n, qn as t };
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.