PageSourceSearch

https://www.ushashuklaart.com/_next/static/chunks/app/works/page-ff7880b1c6c5aeaa.js

js ushashuklaart.com collected 2026-10-04 18:59:29 UTC 14,251 bytes, 90 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[453],{9261:function(e,t,r){Promise.resolve().then(r.bind(r,3929))},3929:function(e,t,r){"use strict";r.d(t,{default:function(){return x}});var i=r(7437),n=r(2265),o=r(5580);function s(e){let{images:t,activeImageIndex:r,paintingTitle:n,onSelect:o}=e;return t.length<=1?null:(0,i.jsx)("div",{style:{width:"100%",maxWidth:"760px",marginTop:"1rem",display:"flex",justifyContent:"center"},children:(0,i.jsx)("div",{style:{display:"flex",gap:"0.5rem",overflowX:"auto",padding:"0.25rem",scrollbarWidth:"thin"},children:t.map((e,t)=>{let s=t===r;return(0,i.jsx)("button",{onClick:e=>{e.stopPropagation(),o(t)},style:{position:"relative",width:"58px",height:"58px",flex:"0 0 auto",padding:0,border:s?"1px solid rgba(58,53,48,0.92)":"1px solid rgba(58,53,48,0.14)",background:"#ffffff",cursor:"pointer",overflow:"hidden",opacity:s?1:.72,transform:s?"scale(1.03)":"scale(1)",transition:"transform 0.2s ease, opacity 0.2s ease, border-color 0.2s ease"},children:(0,i.jsx)("img",{src:e,alt:`${n} ${t+1}`,style:{width:"100%",height:"100%",objectFit:"cover",display:"block",filter:s?"none":"grayscale(0.35)"}})},t)})})})}var a=r(9572),l=r.n(a);function d(e){let{painting:t,onClose:r,onPrev:a,onNext:d}=e,[m,c]=(0,n.useState)(0);(0,n.useEffect)(()=>{c(0)},[t?.id]);let p=(0,n.useMemo)(()=>t?.imagePath??[],[t]),g=p[m],f=(0,n.useCallback)(e=>{t&&("Escape"===e.key&&r(),"ArrowLeft"===e.key&&(p.length>1&&m>0?c(e=>e-1):a()),"ArrowRight"===e.key&&(p.length>1&&m<p.length-1?c(e=>e+1):d()))},[t,p.length,m,r,a,d]);if((0,n.useEffect)(()=>{if(t)return document.addEventListener("keydown",f),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",f),document.body.style.overflow=""}},[t,f]),!t)return null;let h=o.vm[t.status],x=o.Cf[t.status],u="sold"===t.status,b="portrait"===t.aspectRatio?"3 / 4":"landscape"===t.aspectRatio?"4 / 3":"1 / 1";return(0,i.jsxs)("div",{onClick:r,className:l().overlay,style:{position:"fixed",inset:0,zIndex:1e3,background:"rgba(250, 249, 247, 0.96)",backdropFilter:"blur(10px)",display:"flex",alignItems:"center",justifyContent:"center",animation:"fadeIn 0.3s ease"},children:[(0,i.jsxs)("div",{onClick:e=>e.stopPropagation(),className:l().inner,children:[(0,i.jsxs)("div",{className:l().imageCol,children:[(0,i.jsxs)("div",{style:{position:"relative",width:g?"auto":"100%",maxWidth:"100%",maxHeight:"72vh",aspectRatio:g?void 0:b,background:g?"#ffffff":t.bg,filter:u?"grayscale(0.4) brightness(0.92)":"none",boxShadow:"0 26px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06)",overflow:"hidden"},children:[g?(0,i.jsx)("img",{src:g,alt:t.title,className:l().img}):null,p.length>1&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("button",{onClick:e=>{e.stopPropagation(),c(e=>e>0?e-1:p.length-1)},style:{position:"absolute",left:"1rem",top:"50%",transform:"translateY(-50%)",width:"40px",height:"40px",borderRadius:"50%",border:"1px solid rgba(58,53,48,0.14)",background:"rgba(255,255,255,0.82)",color:"rgba(58,53,48,0.88)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem"},children:"‹"}),(0,i.jsx)("button",{onClick:e=>{e.stopPropagation(),c(e=>e<p.length-1?e+1:0)},style:{position:"absolute",right:"1rem",top:"50%",transform:"translateY(-50%)",width:"40px",height:"40px",borderRadius:"50%",border:"1px solid rgba(58,53,48,0.14)",background:"rgba(255,255,255,0.82)",color:"rgba(58,53,48,0.88)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem"},children:"›"})]})]}),(0,i.jsx)(s,{images:p,activeImageIndex:m,paintingTitle:t.title,onSelect:c}
1)]}),(0,i.jsxs)("div",{className:l().detailsCol,style:{display:"flex",flexDirection:"column",justifyContent:"center",color:"var(--charcoal)",padding:"1rem 0"},children:[(0,i.jsx)("p",{style:{fontSize:"0.72rem",letterSpacing:"0.36em",textTransform:"uppercase",color:"rgba(58,53,48,0.55)",fontWeight:400,marginBottom:"1.5rem"},children:t.series}),(0,i.jsx)("h2",{style:{fontFamily:"var(--font-playfair)",fontWeight:300,fontSize:"2.4rem",lineHeight:1.05,color:"var(--charcoal)",marginBottom:"0.5rem"},children:t.title}),(0,i.jsx)("div",{style:{width:"32px",height:"1px",background:"rgba(58,53,48,0.18)",marginBottom:"2.5rem"}}),(0,i.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.8rem",marginBottom:"2.5rem"},children:[["Medium",t.medium],["Dimensions",t.dimensions],...t.exhibitionName?[["Exhibition",t.exhibitionName]]:[]].map(e=>{let[t,r]=e;return(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:"1rem"},children:[(0,i.jsx)("span",{style:{fontSize:"0.72rem",letterSpacing:"0.22em",textTransform:"uppercase",color:"rgba(58,53,48,0.5)",fontWeight:300},children:t}),(0,i.jsx)("span",{style:{fontSize:"0.75rem",color:"rgba(58,53,48,0.82)",fontWeight:400,textAlign:"right"},children:r})]},t)})}),(0,i.jsxs)("div",{style:{display:"inline-flex",alignItems:"center",gap:"0.6rem",marginBottom:"2.5rem"},children:[(0,i.jsx)("div",{style:{width:"7px",height:"7px",borderRadius:"50%",background:h,boxShadow:u?"none":`0 0 10px ${h}`}}),(0,i.jsx)("span",{style:{fontSize:"0.72rem",letterSpacing:"0.25em",textTransform:"uppercase",color:"rgba(58,53,48,0.62)",fontWeight:400},children:x})]}),!u&&(0,i.jsx)("a",{href:`/contact?work=${t.id}&title=${encodeURIComponent(t.title)}`,style:{display:"inline-block",padding:"0.9rem 2rem",border:"1px solid rgba(58,53,48,0.24)",color:"var(--charcoal)",textDecoration:"none",fontSize:"0.72rem",letterSpacing:"0.28em",textTransform:"uppercase",fontWeight:400,transition:"background 0.3s ease, border-color 0.3s ease",marginBottom:"1rem"},onMouseEnter:e=>{let t=e.currentTarget;t.style.background="rgba(58,53,48,0.05)",t.style.borderColor="rgba(58,53,48,0.45)"},onMouseLeave:e=>{let t=e.currentTarget;t.style.background="transparent",t.style.borderColor="rgba(58,53,48,0.24)"},children:"Contact About This Work"}),(0,i.jsx)("p",{style:{fontSize:"0.72rem",letterSpacing:"0.2em",color:"rgba(58,53,48,0.38)",fontWeight:400,marginTop:"0.5rem"},children:u?"This work is in a private collection.":"All inquiries handled privately."})]})]}),(0,i.jsx)("button",{onClick:r,style:{position:"fixed",top:"2rem",right:"2rem",background:"none",border:"none",cursor:"pointer",color:"rgba(58,53,48,0.5)",fontSize:"1rem",display:"flex",alignItems:"center",gap:"0.5rem",fontFamily:"var(--font-jost)",fontWeight:400,letterSpacing:"0.25em",textTransform:"uppercase",transition:"color 0.2s ease",padding:"0.5rem"},children:"Close \xb7 Esc"}),(0,i.jsx)("button",{onClick:a,style:{position:"fixed",top:"50%",left:"1.5rem",transform:"translateY(-50%)",background:"none",border:"1px solid rgba(58,53,48,0.14)",color:"rgba(58,53,48,0.42)",cursor:"pointer",width:"44px",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",transition:"all 0.2s ease"},children:"←"}),(0,i.jsx)("button",{onClick:d,style:{position:"fixed",top:"50%",right:"1.5rem",transform:"translateY(-50%)",background:"none",border:"1px solid rgba(58,53,48,0.14)",color:"rgba(58,53,48,0.42)",cursor:"pointer",width:"44px",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1rem",transition:"all 0.2s ease"},children:"→"})]})}function m(e){let{filteredCount:t,statement:r}=e;return(0,i.jsxs)("div",{className:"works-sticky",style:{position:"sticky",top:0,zIndex:50,background:"rgba(250,249,247,0.95)",backdropFilter:"blur(8px)",borderBottom:"1px solid var(--fog)",display:"flex",alignItems:"flex-start"},children:[(0,i.jsx)("div",{className:"works-series-indicator",style:{padding:"0 0 0.9rem",fontSize:"1.2rem",letterSpacing:"0rem",textTransform:"sentence case",color:"var(--stone)",fontWeight:400,maxWidth:"50%"},children:r}),(0,i.jsxs)("span",{className:"works-count",style:{marginLeft:"auto",fontSize:"0.74rem",letterSpacing:"0.2em",color:"var(--stone)",fontWeight:400},children:[t," work",1!==t?"s":""]})]})}function c(){return(0,i.jsx)("div",{style:{textAlign:"center",padding:"8rem 0",color:"var(--stone)",fontFamily:"var(--font-playfair)",fontStyle:"normal",fontSize:"1.2rem",fontWeight:400},children:"No works found for this filter."})}function p(){return(0,i.jsxs)("div",{style:{margin:"3rem 10rem 2rem"},children:[(0,i.jsx)("div",{style:{height:"1px",background:"var(--fog)"}}),(0,i.jsx)("p",{style:{marginTop:"3rem",fontSize:"1.6rem",fontWeight:400,color:"#c0392b",letterSpacing:"0.05em",textTransform:"uppercase"},children:"Sold"})]})}var g=r(6648);function f(e){let{painting:t,onClick:r,index:n}=e,s="sold"===t.status,a=o.vm[t.status],l=t?.imagePath?.[0];return(0,i.jsxs)("div",{onClick:r,style:{cursor:"pointer",opacity:0,animation:`fadeUp 0.7s ease ${.05*n}s forwards`,position:"relative",width:"100%"},children:[(0,i.jsxs)("div",{style:{position:"relative",width:"100%",aspectRatio:"1 / 1",overflow:"hidden",background:"transparent",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.6s cubic-bezier(0.16,1,0.3,1), box-shadow 0.6s ease"},children:[l?(0,i.jsx)(g.default,{src:l,alt:t.title,sizes:"(max-width: 640px) 100v
1w, (max-width: 1024px) 50vw, 340px",loading:"eager",fill:!0,style:{width:"100%",height:"100%",objectFit:"contain",display:"block"}}):(0,i.jsx)("div",{style:{width:"100%",height:"100%",background:t.bg}}),s&&(0,i.jsx)("div",{style:{position:"absolute",top:"1rem",left:"1rem",background:"rgba(250,249,247,0.88)",padding:"0.3rem 0.7rem"},children:(0,i.jsx)("span",{style:{fontSize:"0.72rem",letterSpacing:"0.3em",textTransform:"uppercase",color:"var(--stone)",fontWeight:400},children:"Sold"})})]}),(0,i.jsxs)("div",{className:"lg:pt-4  lg:pb-0 md:pt-3 sm:pt-2 ",style:{display:"flex",alignItems:"flex-start",gap:"1rem"},children:[(0,i.jsx)("div",{className:"lg:ml-2 md:ml-0 sm:ml-1",children:(0,i.jsxs)("p",{style:{fontFamily:"var(--font-cormorant)",fontWeight:600,fontSize:"0.95rem",color:"var(--charcoal)",textTransform:"uppercase"},children:[t.title,(0,i.jsx)("span",{style:{fontSize:"0.95rem",letterSpacing:"0.18em",color:"var(--stone)",fontFamily:"var(--font-cormorant)",fontWeight:600,marginLeft:"1rem"},children:t?.year?`${t.year} \xb7 ${t.dimensions}`:`${t.dimensions}`})]})}),!s&&(0,i.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"0.4rem",marginTop:"0.7rem",flexShrink:0},children:(0,i.jsx)("div",{style:{width:"6px",height:"6px",borderRadius:"50%",background:a,boxShadow:`0 0 6px ${a}`}})})]})]})}function h(e){let{paintings:t,groupKey:r,baseIndex:n,onClick:o}=e;return(0,i.jsx)("div",{className:"works-masonry",style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"4rem",alignItems:"start"},children:t.map((e,t)=>(0,i.jsx)(f,{painting:e,index:n+t,onClick:()=>o(e)},e.id))},r)}function x(e){let{initialSeries:t}=e,[r]=(0,n.useState)("all"),[s,a]=(0,n.useState)(null),l=t&&o.G$.includes(t)?t:"All";(0,n.useEffect)(()=>{if(!document.getElementById("works-mobile")){let e=document.createElement("style");e.id="works-mobile",e.textContent=`
2        .works-sticky {
3          padding: 0 2rem;
4        }
5
6        .works-status-row {
7          display: flex;
8          gap: 0.5rem;
9          padding: 0.8rem 0;
10          align-items: center;
11        }
12
13        .works-grid-wrap {
14          padding: 3rem 8vw 6rem;
15          max-width: 1400px;
16          margin: 0 auto;
17        }
18
19        .works-status-row {
20          min-width: 0;
21        }
22
23        .works-status-btn {
24          flex: 0 0 auto;
25        }
26
27        @media (max-width: 768px) {
28          .works-sticky {
29            padding: 0 1.25rem !important;
30          }
31
32          .works-grid-wrap {
33            padding: 2rem 1.25rem 4rem !important;
34          }
35
36          .works-masonry {
37            grid-template-columns: repeat(2, 1fr) !important;
38            gap: 1rem !important;
39          }
40
41          .works-status-row {
42            flex-wrap: wrap !important;
43            align-items: flex-start !important;
44            gap: 0.6rem !important;
45          }
46
47          .works-status-label {
48            width: 100%;
49            margin-right: 0 !important;
50            margin-bottom: 0.1rem;
51          }
52
53          .works-count {
54            width: 100%;
55            margin-left: 0 !important;
56            margin-top: 0.25rem;
57          }
58
59          .works-series-indicator {
60            width: 100%;
61            margin-left: 0 !important;
62            margin-top: 0.1rem;
63          }
64        }
65
66        @media (max-width: 480px) {
67          .works-sticky {
68            padding: 0 1rem !important;
69          }
70
71          .works-grid-wrap {
72            padding: 1.5rem 1rem 3rem !important;
73          }
74
75          .works-masonry {
76            grid-template-columns: 1fr !important;
77          }
78
79          .works-status-btn {
80            padding: 0.55rem 0.8rem !important;
81            font-size: 0.68rem !important;
82            letter-spacing: 0.14em !important;
83          }
84
85          .works-count,
86          .works-series-indicator {
87            font-size: 0.68rem !important;
88          }
89        }
90      `,document.head.appendChild(e)}},[]);let g=(0,n.useMemo)(()=>o.FZ.filter(e=>{let t="All"===l||e.series===l,i="all"===r||e.status===r;return t&&i}).sort((e,t)=>"sold"===e.status&&"sold"!==t.status?1:"sold"!==e.status&&"sold"===t.status?-1:0),[l,r]),f=g.filter(e=>"sold"!==e.status),x=g.filter(e=>"sold"===e.status),u=f.length>0&&x.length>0,b=e=>{a(g.findIndex(t=>t.id===e.id))};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{filteredCount:g.length,statement:"All"!==l?o.ib[l]:void 0}),(0,i.jsx)("div",{className:"works-grid-wrap",children:0===g.length?(0,i.jsx)(c,{}):(0,i.jsxs)(i.Fragment,{children:[f.length>0&&(0,i.jsx)(h,{paintings:f,groupKey:`avail-${l}-${r}`,baseIndex:0,onClick:b}),u&&(0,i.jsx)(p,{}),x.length>0&&(0,i.jsx)(h,{paintings:x,groupKey:`sold-${l}-${r}`,baseIndex:f.length,onClick:b})]})}),null!==s&&(0,i.jsx)(d,{painting:g[s],onClose:()=>a(null),onPrev:()=>a(e=>null!==e?(e-1+g.length)%g.length:null),onNext:()=>a(e=>null!==e?(e+1)%g.length:null)})]})}},9572:function(e){e.exports={overlay:"lightbox_overlay__8EXHS",inner:"lightbox_inner__BDNab",slideUp:"lightbox_slideUp__eMypT",imageCol:"lightbox_imageCol__n96Eo",img:"lightbox_img__m4Qbh",detailsCol:"lightbox_detailsCol__Trw5B"}}},function(e){e.O(0,[754,648,580,971,23,744],function(){return e(e.s=9261)}),_N_E=e.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.