https://www.zwolsetheaters.nl/assets/js/components/shows.247.js

1"use strict";(self["webpackChunkfrontend"]=self["webpackChunkfrontend"]||[]).push([[2161],{660:function(t,e,s){s.r(e),s.d(e,{default:function(){return f}});s(3725),s(2598);var o=s(9726);const _=["variant","onClick","href"],i=["id"];function l(t,e,s,l,n,a){const c=(0,o.g2)("BaseButton"),r=(0,o.g2)("BaseTextElement"),d=(0,o.g2)("BaseIcon"),b=(0,o.g2)("BaseAccordionItem"),k=(0,o.g2)("BaseAccordion"),h=(0,o.g2)("BaseComponent"),m=(0,o.gN)("out-viewport"),w=(0,o.gN)("in-viewport");return(0,o.uX)(),(0,o.Wv)(h,{class:(0,o.C4)([t.$style["shows-block"],{[t.$style["nav--scrolled-bottom"]]:t.baseNavState.scrolledBottom}]),model:t.baseModel,module:[t.module,[t.$style,"shows-block"]],container:"small",index:t.index,"is-nested":t.isNested,"in-viewport-animation":t.inViewportAnimation,"is-component":t.isComponent,"prev-component":t.prevComponent,"next-component":t.nextComponent,id:"shows"},{default:(0,o.k6)(()=>[(0,o.bF)(o.eB,{name:"fade"},{default:(0,o.k6)(()=>[(0,o.bo)((0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__sticky-bar"])},[(0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__sticky-bar__container"])},[(0,o.Lk)("span",{class:(0,o.C4)(t.$style["shows-block__sticky-bar__title"])},(0,o.v_)(t.baseModel.stickyTitle),3),(0,o.bF)(c,{icon:"ticket",variant:t.baseModel.buttonVariant,title:t.baseModel.buttonTitle,onClick:t.openContent,class:(0,o.C4)([t.$style["shows-block__sticky-bar__button"],t.$style["variant--"+t.baseModel.buttonVariant]])},null,8,["variant","title","onClick","class"])],2)],2),[[o.aG,t.stickyBarVisible]])]),_:1}),(0,o.bo)((0,o.Lk)("span",{ref:"stickyTriggerRef",class:(0,o.C4)(t.$style["shows-block__sticky-trigger"])},null,2),[[m,()=>t.stickyBarVisible=!0],[w,()=>t.stickyBarVisible=!1]]),(0,o.bF)(k,{class:(0,o.C4)(t.$style["shows-block__accordion"])},{default:(0,o.k6)(()=>[(0,o.bF)(b,{openTimeout:0,active:t.isExpanded,trigger:t.baseModel.buttonTitle,class:(0,o.C4)([t.$style["shows-block__accordion__item"],t.$style["variant--"+t.baseModel.buttonVariant]]),module:[t.module,[t.$style,"shows-block__accordion__item"]],onOpen:e[1]||(e[1]=e=>t.isExpanded=!0),onClose:e[2]||(e[2]=e=>t.isExpanded=!1)},{default:(0,o.k6)(()=>[t.baseModel.items.length||t.baseModel.extras?.items.length?((0,o.uX)(),(0,o.CE)("div",{key:0,class:(0,o.C4)(t.$style["shows-block__content"])},[(0,o.bF)(c,{icon:"close",title:t.baseModel.closeTitle,onClick:e[0]||(e[0]=e=>t.isExpanded=!1),class:(0,o.C4)(t.$style["shows-block__content__close"])},null,8,["title","class"]),(0,o.Lk)("ul",{class:(0,o.C4)(t.$style["shows-block__content__list"])},[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(t.baseModel.items,(e,s)=>((0,o.uX)(),(0,o.CE)("li",{key:s,class:(0,o.C4)(t.$style["shows-block__content__list__item"])},[(0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__show"])},[e.information?((0,o.uX)(),(0,o.CE)("ul",{key:0,class:(0,o.C4)(t.$style["shows-block__show__information"])},[e.information.date?((0,o.uX)(),(0,o.CE)("li",{key:0,class:(0,o.C4)([t.$style["shows-block__show__information__item"],t.$style["is--date"]])},(0,o.v_)(e.information.date),3)):(0,o.Q3)("",!0),e.information.time?((0,o.uX)(),(0,o.CE)("li",{key:1,class:(0,o.C4)([t.$style["shows-block__show__information__item"],t.$style["is--time"]])},(0,o.v_)(e.information.time),3)):(0,o.Q3)("",!0),e.information.price?((0,o.uX)(),(0,o.CE)("li",{key:2,class:(0,o.C4)([t.$style["shows-block__show__information__item"],t.$style["is--price"]])},(0,o.v_)(e.information.price),3)):(0,o.Q3)("",!0)],2)):(0,o.Q3)("",!0),(0,o.Lk)("a",{variant:e.link.variant,onClick:s=>t.openLink(e.information?.ticketmaticId??""),href:t.addRefToUrl(e.link.url),target:"_blank",class:(0,o.C4)([t.$style["shows-block__show__button"],t.$style["variant--"+e.link.variant],{[t.$style["is--disabled"]]:!e.link.url}])},(0,o.v_)(e.link.name),11,_)],2)],2))),128))],2),t.baseModel.extras?((0,o.uX)(),(0,o.CE)(o.FK,{key:0},[(0,o.Lk)("span",{id:t.baseModel.anchor,class:(0,o.C4)(t.$style["shows-block__content__title"])},(0,o.v_)(t.baseModel.extras.title),11,i),(0,o.bF)(r,{text:t.baseModel.extras.description,class:(0,o.C4)(t.$style["shows-block__content__description"])},null,8,["text","class"]),(0,o.Lk)("ul",{class:(0,o.C4)(t.$style["shows-block__content__list"])},[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(t.baseModel.extras.items,(e,s)=>((0,o.uX)(),(0,o.CE)("li",{key:s,class:(0,o.C4)(t.$style["shows-block__content__list__item"])},[(0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__extra"])},[(0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__extra__content"])},[(0,o.Lk)("span",{class:(0,o.C4)(t.$style["shows-block__extra__content__title"])},(0,o.v_)(e.title),3),(0,o.bF)(r,{text:e.description,class:(0,o.C4)(t.$style["shows-block__extra__content__description"])},null,8,["text","class"])],2),t.hasAvailableLinks(e)&&!t.hasOnlySingleAvailableLink(e)?((0,o.uX)(),(0,o.CE)(o.FK,{key:0},[e.links.length?((0,o.uX)(),(0,o.Wv)(k,{key:0,"close-on-click-outside":"",class:(0,o.C4)(t.$style["shows-block__extra__accordion"])},{default:(0,o.k6)(()=>[(0,o.bF)(b,{trigger:e.orderButton,class:(0,o.C4)(t.$style["shows-block__extra__accordion__item"]),module:[t.module,[t.$style,"shows-block__extra__accordion__item"]]},{trigger:(0,o.k6)(()=>[(0,o.bF)(d,{name:e.type==t.ShowExtraType.SIDE_PROGRAM?"ticket":"food",class:(0,o.C4)(t.$style["shows-block__extra__accordion__item__icon"])},null,8,["name","class"])]),default:(0,o.k6)(()=>[(0,o.Lk)("div",{class:(0,o.C4)(t.$style["shows-block__extra__accordion__item__buttons"])},[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.links,(e,s)=>((0,o.uX)(),(0,o.Wv)(c,{key:s,icon:"date",title:e.name,"link-url":t.addRefToUrl(e.url),"link-target":"_blank",class:(0,o.C4)([t.$style["shows-block__extra__button"],{[t.$style["is--disabled"]]:!e.isAvailable}])},null,8,["title","link-url","class"]))),128))],2)]),_:2},1032,["trigger","class","module"])]),_:2},1032,["class"])):(0,o.Q3)("",!0)],64)):t.hasAvailableLinks(e)&&t.hasOnlySingleAvailableLink(e)?((0,o.uX)(),(0,o.Wv)(c,{key:1,variant:"primary",title:e.orderButton,"link-url":t.addRefToUrl(e.links.find(t=>t.isAvailable)?.url||""),"link-target":"_blank",class:(0,o.C4)([t.$style["shows-block__show__button"],t.$style["is--extra-"+e.type?.toLowerCase()]])},null,8,["title","link-url","class"])):((0,o.uX)(),(0,o.Wv)(c,{key:2,variant:"primary",title:e.orderButton,class:(0,o.C4)([t.$style["shows-block__show__button"],t.$style["is--disabled"],t.$style["is--extra-"+e.type?.toLowerCase()]])},null,8,["title","class"]))],2)],2))),128))],2)],64)):(0,o.Q3)("",!0)],2)):(0,o.Q3)("",!0)]),_:1},8,["active","trigger","class","module"])]),_:1},8,["class"])]),_:1},8,["class","model","module","index","is-nested","in-viewport-animation","is-component","prev-component","next-component"])}s(7746),s(8743),s(5019),s(9838);var n,a=s(8557),c=s(6125),r=(s(1339),s(6401));(function(t){t["SIDE_PROGRAM"]="SideProgram",t["CATERING"]="Catering"})(n||(n={}));class d extends a.aW{constructor(t=null){super(t),(0,c.A)(this,"isAvailable",!1),this.isAvailable=t.isAvailable}}class b{constructor(t=null){(0,c.A)(this,"title",""),(0,c.A)(this,"description",""),(0,c.A)(this,"orderButton",""),(0,c.A)(this,"type",void 0),(0,c.A)(this,"links",[]),(0,r.A)(t)||(0,a.Gv)().mergeExistingProps(this,{...t,links:t.links?t.links.map(t=>new d(t)):[]})}}class k{constructor(t=null){(0,c.A)(this,"anchor",void 0),(0,c.A)(this,"title",""),(0,c.A)(this,"description",""),(0,c.A)(this,"items",[]),(0,r.A)(t)||(0,a.Gv)().mergeExistingProps(this,{...t,items:t.items?t.items.map(t=>new b(t)):[]})}}class h{constructor(t=null){(0,c.A)(this,"ticketmaticId",""),(0,c.A)(this,"date",""),(0,c.A)(this,"time",""),(0,c.A)(this,"price",""),(0,r.A)(t)||(0,a.Gv)().mergeExistingProps(this,{...t})}}class m{constructor(t=null){(0,c.A)(this,"information",void 0),(0,c.A)(this,"link",new a.aW),(0,r.A)(t)||(0,a.Gv)().mergeExistingProps(this,{...t,information:t.information&&new h(t.information),link:t.link&&new a.aW(t.link)})}}class w extends a.xu{constructor(t=null,e=!1){super(t),(0,c.A)(this,"buttonTitle",""),(0,c.A)(this,"buttonVariant",""),(0,c.A)(this,"closeTitle",""),(0,c.A)(this,"stickyTitle",""),(0,c.A)(this,"items",[]),(0,c.A)(this,"extras",void 0),(0,r.A)(t)||(0,a.Gv)().mergeExistingProps(this,{...t,items:t.items?t.items.map(t=>new m(t)):[],extras:t.extras&&new k(t.extras)}),e&&(0,a.Gv)().debugComponent("shows",t,this)}}var u=(0,o.pM)({mixins:[a.yY],props:{...a.yY.props,model:{type:Object,required:!0}},setup(t){const{baseNavState:e}=(0,a.Em)(),s=(0,o.KR)(null),_=(0,o.KR)(!1),i=(0,o.KR)(!1);window.addEventListener("anchorClicked",function(t){const e=document.getElementById(t.detail.link.hash.replace("#",""));e&&!_.value&&(t.preventDefault(),_.value=!0,(0,o.dY)(()=>setTimeout(()=>{const t=e.getBoundingClientRect().top-document.body.getBoundingClientRect().top-250;window.scrollTo({behavior:"smooth",top:t})},500)))});const l=()=>{s.value&&(_.value=!0,e.canScroll=!1,s.value.scrollIntoView({behavior:"smooth"}),(0,o.dY)(()=>setTimeout(()=>{e.canScroll=!0,e.scrolledTop=!1,e.scrolledBottom=!0},1e3)))},c=()=>{""!==t.model.anchor&&setTimeout(function(){const e=document.querySelector(t.model.anchor.replace(/^/,"#")),s=e.getBoundingClientRect().top-document.body.getBoundingClientRect().top-250;window.scrollTo({behavior:"smooth",top:s})},100)},r=()=>{window.location.hash.split("?")[0]&&(_.value=!0,(0,o.dY)(()=>setTimeout(()=>{c()},1e3)))},d=t=>t.links?.filter(t=>t.isAvailable).length>0,b=t=>!!t.links&&(1==t.links.length&&1==t.links.filter(t=>t.isAvailable).length);(0,o.sV)(()=>{window.addEventListener("popstate",function(){_.value=!0,c()}),r(),k()});const k=()=>{let e=[];

1t.model?.items.forEach(s=>{e.push({item_id:s.information?.ticketmaticId,item_name:t.model?.stickyTitle})}),window&&window.dataLayer&&window.dataLayer.push({event:"view_item",ecommerce:{items:e}})},h=e=>{window&&window.dataLayer&&window.dataLayer.push({event:"add_to_cart",ecommerce:{items:[{item_id:e,item_name:t.model?.stickyTitle}]}})},m=t=>{if(!t||!t.includes("ticketmatic.com"))return t;let e="";if("undefined"!==typeof window.sqzlCommon){const t=window.sqzlCommon.getCookieValues("sqzllocal");t&&t.length>0&&(e=t[0])}if(!e)return t;const s=t.includes("?")?"&":"?";return`${t}${s}ref=${e}`};return{baseModel:new w(t.model,t.debug),baseNavState:e,stickyTriggerRef:s,isExpanded:_,stickyBarVisible:i,openContent:l,ShowExtraType:n,hasAvailableLinks:d,hasOnlySingleAvailableLink:b,openLink:h,addRefToUrl:m}},components:{BaseAccordion:a.eB,BaseAccordionItem:a.FY,BaseTextElement:a.dG}}),y={"shows-block__content__list":"shows-block__content__list__d660e7","shows-block__show__information":"shows-block__show__information__d8ad88","shows-block__sticky-bar__button":"shows-block__sticky-bar__button__d406e2","shows-block__accordion__item":"shows-block__accordion__item__b2568a","variant--primary":"variant--primary__cfe017","shows-block__accordion__item__trigger":"shows-block__accordion__item__trigger__ae7f68","variant--secondary":"variant--secondary__d88f3e","variant--cta":"variant--cta__e0e130","variant--orange":"variant--orange__d91899","variant--red":"variant--red__a288e0","variant--white":"variant--white__b77187","variant--grey":"variant--grey__b1bfc5","variant--file-upload":"variant--file-upload__fa3a54","variant--modal-close":"variant--modal-close__fa32c4","shows-block__content__close":"shows-block__content__close__b28950","shows-block__show__information__item":"shows-block__show__information__item__ee544f","is--date":"is--date__d62806","is--time":"is--time__caf71f","is--price":"is--price__db2c0c","shows-block__show__button":"shows-block__show__button__e47663","is--extra-catering":"is--extra-catering__c0da12","shows-block__extra__accordion__item__trigger":"shows-block__extra__accordion__item__trigger__c7be36","shows-block__extra__button":"shows-block__extra__button__df8ba5","shows-block__sticky-bar__title":"shows-block__sticky-bar__title__df832a","shows-block__content__title":"shows-block__content__title__be2e21","is--loading":"is--loading__a662ef",disabled:"disabled__ffd832","shows-block":"shows-block__f4c8a7","shows-block__container":"shows-block__container__a447ad","shows-block__sticky-bar":"shows-block__sticky-bar__ef04b7","nav--scrolled-bottom":"nav--scrolled-bottom__efed20","shows-block__sticky-bar__container":"shows-block__sticky-bar__container__c4e77a","shows-block__sticky-trigger":"shows-block__sticky-trigger__a6f4e7","is--active":"is--active__fc2b8c","shows-block__accordion__item__trigger__icon":"shows-block__accordion__item__trigger__icon__c4346d","shows-block__content":"shows-block__content__f23bff","shows-block__content__list__item":"shows-block__content__list__item__c008b7","shows-block__content__description":"shows-block__content__description__e387b8","shows-block__show":"shows-block__show__c8631f","is--disabled":"is--disabled__a5adee","shows-block__extra":"shows-block__extra__fb0555","shows-block__extra__content":"shows-block__extra__content__cbcd8b","shows-block__extra__content__title":"shows-block__extra__content__title__c93bad","shows-block__extra__content__description":"shows-block__extra__content__description__e33648","shows-block__extra__accordion":"shows-block__extra__accordion__c5d1f5","shows-block__extra__accordion__item":"shows-block__extra__accordion__item__fd8e4f","shows-block__extra__accordion__item__trigger__icon":"shows-block__extra__accordion__item__trigger__icon__ad1c4c","shows-block__extra__accordion__item__trigger__text":"shows-block__extra__accordion__item__trigger__text__a9ea9a","shows-block__extra__accordion__item__icon":"shows-block__extra__accordion__item__icon__f02d05","shows-block__extra__accordion__item__buttons":"shows-block__extra__accordion__item__buttons__e4196b"},v=s(6262);const p={};p["$style"]=y;const g=(0,v.A)(u,[["render",l],["__cssModules",p]]);var f=g}}]);