https://mozarteum.at/component---src-templates-single-event-template-tsx-dce2a8647f97e6429261.js

1"use strict";(self.webpackChunkgatsby_mozarteum=self.webpackChunkgatsby_mozarteum||[]).push([[3558],{5146:function(e,t,n){n.d(t,{A:function(){return o}});var l=n(6540),a=n(6442);let r=function(e){return e[e.NONE=0]="NONE",e[e.JETTICKET=1]="JETTICKET",e[e.EINTRITT_FREI=2]="EINTRITT_FREI",e[e.LIVESTREAM=3]="LIVESTREAM",e[e.KLANGKARTON1=4]="KLANGKARTON1",e[e.KLANGKARTON2=5]="KLANGKARTON2",e[e.FUEHRUNG=6]="FUEHRUNG",e[e.GASTVERANSTALTUNG_MIT_TICKETLINK=7]="GASTVERANSTALTUNG_MIT_TICKETLINK",e[e.GAR_KEIN_TICKETING=8]="GAR_KEIN_TICKETING",e[e.TICKETBUERO=9]="TICKETBUERO",e[e.ZAEHLKARTE=10]="ZAEHLKARTE",e}({});var i=n(5223);var o=e=>{let{data:t,language:n}=e;const o=(0,a.A)(),u=t.eventStatus,s="en"===n?"en":"de",c="https://ticket.mozarteum.at/webshop/webticket/shop?event="+t.eventJetticketNum+"&language="+s,m=o.formatMessage({id:"tickets"});switch(u){case r.JETTICKET:if(t.eventJetticketNum)return l.createElement(i.Ay,{button:{boldText:m,capitalizeText:!0,url:c,linkType:i.KO.TARGET_BLANK},key:`event-button-${t.eventId}`});break;case r.ZAEHLKARTE:return l.createElement(i.Ay,{button:{boldText:o.formatMessage({id:"zaehlkarten"}),capitalizeText:!0,url:c,linkType:i.KO.TARGET_BLANK},key:`event-button-${t.eventId}`});case r.LIVESTREAM:if(t.eventExternalUrl)return l.createElement(i.Ay,{button:{text:o.formatMessage({id:"liveStream"}),capitalizeText:!0,url:t.eventExternalUrl,linkType:i.KO.TARGET_BLANK},key:`event-button-${t.eventId}`});break;case r.GASTVERANSTALTUNG_MIT_TICKETLINK:if(t.eventExternalUrl)return l.createElement(i.Ay,{button:{text:m,capitalizeText:!0,url:t.eventExternalUrl,linkType:i.KO.TARGET_BLANK},key:`event-button-${t.eventId}`})}return null}}

1,9075:function(e,t,n){var l=n(6540),a=n(9693),r=n(5223);t.A=e=>{var t,n,i,o;let{button:u,theme:s}=e;const c=(0,a.Co)(null===(t=u.file)||void 0===t?void 0:t.mediaItemUrl),m=u.buttonText,v=u.buttonBoldText,d=null!==(n=null===(i=u.file)||void 0===i||null===(o=i.localFile)||void 0===o?void 0:o.publicURL)&&void 0!==n?n:c,E=r.KO.TARGET_BLANK;return u.buttonText||u.buttonBoldText?l.createElement(r.Ay,{button:{text:m,boldText:v,url:d,linkType:E,theme:s}}):null}},8127:function(e,t,n){var l=n(6540),a=n(9693),r=n(5223);t.A=e=>{var t,n,i,o;let{button:u,theme:s}=e;const c=(0,a.Co)(null!==(t=null===(n=u.url)||void 0===n?void 0:n.url)&&void 0!==t?t:null===(i=u.link)||void 0===i?void 0:i.url),m=u.buttonText,v=null!==(o=u.buttonBoldText)&&void 0!==o?o:u.buttonTextBold,d=u.linkType;return m||v?l.createElement(r.Ay,{button:{text:m,boldText:v,url:c,linkType:d,theme:s}}):null}},3344:function(e,t,n){n.d(t,{A:function(){return y}});var l=n(6942),a=n.n(l),r=n(5268),i=n(2532),o=n(6540),u=n(2334),s=n(6442),c=n(1533),m=n(6509),v=n(1269);var d=e=>{let{performers:t}=e;const n=(0,s.A)();return t&&t.length>0?o.createElement(o.Fragment,null,o.createElement("h3",{className:"text-uppercase"},n.formatMessage({id:"Performers"})),o.createElement("ul",null,t.map(((e,t)=>o.createElement("li",{key:`performer-${t}`},(0,v.sj)(e.name),e.func&&o.createElement("span",null," (",(0,v.sj)(e.func),")")))))):null},E=n(6209),T=n(2e3),g=n(3221),p=n(37),N=n(2413),A=n(2267),h=n(5146),I=n(6802);const b=e=>{let{eventDates:t,title:n,selectedDate:l,eventStatus:r,eventExternalUrl:i,eventArchived:u,language:c}=e;const m=(0,s.A)();return o.createElement(o.Fragment,null,t&&o.createElement("div",{className:"event-dates-container"},o.createElement("h6",{className:"dates_title"},n),o.createElement("div",{className:"dates-table"},t.sort(((e,t)=>e.eventDateTime.getTime()-t.eventDateTime.getTime())).map(((e,t)=>{const{eventNumber:n,eventLocation:s,eventDateTime:v,eventEndTimeString:d,eventJetticketId:E}=e;return o.createElement("div",{className:"dates-table__dates",tabIndex:0,key:t},o.createElement("div",{className:a()("dates-table__color",{"is-selected":v.getTime()===(null==l?void 0:l.getTime())})}),o.createElement("div",{className:a()("dates-table__date",{"is-selected":v.getTime()===(null==l?void 0:l.getTime())})},o.createElement(A.XU,{value:v,year:"numeric",month:"short",day:"2-digit"})),o.createElement("div",{className:"dates-table__time"},o.createElement(I.z,{startDateTime:v,endTime:d})),n&&o.createElement("div",{className:"dates-table__concert_number"},n?`#${n}`:""),o.createElement("div",{className:"dates-table__location"},s),u?o.createElement("div",{className:"event-archived-message"},m.formatMessage({id:"eventArchived"})):o.createElement(h.A,{data:{eventId:e.evenDateId,eventJetticketNum:e.eventJetticketId,eventStatus:r,eventExternalUrl:i},language:c}))})))))},f=e=>{let{eventPrices:t}=e;return t&&t.length>0?o.createElement("div",{className:"bottom-info text-uppercase"},null==t?void 0:t.sort(((e,t)=>e.sortOrder-t.sortOrder)).map(((e,t)=>o.createElement("div",{className:"price-row",key:e.priceCategory+t},o.createElement("span",{className:a()("price-row__title",{"sub-price-category":t>0})},e.priceCategory),o.createElement("div",{className:"price"},e.prices.sort(((e,t)=>e-t)).map(((e,t)=>o.createElement("span",{className:"price-row__price",key:`reg-price-${t}`},0!==t&&o.createElement("span",{className:"price-row__price-delimiter"},"/"),o.createElement(A.Gr,{value:e,style:"currency",currency:"EUR",useGrouping:!0,maximumFractionDigits:e%1!=0?2:0}))))))))):null};var x=e=>{let{statusText:t}=e;return o.createElement("div",{className:"event-ticket-text",dangerouslySetInnerHTML:{__html:null!=t?t:""}})};var y=e=>{var t,n,l,v,A,h;let{event:I,language:y,onBackClick:_,selectedDate:k,hasSecondMenu:S=!1}=e;const{site:U}=(0,r.useStaticQuery)("1271460761"),M=(0,s.A)(),L=U.siteMetadata.siteUrl+I.eventRelativeUrl,[C]=(0,c.A)();return o.createElement("div",{className:a()("event-detail-page",{"has-second-menu":S})},o.createElement(N.A,{ratio:N.K.FIVE_VS_SEVEN,left:o.createElement(g.A,{classNameInfoBox:"event-box"},_&&o.createElement(m.A,{onClick:_,ref:C}),(null===(t=I.eventCategory)||void 0===t||null===(n=t.category)||void 0===n?void 0:n.mainCat)&&o.createElement("p",{className:"event-type"},null===(l=I.eventCategory)||void 0===l||null===(v=l.category)||void 0===v?void 0:v.mainCat),o.createElement(T.A,{title:I.eventTitle}),o.createElement(b,{eventDates:I.eventDates,selectedDate:k,title:M.formatMessage({id:"dates"}),eventStatus:I.eventStatus,eventExternalUrl:I.eventExternalUrl,eventArchived:I.eventArchived,language:y}),o.createElement(f,{eventPrices:I.eventPrices,pricesTitle:M.formatMessage({id:"prices"})}),(null===(A=I.eventStatusText)||void 0===A?void 0:A.statusText)&&o.createElement(x,{statusText:I.eventStatusText.statusText}),o.createElement("div",{className:"event-social"},o.createElement(p.U,{urlToShare:L,messageId:"shareThisEvent"}))),right:o.createElement(o.Fragment,null,I.eventImage&&o.createElement("div",{className:"event-image"},o.createElement(i.G,{image:I.eventImage.image,alt:null!==(h=I.eventImage.altText)&&void 0!==h?h:""}),I.eventImage.copyrightText&&o.createElement("p",{className:"copyright text-end"},o.createElement(u.A,null),I.eventImage.copyrightText)),o.createElement("div",{className:"event-information"},o.createElement(E.A,null,o.createElement(d,{performers:I.performers,language:y}),o.createElement("h3",{className:"text-uppercase"},M.formatMessage({id:"Program"})),o.createElement("div",{dangerouslySetInnerHTML:{__html:I.eventInfo}}

1))))}))}},2e3:function(e,t,n){var l=n(6540);t.A=e=>{let{title:t}=e;return t?l.createElement("h1",{className:"template-title text-uppercase text-white",dangerouslySetInnerHTML:{__html:t}}):null}},3221:function(e,t,n){var l=n(6942),a=n.n(l),r=n(6540),i=n(6209),o=n(5170),u=n(2e3),s=n(37);t.A=e=>{let{image:t,title:n,classNameInfoBox:l,dangerouslySetInnerHTML:c,centeredText:m=!1,socialMediaShare:v,children:d}=e;return r.createElement("div",{className:"info-box"},(null==t?void 0:t.image)&&r.createElement("div",{className:"info-box-img"},r.createElement(o.A,t)),r.createElement("div",{className:a()("info-box-content","text-white",{"centered-box":m&&!t},l)},n&&r.createElement(u.A,{title:n}),null!=d?d:c&&r.createElement(i.A,{className:a()("wpcontent-holder"),theme:i.j.light,dangerouslySetInnerHTML:{__html:null!=c?c:""}}),v&&r.createElement(s.U,v)))}},5069:function(e,t,n){n.d(t,{e:function(){return T}});var l=n(6942),a=n.n(l),r=n(2532),i=n(6540),o=n(1269),u=n(6265),s=n(5223),c=n(9075),m=n(8127),v=n(6209),d=n(9178),E=n(4755);function T(e,t){var n,l;const a=null==t||null===(n=t.images)||void 0===n?void 0:n.map((e=>{var t,n,l,a,r,i,o;return{img:null==e||null===(t=e.image)||void 0===t||null===(n=t.localFile)||void 0===n||null===(l=n.childImageSharp)||void 0===l?void 0:l.gatsbyImageData,altText:null!==(a=null==e||null===(r=e.image)||void 0===r?void 0:r.altText)&&void 0!==a?a:"",url:null!==(i=null==e||null===(o=e.link)||void 0===o?void 0:o.url)&&void 0!==i?i:""}}));return{menuIframes:null==t||null===(l=t.iframes)||void 0===l?void 0:l.map((t=>({url:e?null==t?void 0:t.urlResponsive:null==t?void 0:t.url}))),menuImages:a}}t.A=e=>{var t,n,l,g,p,N,A,h;let{wpMenu:I,relativeUrl:b,onNavigate:f,menuLogosBottom:x}=e;const y=(0,i.useMemo)((()=>function(e){var t,n;if(!e)return;return{items:(null!==(t=null===(n=e.menuItems)||void 0===n?void 0:n.nodes)&&void 0!==t?t:[]).filter((e=>e&&!e.parentId))}}(I)),[I]),{0:_,1:k}=(0,i.useState)(!1),S=null==I?void 0:I.name,U=null==y?void 0:y.items,M=null==I||null===(t=I.menuButtons)||void 0===t?void 0:t.buttons,L=(0,u.Ps)(),C=(0,i.useMemo)((()=>T(L,x)),[x,L]),K=null==I||null===(n=I.titleImage)||void 0===n||null===(l=n.image)||void 0===l||null===(g=l.localFile)||void 0===g||null===(p=g.childImageSharp)||void 0===p?void 0:p.gatsbyImageData,R=null!==(N=null==I||null===(A=I.titleImage)||void 0===A||null===(h=A.image)||void 0===h?void 0:h.altText)&&void 0!==N?N:"menu logo",w=(0,o.sj)(null!=S?S:"");return i.createElement("nav",{className:"second-menu"},i.createElement("div",{className:a()("second-menu-toggle-btn",{"menu-open":_}),onClick:()=>k(!_)},w,i.createElement("span",{className:"arrow "+(_?"arrow-up":"")})),i.createElement("div",{className:a()("second-level-menu",{"menu-open":_})},i.createElement(v.A,null,K&&i.createElement(r.G,{image:K,className:"menu-image-top",imgStyle:{objectFit:"contain"},loading:"eager",alt:null!=R?R:""}),!K&&i.createElement("h3",{className:"second-menu-title text-uppercase",dangerouslySetInnerHTML:{__html:null!=S?S:""}}),U&&i.createElement(E.A,{menuItems:U,onClick:()=>k(!1),onNavigate:f,relativeUrl:b}),M&&i.createElement("div",{className:"btns"},M.map(((e,t)=>{switch(null==e?void 0:e.__typename){case"WpMenu_Menubuttons_Buttons_ButtonsForLinks":return i.createElement(m.A,{button:e,theme:s.Um.OUTLINE_THEME,key:`button-${t}`});case"WpMenu_Menubuttons_Buttons_ButtonsForFiles":return i.createElement(c.A,{button:e,theme:s.Um.OUTLINE_THEME,key:`button-${t}`});default:return null}}))),C&&i.createElement("div",{className:"menu-images-bottom-wrapper"},i.createElement(d.A,C)))))}},6802:function(e,t,n){n.d(t,{z:function(){return i}});

1var l=n(6540),a=n(2267),r=n(8065);const i=e=>{let{startDateTime:t,endTime:n,formatOptions:i}=e;return n?l.createElement(r.A,{id:"timeRange",defaultMessage:"{startTime} – {endTime}",values:{startTime:l.createElement(a.ib,Object.assign({value:t},i)),endTime:l.createElement(a.ib,Object.assign({value:`1970-01-01T${n}:00.000`},i))}}):l.createElement(a.ib,{value:t})}},8808:function(e,t,n){n.r(t),n.d(t,{Head:function(){return T}});var l=n(5268),a=n(6540),r=n(6442),i=n(3344),o=n(6944),u=n(59),s=n(293),c=n(5069),m=n(8756),v=n(1740),d=n(846),E=n(3256);const T=e=>{var t,n,l;let{data:r,pageContext:i}=e;const{language:o,locale:u,relativeUrl:s,translationLink:c}=i,{site:m,cmConcert:T,defaultConcertsImage:g}=r,p=m.siteMetadata,N=p.siteUrl+c,A=s.includes("/en/")?s:c,h=null!==(t=T.pictureUrlSharp)&&void 0!==t?t:g,I=null==h||null===(n=h.childImageSharp)||void 0===n?void 0:n.original,b=(0,E.US)(T,o),f=(0,E.BW)(T.concertLocationTimes,o).find((e=>e)),x=null==f?void 0:f.eventDateTime.toLocaleString(o===d.T.DE?"de-AT":"en-US",{day:"numeric",month:"short",year:"numeric",hour:"numeric",minute:"numeric",hour12:o===d.T.EN}),y=null==f?void 0:f.eventLocation,_=(null!=x?x:"")+" | "+(null!=y?y:""),k=(0,a.useMemo)((()=>{var e;return{siteUrl:p.siteUrl+s,translationSiteUrl:N,xDefaultSiteUrl:p.siteUrl+A,imagePath:p.siteUrl+(null==h?void 0:h.publicURL),imageHeight:null==I?void 0:I.height,imageWidth:null==I?void 0:I.width,imageMimeType:null==h||null===(e=h.internal)||void 0===e?void 0:e.mediaType,description:_,languageData:[o,u],translationLanguageData:o===d.T.DE?[d.T.EN,"en_US"]:[d.T.DE,"de_DE"],title:b,twitterCreator:p.social.twitterCreator,twitterSite:p.social.twitterSite}}),[p.siteUrl,p.social.twitterCreator,p.social.twitterSite,s,N,A,null==h?void 0:h.publicURL,null==h||null===(l=h.internal)||void 0===l?void 0:l.mediaType,null==I?void 0:I.height,null==I?void 0:I.width,_,o,u,b]);return a.createElement(v.k,{seoMetaData:k})};t.default=e=>{let{data:t,pageContext:n}=e;const{language:v,translationLink:d,relativeUrl:T}=n,g=(0,r.A)(),p=t.wpMenu,N=t.cmConcert,A=t.jettickets.nodes,h=t.allCmPriceCategory.nodes,I=(0,a.useMemo)((()=>{var e,n;const l={image:null===(e=t.defaultConcertsImage)||void 0===e||null===(n=e.childImageSharp)||void 0===n?void 0:n.gatsbyImageData,altText:g.formatMessage({id:"concerts"}),copyrightText:g.formatMessage({id:"mozarteumFoundationTitle"})};return(0,E.UC)(N,v,h,A,l,!0)}),[N,v,h,A,g,t.defaultConcertsImage]);return a.createElement(s.A,{layoutType:s.v.CONTAINER,language:v,relativeLink:T,translationLink:d,haveSecondMenu:!!p},a.createElement(c.A,{wpMenu:p,relativeUrl:T}),a.createElement(u.A,null,a.createElement(m.A,{extraClassNames:"single-event-wrapper"},a.createElement(i.A,{event:I,language:v,onBackClick:()=>{var e,n,a;return(0,l.navigate)(null!==(e=null==t||null===(n=t.allConcertsPage)||void 0===n?void 0:n.uri)&&void 0!==e?e:null===(a=history)||void 0===a?void 0:a.back())},hasSecondMenu:!!p})),a.createElement(o.A,{language:v})))}}

1,1533:function(e,t,n){var l=n(6540);t.A=()=>{const e=(0,l.useRef)(null);return(0,l.useEffect)((()=>{var t,n;null==e||null===(t=e.current)||void 0===t||null===(n=t.focus)||void 0===n||n.call(t,{preventScroll:!0})}),[]),[e]}}}]);