https://www.romanticismatsu.com/_next/static/chunks/app/artifacts/%5Bslug%5D/page-a140cdf8ba641f3d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[894],{7400:(e,t,s)=>{Promise.resolve().then(s.bind(s,9660))},9660:(e,t,s)=>{"use strict";s.d(t,{default:()=>b});var l=s(5155),a=s(2115),i=s(6766),n=s(5731),r=s(5074),c=s(848),o=s(799),d=s(3884),m=s(33),x=s(5318),u=s(965),h=s(3158),g=s(822);function p(e){let{images:t,label:s="related"}=e,[p,b]=(0,a.useState)(null),[f,j]=(0,a.useState)(!1),[y,w]=(0,a.useState)(!1),[v,N]=(0,a.useState)(!1),[k,_]=(0,a.useState)({x:0,y:0}),[z,C]=(0,a.useState)({x:0,y:0}),S=(0,a.useRef)(null),E=(0,a.useRef)(null),[I,A]=(0,a.useState)(1),[L,M]=(0,a.useState)({width:800,height:600}),R=(0,a.useRef)(!1),H=(0,a.useRef)({x:0,y:0}),D=(0,a.useCallback)(e=>{let t=new window.Image;t.src=e,t.onload=()=>{M({width:t.naturalWidth,height:t.naturalHeight})}},[]),O=(0,a.useCallback)(e=>{b(e),D(t[e].src)},[D,t]),T=(0,a.useCallback)(()=>{b(null),A(1),j(!1),_({x:0,y:0})},[]),X=(0,a.useCallback)(()=>{j(!1),A(1),_({x:0,y:0}),b(e=>null!==e?(e+1)%t.length:null)},[t]),Y=(0,a.useCallback)(()=>{j(!1),A(1),_({x:0,y:0}),b(e=>null!==e?(e-1+t.length)%t.length:null)},[t]),W=e=>{var t;if(R.current){R.current=!1;return}let s=null==(t=S.current)?void 0:t.getBoundingClientRect();if(s)if(f)A(1),j(!1),_({x:0,y:0});else{let t=s.left+s.width/2,l=s.top+s.height/2,a=-((e.clientX-t)*1.5),i=-((e.clientY-l)*1.5);A(2.5),j(!0),_({x:a,y:i})}},F=e=>{f&&(N(!0),R.current=!1,H.current={x:e.clientX,y:e.clientY},C({x:e.clientX-k.x,y:e.clientY-k.y}))},q=()=>{N(!1)};return((0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&T(),null!==p&&("ArrowLeft"===e.key&&Y(),"ArrowRight"===e.key&&X())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[p,Y,X,T]),(0,a.useEffect)(()=>(window.addEventListener("mouseup",q),()=>window.removeEventListener("mouseup",q)),[]),t&&0!==t.length)?(0,l.jsxs)("div",{className:"my-4",children:["main"===s?(0,l.jsx)("div",{className:"w-full",children:(0,l.jsxs)("button",{onClick:()=>O(0),className:"relative block w-full h-full mx-auto mt-8 mb-12 aspect-[2/3] lg:aspect-[4/3] group",children:[(0,l.jsx)(i.default,{src:t[0].src,alt:"Main Image",fill:!0,sizes:"100vw",className:"transition object-contain group-hover:opacity-80"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center",children:(0,l.jsx)(r.A,{className:"text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300",size:40})})]})}):(0,l.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-3 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-4",children:t.map((e,t)=>(0,l.jsxs)("button",{onClick:()=>O(t),className:"aspect-[4/3] relative block w-full h-[200px] sm:h-[150px] md:h-[110px] group",children:[(0,l.jsx)(i.default,{src:e.src,alt:"Gallery Image ".concat(t+1),fill:!0,sizes:"(max-width: 640px) 100vw, (max-width: 768px) 33vw, 25vw",className:"shadow-md transition object-cover"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center",children:(0,l.jsx)(r.A,{className:"text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300",size:24})})]},e.src))}),null!==p&&(0,l.jsxs)(n.lG,{open:!0,onClose:T,className:"fixed inset-0 bg-black flex items-center justify-center",children:[(0,l.jsxs)("div",{className:"absolute top-4 right-6 flex space-x-6 z-10",children:[(0,l.jsx)("button",{onClick:()=>j(!f),className:"text-white",children:f?(0,l.jsx)(c.A,{size:20}):(0,l.jsx)(o.A,{size:20})}),(0,l.jsx)("button",{onClick:()=>{y?document.exitFullscreen():document.documentElement.requestFullscreen(),w(!y)},className:"text-white",children:(0,l.jsx)(d.A,{size:20})}),(0,l.jsx)("button",{onClick:()=>{navigator.share&&null!==p?navigator.share({title:"Image ".concat(p+1),url:t[p].src}):alert("Sharing not supported in this browser.")},className:"text-white",children:(0,l.jsx)(m.A,{size:20})}),(0,l.jsx)("button",{onClick:T,className:"text-white",children:(0,l.jsx)(x.A,{size:20})})]}),t.length>1&&(0,l.jsxs)("div",{className:"absolute top-2 left-2 text-white text-sm z-10",children:[p+1,"/",t.length]}),(0,l.jsxs)("div",{className:"flex flex-col h-full w-full max-w-7xl mx-auto px-4 pt-10 md:pt-2 pb-20",children:[(0,l.jsx)("div",{ref:E,className:"relative max-w-full max-h-full flex items-center justify-center p-2",onMouseMove:e=>{if(!v||!f)return;let t=e.clientX-H.current.x,s=e.clientY-H.current.y;!R.current&&Math.sqrt(t*t+s*s)>5&&(R.current=!0),_({x:e.clientX-z.x,y:e.clientY-z.y})}

