https://www.zwolsetheaters.nl/assets/js/components/production.8e8.js

1"use strict";(self["webpackChunkfrontend"]=self["webpackChunkfrontend"]||[]).push([[2594],{5030:function(e,t,i){i.d(t,{A:function(){return l}});var o=i(9726),n=i(6125);class a{constructor(){(0,n.A)(this,"addFavoriteApiUrl",""),(0,n.A)(this,"deleteFavoriteApiUrl",""),(0,n.A)(this,"cookieFavoritesEditTokenKey",""),(0,n.A)(this,"favoritesEditToken","")}}let r;const l=()=>(r=r||(0,o.Kh)(new a),{...(0,o.QW)(r),appState:r})},9234:function(e,t,i){var o=i(6125),n=i(9726),a=i(8557),r=i(5030);class l{constructor(){(0,o.A)(this,"loading",!1),(0,o.A)(this,"error",""),(0,o.A)(this,"addedFavorites",[]),(0,o.A)(this,"deletedFavorites",[])}}let d;const s=()=>{const{getCookie:e,localhost:t,setCookie:i,to:o}=(0,a.Gv)(),{api:s}=(0,a.jC)(),{appState:_}=(0,r.A)(),c=async e=>{d.loading=!0;const[i,n]=await o(s.post(t?"AddFavorite":_.addFavoriteApiUrl,{id:e,editToken:v()}));return d.error=n,i&&(_.favoritesEditToken=i.editToken),g(),!n},u=async e=>{d.loading=!0;const[i,n]=await o(s.post(t?"DeleteFavorite":_.deleteFavoriteApiUrl,{id:e,editToken:v()}));return d.error=n,i&&(_.favoritesEditToken=i.editToken),g(),!n},g=()=>{_.cookieFavoritesEditTokenKey&&_.favoritesEditToken&&i(_.cookieFavoritesEditTokenKey,_.favoritesEditToken)},v=()=>_.favoritesEditToken||e(_.cookieFavoritesEditTokenKey);return d=d||(0,n.Kh)(new l),{favoritesState:d,addFavorite:c,deleteFavorite:u}};i.d(t,["r",0,s])},6918:function(e,t,i){i.d(t,{u:function(){return l}});var o=i(6125),n=(i(3725),i(1339),i(6401)),a=i(8557);class r{constructor(e=null){(0,o.A)(this,"value",""),(0,o.A)(this,"backgroundColor",""),(0,n.A)(e)||(0,a.Gv)().mergeExistingProps(this,{...e})}}class l extends a.xu{constructor(e=null){super(e),(0,o.A)(this,"id",""),(0,o.A)(this,"isFavorite",!1),(0,o.A)(this,"title",""),(0,o.A)(this,"subtitle",""),(0,o.A)(this,"date",""),(0,o.A)(this,"time",""),(0,o.A)(this,"location",""),(0,o.A)(this,"label",new r),(0,o.A)(this,"tags",[]),(0,o.A)(this,"image",new a.Fe),(0,o.A)(this,"link",new a.aW),(0,o.A)(this,"backgroundColor",""),(0,n.A)(e)||(0,a.Gv)().mergeExistingProps(this,{...e,label:e.label&&new r(e.label),tags:e.tags?e.tags.map(e=>new a.aW(e)):[],image:e.image&&new a.Fe(e.image),link:e.link&&new a.aW(e.link)})}}},7213:function(e,t,i){i.r(t),i.d(t,{default:function(){return h}});var o=i(9726);const n=["innerHTML"],a=["innerHTML"],r=["href","target"],l=["title","href","target"],d=["onClick","title"],s=["onClick"];function _(e,t,i,_,c,u){const g=(0,o.g2)("BaseImage"),v=(0,o.g2)("BaseButton"),p=(0,o.g2)("BaseComponent");return t[0]||((0,o.Vq)(-1),t[0]=(0,o.bF)(p,{class:(0,o.C4)([e.$style["production"],e.$style["variant--"+e.variant],e.$style["bg--"+e.itemRef.backgroundColor],{[e.$style["is--odd"]]:e.isOdd}]),model:e.itemRef,module:[e.module,[e.$style,"production"]],index:e.index,"is-nested":e.isNested,"in-viewport-animation":!1,"is-component":e.isComponent,"prev-component":e.prevComponent,"next-component":e.nextComponent},{default:(0,o.k6)(()=>[(0,o.bF)(g,{image:e.itemRef.image,class:(0,o.C4)([e.$style["production__image"],e.$style["bg--"+e.itemRef.backgroundColor]]),lazy:"",module:[e.$style,"production__image"]},null,8,["image","class","module"]),e.itemRef.label?.value?((0,o.uX)(),(0,o.CE)("span",{key:0,class:(0,o.C4)([e.$style["production__label"],e.$style["bg--"+e.itemRef.label.backgroundColor]])},(0,o.v_)(e.itemRef.label.value),3)):(0,o.Q3)("",!0),(0,o.Lk)("div",{class:(0,o.C4)(e.$style["production__wrapper"])},[(0,o.Lk)("div",{class:(0,o.C4)(e.$style["production__content"])},[e.itemRef.date||e.itemRef.time?((0,o.uX)(),(0,o.CE)("ul",{key:0,class:(0,o.C4)(e.$style["production__content__information"])},[e.itemRef.date?((0,o.uX)(),(0,o.CE)("li",{key:0,class:(0,o.C4)([e.$style["production__content__information__item"],e.$style["is--date"]])},(0,o.v_)(e.itemRef.date),3)):(0,o.Q3)("",!0),e.itemRef.time?((0,o.uX)(),(0,o.CE)("li",{key:1,class:(0,o.C4)([e.$style["production__content__information__item"],e.$style["is--time"]])},(0,o.v_)(e.itemRef.time),3)):(0,o.Q3)("",!0),e.itemRef.location?((0,o.uX)(),(0,o.CE)("li",{key:2,class:(0,o.C4)([e.$style["production__content__information__item"],e.$style["is--location"]])},(0,o.v_)(e.itemRef.location),3)):(0,o.Q3)("",!0)],2)):(0,o.Q3)("",!0),e.itemRef.title?((0,o.uX)(),(0,o.CE)("h3",{key:1,class:(0,o.C4)([e.$style["production__content__title"]]),innerHTML:e.itemRef.title},null,10,n)):(0,o.Q3)("",!0),e.itemRef.subtitle?((0,o.uX)(),(0,o.CE)("span",{key:2,class:(0,o.C4)([e.$style["production__content__subtitle"]]),innerHTML:e.itemRef.subtitle},null,10,a)):(0,o.Q3)("",!0)],2),e.itemRef.tags?.length?((0,o.uX)(),(0,o.CE)("div",{key:0,class:(0,o.C4)(e.$style["production__tags"])},[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(e.itemRef.tags,(t,i)=>((0,o.uX)(),(0,o.CE)(o.FK,{key:i},[t.target?((0,o.uX)(),(0,o.CE)("a",{key:0,href:t.url,target:t.target,class:(0,o.C4)([e.$style["production__tags__item"],e.$style["bg--"+t.backgroundColor]])},(0,o.v_)(t.name),11,r)):((0,o.uX)(),(0,o.CE)("div",{key:1,class:(0,o.C4)([e.$style["production__tags__item"],e.$style["bg--"+t.backgroundColor],e.$style["no--link"]])},(0,o.v_)(t.name),3))],64))),128))],2)):(0,o.Q3)("",!0),e.itemRef.link?.url?((0,o.uX)(),(0,o.CE)("a",{key:1,title:e.itemRef.link.name,href:e.itemRef.link.url,target:e.itemRef.link.target,class:(0,o.C4)(e.$style["production__link"]),"data-ticket-order":""},null,10,l)):(0,o.Q3)("",!0),e.itemRef.link?.url?((0,o.uX)(),(0,o.Wv)(v,{key:2,variant:e.itemRef.link.variant||"cta",title:e.itemRef.link.name,"link-url":e.itemRef.link.url,"link-target":e.itemRef.link.target,class:(0,o.C4)(e.$style["production__button"]),"data-ticket-order":""},null,8,["variant","title","link-url","link-target","class"])):(0,o.Q3)("",!0),e.showFavoriteToggle?((0,o.uX)(),(0,o.CE)("button",{key:3,onClick:t=>e.handleToggleFavorite(),title:e.itemRef.isFavorite?"Verwijderen uit favorieten":"Toevoegen aan favorieten",class:(0,o.C4)([e.$style["production__toggle-favorite-button"],{[e.$style["is--loading"]]:e.isLoading,[e.$style["is--filled"]]:e.itemRef.isFavorite}])},null,10,d)):(0,o.Q3)("",!0)],2),e.showFavoriteDelete?((0,o.uX)(),(0,o.CE)("button",{key:1,onClick:t=>e.handleDeleteFavorite(),title:"Verwijderen uit favorieten",class:(0,o.C4)([e.$style["production__delete-favorite-button"],{[e.$style["is--loading"]]:e.isLoading}])},null,10,s)):(0,o.Q3)("",!0)]),_:1},8,["class","model","module","index","is-nested","is-component","prev-component","next-component"]),(0,o.Vq)(1),t[0])}i(8743),i(3725),i(2598);var c=i(8557),u=i(6918),g=i(9234);const v=(0,o.pM)({mixins:[c.yY],props:{...c.yY.props,item:{type:Object},model:{type:Object},variant:{type:String,default:"detached-card"},isOdd:Boolean,showFavoriteToggle:{type:Boolean,default:!0},showFavoriteDelete:Boolean,cropParams:{type:Object,default:new c.p4}},setup(e){const{favoritesState:t,addFavorite:i,deleteFavorite:n}=(0,g.r)(),a=(0,o.KR)(e.item||e.model),r=(0,o.KR)(!1),l=async()=>{a.value?.isFavorite?await s():await d()},d=async()=>

1{if(!r.value&&!a.value?.isFavorite){if(r.value=!0,a.value){const e=await i(a.value.id);if(e){const e=t.addedFavorites.findIndex(e=>e.id==a.value?.id);-1==e&&t.addedFavorites.push(a.value);const i=t.deletedFavorites.findIndex(e=>e.id==a.value?.id);i>-1&&t.deletedFavorites.splice(i,1)}}r.value=!1}},s=async()=>{if(r.value||!a.value?.isFavorite)return;r.value=!0;const e=await n(a.value?.id);if(e){const e=t.deletedFavorites.findIndex(e=>e.id==a.value?.id);-1==e&&t.deletedFavorites.push(a.value);const i=t.addedFavorites.findIndex(e=>e.id==a.value?.id);i>-1&&t.addedFavorites.splice(i,1)}r.value=!1};return(0,o.wB)(t.addedFavorites,()=>{a.value&&t.addedFavorites.find(e=>e.id==a.value?.id)&&(a.value.isFavorite=!0)}),(0,o.wB)(t.deletedFavorites,()=>{a.value&&t.deletedFavorites.find(e=>e.id==a.value?.id)&&(a.value.isFavorite=!1)}),{baseModel:new u.u(a),CropMode:c.uc,itemRef:a,isLoading:r,handleDeleteFavorite:s,handleToggleFavorite:l}}}),p=()=>{(0,o.$9)(e=>({"9b6c3d7e":e.itemRef.label?.backgroundColor}))},b=v.setup;v.setup=b?(e,t)=>(p(),b(e,t)):p;var f=v,m={production__link:"production__link__bff183",production:"production__cc7a5b","variant--block":"variant--block__b1356a",production__button:"production__button__cc1024",production__content__information:"production__content__information__adaab6",production__content__information__item:"production__content__information__item__d566fd","is--date":"is--date__ab23c1","is--time":"is--time__dc17bf","is--location":"is--location__fc7180","variant--list-item":"variant--list-item__f25be4","variant--list-item-separated":"variant--list-item-separated__dfc6e6","variant--card":"variant--card__ea7cfc","variant--detached-card":"variant--detached-card__c7fb69","production__toggle-favorite-button":"production__toggle-favorite-button__ed573e","production__delete-favorite-button":"production__delete-favorite-button__e5cd99",production__content__title:"production__content__title__f9851b","is--loading":"is--loading__fb57ce",production__tags__item:"production__tags__item__f6fe81",disabled:"disabled__c8dc78","is--odd":"is--odd__cb89fd","bg--black-1":"bg--black-1__bad4d7","bg--white-1":"bg--white-1__a3e536","bg--red-1":"bg--red-1__d452e7","bg--orange-1":"bg--orange-1__d53e36","bg--green-1":"bg--green-1__ebcb84","bg--green-2":"bg--green-2__ec07d6","bg--blue-1":"bg--blue-1__edb086","bg--blue-2":"bg--blue-2__bc7303","bg--turquoise-1":"bg--turquoise-1__dadcc8","bg--purple-1":"bg--purple-1__d384ce","bg--purple-2":"bg--purple-2__fe2901","bg--sand-1":"bg--sand-1__f068c7","bg--grey-1":"bg--grey-1__f1b7af","bg--grey-2":"bg--grey-2__bc95dd","bg--grey-3":"bg--grey-3__b8433d","bg--grey-4":"bg--grey-4__ab3a8b","bg--grey-5":"bg--grey-5__c57ea3","bg--grey-6":"bg--grey-6__c9f3fe",production__image:"production__image__d55648","production__image__img-wrapper":"production__image__img-wrapper__d160c7",production__wrapper:"production__wrapper__eea025",production__content:"production__content__f53269",production__content__subtitle:"production__content__subtitle__d4d256",production__label:"production__label__d33c91","bg--":"bg--__ad946c",production__tags:"production__tags__fb4f68","no--link":"no--link__a203ef","is--filled":"is--filled__bc9910"},k=i(6262);const y={};y["$style"]=m;const C=(0,k.A)(f,[["render",_],["__cssModules",y]]);var h=C}}]);