https://zoomboola.com/js/9587152-63b0acd5.js

1"use strict";(globalThis.webpackChunkwebpacktemplate=globalThis.webpackChunkwebpacktemplate||[]).push([[9587],{7764(e,t,r){r.d(t,{A:()=>a});const a={methods:{unmountComponent(e=!1,t=1){let r=null;if(e){r=this.$el;for(let e=0;e<t;e++){if(!r?.parentNode){r=null;break}r=r.parentNode}}"function"==typeof this.$unmount&&this.$unmount(),r&&r.remove()}}}},9587(e,t,r){r.d(t,{default:()=>ee});var a=r(822),n=r(4526),s=r(7416);const i=["id"],l={key:0,class:"relative z-10 text-center ds_ty_display_small text-neutral-0"},o={key:1,class:"flex flex-col items-center gap-4 py-6"},d={class:"text-center ds_ty_body_medium text-neutral-100"},c={key:2,class:"flex flex-col items-center justify-center gap-3 py-8",role:"status","aria-live":"polite"},u={class:"text-center ds_ty_body_medium text-neutral-100"},p={key:3,class:"w-full max-w-lg flex flex-col gap-5 px-4"},m={class:"text-center uppercase ds_ty_body_small text-neutral-100/70"},h={class:"mt-2 h-1 rounded-full bg-neutral-0/20","aria-hidden":"true"},y={class:"ds_prediction_card px-4 py-5 tablet:px-5 flex flex-col gap-5"},b=["for"],g=["id","maxlength","placeholder"],x={class:"text-right ds_ty_body_small text-secondary-400 dark:text-secondary-600","aria-hidden":"true"},_=["disabled"],f={key:4,class:"w-full max-w-lg flex flex-col gap-5 px-4"},v={class:"ds_prediction_card px-4 py-5 tablet:px-5 flex flex-col gap-4"},k={class:"text-center ds_ty_headline_large text-secondary-900 dark:text-neutral-0"},w=["aria-label"],S={class:"whitespace-pre-line ds_ty_body_medium text-secondary-900 dark:text-neutral-0"},T={key:1,class:"flex flex-col gap-3 mt-2"},L={class:"ds_ty_body_small uppercase text-secondary-400 dark:text-secondary-600"},C={class:"ds_ty_body_medium font-semibold text-secondary-900 dark:text-neutral-0"},I={class:"ds_ty_body_small text-secondary-500 dark:text-secondary-400"};var X=r(10),$=r(276),E=r(7130);const P=["aria-label"],A={class:"relative w-full max-w-xs h-44 select-none","aria-hidden":"true"},F=["onPointerdown","onPointermove","onPointerup","onPointercancel"],V={key:0,class:"absolute top-3 right-3 px-2 py-0.5 rounded-md text-sm font-semibold bg-green-100 text-green-700"},Y={key:1,class:"absolute top-3 left-3 px-2 py-0.5 rounded-md text-sm font-semibold bg-red-100 text-red-700"},Q={key:0,class:"absolute inset-0 flex items-center justify-center rounded-2xl border border-dashed border-primary-200 dark:border-secondary-700 text-secondary-400 ds_ty_body_medium"},K={class:"sr-only","aria-live":"polite"},j={key:0,class:"flex gap-3"},D=["aria-label"],M=["aria-label"],N={key:1,class:"text-center ds_ty_body_small text-secondary-400 dark:text-secondary-600"};const z={name:"SwipeCards",props:{items:{type:Array,required:!0},yesLabel:{type:String,default:"Да"},noLabel:{type:String,default:"Нет"},doneLabel:{type:String,default:"Готово"},hint:{type:String,default:""},ariaLabel:{type:String,default:""}},emits:["answer","done"],data:()=>({answered:[],dragX:0,dragY:0,dragging:!1,leaving:!1,startX:0,startY:0}),computed:{remainingItems(){return this.items.filter(e=>!this.answered.includes(e.id))},currentItem(){return this.remainingItems[0]||null},topCardStyle(){const e=this.dragX/12;return{transform:`translate(${this.dragX}px, ${this.dragY}px) rotate(${e}deg)`,transition:this.dragging?"none":"transform 0.25s ease",touchAction:"none",cursor:this.dragging?"grabbing":"grab",zIndex:2}},underCardStyle:()=>({transform:"scale(0.95) translateY(8px)",zIndex:1})},methods:{onPointerDown(e){!this.leaving&&this.currentItem&&(this.dragging=!0,this.startX=e.clientX,this.startY=e.clientY,e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove(e){this.dragging&&(this.dragX=e.clientX-this.startX,this.dragY=(e.clientY-this.startY)/3)},onPointerUp(){if(!this.dragging)return;this.dragging=!1;this.dragX>80?this.flyOut(!0):this.dragX<-80?this.flyOut(!1):(this.dragX=0,this.dragY=0)},onPointerCancel(){this.dragging=!1,this.dragX=0,this.dragY=0},answer(e){!this.leaving&&this.currentItem&&this.flyOut(e)},flyOut(e){const t=this.currentItem;this.leaving=!0,this.dragX=e?480:-480,this.dragY=-30,setTimeout(()=>{this.answered.push(t.id),this.dragX=0,this.dragY=0,this.leaving=!1,this.$emit("answer",{id:t.id,value:e}),this.remainingItems.length||this.$emit("done")},250)}}};var U=r(1535);const W=(0,U.A)(z,[["render",function(e,t,r,i,l,o){return(0,a.uX)(),(0,a.CE)("div",{class:"flex flex-col items-center gap-4 w-full",role:"group","aria-label":r.ariaLabel},[(0,a.Lk)("div",A,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(o.remainingItems,(e,t)=>(0,a.bo)(((0,a.uX)(),(0,a.CE)("div",{key:e.id,class:"absolute inset-0 flex items-center justify-center px-6 text-center rounded-2xl shadow-md bg-white dark:bg-secondary-800 border border-primary-100 dark:border-secondary-700 ds_ty_headline_medium text-secondary-900 dark:text-neutral-0",style:(0,n.Tr)(0===t?o.topCardStyle:o.underCardStyle),onPointerdown:e=>0===t?o.onPointerDown(e):null,onPointermove:e=>0===t?o.onPointerMove(e):null,onPointerup:e=>0===t?o.onPointerUp(e):null,onPointercancel:e=>0===t?o.onPointerCancel(e):null},[(0,a.eW)((0,n.v_)(e.text)+" ",1),0===t&&l.dragX>20?((0,a.uX)(),(0,a.CE)("span",V,(0,n.v_)(r.yesLabel),1)):(0,a.Q3)("",!0),0===t&&l.dragX<-20?((0,a.uX)(),(0,a.CE)("span",Y,(0,n.v_)(r.noLabel),1)):(0,a.Q3)("",!0)],44,F)),[[s.aG,t<2]])),128)),o.remainingItems.length?(0,a.Q3)("",!0):((0,a.uX)(),(0,a.CE)("div",Q,(0,n.v_)(r.doneLabel),1))]),(0,a.Lk)("p",K,(0,n.v_)(o.currentItem?o.currentItem.text:r.doneLabel),1),o.currentItem?((0,a.uX)(),(0,a.CE)("div",j,[(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button min-w-[7rem] hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150","aria-label":r.noLabel+": "+o.currentItem.text,onClick:t[0]||(t[0]=e=>o.answer(!1))},(0,n.v_)(r.noLabel),9,D),(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button min-w-[7rem] hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150","aria-label":r.yesLabel+": "+o.currentItem.text,onClick:t[1]||(t[1]=e=>o.answer(!0))},(0,n.v_)(r.yesLabel),9,M)])):(0,a.Q3)("",!0),o.currentItem&&r.hint?((0,a.uX)(),(0,a.CE)("p",N,(0,n.v_)(r.hint),1)):(0,a.Q3)("",!0)],8,P)}]]),B={class:"flex items-center justify-between gap-2"},O={class:"ds_ty_body_small text-secondary-500 dark:text-secondary-400"},R={class:"ds_ty_body_small text-secondary-500 dark:text-secondary-400"},q=["min","max","value","aria-label","aria-valuetext"];const J={name:"IntensitySlider",props:{modelValue:{type:Number,required:!0},min:{type:Number,default:0},max:{type:Number,default:10}

1,labelFrom:{type:String,default:""},labelTo:{type:String,default:""},colorFrom:{type:String,default:"#3b82f6"},colorTo:{type:String,default:"#dc2626"},ariaLabel:{type:String,default:""},valueTextTemplate:{type:String,default:"%d из %d"}},emits:["update:modelValue"],computed:{ratio(){const e=this.max-this.min;return e>0?(this.modelValue-this.min)/e:0},currentColor(){return this.mixColors(this.colorFrom,this.colorTo,this.ratio)},currentColorSoft(){return this.currentColor+"1a"},trackStyle(){const e=Math.round(100*this.ratio);return{background:`linear-gradient(to right, ${this.currentColor} ${e}%, rgba(128,128,128,0.25) ${e}%)`,accentColor:this.currentColor}},valueText(){return this.valueTextTemplate.replace("%d",this.modelValue+"").replace("%d",this.max+"")}},methods:{mixColors(e,t,r){const a=this.hexToRgb(e),n=this.hexToRgb(t);if(!a||!n)return e;return"#"+a.map((e,t)=>Math.round(e+(n[t]-e)*r)).map(e=>e.toString(16).padStart(2,"0")).join("")},hexToRgb(e){const t=/^#?([0-9a-f]{6})$/i.exec(e);if(!t)return null;const r=parseInt(t[1],16);return[r>>16&255,r>>8&255,255&r]}}},G=(0,U.A)(J,[["render",function(e,t,r,s,i,l){return(0,a.uX)(),(0,a.CE)("div",{class:"flex flex-col gap-3 w-full max-w-sm px-5 py-4 rounded-2xl transition-colors duration-300",style:(0,n.Tr)({backgroundColor:l.currentColorSoft})},[(0,a.Lk)("div",B,[(0,a.Lk)("span",O,(0,n.v_)(r.labelFrom),1),(0,a.Lk)("span",{class:"ds_ty_headline_medium font-semibold transition-colors duration-300",style:(0,n.Tr)({color:l.currentColor}),"aria-hidden":"true"},(0,n.v_)(r.modelValue),5),(0,a.Lk)("span",R,(0,n.v_)(r.labelTo),1)]),(0,a.Lk)("input",{type:"range",class:"w-full h-2 rounded-full appearance-none cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-primary-400",style:(0,n.Tr)(l.trackStyle),min:r.min,max:r.max,step:1,value:r.modelValue,"aria-label":r.ariaLabel,"aria-valuetext":l.valueText,onInput:t[0]||(t[0]=t=>e.$emit("update:modelValue",Number(t.target.value)))},null,44,q)],4)}]]);var H=r(6343);const Z={name:"DreamWonderingContainer",mixins:[r(7764).A],components:{CubeLoader:E.A,SwipeCards:W,IntensitySlider:G,WizardView:H.A},data:()=>({page:"loading",loadingKind:"config",blockTitle:"",steps:[],stepIndex:0,pairIndex:0,answers:{},dreamText:"",honeypot:"",result:{prediction:"",symbols:[],dictionarySymbols:[]}}),computed:{currentStep(){return this.steps[this.stepIndex]||null},progressPercent(){return this.steps.length?Math.round(this.stepIndex/this.steps.length*100):0},loadingText(){return"reading"===this.loadingKind?this.$t("dream_loading_reading"):this.$t("dream_loading")},dreamTextId(){return"dream_text_"+(this.$attrs.config?.hash||"0")},blockTopId(){return"dream_block_"+(this.$attrs.config?.hash||"0")}},async created(){const e=this.$attrs.config||{};this.blockTitle=e.blocktitle||"";try{const e=await fetch("/dreams/getpoll/"),t=await e.json();if(!t||!Array.isArray(t.steps)||!t.steps.length)throw Error("Empty dream poll config");this.steps=t.steps,this.initAnswers(),this.page="poll"}catch(e){this.page="error"}},methods:{initAnswers(){const e={};this.steps.forEach(t=>{"swipe"===t.type?e[t.id]={}:"pairs"===t.type?e[t.id]=[]:"slider"===t.type&&(e[t.id]=Math.round((t.min+t.max)/2))}),this.answers=e},onSwipeAnswer({id:e,value:t}){this.answers[this.currentStep.id][e]=t?1:0},onPairPick(e){e&&e.id&&(this.answers[this.currentStep.id].push(e.id),this.pairIndex+1<this.currentStep.pairs.length?this.pairIndex+=1:this.nextStep())},nextStep(){this.pairIndex=0,this.stepIndex+=1,this.scrollToBlockTop(),this.focusStepTitle()},scrollToBlockTop(){this.$nextTick(()=>{$.A.ScrollToElement("#"+this.blockTopId,-20)})},focusStepTitle(){this.$nextTick(()=>{this.$refs.stepTitle&&this.$refs.stepTitle.focus()})},async submit(){if(!(this.dreamText.trim().length<10)){this.page="loading",this.loadingKind="reading";try{const[e]=await Promise.all([X.A.post("/dreams/getreading/",{answers:this.answers,dream_text:this.dreamText,website:this.honeypot},{retry:2}),new Promise(e=>setTimeout(e,2500))]);if(!e||1!==e.code)throw Error(e?.message||"Dream reading failed");this.result.prediction=e.prediction||"",this.result.symbols=e.symbols||[],this.result.dictionarySymbols=e.dictionary_symbols||[],this.honeypot="",this.page="result",this.scrollToBlockTop()}catch(e){this.page="error"}}},reset(){this.stepIndex=0,this.pairIndex=0,this.dreamText="",this.honeypot="",this.result={prediction:"",symbols:[],dictionarySymbols:[]},this.loadingKind="config",this.steps.length?(this.initAnswers(),this.page="poll",this.scrollToBlockTop()):this.page="error"}}},ee=(0,U.A)(Z,[["render",function(e,t,r,X,$,E){const P=(0,a.g2)("cube-loader"),A=(0,a.g2)("swipe-cards"),F=(0,a.g2)("wizard-view"),V=(0,a.g2)("intensity-slider");return(0,a.uX)(),(0,a.CE)("section",{id:E.blockTopId,class:"relative flex flex-col items-center ds_section_default bg-primary-900 ds_inner_fullwidth py-ds_spacing_lg"},[$.blockTitle?((0,a.uX)(),(0,a.CE)("p",l,(0,n.v_)($.blockTitle),

11)):(0,a.Q3)("",!0),"error"===$.page?((0,a.uX)(),(0,a.CE)("div",o,[(0,a.Lk)("p",d,(0,n.v_)(e.$t("dream_error")),1),(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150",onClick:t[0]||(t[0]=(...e)=>E.reset&&E.reset(...e))},(0,n.v_)(e.$t("dream_retry")),1)])):"loading"===$.page?((0,a.uX)(),(0,a.CE)("div",c,[(0,a.bF)(P,{"aria-hidden":"true"}),(0,a.Lk)("p",u,(0,n.v_)(E.loadingText),1)])):"poll"===$.page&&E.currentStep?((0,a.uX)(),(0,a.CE)("div",p,[(0,a.Lk)("div",null,[(0,a.Lk)("p",m,(0,n.v_)(e.$t("step_label",{current:$.stepIndex+1,total:$.steps.length})),1),(0,a.Lk)("div",h,[(0,a.Lk)("div",{class:"h-1 rounded-full bg-neutral-0 transition-all duration-300",style:(0,n.Tr)({width:E.progressPercent+"%"})},null,4)])]),(0,a.Lk)("div",y,[(0,a.Lk)("p",{ref:"stepTitle",tabindex:"-1",class:"text-center outline-none ds_ty_headline_large text-secondary-900 dark:text-neutral-0"},(0,n.v_)(E.currentStep.title),513),"swipe"===E.currentStep.type?((0,a.uX)(),(0,a.Wv)(A,{key:0,items:E.currentStep.items,yesLabel:e.$t("dream_yes"),noLabel:e.$t("dream_no"),doneLabel:e.$t("dream_swipe_done"),hint:E.currentStep.hint||"",ariaLabel:E.currentStep.title,onAnswer:E.onSwipeAnswer,onDone:E.nextStep},null,8,["items","yesLabel","noLabel","doneLabel","hint","ariaLabel","onAnswer","onDone"])):"pairs"===E.currentStep.type?((0,a.uX)(),(0,a.Wv)(F,{key:1,pairs:E.currentStep.pairs,currentStep:$.pairIndex,title:E.currentStep.title,showTitle:!1,showStepLabel:!1,hintText:"",plain:"",onPick:E.onPairPick},null,8,["pairs","currentStep","title","onPick"])):"slider"===E.currentStep.type?((0,a.uX)(),(0,a.CE)(a.FK,{key:2},[(0,a.bF)(V,{modelValue:$.answers[E.currentStep.id],"onUpdate:modelValue":t[1]||(t[1]=e=>

1$.answers[E.currentStep.id]=e),class:"self-center",min:E.currentStep.min,max:E.currentStep.max,labelFrom:E.currentStep.label_from,labelTo:E.currentStep.label_to,colorFrom:E.currentStep.color_from,colorTo:E.currentStep.color_to,ariaLabel:E.currentStep.title},null,8,["modelValue","min","max","labelFrom","labelTo","colorFrom","colorTo","ariaLabel"]),(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button self-center min-w-[10rem] hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150",onClick:t[2]||(t[2]=(...e)=>E.nextStep&&E.nextStep(...e))},(0,n.v_)(e.$t("dream_next")),1)],64)):"text"===E.currentStep.type?((0,a.uX)(),(0,a.CE)("form",{key:3,class:"relative flex flex-col gap-2",onSubmit:t[6]||(t[6]=(0,s.D$)((...e)=>E.submit&&E.submit(...e),["prevent"]))},[(0,a.bo)((0,a.Lk)("input",{"onUpdate:modelValue":t[3]||(t[3]=e=>$.honeypot=e),type:"text",name:"website",tabindex:"-1",autocomplete:"off",class:"absolute left-[-9999px] w-px h-px","aria-hidden":"true"},null,512),[[s.Jo,$.honeypot]]),(0,a.Lk)("label",{class:"sr-only",for:E.dreamTextId},(0,n.v_)(E.currentStep.title),9,b),(0,a.bo)((0,a.Lk)("textarea",{id:E.dreamTextId,"onUpdate:modelValue":t[4]||(t[4]=e=>$.dreamText=e),rows:"4",maxlength:E.currentStep.max_length||500,placeholder:E.currentStep.hint||"",class:"w-full rounded-xl border border-primary-200 dark:border-secondary-700 bg-white dark:bg-secondary-800 px-3 py-2 ds_ty_body_medium text-secondary-900 dark:text-neutral-0 outline-none focus-visible:ring-2 focus-visible:ring-primary-400"},null,8,g),[[s.Jo,$.dreamText]]),(0,a.Lk)("p",x,(0,n.v_)($.dreamText.length)+"/"+(0,n.v_)(E.currentStep.max_length||500),1),(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button self-center min-w-[12rem] hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150 disabled:opacity-40 disabled:pointer-events-none",disabled:$.dreamText.trim().length<10,onClick:t[5]||(t[5]=(...e)=>E.submit&&E.submit(...e))},(0,n.v_)(e.$t("dream_submit")),9,_)],32)):(0,a.Q3)("",!0)])])):"result"===$.page?((0,a.uX)(),(0,a.CE)("div",f,[(0,a.Lk)("div",v,[(0,a.Lk)("p",k,(0,n.v_)(e.$t("dream_result_title")),1),$.result.symbols.length?((0,a.uX)(),(0,a.CE)("ul",{key:0,class:"flex flex-wrap justify-center gap-2 list-none p-0 m-0","aria-label":e.$t("dream_symbols_label")},[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)($.result.symbols,e=>((0,a.uX)(),(0,a.CE)("li",{key:e,class:"px-3 py-1 rounded-full bg-primary-200/25 border border-primary-200 dark:bg-primary-700/25 dark:border-primary-700 ds_ty_body_small text-primary-600 dark:text-primary-300"},(0,n.v_)(e),1))),128))],8,w)):(0,a.Q3)("",!0),(0,a.Lk)("p",S,(0,n.v_)($.result.prediction),1),$.result.dictionarySymbols.length?((0,a.uX)(),(0,a.CE)("div",T,[(0,a.Lk)("p",L,(0,n.v_)(e.$t("dream_dictionary_title")),1),((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)($.result.dictionarySymbols,e=>((0,a.uX)(),(0,a.CE)("div",{key:e.name,class:"rounded-xl border border-primary-100 dark:border-secondary-700 px-3 py-2"},[(0,a.Lk)("p",C,(0,n.v_)(e.name),1),(0,a.Lk)("p",I,(0,n.v_)(e.description),1)]))),128))])):(0,a.Q3)("",!0),(0,a.Lk)("button",{type:"button",class:"ds_prediction_option_button self-center min-w-[12rem] mt-2 hover-hover:hover:shadow-md active:scale-[0.97] transition-all duration-150",onClick:t[7]||(t[7]=(...e)=>E.reset&&E.reset(...e))},(0,n.v_)(e.$t("dream_again")),1)])])):(0,a.Q3)("",!0)],8,i)}]])}}]);