1,style:{cursor:f?v?"grabbing":"grab":"zoom-in"},children:f?(0,l.jsx)("img",{ref:S,src:t[p].src,alt:"Selected Image",onClick:W,onMouseDown:F,className:"object-contain max-h-[75vh] w-auto transition-transform duration-200",style:{transform:"translate3d(".concat(k.x,"px, ").concat(k.y,"px, 0) scale(").concat(I,")"),transformOrigin:"center",transition:v?"none":"transform 200ms ease-out"},draggable:!1}):(0,l.jsx)(i.default,{ref:S,src:t[p].src,alt:"Selected Image",width:L.width,height:L.height,onClick:W,onMouseDown:F,className:"object-contain max-h-[75vh] w-auto transition-transform duration-200",style:{transform:"translate3d(".concat(k.x,"px, ").concat(k.y,"px, 0) scale(").concat(I,")"),transformOrigin:"center"},draggable:!1})}),!f&&t[p].description&&(0,l.jsx)("div",{className:"w-full flex justify-center",children:(0,l.jsx)("div",{className:"w-[75vh] max-w-3xl",children:(0,l.jsx)("div",{className:"text-white/60 text-sm bg-black bg-opacity-50 px-6 py-3 rounded",dangerouslySetInnerHTML:{__html:g.A.sanitize(t[p].description)}})})})]}),t.length>1&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:Y,className:"absolute left-4 top-1/2 transform -translate-y-1/2 text-white z-10",children:(0,l.jsx)(u.A,{size:40,strokeWidth:1})}),(0,l.jsx)("button",{onClick:X,className:"absolute right-4 top-1/2 transform -translate-y-1/2 text-white z-10",children:(0,l.jsx)(h.A,{size:40,strokeWidth:1})})]})]})]}):null}function b(e){let{artwork:t}=e,[s,i]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=()=>{i(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsxs)("div",{className:"h-auto md:h-screen w-full relative",style:{backgroundImage:"url(".concat(t.main_img,")"),backgroundSize:s?"100% auto":"cover",backgroundPosition:"center center",backgroundRepeat:"no-repeat",backgroundBlendMode:"multiply"},children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-[rgba(190,90,15,0.9)] mix-blend-multiply"}),(0,l.jsx)("div",{className:"relative px-10 lg:w-3/4 py-4 md:py-12 md:absolute md:bottom-40 lg:bottom-28 lg:left-24",children:(0,l.jsx)("h1",{className:"text-white text-3xl md:text-5xl lg:text-6xl font-light whitespace-pre-line",style:{lineHeight:"1.2em"},children:t.title})})]}),(0,l.jsxs)("div",{className:"my-12 border-2 border-neutral-100 grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,l.jsx)("div",{className:"w-full h-full bg-[rgb(248,244,240)]",children:(0,l.jsx)("div",{className:"flex flex-col items-center justify-start px-8 md:px-12",children:(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsx)("div",{className:"w-full text-center",children:(0,l.jsx)(p,{images:t.main_img_gallery,label:"main"})}),t.related_img&&t.related_img.length>0&&(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsx)("p",{className:"uppercase text-xs text-stone-500",children:"Related Images"}),(0,l.jsx)("hr",{className:"h-px my-1 bg-gray-300 border-0 dark:bg-gray-700"}),(0,l.jsx)(p,{images:t.related_img,label:"related"})]})]})})}),(0,l.jsx)("div",{className:"max-w-4xl mx-auto px-4 md:px-10 py-4",children:(0,l.jsxs)("div",{className:"mb-8 md:mb-12",children:[(0,l.jsx)("div",{className:"text-slate-700 font-light leading-6 md:leading-7",children:(0,l.jsx)("h2",{className:"text-3xl lg:text-4xl font-light mb-6",dangerouslySetInnerHTML:{__html:t.title}})}),(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsx)("table",{className:"min-w-full divide-y divide-gray-200",children:(0,l.jsx)("tbody",{children:Object.entries(t.Details).map(e=>{let[t,s]=e;return(0,l.jsxs)("tr",{className:"",children:[(0,l.jsx)("td",{className:"w-1/3 px-2 md:px-4 py-2 md:py-3 text-sm uppercase font-semibold text-neutral-500 align-top",children:t}),(0,l.jsx)("td",{className:"px-2 md:px-4 py-2 md:py-3 text-sm lg:text-base font-light text-stone-500 align-top",dangerouslySetInnerHTML:{__html:s}})]},t)})})})}),(0,l.jsxs)("div",{className:"text-slate-700 font-light leading-6 md:leading-7 mt-4 md:mt-6",children:[(0,l.jsx)("p",{className:"text-base md:text-lg font-semibold",children:"Description"}),(0,l.jsx)("hr",{className:"h-px my-2 bg-gray-300 border-0 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"text-sm md:text-base",dangerouslySetInnerHTML:{__html:t.Description}})]}),(0,l.jsxs)("div",{className:"text-slate-700 font-light leading-6 md:leading-7 mt-4 md:mt-6",children:[(0,l.jsx)("p",{className:"text-base md:text-lg font-semibold",children:"Essay"}),(0,l.jsx)("hr",{className:"h-px my-2 bg-gray-300 border-0 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"text-sm md:text-base",dangerouslySetInnerHTML:{__html:t.Essay}})]})]})})]})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[378,354,441,684,358],()=>t(7400)),_N_E=e.O()}]);