https://sonar.es/_next/static/chunks/pages/galleries/[slug]-dfbb928f6253719b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[701],{8180:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/galleries/[slug]",function(){return n(5358)}])},3623:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var r=n(5893),o=n(7621),i=n(3966),a=n.n(i);n(7294);var s=n(1273),l=n(3138);let c=(0,l.zo)("a",s.d,{textDecoration:"none",display:"inline-flex",alignItems:"center",fontWeight:"$medium",variants:{size:{small:{gap:"$1",fontSize:"$small","& > svg":{size:"$5"}},large:{fontSize:"$body",gap:"$2","& > svg":{size:"$6"}}},responsive:{true:{}},reverse:{true:{flexDirection:"row-reverse"}}},defaultVariants:{size:"large"}}),u=(0,l.zo)("span",{position:"relative",color:"#000000!important","&::after":{content:'""',display:"block",position:"absolute",borderBottom:"1px solid $primary-900",transition:"transform .75s cubic-bezier(.19,1,.22,1)",left:0,right:0,bottom:-3,transform:"scaleX(0)",transformOrigin:"right"},["".concat(c,":hover &::after")]:{transform:"scaleX(1)",transformOrigin:"left"}}),d=e=>{let{children:t,reverse:n=!1,responsive:i=!1,iconStyle:s,size:l,onClick:d,css:p,href:m}=e,h=(0,r.jsxs)(c,{as:m?"span":"button",reverse:n,size:i?{"@initial":"small","@bp1":"large"}:l,onClick:d,css:p,children:[(0,r.jsx)(u,{children:t}),(0,r.jsx)(o.J,{style:s,name:n?"arrow-left":"arrow-right"})]});return m?(0,r.jsx)(a(),{href:m,children:h}):h};d.displayName="ButtonLink"},732:function(e,t,n){"use strict";n.d(t,{G:function(){return f}});var r=n(5893),o=n(7294),i=n(443),a=n(7621),s=n(3138);let l=(0,s.F4)({from:{opacity:0}

