https://www.zwolsetheaters.nl/assets/js/elements/app-nav.02f.js

1"use strict";(self["webpackChunkfrontend"]=self["webpackChunkfrontend"]||[]).push([[5344],{4749:function(_,e,a){a.r(e),a.d(e,{default:function(){return h}});var t=a(9726);const n=["innerHTML"],i=["action"],s=["name","placeholder"];function l(_,e,a,l,c,p){const o=(0,t.g2)("BaseButton"),m=(0,t.g2)("BaseModal"),u=(0,t.g2)("BaseNav");return e[0]||((0,t.Vq)(-1),e[0]=(0,t.bF)(u,{module:[_.$style,"app-nav"],model:_.model,"menu-type-desktop":_.NavMenuTypes.ADVANCED,"menu-type-mobile":_.NavMenuTypes.SIMPLE,"open-submenu-desktop-on":_.NavMenuOpenTypes.HOVER,"open-submenu-mobile-on":_.NavMenuOpenTypes.CLICK,"hamburger-open-icon":"menu","hamburger-close-icon":"close","search-open-icon":"search","search-close-icon":"close","hide-on-scroll":""},{default:(0,t.k6)(({baseModel:e})=>[(0,t.bF)(t.eB,{name:"fade"},{default:(0,t.k6)(()=>[e.search&&e.search.form&&_.baseNavState.searchOpen?((0,t.uX)(),(0,t.Wv)(m,{key:0,onClose:e=>_.baseNavState.searchOpen=!1,"hide-header":"","hide-footer":"",module:[_.$style,"app-nav__search-modal"]},{default:(0,t.k6)(()=>[(0,t.Lk)("span",{class:(0,t.C4)(_.$style["app-nav__search-modal__title"]),innerHTML:e.search.form.title},null,10,n),(0,t.Lk)("form",{action:e.search.form.url,class:(0,t.C4)(_.$style["app-nav__search-modal__form"])},[(0,t.Lk)("input",{ref:"searchFormInputRef",type:"text",name:_.QueryStringParams.PHRASE,placeholder:e.search.form.placeholder,class:(0,t.C4)(_.$style["app-nav__search-modal__form__input"])},null,10,s),(0,t.bF)(o,{type:"submit",title:e.search.form.submit,class:(0,t.C4)(_.$style["app-nav__search-modal__form__button"])},null,8,["title","class"])],10,i)]),_:2},1032,["onClose","module"])):_.baseNavState.accessibilityOpen?((0,t.uX)(),(0,t.Wv)(m,{key:1,onClose:e=>_.baseNavState.accessibilityOpen=!1,"hide-header":"","hide-footer":"",module:[_.$style,"app-nav__accessibility-modal"]},{default:(0,t.k6)(()=>[(0,t.Lk)("div",{class:(0,t.C4)(_.$style["app-nav__accessibility-modal__wrapper"])},[(0,t.bF)(o,{icon:"low-stimulus",title:"Prikkelarm",variant:"white",class:(0,t.C4)([_.$style["app-nav__accessibility-modal__button"],{[_.$style["is--active"]]:_.activeAccessibilityOptions.lowStimulus}]),module:[_.$style,"app-nav__accessibility-modal__button"],"icon-crop-width":24,onClick:_.toggleLowStimulus},null,8,["class","module","onClick"]),(0,t.bF)(o,{icon:"large-text",title:"Grote tekst",variant:"white",class:(0,t.C4)([_.$style["app-nav__accessibility-modal__button"],{[_.$style["is--active"]]:_.activeAccessibilityOptions.largeText}]),module:[_.$style,"app-nav__accessibility-modal__button"],onClick:_.toggleLargeText},null,8,["class","module","onClick"]),(0,t.bF)(o,{icon:"dyslexia",title:"Dyslexie",variant:"white",class:(0,t.C4)([_.$style["app-nav__accessibility-modal__button"],{[_.$style["is--active"]]:_.activeAccessibilityOptions.dyslexia}]),module:[_.$style,"app-nav__accessibility-modal__button"],onClick:_.toggleDyslexiaFont},null,8,["class","module","onClick"]),(0,t.Lk)("div",{class:(0,t.C4)(_.$style["app-nav__accessibility-modal__divider-container"])},[(0,t.Lk)("div",{class:(0,t.C4)(_.$style["app-nav__accessibility-modal__divider"])},null,2)],2),(0,t.bF)(o,{icon:"wheelchair",title:"Toegankelijkheid in het theater",variant:"white",class:(0,t.C4)(_.$style["app-nav__accessibility-modal__button"]),module:[_.$style,"app-nav__accessibility-modal__button"],"link-url":_.baseNavState.accessibilityPageUrl.url,target:_.baseNavState.accessibilityPageUrl.target,"link-target":_.baseNavState.accessibilityPageUrl.name},null,8,["class","module","link-url","target","link-target"])],2)]),_:1},8,["onClose","module"])):(0,t.Q3)("",!0)]),_:2},1024)]),_:1},8,["module","model","menu-type-desktop","menu-type-mobile","open-submenu-desktop-on","open-submenu-mobile-on"]),(0,t.Vq)(1),e[0])}var c=a(8557);const p="accessibilityOptions",o=(0,t.pM)({props:["model"],setup(_){const{baseNavState:e}=(0,c.Em)(),a=(0,t.KR)(null),n=(0,t.KR)("0px"),i=(0,t.Kh)({lowStimulus:!1,largeText:!1,dyslexia:!1}),s=()=>{localStorage.setItem(p,JSON.stringify({lowStimulus:i.lowStimulus,largeText:i.largeText,dyslexia:i.dyslexia}))},l=()=>{const _=localStorage.getItem(p);if(_)try{const a=JSON.parse(_);a.lowStimulus&&(document.querySelector("body")?.classList.add("low-stimulus"),i.lowStimulus=!0,e.lowStimulusMode=!0),a.largeText&&(document.querySelector("body")?.classList.add("large-text"),i.largeText=!0),a.dyslexia&&(document.querySelector("body")?.classList.add("dyslexia-font"),i.dyslexia=!0)}catch(a){}},o=()=>{document.querySelector("body")?.classList.toggle("low-stimulus"),i.lowStimulus=!i.lowStimulus,e.lowStimulusMode=i.lowStimulus,s()},m=()=>{document.querySelector("body")?.classList.toggle("large-text"),r(),i.largeText=!i.largeText,s()},u=()=>{i.dyslexia=!i.dyslexia,document.querySelector("body")?.classList.toggle("dyslexia-font"),s()};(0,t.sV)(()=>{l(),window.addEventListener("resize",r)}),(0,t.xo)(()=>{window.removeEventListener("resize",r)}),(0,t.wB)(()=>e.searchOpen,()=>{e.searchOpen&&setTimeout(()=>a.value?.focus(),50)});const r=()=>{e.accessibilityOpen&&d()},d=()=>{const _=document.querySelector('[class*="menu--3"] #accessibility-button-desktop');if(_){const e=_.getBoundingClientRect(),a=window.innerWidth-e.right;n.value=a+"px"}};return(0,t.wB)(()=>e.accessibilityOpen,async _=>{_&&(await(0,t.dY)(),d())}),{NavMenuTypes:c.Q2,NavMenuOpenTypes:c.ih,QueryStringParams:c.VS,baseNavState:e,searchFormInputRef:a,toggleLowStimulus:o,toggleLargeText:m,toggleDyslexiaFont:u,accessibilityModalRight:n,activeAccessibilityOptions:i}},components:{BaseNav:c.$t,BaseButton:c.SC}}),m=()=>{(0,t.$9)(_=>({"074be4e0":_.accessibilityModalRight}))},u=o.setup;o.setup=u?(_,e)=>(m(),u(_,e)):m;var r=o,d={"app-nav__logo":"app-nav__logo__e0c9c7","app-nav__menu":"app-nav__menu__c058e5","menu--1":"menu--1__cfd6f5","app-nav__menu__item":"app-nav__menu__item__d625e8","has--children":"has--children__bf2780","app-nav__menu__item__name":"app-nav__menu__item__name__b36243","app-nav__menu__item__accessibility__name":"app-nav__menu__item__accessibility__name__a037fa","menu--2":"menu--2__cf824b","menu--3":"menu--3__b0ad6d","app-nav__menu__item__search__button":"app-nav__menu__item__search__button__e7b1bc","app-nav__menu__item__menu__item":"app-nav__menu__item__menu__item__ce19bd","app-nav__search__content__form__field":"app-nav__search__content__form__field__bc6e9b","app-nav__search-modal__title":"app-nav__search-modal__title__dab767","app-nav__search-modal__form__button":"app-nav__search-modal__form__button__de225b","is--loading":"is--loading__a1067d",disabled:"disabled__d9fc78","a

1pp-nav__search__content__form__input":"app-nav__search__content__form__input__d2dab9","app-nav__search-modal__form__input":"app-nav__search-modal__form__input__e5ab2b","app-nav__content":"app-nav__content__af7e45","app-nav__content__wrapper":"app-nav__content__wrapper__aea9f0","app-nav__logo__img":"app-nav__logo__img__b3b7ab","app-nav__menu__list":"app-nav__menu__list__bcb42f","type--accessibility":"type--accessibility__eaf0f6","type--search":"type--search__ece21d","is--open":"is--open__ccdfc8","app-nav__menu__item__accessibility__name__icon":"app-nav__menu__item__accessibility__name__icon__e118bd","app-nav__menu__item__name__title":"app-nav__menu__item__name__title__ab92b1","app-nav__menu__item__accessibility__name__title":"app-nav__menu__item__accessibility__name__title__f97146","app-nav__menu__item__link-name":"app-nav__menu__item__link-name__da7911","app-nav__menu__item__link-content-name":"app-nav__menu__item__link-content-name__a65bf1","app-nav__menu__item__description":"app-nav__menu__item__description__c825c4","app-nav__menu__item__search__link":"app-nav__menu__item__search__link__da50bb","app-nav__menu__item__search__content":"app-nav__menu__item__search__content__c51115","app-nav__menu__item__accessibility__content":"app-nav__menu__item__accessibility__content__d5cd49","app-nav__menu__item__content":"app-nav__menu__item__content__d86ce3","app-nav__menu__item__container":"app-nav__menu__item__container__d01aca","app-nav__menu__item__menu":"app-nav__menu__item__menu__b149f2","app-nav__menu__item__menu__list":"app-nav__menu__item__menu__list__e0ef27","app-nav__menu__item__menu__item__name":"app-nav__menu__item__menu__item__name__bbcf29","app-nav__menu__item__menu__item__description":"app-nav__menu__item__menu__item__description__dcb782","app-nav__search":"app-nav__search__f20edb","app-nav__search__link":"app-nav__search__link__ca51e2","app-nav__search__button":"app-nav__search__button__c3bc38","app-nav__search__content":"app-nav__search__content__df20c3","app-nav__search__content__title":"app-nav__search__content__title__b9e019","app-nav__search__content__form":"app-nav__search__content__form__c40c7e","app-nav__search__content__form__button":"app-nav__search__content__form__button__d2a215","app-nav__hamburger__title":"app-nav__hamburger__title__c281b7","app-nav__hamburger__icon":"app-nav__hamburger__icon__bca5e1","app-nav__search-modal":"app-nav__search-modal__fdd1c8","app-nav__search-modal__container":"app-nav__search-modal__container__a87765","app-nav__search-modal__form":"app-nav__search-modal__form__ca32f4","app-nav__accessibility-modal__container":"app-nav__accessibility-modal__container__b0ce36","app-nav__accessibility-modal__close":"app-nav__accessibility-modal__close__def27c","app-nav__accessibility-modal__wrapper":"app-nav__accessibility-modal__wrapper__faba67","app-nav__accessibility-modal__divider-container":"app-nav__accessibility-modal__divider-container__e144cc","app-nav__accessibility-modal__divider":"app-nav__accessibility-modal__divider__d416fe","app-nav__accessibility-modal__button":"app-nav__accessibility-modal__button__b6b9d5","is--active":"is--active__a59254","app-nav__accessibility-modal__button__title":"app-nav__accessibility-modal__button__title__f74382","app-nav__accessibility-modal__button__icon":"app-nav__accessibility-modal__button__icon__fa6b64"},v=a(6262);const b={};b["$style"]=d;const y=(0,v.A)(r,[["render",l],["__cssModules",b]]);var h=y}}]);