https://staatsloterijhoofdklasse.com/dist/assets/GoldenStick-Bi9iLfuC.js

1import{S as e,a as t,b as n,c as r,d as i,f as a,g as o,h as s,i as c,l,o as u,p as d,s as f,u as p,v as m,x as h}from"./app-BMXcdugN.js";import{t as g}from"./formie-lib-CzUHZapr.js";var _={class:`wrapper`},v={class:`relative z-10 flex w-full flex-col items-center`},y={class:`font-heading uppercase`},b={class:`mb-12 text-lg md:mb-24`},x={class:`flex flex-col gap-8 md:flex-row`},S={class:`col-span-full mt-8 flex justify-center gap-4`},C=[`disabled`],w=l({__name:`StepOne`,props:p({config:{}},{modelValue:{},modelModifiers:{}}),emits:p([`competitionSelected`,`next`],[`update:modelValue`]),setup(t,{emit:n}){let i=o(t,`modelValue`),a=n;return(n,o)=>(d(),f(`div`,_,[o[8]||=c(`div`,{class:`absolute left-0 top-0 w-[150%] md:w-full`},[c(`svg`,{viewBox:`0 0 1727 576`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,focusable:`false`},[c(`defs`,null,[c(`linearGradient`,{x1:`-1.11022302e-14%`,y1:`50%`,x2:`100%`,y2:`50%`,id:`linearGradient-1`},[c(`stop`,{"stop-color":`#373431`,offset:`0%`}),c(`stop`,{"stop-color":`#373431`,"stop-opacity":`0.01`,offset:`100%`})])]),c(`g`,{fill:`url(#linearGradient-1)`,"fill-rule":`nonzero`},[c(`path`,{d:`M1150.92,-2.84217094e-14 L1150.92,287.584 L1151.2,287.584 L1151.2,575.403 L863.537,287.742 L863.412,287.742 L862.973,288.181 L862.973,0.845 L575.562,288.181 L575.562,0.438477 L1150.482,0.438 L1150.92,-2.84217094e-14 Z M287.818,288.181 L0,0.438477 L287.819,0.438477 L287.819,288.18 L575.561,0.438477 L575.561,288.181 L287.818,288.181 Z M1438.61,288.181 L1726.35,0.438477 L1726.35,288.181 L1438.61,288.181 Z M0,288.181 L575.561,288.181 L287.819,575.999 L287.819,576 L0,288.181 Z M1151.2,576 L1151.2,288.181 L1438.94,288.181 L1151.2,576 Z`})])])],-1),c(`div`,v,[c(`h2`,y,e(t.config.title),1),c(`p`,b,e(t.config.text),1),c(`div`,x,[c(`button`,{type:`button`,class:h([`btn group bg-hkh-red`,{selected:i.value?.competitionId===1}]),onClick:o[0]||=e=>a(`competitionSelected`,1,`heren`)},[o[4]||=c(`span`,{class:`gradient transition-opacity group-hover:opacity-80`},null,-1),c(`span`,null,[r(e(t.config.button1.top)+` `,1),o[3]||=c(`br`,null,null,-1),c(`i`,null,e(t.config.button1.bottom),1)])],2),c(`button`,{type:`button`,class:h([`btn group bg-skobeloff`,{selected:i.value?.competitionId===2}]),onClick:o[1]||=e=>a(`competitionSelected`,2,`dames`)},[o[6]||=c(`span`,{class:`gradient transition-opacity group-hover:opacity-80`},null,-1),c(`span`,null,[r(e(t.config.button2.top)+` `,1),o[5]||=c(`br`,null,null,-1),c(`i`,null,e(t.config.button2.bottom),1)])],2)]),c(`div`,S,[c(`button`,{class:h([`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border px-6 py-3 text-md text-blue-700 transition-colors`,{"cursor-not-allowed border-orange-500 border-orange-500/50 bg-orange-500 bg-orange-500/50":i.value?.competitionId===0,"border-orange-500 bg-orange-500 drop-shadow-button hover:bg-orange-500/80 group-hover:bg-hover":i.value?.competitionId!==0}]),type:`button`,disabled:i.value?.competitionId===0,onClick:o[2]||=e=>a(`next`)},[...o[7]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M184 240 0 56 56 0l240 240L56 480 0 424z`})],-1)]],10,C)])])]))}}),T=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},E=T(w,[[`__scopeId`,`data-v-9aed6416`]]),D={class:`clubs`},O={class:`z-10 col-span-full text-center`},k={class:`font-heading uppercase`},A={class:`mb-24 text-lg`},j={class:`col-span-full flex justify-center gap-4`},M=[`disabled`],N=T(l({__name:`StepTwo`,props:p({config:{}},{modelValue:{},modelModifiers:{}}),emits:p([`previous`,`next`],[`update:modelValue`]),setup(t,{emit:n}){let i=o(t,`modelValue`),a=n;return(n,o)=>(d(),f(`div`,D,[o[6]||=c(`div`,{class:`absolute left-0 top-0 w-[150%] md:w-full`},[c(`svg`,{viewBox:`0 0 1727 576`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,focusable:`false`},[c(`defs`,null,[c(`linearGradient`,{x1:`-1.11022302e-14%`,y1:`50%`,x2:`100%`,y2:`50%`,id:`linearGradient-1`},[c(`stop`,{"stop-color":`#373431`,offset:`0%`}),c(`stop`,{"stop-color":`#373431`,"stop-opacity":`0.01`,offset:`100%`})])]),c(`g`,{fill:`url(#linearGradient-1)`,"fill-rule":`nonzero`},[c(`path`,{d:`M1150.92,-2.84217094e-14 L1150.92,287.584 L1151.2,287.584 L1151.2,575.403 L863.537,287.742 L863.412,287.742 L862.973,288.181 L862.973,0.845 L575.562,288.181 L575.562,0.438477 L1150.482,0.438 L1150.92,-2.84217094e-14 Z M287.818,288.181 L0,0.438477 L287.819,0.438477 L287.819,288.18 L575.561,0.438477 L575.561,288.181 L287.818,288.181 Z M1438.61,288.181 L1726.35,0.438477 L1726.35,288.181 L1438.61,288.181 Z M0,288.181 L575.561,288.181 L287.819,575.999 L287.819,576 L0,288.181 Z M1151.2,576 

1L1151.2,288.181 L1438.94,288.181 L1151.2,576 Z`})])])],-1),c(`div`,O,[c(`h2`,k,e(t.config.title),1),c(`p`,A,e(t.config.text),1)]),i.value?.competitionId===2?s(n.$slots,`step-two-women`,{item:i.value},()=>[o[2]||=r(` Women slot `,-1)],!0,0):u(``,!0),i.value?.competitionId===1?s(n.$slots,`step-two-men`,{item:i.value},()=>[o[3]||=r(` Men slot `,-1)],!0,1):u(``,!0),c(`div`,j,[c(`button`,{class:`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border-2 border-orange-500 px-6 py-3 text-md text-white transition-colors hover:bg-orange-500/80 group-hover:bg-hover`,type:`button`,onClick:o[0]||=e=>a(`previous`)},[...o[4]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M240 480 0 240 240 0l56 56-184 184 184 184z`})],-1)]]),c(`button`,{class:h([`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border px-6 py-3 text-md text-blue-700 transition-colors`,{"cursor-not-allowed border-orange-500 border-orange-500/50 bg-orange-500 bg-orange-500/50":i.value?.clubId===0,"border-orange-500 bg-orange-500 drop-shadow-button hover:bg-orange-500/80 group-hover:bg-hover":i.value?.clubId!==0}]),type:`button`,disabled:i.value?.clubId===0,onClick:o[1]||=e=>a(`next`)},[...o[5]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M184 240 0 56 56 0l240 240L56 480 0 424z`})],-1)]],10,M)])]))}}),[[`__scopeId`,`data-v-07da7a77`]]),P={class:`players`},F={class:`relative z-10 w-full text-center`},I={class:`font-heading uppercase`},L={class:`mb-24 text-lg`},R={class:`flex w-full justify-center gap-4`},z=[`disabled`],B=T(l({__name:`StepThree`,props:p({config:{}},{modelValue:{},modelModifiers:{}}),emits:p([`previous`,`next`],[`update:modelValue`]),setup(t,{emit:n}){let r=o(t,`modelValue`),i=n;return(n,a)=>(d(),f(`div`,P,[a[4]||=c(`div`,{class:`absolute left-0 top-0 w-[150%] md:w-full`},[c(`svg`,{viewBox:`0 0 1727 576`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,focusable:`false`},[c(`defs`,null,[c(`linearGradient`,{x1:`-1.11022302e-14%`,y1:`50%`,x2:`100%`,y2:`50%`,id:`linearGradient-1`},[c(`stop`,{"stop-color":`#373431`,offset:`0%`}),c(`stop`,{"stop-color":`#373431`,"stop-opacity":`0.01`,offset:`100%`})])]),c(`g`,{fill:`url(#linearGradient-1)`,"fill-rule":`nonzero`},[c(`path`,{d:`M1150.92,-2.84217094e-14 L1150.92,287.584 L1151.2,287.584 L1151.2,575.403 L863.537,287.742 L863.412,287.742 L862.973,288.181 L862.973,0.845 L575.562,288.181 L575.562,0.438477 L1150.482,0.438 L1150.92,-2.84217094e-14 Z M287.818,288.181 L0,0.438477 L287.819,0.438477 L287.819,288.18 L575.561,0.438477 L575.561,288.181 L287.818,288.181 Z M1438.61,288.181 L1726.35,0.438477 L1726.35,288.181 L1438.61,288.181 Z M0,288.181 L575.561,288.181 L287.819,575.999 L287.819,576 L0,288.181 Z M1151.2,576 L1151.2,288.181 L1438.94,288.181 L1151.2,576 Z`})])])],-1),c(`div`,F,[c(`h2`,I,e(t.config.title),1),c(`p`,L,e(t.config.text),1)]),s(n.$slots,`club-${r.value?.competitionId}-${r.value?.clubId}`,{item:r.value},void 0,!0),c(`div`,R,[c(`button`,{class:`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border-2 border-orange-500 px-6 py-3 text-md text-white transition-colors hover:bg-orange-500/80 group-hover:bg-hover`,type:`button`,onClick:a[0]||=e=>i(`previous`)},[...a[2]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M240 480 0 240 240 0l56 56-184 184 184 184z`})],-1)]]),c(`button`,{class:h([`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border px-6 py-3 text-md text-blue-700 transition-colors`,{"cursor-not-allowed border-orange-500 border-orange-500/50 bg-orange-500 bg-orange-500/50":r.value?.playerId===0,"border-orange-500 bg-orange-500 drop-shadow-button hover:bg-orange-500/80 group-hover:bg-hover":r.value?.playerId!==0}]),type:`button`,disabled:r.value?.playerId===0,onClick:a[1]||=e=>i(`next`)},[...a[3]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M184 240 0 56 56 0l240 240L56 480 0 424z`})],-1)]],10,z)])]))}}),[[`__scopeId`,`data-v-47a9a6b5`]]),V={class:`flex w-full flex-col`},H={class:`z-10 text-center`},U={class:`font-heading uppercase`},W={class:`mb-24 text-lg`},G=l({__name:`StepFour`,props:p({config:{}},{modelValue:{},modelModifiers:{}}),emits:p([`previous`],[`update:modelValue`]),setup(t,{emit:n}){let r=n,i=[{key:`competition`,name:`[name="fields[competition]"]`},{key:`clubName`,name:`[name="fields[club]"]`},{key:`playerName`,name:`[name="fields[player]"]`}],l=o(t,`modelValue`),u=()=>

1{i.forEach(e=>{let t=document.querySelector(e.name);t&&(t.value=l.value?.[e.key].toString()??``)})};return a(()=>{u();let e=document.querySelector(`form.fui-form`);new g().initForm(e)}),(n,i)=>(d(),f(`div`,V,[c(`div`,H,[c(`h2`,U,e(t.config.title),1),c(`p`,W,e(t.config.text),1)]),s(n.$slots,`form`,{item:l.value}),c(`button`,{class:`button group mx-auto my-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border-2 border-orange-500 px-6 py-3 text-md text-white transition-colors hover:bg-tulp-green/80 group-hover:bg-hover`,type:`button`,onClick:i[0]||=e=>r(`previous`)},[...i[1]||=[c(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 296 480`,class:`h-5 w-5`},[c(`path`,{fill:`currentColor`,d:`M240 480 0 240 240 0l56 56-184 184 184 184z`})],-1)]])]))}}),K={key:0,class:`start-page`},q=l({__name:`GoldenStick`,props:{config:{}},setup(r){let a=n(0),o=n(),l=n({competitionId:0,competition:``,clubId:0,clubName:``,playerId:0,playerName:``}),p=(e,t)=>{l.value.competitionId=e,l.value.competition=t},h=(e,t)=>{l.value.clubId=e,l.value.clubName=t},g=(e,t)=>{l.value.playerId=e,l.value.playerName=t},_=()=>{a.value--,i(()=>{o.value?.scrollIntoView({behavior:`smooth`,block:`start`})})},v=()=>{a.value++,i(()=>{o.value?.scrollIntoView({behavior:`smooth`,block:`start`})})};return(n,i)=>(d(),f(`div`,{ref_key:`main`,ref:o,class:`wrapper scroll-mt-44`},[a.value===0?(d(),f(`div`,K,[s(n.$slots,`intro`),c(`button`,{type:`button`,class:`button group mb-4 inline-flex transform-gpu items-center gap-2.5 rounded-full border-2 border-orange-500 px-8 py-4 text-lg font-bold text-white drop-shadow-button transition-colors hover:bg-tulp-green/80 group-hover:bg-hover`,onClick:i[0]||=e=>a.value=1},e(r.config.intro.buttonText),1)])):u(``,!0),a.value===1?(d(),t(E,{key:1,modelValue:l.value,"onUpdate:modelValue":i[1]||=e=>l.value=e,config:r.config.step1,onCompetitionSelected:p,onNext:v},null,8,[`modelValue`,`config`])):u(``,!0),a.value===2?(d(),t(N,{key:2,modelValue:l.value,"onUpdate:modelValue":i[2]||=e=>l.value=e,config:r.config.step2,onPrevious:_,onNext:v},{"step-two-women":m(()=>[s(n.$slots,`step-two-women`,{item:l.value,selectClub:h})]),"step-two-men":m(()=>[s(n.$slots,`step-two-men`,{item:l.value,selectClub:h})]),_:3},8,[`modelValue`,`config`])):u(``,!0),a.value===3?(d(),t(B,{key:3,modelValue:l.value,"onUpdate:modelValue":i[3]||=e=>l.value=e,config:r.config.step3,onPrevious:_,onNext:v},{[`club-${l.value.competitionId}-${l.value.clubId}`]:m(()=>[s(n.$slots,`club-${l.value?.competitionId}-${l.value?.clubId}`,{item:l.value,selectPlayer:g})]),_:2},1032,[`modelValue`,`config`])):u(``,!0),a.value===4?(d(),t(G,{key:4,modelValue:l.value,"onUpdate:modelValue":i[4]||=e=>l.value=e,config:r.config.step4,onPrevious:_},{form:m(()=>[s(n.$slots,`form`,{item:l.value})]),_:3},8,[`modelValue`,`config`])):u(``,!0)],512))}});export{q as default};
2//# sourceMappingURL=GoldenStick-Bi9iLfuC.js.map