1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1116],{11116:function(e,t,r){r.r(t),r.d(t,{ImagePopover:function(){return W}});var l,s,n,a,i,o,c,d,u=r(85893),m=r(67294),h=r(98918),f=r(2261),p=r(39504),w=r(45670);function x(){return(x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}var v=function(e){return m.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:64,height:64,fill:"none",viewBox:"0 0 64 64"},e),l||(l=m.createElement("circle",{cx:32,cy:32,r:31,stroke:"#EAE5E2",strokeWidth:2})),s||(s=m.createElement("path",{stroke:"#EAE5E2",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m35 38-6-6 6-6"})))};function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}var j=function(e){return m.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:64,height:64,fill:"none",viewBox:"0 0 64 64"},e),n||(n=m.createElement("circle",{cx:32,cy:32,r:31,stroke:"#EAE5E2",strokeWidth:2})),a||(a=m.createElement("path",{stroke:"#EAE5E2",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m29 38 6-6-6-6"})))},b=r(68719);r(30889),r(46169),r(21306),r(81810);let k=e=>{let{thumbsSwiper:t,setThumbsSwiper:r,images:l}=e,[s,n]=(0,m.useState)();return(0,u.jsxs)("div",{className:"flex h-full w-full flex-col justify-between gap-10",children:[(0,u.jsx)("div",{}),(0,u.jsxs)("div",{className:"relative mx-auto flex w-full max-w-screen-4xl items-center justify-center",children:[(0,u.jsx)("button",{onClick:()=>{null==s||s.slidePrev()},type:"button",className:"absolute left-2 top-1/2 z-50 -translate-y-1/2 ",children:(0,u.jsx)(v,{className:"size-8 fill-forest-green-500 md:h-16 md:w-16 md:fill-transparent"})}),(0,u.jsx)("div",{className:"relative w-full max-w-[20rem] lg:max-w-[30rem] opacity-100 2xl:max-w-[40rem]",children:(0,u.jsx)(f.tq,{onInit:e=>n(e),allowSlideNext:!0,allowSlidePrev:!0,spaceBetween:10,navigation:!1,thumbs:{swiper:t&&!t.destroyed?t:null},modules:[h.Rv,h.W_,h.o3],className:"mySwiper2",children:l.map(e=>(0,u.jsx)(f.o5,{className:"self-center",children:(0,u.jsx)(w.o,{ratio:1,children:(0,u.jsx)(p.J,{src:e.path||b.Z,alt:"img",fill:!0,className:"-z-10 bg-white object-contain"})})},e.id))})}),(0,u.jsx)("button",{onClick:()=>{null==s||s.slideNext()},type:"button",className:"absolute right-2 top-1/2 z-50 -translate-y-1/2",children:(0,u.jsx)(j,{className:"size-8 fill-forest-green-500 md:h-16 md:w-16 md:fill-transparent"})})]}),(0,u.jsx)("div",{className:"md:pb-10 md:pl-10",children:(0,u.jsx)(f.tq,{onSwiper:r,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[h.Rv,h.W_,h.o3],className:"mySwiper",children:l.map(e=>(0,u.jsx)(f.o5,{className:"max-w-[8.75rem] rounded-md bg-white",children:(0,u.jsx)(w.o,{ratio:1,children:(0,u.jsx)(p.J,{src:e.path||b.Z,alt:"img",fill:!0,className:"rounded-md object-cover"})})},e.id))})})]})};var E=r(67473);function N(){return(N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}var y=function(e){return m.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:48,height:48,fill:"none",viewBox:"0 0 48 48"},e),i||(i=m.createElement("circle",{cx:24,cy:24,r:23,stroke:"#EAE5E2",strokeWidth:2})),o||(o=m.createElement("path",{stroke:"#EAE5E2",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M30 18 18 30M18 18l12 12"})))};function S(){return(S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}var O=function(e){return m.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),c||(c=m.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.333,d:"M7.333 12.667A5.333 5.333 0 1 0 7.333 2a5.333 5.333 0 0 0 0 10.667",clipRule:"evenodd"})),d||(d=m.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.333,d:"m14 14-2.9-2.9M7.333 5.333v4M5.333 7.333h4"})))};let W=e=>{let{images:t,productName:r}=e,l=b.Z,s="fallback image",[n,a]=(0,m.useState)(),i=(null==t?void 0:t.length)?t:[{path:l,alt:"fallback image",id:0}],o=i.length>1;return(0,u.jsxs)("div",{className:"relative flex w-full flex-shrink-0 flex-col self-start bg-transparent md:w-2/5 md:max-w-[30rem]",children:[(0,u.jsx)(f.tq,{className:"w-full flex-shrink",thumbs:{swiper:n&&!n.destroyed?n:null},modules:[h.Rv,h.W_,h.o3],children:null==i?void 0:i.map((e,t)=>{var n,a;
1return(0,u.jsx)(f.o5,{className:"w-full self-center",children:(0,u.jsx)(w.o,{ratio:1,className:"",asChild:!0,children:(0,u.jsx)(p.J,{src:e.path||l,alt:null!==(a=null!==(n=e.alt)&&void 0!==n?n:r)&&void 0!==a?a:s,fill:!0,className:"h-full rounded-md object-contain bg-white",priority:0===t})})},e.id)})}),o&&(0,u.jsx)(f.tq,{onSwiper:a,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[h.Rv,h.W_,h.o3],className:"mySwiper w-full",children:i.map((e,t)=>{var n,a;return(0,u.jsx)(f.o5,{className:"max-w-[4rem] overflow-hidden rounded-md bg-white",children:(0,u.jsx)(w.o,{ratio:1,children:(0,u.jsx)(p.J,{src:e.path||l,alt:null!==(a=null!==(n=e.alt)&&void 0!==n?n:r)&&void 0!==a?a:s,fill:!0,className:"object-contain",priority:0===t})})},e.id)})}),(0,u.jsx)(P,{images:t})]})},P=e=>{let{images:t}=e,[r,l]=(0,m.useState)(),s=null==t?void 0:t.filter(e=>null!=e.path).map(e=>({...e,url:e.path}));return(null==s?void 0:s.length)?(0,u.jsxs)(E.J2,{modal:!0,onOpenChange:e=>{e||l(void 0)},children:[(0,u.jsx)(E.tW,{className:"fixed left-0 top-0"}),(0,u.jsx)(E.xo,{className:"absolute left-4 top-4 z-10 flex size-10 items-center justify-center rounded-full bg-forest-green-100 text-black hover:bg-forest-green-200",children:(0,u.jsx)(O,{})}),(0,u.jsxs)(E.yk,{className:"relative h-screen w-screen bg-[rgba(0,0,0,0.64)]",children:[(0,u.jsx)(E.xp,{className:"absolute right-4 top-4 z-50",children:(0,u.jsx)(y,{className:"size-8 fill-forest-green-500 md:h-12 md:w-12 md:fill-transparent"})}),(0,u.jsx)(k,{thumbsSwiper:r,setThumbsSwiper:l,images:s})]})]}):null}}}]);
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.