https://www.nikon.si/dist-client/HighlightsGallery-Chunk-80abab47fbb49c332a1b.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5763,8238],{76439(e,t,a){a.d(t,{A:()=>d});var i=a(36223),r=a(30808),l=a(4586),n=a(97500),s=a.n(n),o=a(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},c.apply(null,arguments)}const d=({ariaHidden:e,children:t,classes:a,dataTestId:n,epiEdit:d,fallbackSize:g,image:m,imageClasses:u,imageRef:f,lazyLoad:h=!0,progressiveLoad:p=!0,showFallback:b,sizes:w=""})=>{const y=m?.mobile,v=m?.tablet,x=m?.desktop,E=m?.largeDesktop,k=(0,l.A)(),[T,H]=(0,o.useState)(!1);if(!x?.url&&!b)return null;const R={[r.A.Small]:y,[r.A.Medium]:v,[r.A.Large]:x,[r.A.XLarge]:E};return b&&!x?.url?React.createElement("div",{className:s()(a,"flex items-center justify-center")},React.createElement(i.A,{ariaHidden:!0,className:s()(u,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:g??"100%"}),t):React.createElement("picture",{className:s()(a)},React.createElement("source",{type:"image/webp",sizes:w,srcSet:`${y?.url} 376w, ${v?.url} 768w, ${x?.url} 1024w, ${E?.url} 1440w`}),React.createElement("img",c({ref:f,alt:m?.altText?.length?m?.altText:"nikon-image","aria-hidden":e,className:s()(u,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":d,draggable:"false",loading:h?"lazy":"eager",onLoad:()=>{H(!0)},sizes:w,src:T&&p?R[k]?.url:y?.url,height:R[k]?.height,width:R[k]?.width,srcSet:`${y?.originalUrl} 376w, ${v?.originalUrl} 768w, ${x?.originalUrl} 1024w, ${E?.originalUrl} 1440w`},n&&{"data-testid":n})),T&&t)}},5270(e,t,a){a.r(t),a.d(t,{default:()=>s});var i=a(14120),r=a(78919),l=a(90683);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},n.apply(null,arguments)}const s=({title:e,cards:t,meta:a})=>React.createElement("section",{className:"component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white","data-testid":"CT-172-Highlights-Gallery"},React.createElement(i.A,{items:t,title:e,epiEdit:a?.editHints?.cards,epiEditTitle:a?.editHints?.title,id:"highlights-gallery",slidesToShowDesktop:3,isOverflowVisible:!0,dataTestId:"CT-172-Highlights-Gallery-Carousel"},e=>e.map(({ariaHidden:e,ariaLabel:t,inert:a,...i},s)=>React.createElement(l.qr,{key:i.title,className:"stretch-card","aria-hidden":e,"aria-label":t,inert:a},React.createElement(r.default,n({},i,{index:s}))))))},78919(e,t,a){a.r(t),a.d(t,{default:()=>n});var i=a(76439),r=a(97500),l=a.n(r);const n=({title:e,text:t,image:a,textPosition:r,index:n,meta:s})=>{const o="top"===r;return React.createElement("div",{className:l()("flex h-full w-full flex-col items-center justify-between gap-4 overflow-hidden rounded-lg bg-grey-600",o?"flex-col":"flex-col-reverse"),"data-testid":`CT-172-Highlights-Gallery-Item-${n}`},React.createElement(i.A,{image:a,classes:"w-full h-full aspect-square object-cover",dataTestId:`CT-172-Highlights-Gallery-Item-${n}-Image`,epiEdit:s?.editHints?.image}),React.createElement("div",{className:l()("absolute flex w-full flex-col items-start justify-start gap-2 px-4 lg:px-8",o?"pt-4 lg:pt-8":"pb-4 lg:pb-8")},React.createElement("h3",{className:"text-left","data-testid":`CT-172-Highlights-Gallery-Item-${n}-Title`,"data-epi-property-name":s?.editHints?.title},e),t&&React.createElement("div",{className:"body-two text-grey-500",dangerouslySetInnerHTML:{__html:t},"data-testid":`CT-172-Highlights-Gallery-Item-${n}-Text`,"data-epi-property-name":s?.editHints?.text})))}},32088(e,t,a){a.d(t,{W:()=>n});var i=a(59471),r=a(57671);const l={some:0,all:1};function n(e,{root:t,margin:a,amount:n,once:s=!1,initial:o=!1}={}){const[c,d]=(0,i.useState)(o);return(0,i.useEffect)(()=>{if(!e.current||s&&c)return;const i={root:t&&t.current||void 0,margin:a,amount:n};return function(e,t,{root:a,margin:i,amount:n="some"}={}){const s=(0,r.K)(e),o=new WeakMap,c=new IntersectionObserver(e=>

1{e.forEach(e=>{const a=o.get(e.target);if(e.isIntersecting!==Boolean(a))if(e.isIntersecting){const a=t(e.target,e);"function"==typeof a?o.set(e.target,a):c.unobserve(e.target)}else"function"==typeof a&&(a(e),o.delete(e.target))})},{root:a,rootMargin:i,threshold:"number"==typeof n?n:l[n]});return s.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),s?void 0:()=>d(!1)),i)},[t,e,a,s,n]),c}}}]);
2//# sourceMappingURL=HighlightsGallery-Chunk-80abab47fbb49c332a1b.js.map