1,to:{opacity:.4}}),c=(0,s.F4)({from:{marginTop:"-5vh"},to:{marginTop:"0vh"}}),u=(0,s.zo)(i.aV,{position:"fixed",zIndex:"$max",inset:0,display:"flex",alignItems:"center",justifyContent:"center","&:before":{content:"",position:"absolute",inset:0,backgroundColor:"$primary-900",opacity:.7},"&[data-state=open]:after":{animation:"".concat(l," 300ms ease-out")}}),d=(0,s.zo)(i.VY,{position:"relative",alignItems:"center",outline:"none",mx:"$4",overflow:"overlay","@bp3":{mx:"$12"},"&[data-state=open]":{animation:"".concat(c," 300ms ease-out")}}),p=(0,s.zo)(i.x8,{position:"fixed",top:"$4",right:"$4",border:"none",background:"none",outline:"none",cursor:"pointer",color:"$text-dark-primary",zIndex:"$1"}),m=(0,s.zo)("div",{display:"flex",gap:"$2",width:"100%",height:"100%",maxWidth:"1232px",maxHeight:"853px",overflowY:"hidden","& img":{objectFit:"contain",height:"100%",width:"100%"},"@bp3":{gap:"$12"}});var h=n(7940);let f=e=>{let{children:t,defaultOpen:n=!1,onOpenChange:s,open:l,selectedIndex:c,totalItems:f,onChangeSlide:g,...b}=e,C=e=>{if(l&&void 0!==c){if("ArrowLeft"===e.key&&c>0){g(c-1);return}if("ArrowRight"===e.key&&c<f-1){g(c+1);return}}};return(0,o.useEffect)(()=>(addEventListener("keydown",C),()=>removeEventListener("keydown",C)),[c,l]),(0,r.jsx)(i.fC,{defaultOpen:n,open:l,onOpenChange:s,children:(0,r.jsx)(i.h_,{children:(0,r.jsx)(u,{children:(0,r.jsxs)(d,{...b,children:[(0,r.jsx)(p,{"aria-label":"close",children:(0,r.jsx)(a.J,{name:"close",color:"text-dark-primary"})}),void 0!==c&&(0,r.jsxs)(m,{children:[c>0&&(0,r.jsx)(h.h,{name:"arrow-back",onClick:()=>g(c-1)}),t,c<f-1&&(0,r.jsx)(h.h,{name:"arrow-forward",onClick:()=>g(c+1)})]})]})})})})}},8124:function(e,t,n){"use strict";n.d(t,{z:function(){return r}});let r=200},5358:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return z},default:function(){return _}});var r=n(5893),o=n(7294),i=n(3623),a=n(732),s=n(8852),l=n(1011),c=n(7449),u=n(6827);function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach(function(t){var r;r=n[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}class h extends o.Component{constructor(e){let t;super(e),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this),t=this.props.breakpointCols&&this.props.breakpointCols.default?this.props.breakpointCols.default:parseInt(this.props.breakpointCols)||2,this.state={columnCount:t}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){if(!window||!window.requestAnimationFrame){this.reCalculateColumnCount();return}window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame(()=>{this.reCalculateColumnCount()})}reCalculateColumnCount(){let e=window&&window.innerWidth||1/0,t=this.props.breakpointCols;"object"!=typeof t&&(t={default:parseInt(t)||2});let n=1/0,r=t.default||2;for(let o in t){let i=parseInt(o),a=i>0&&e<=i;a&&i<n&&(n=i,r=t[o])}r=Math.max(1,parseInt(r)||1),this.state.columnCount!==r&&this.setState({columnCount:r})}itemsInColumns(){let e=this.state.columnCount,t=Array(e),n=o.Children.toArray(this.props.children);for(let r=0;r<n.length;r++){let o=r%e;t[o]||(t[o]=[]),t[o].push(n[r])}return t}renderColumns(){let{column:e,columnAttrs:t={},columnClassName:n}=this.props,r=this.itemsInColumns(),i=`${100/r.length}%`,a=n;a&&"string"!=typeof a&&(this.logDeprecated('The property "columnClassName" requires a string'),void 0===a&&(a="my-masonry-grid_column"));let s=m(m(m({},e),t),{},{style:m(m({},t.style),{},{width:i}),className:a});return r.map((e,t)=>o.createElement("div",d({},s,{key:t}),e))}logDeprecated(e){console.error("[Masonry]",e)}render(){let e=this.props,{children:t,breakpointCols:n,columnClassName:r,columnAttrs:i,column:a,className:s}=e,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["children","breakpointCols","columnClassName","columnAttrs","column","className"]),c=s;return"string"!=typeof s&&(this.logDeprecated('The property "className" requires a string'),void 0===s&&(c="my-masonry-grid")),o.createElement("div",d({},l,{className:c}),this.renderColumns())}}h.defaultProps={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0};var f=n(3138);let g=(0,f.zo)("div",{padding:"$6 $6 $8 $6","@bp3":{padding:"$8 0 120px 0"}}),b=(0,f.zo)("div",{display:"flex",flexDirection:"column",gap:"$4",marginTop:"$4",marginBottom:"$8","@bp3":{gap:"$6",marginTop:"$6",marginBottom:"$12"}}),C=(0,f.iv)({display:"flex",marginLeft:"-$4",width:"auto","@bp3":{marginLeft:"-$6"}}),v=(0,f.iv)({paddingLeft:"$4","& > img":{width:"100%",objectFit:"cover",marginBottom:"$4",cursor:"pointer"},"@bp3":{paddingLeft:"$6","& > img":{marginBottom:"$6"}}}),y=(0,f.zo)("div",{"& > img":{width:"100%"}}),x=e=>{let{title:t,description:n,images:d}=e,p=(0,u.useRouter)(),{back:m}=(0,l.c)(),[f,x]=(0,o.useState)();return(0,r.jsxs)(g,{children:[(0,r.jsx)(i.Z,{onClick:()=>p.back(),responsive:!0,reverse:!0,children:m}),(0,r.jsxs)(b,{children:[(0,r.jsx)(s.x,{size:"h1",weight:"medium",children:t}),n&&(0,r.jsx)(s.x,{size:"headline",weight:"light",children:n})]}),(0,r.jsx)(h,{breakpointCols:{default:3,900:2,500:1},className:C(),columnClassName:v(),children:d.map((e,t)=>(0,r.jsx)("img",{src:c.p.getUrl(e),alt:c.p.getName(e),onClick:()=>x(t)},"gallery-image-".concat(t)))}),(0,r.jsx)(a.G,{open:void 0!==f,onOpenChange:e=>!e&&x(void 0),selectedIndex:f,totalItems:d.length,onChangeSlide:e=>{x(e)},children:void 0!==f&&(0,r.jsx)(y,{children:(0,r.jsx)("img",{src:c.p.getUrl(d[f]),alt:c.p.getName(d[f])})})})]})};x.displayName="GalleryDetailsPage";var w=n(9996),j=n(8693),$=n(8774),O=n(5608),k=n(8124),z=!0;function _(e){var t;let{globalMenu:n,festivalMenu:o,footer:i,content:a,translations:s,headScripts:l,url:c}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(w.F,{metadata:null!==(t=a.metadata)&&void 0!==t?t:{title:"S\xf3nar ".concat($.E.getYear(o.festival)," - ").concat(a.title),description:a.description?(0,O.$G)((0,O.Gq)(a.description),k.z):""},headScripts:l,image:a.card_image,url:c}),(0,r.jsx)(j.A,{globalMenu:n,festivalMenu:o,footer:i,translations:s,children:(0,r.jsx)(x,{...a})})]})}}},function(e){e.O(0,[645,547,209,443,889,774,888,179],function(){return e(e.s=8180)}),_N_E=e.O()}]);