PageSourceSearch

https://www.petxl.no/static/js/theme-overlays-GalleryZoomOverlay.ed1d4ef4.chunk.js

js petxl.no collected 2026-10-10 02:13:59 UTC 27,258 bytes, 2 lines download raw bytes

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5724],{82675:(e,t,n)=>{n.d(t,{A:()=>i});n(72176);const i=n.p+"static/media/zoomIn.a77dc1acd6ac80f7842cb1907b992f08.svg"},67363:(e,t,n)=>{n.d(t,{A:()=>d});var i,o=n(22119),r=n(15360),a=n.n(r),s=n(36788);const l=["scrollDirection","scrollbar"],c=(0,s.A)("div",{shouldForwardProp:e=>-1===l.indexOf(e)})(i||(i=(0,o.A)(["\n    -webkit-overflow-scrolling: touch;\n\n    ",";\n    ",";\n"])),(e=>{let{scrollDirection:t}=e;return t&&"\n    ".concat("vertical"===t?"\n        overflow-x: hidden;\n        overflow-y: auto;\n    ":"\n        overflow-x: auto;\n        overflow-y: hidden;\n    ",";\n")}),(e=>{let{scrollbar:t}=e;return!t&&"\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n"}));c.propTypes={scrollDirection:a().oneOf(["vertical","horizontal"]),scrollbar:a().bool},c.defaultProps={scrollDirection:"vertical",scrollbar:!1};const d=c},87362:(e,t,n)=>{n.d(t,{GO:()=>c,Q3:()=>h,TP:()=>d,mI:()=>s,sv:()=>l});var i=n(1272),o=n(17711),r=n(43364),a=n(51941);const s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a.breakpoints;const n=[];if(!e||!e.length)return null;if(!Array.isArray(e))return e;for(let r=0;r<e.length;r++){const a=e[r];null!==a&&void 0!==a&&n.push(n.length?(i=t[r],o=a,"(min-width: ".concat(i,") ").concat(o)):a)}var i,o;return n.reverse().join(", ")},l=(e,t,n)=>{let o=e;const a=JSON.parse(JSON.stringify(t));if("webp"===a.f&&(a.f=(e=>{if("undefined"===typeof e&&(e=(0,i.Gu)("application").isSupportingWebp),r.M&&!e){const t=document.createElement("canvas");e=!(!t.getContext||!t.getContext("2d"))&&0===t.toDataURL("image/webp").indexOf("data:image/webp")}return e})(n)?"webp":"png"),o&&a){var s;let e=(null===(s=o)||void 0===s?void 0:s.indexOf("?"))>-1?"&":null;for(const t in a){const n=t,i=(a[t]||"").toString(),r=0===i.indexOf("#")?i.slice(1):i;r&&(o=o.indexOf("".concat(n,"="))>-1?o.replace(new RegExp("(?:".concat(n,")\\=\\d+"),"g"),"".concat(n,"=").concat(r)):"".concat(o).concat(e=e?"&":"?").concat(n,"=").concat(r))}}return o},c=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const i=e.indexOf("?")>-1?"&":"?";let o=e.endsWith("?")?e.slice(0,-1):e;return o=o.replace(new RegExp("(\\?|\\&){0,1}(?:".concat("w|h",")\\=\\d+\\&{0,1}"),"g"),"$1"),o.endsWith("&")&&(o=o.slice(0,-1)),t.map(((e,t)=>{const r=n[t];return"".concat(o).concat(i,"w=").concat(e).concat(r?"&h=".concat(r):""," ").concat(e,"w")})).join(", ")},d=(e,t)=>l(e,t),h=(e,t,n)=>l((0,o.e)(e),t,n)},17711:(e,t,n)=>{n.d(t,{e:()=>o});var i=n(3860);const o=e=>e?e.includes("https://")||e.includes("http://")?e:"".concat(i.V5,"/").concat(e):null},55634:(e,t,n)=>{n.d(t,{A:()=>h});var i,o=n(22119),r=(n(72176),n(36788)),a=n(66170),s=n(80812);const l={down:"90deg",left:"180deg",up:"270deg",right:"360deg"},c=(0,r.A)(a.A)(i||(i=(0,o.A)(["\n    transform: rotate(",");\n"])),(e=>{let{rotate:t}=e;return t})),d=e=>{let{color:t,direction:n,...i}=e;return(0,s.jsx)(c,{fill:"none",rotate:l[n],...i,children:(0,s.jsx)("path",{d:"m2.588.596 6.263 4.55a1.077 1.077 0 0 1-.003 1.745l-6.262 4.515-.585-.811L8.263 6.08a.077.077 0 0 0 0-.125L2 1.405l.588-.81Z",fill:"#000"})})};d.defaultProps={color:"currentColor",height:"12px",viewBox:"0 0 12 12",width:"12px"};const h=d},66333:(e,t,n)=>{n.d(t,{A:()=>a});n(72176);var i=n(66170),o=n(80812);const r=e=>{let{color:t,...n}=e;return(0,o.jsxs)(i.A,{fill:"none",...n,children:[(0,o.jsx)("path",{d:"M14 2L2 14",stroke:t}),(0,o.jsx)("path",{d:"M14 14L2 2",stroke:t})]})};r.defaultProps={color:"currentColor",height:"16px",viewBox:"0 0 16 16",width:"16px"};const a=r},3128:(e,t,n)=>{n.d(t,{A:()=>a});n(72176);var i=n(66170),o=n(80812);const r=e=>{let{color:t,...n}=e;return(0,o.jsxs)(i.A,{fill:"none",...n,children:[(0,o.jsx)("rect",{width:"30",height:"20.2454",rx:"7.08661",fill:"#4D4D4D",fillOpacity:"0.94"}),(0,o.jsx)("path",{d:"M11.7793 13.3231V7.00665C11.7793 6.65922 12.1417 6.43063 12.4552 6.58028L18.9946 9.70134C19.3514 9.87162 19.3537 10.3786 18.9985 10.5522L12.4592 13.7476C12.1453 13.9009 11.7793 13.6724 11.7793 13.3231Z",fill:"white"})]})};r.defaultProps={color:"#FFFFFF",height:"21px",viewBox:"0 0 30 21",width:"30px"};const a=r},66170:(e,t,n)=>{n.d(t,{A:()=>a});var i=n(15360),o=n.n(i);const r=(0,n(36788).A)("svg")();
1r.propTypes={height:o().oneOfType([o().string,o().arrayOf(o().string)]).isRequired,viewBox:o().string.isRequired,width:o().oneOfType([o().string,o().arrayOf(o().string)]),xmlns:o().string},r.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:""};const a=r},54916:(e,t,n)=>{n.r(t),n.d(t,{default:()=>pe});var i=n(22119),o=n(72176),r=n(46548),a=n(13258),s=n(6154),l=n(36788),c=n(66333),d=n(89764),h=n(87362),p=n(80812);class u extends o.PureComponent{constructor(e){var t;super(e),t=this,this.getNewPosition=(e,t,n)=>{const[i,o,r]=[this.state.zoom,this.state.posX,this.state.posY];if(1===n)return[0,0];if(n>i){const a=this.ref.current.getBoundingClientRect(),[s,l]=[a.width/2,a.height/2],[c,d]=[e-a.left-window.pageXOffset,t-a.top-window.pageYOffset],[h,p]=[(s-c)/i,(l-d)/i],u=n-i;return[o+h*u,r+p*u]}return[o*(n-1)/(i-1),r*(n-1)/(i-1)]},this.getLimitedShift=(e,t,n,i,o)=>{if(e>0){if(i>t)return 0;if(i+e>t)return t-i}else if(e<0){if(o<n)return 0;if(o+e<n)return n-o}return e},this.fullZoomInOnPosition=(e,t)=>{const{maxZoom:n}=this.props,i=n,[o,r]=this.getNewPosition(e,t,i);this.setState({zoom:i,posX:o,posY:r,transitionDuration:this.props.animDuration}),this.props.onZoomChange&&this.props.onZoomChange(i)},this.move=function(e,n){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(!t.ref.current)return;let{posX:o,posY:r}=t.state;const a=t.ref.current.getBoundingClientRect(),s=t.ref.current.parentNode.getBoundingClientRect(),[l,c,d]=[a.width>s.right-s.left,e>0&&a.left-s.left<0,e<0&&a.right-s.right>0];(l||c||d)&&(o+=t.getLimitedShift(e,s.left,s.right,a.left,a.right));const[h,p,u]=[a.height>s.bottom-s.top,n>0&&a.top-s.top<0,n<0&&a.bottom-s.bottom>0];(h||p||u)&&(r+=t.getLimitedShift(n,s.top,s.bottom,a.top,a.bottom)),t.setState({posX:o,posY:r,transitionDuration:i})},this.startDeceleration=(e,t)=>{let n=null;const i=o=>{null===n&&(n=o);const r=o-n,a=(this.props.decelerationDuration-r)/this.props.decelerationDuration,[s,l]=[e*a,t*a];r<this.props.decelerationDuration&&Math.max(Math.abs(s),Math.abs(l))>1?(this.move(s,l,0),this.lastRequestAnimationId=requestAnimationFrame(i)):this.lastRequestAnimationId=null};this.lastRequestAnimationId=requestAnimationFrame(i)},this.handleClick=e=>{e.preventDefault(),this.state.zoom===this.props.minZoom?this.fullZoomInOnPosition(e.pageX,e.pageY):this.reset()},this.handleMouseMove=e=>{if(e.preventDefault(),!this.ref.current||this.state.zoom===this.props.minZoom)return;this.lastRequestAnimationId&&cancelAnimationFrame(this.lastRequestAnimationId);const t=this.ref.current.getBoundingClientRect(),n=this.ref.current.parentNode.getBoundingClientRect(),[i,o]=[e.pageX-n.left,e.pageY-n.top],r=o/n.height,a=i/n.width,s=t.height,l=-(0-t.width/2+a*t.width),c=-(0-s/2+r*t.height);this.lastRequestAnimationId=requestAnimationFrame((()=>{this.setState((e=>({...e,posX:l,posY:c,transitionDuration:0})))}))},this.handleTouchStart=e=>{e.preventDefault(),this.lastRequestAnimationId&&cancelAnimationFrame(this.lastRequestAnimationId);const[t,n]=[e.touches[0].pageX,e.touches[0].pageY];if(1===e.touches.length){const e=(new Date).getTime();e-this.lastTouchTime<this.props.doubleTouchMaxDelay&&e-this.lastDoubleTapTime>this.props.doubleTouchMaxDelay&&(this.state.zoom===this.props.minZoom?this.fullZoomInOnPosition(t,n):this.reset(),this.lastDoubleTapTime=e),this.lastTouchTime=e}this.lastTouch={posX:t,posY:n}},this.handleTouchMove=e=>{e.preventDefault();const{maxZoom:t,minZoom:n}=this.props;let{zoom:i}=this.state;if(this.lastTouch)if(1===e.touches.length){const[t,n]=[e.touches[0].pageX,e.touches[0].pageY],i=t-this.lastTouch.posX,o=n-this.lastTouch.posY;this.move(i,o),this.lastShift={x:i,y:o},this.lastTouch={posX:t,posY:n},this.lastTouchDistance=null}else if(e.touches.length>1){const[o,r]=[e.touches[0].pageX,e.touches[0].pageY],[a,s]=[e.touches[1].pageX,e.touches[1].pageY],l=Math.sqrt(Math.pow(a-o,2)+Math.pow(s-r,2));if(this.lastTouchDistance&&l&&l!==this.lastTouchDistance){i+=(l-this.lastTouchDistance)/100,i>t?i=t:i<n&&(i=n);const[e,c]=[(o+a)/2,(r+s)/2],[d,h]=this.getNewPosition(e,c,i);this.setState({zoom:i,posX:d,posY:h,transitionDuration:0}),this.props.onZoomChange&&this.props.onZoomChange(i)}this.lastTouch={posX:o,posY:r},this.lastTouchDistance=l}},this.handleTouchStop=()=>{this.lastShift&&(this.startDeceleration(this.lastShift.x,this.lastShift.y),this.lastShift=null),this.lastTouch=null,this.lastTouchDistance=null},this.reset=e=>{this.setState({...this.constructor.defaultState,transitionDuration:null!==e&&void 0!==e?e:this.props.animDuration}),this.props.onReset&&this.props.onReset()},this.ref=(0,o.createRef)(),this.lastTouch=null,this.lastTouchTime=0,this.lastDoubleTapTime=0,this.lastTouchDistance=null,this.lastRequestAnimationId=null,this.state={...this.constructor.defaultState,transitionDuration:e.animDuration}}render(){const{className:e,children:t}=this.props,{zoom:n,posX:i,posY:o,transitionDuration:r}=this.state,a={...this.props.style,transform:"translate(".concat(i,"px, ").concat(o,"px) scale(").concat(n,")"),transition:"transform ease-
1out ".concat(r,"s"),touchAction:"none",willChange:"transform",height:"100%",width:"100%"};let s={ref:this.ref,style:a,className:e};let l={};return window.matchMedia("(pointer: fine)").matches||window.matchMedia("(-ms-high-contrast: none)").matches?l={onClick:this.handleClick,onMouseMove:this.handleMouseMove}:s={...s,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchStop,onTouchCancel:this.handleTouchStop},(0,p.jsx)("div",{style:{width:"100%",height:"100%"},...l,children:(0,p.jsx)("div",{...s,children:t})})}}u.defaultProps={animDuration:.25,className:null,decelerationDuration:750,doubleTouchMaxDelay:300,maxZoom:5,minZoom:1,onReset:null,onZoomChange:null,style:{}},u.defaultState={zoom:1,posX:0,posY:0};var m=n(55634),f=n(66170);const g=e=>{let{color:t,...n}=e;return(0,p.jsxs)(f.A,{fill:"none",viewBox:"0 0 46 46",...n,children:[(0,p.jsx)("circle",{cx:"20",cy:"20",r:"18.5",stroke:t,strokeWidth:"3"}),(0,p.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.27 20.77V28h1.5v-7.23H28v-1.5h-7.23V12h-1.5v7.27H12v1.5h7.27z",fill:t}),(0,p.jsx)("path",{d:"M32 32l12 12",stroke:t,strokeWidth:"3"})]})};g.defaultProps={color:"currentColor",height:"46px",width:"46px"};const v=g;var x,b,y,w,A,k=n(69605),T=n(3860),I=n(3128);const S=(0,l.A)("button")(x||(x=(0,i.A)(["\n    position: relative;\n    color: ",";\n    width: 48px;\n    height: 48px;\n    flex-shrink: 0;\n    cursor: pointer;\n    box-shadow: none;\n    border-radius: 8px;\n\n    &:active > *,\n    &:focus > * {\n        outline: 0;\n    }\n\n    &.active > * {\n        border: 1px solid ",";\n    }\n\n    &:not(:last-of-type) {\n        margin-right: 16px;\n    }\n\n    &[data-large='true'] {\n        width: 64px;\n        height: 64px;\n    }\n\n    "," {\n        width: 64px;\n        height: 64px;\n    }\n"])),k.A.white,k.A.black,(e=>{let{theme:t}=e;return t.above.mobileLg})),D=(0,l.A)(I.A)(b||(b=(0,i.A)(["\n    position: absolute;\n    left: 50%;\n    transform: translate3d(-50%, 0, 0);\n    z-index: 3;\n    border: none;\n"]))),j=(0,l.A)("div")(y||(y=(0,i.A)(["\n    position: absolute;\n    display: flex;\n    justify-content: center;
1\n    align-items: center;\n    border-radius: 8px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n"]))),C=(0,l.A)("video")(w||(w=(0,i.A)(["\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    border-radius: 8px;\n    object-fit: cover;\n    z-index: 1;\n"]))),_=(0,l.A)("img")(A||(A=(0,i.A)(["\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    user-select: none;\n    border-radius: 8px;\n"]))),R=e=>{let{isInZoomSlider:t,active:n,media:i,onClick:o}=e;const a=(0,r.d4)((e=>{let{application:t}=e;return t.isSupportingWebp})),s=i.youtube&&i.youtube.split("/").pop(),l=i.image?(0,h.Q3)(i.image,{m:"crop",f:"webp",q:70,w:80,h:80},a):(0,h.TP)(T.Kx,{fm:"avif",fit:"fill",fill:"solid",w:80,h:80});return(0,p.jsxs)(S,{className:n?"active":"","data-large":t,background:i.video?"url(".concat(i.video,")"):i.youtube&&"rgba(0, 0, 0, 0.4)",onClick:o,children:[!(i.video||i.youtube)&&(0,p.jsx)(_,{alt:i.title,src:l,loading:"eager"},i.image),(i.video||i.youtube)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(j,{children:(0,p.jsx)(D,{})}),i.video&&(0,p.jsx)(C,{children:(0,p.jsx)("source",{src:"".concat(i.video,"#t=0.1"),type:"video/mp4"})},i.video),i.youtube&&(0,p.jsx)(C,{as:"img",src:"https://img.youtube.com/vi/".concat(s,"/0.jpg")})]})]})};R.defaultProps={isInZoomSlider:!1,onClick:null};const P=R;var O=n(19401),L=n(67363),M=n(82675);const z=n.p+"static/media/zoomOut.b539720165ce43bf4bf3eccd38b2523c.svg";var Z,E,N,F,X,Y,q,B;const H=(0,O.i7)(Z||(Z=(0,i.A)(["\n    0%   { opacity: 0.65; }\n    100% { opacity: 1; }\n"]))),W=(0,O.i7)(E||(E=(0,i.A)(["\n    0%   { opacity: 1; }\n    100% { opacity: 0.75; }\n"]))),U=(0,l.A)("div")(N||(N=(0,i.A)(["\n    position: relative;\n\n    &:after {\n        content: '';\n        display: block;\n        padding-bottom: 100%;\n    }\n\n    "," {\n        flex: 1;\n        &:after {\n            display: none;\n        }\n    }\n\n    "," {\n        cursor: pointer;\n        cursor: ",";\n        transition: flex 200ms ease;\n        &.activeZoom {\n            cursor: pointer;\n            cursor: ",";\n\n            button {\n                display: none;\n            }\n        }\n    }\n    .zoomWrapper {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 1;\n        overflow: hidden;\n    }\n"])),s.G1.tabletSm,s.G1.tabletLg,"url(".concat(M.A,") 12 12, pointer"),"url(".concat(z,") 12 12, pointer")),G=(0,l.A)("div")(F||(F=(0,i.A)(["\n    margin-top: 16px;\n    margin-bottom: 16px;\n    position: relative;\n    max-width: 100vw;\n\n    "," {\n        padding: 0;\n    }\n\n    &.activeZoom {\n        display: none;\n    }\n"])),(e=>{let{theme:t}=e;return t.above.tabletLg})),V=(0,l.A)(L.A)(X||(X=(0,i.A)(["\n    display: flex;\n    padding: 0 12px;\n"]))),K=(0,l.A)("div")(Y||(Y=(0,i.A)(["\n    display: flex;\n    flex-direction: row;\n    justify-content: center;
1\n    align-items: center;\n    padding: 12px 16px;\n\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n\n    background: ",";\n    border-radius: 80px;\n    color: ",";\n    pointer-events: none;\n    opacity: 1;\n    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;\n    white-space: nowrap;\n\n    "," {\n        display: none;\n    }\n\n    "," {\n        display: none;\n    }\n\n    span {\n        margin-left: 8px;\n        font-size: 14px;\n        line-height: 14px;\n        font-weight: 700;\n    }\n\n    &.hide {\n        opacity: 0;\n    }\n"])),k.A.black,k.A.white,s.$_.hover,s.G1.tabletSm),Q=(0,l.A)("div",{shouldForwardProp:e=>-1===["mobileImage","desktopImage"].indexOf(e)})(q||(q=(0,i.A)(["\n    height: 100%;\n    width: 100%;\n    background-size: contain;\n    background-position: center;\n    background-image: ",";\n\n    &[data-animation='animateIn'] {\n        animation: "," 0.6s forwards;\n    }\n    &[data-animation='animateOut'] {\n        animation: "," 0.6s ease forwards;\n    }\n\n    "," {\n        background-image: ",";\n    }\n"])),(e=>"url(".concat(e.mobileImage,")")),W,H,s.G1.tabletLg,(e=>"url(".concat(e.desktopImage,")"))),$=(0,l.A)("button")(B||(B=(0,i.A)(["\n    position: absolute;\n    top: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transform: translateY(-50%);\n    background-color: ",";\n    z-index: 1;\n    width: 40px;\n    height: 40px;\n    border-radius: 40px;\n    margin: 0 16px;\n    transition: all ",";\n    border: 1px solid ",";\n\n    "," {\n        &:hover {\n            background-color: ",";\n            color: ",";\n        }\n    }\n"])),(e=>{let{theme:t}=e;return t.colors.white}),(e=>{let{theme:t}=e;return t.transitions.primary}),(e=>{let{theme:t}=e;return t.colors.black}),(e=>{let{theme:t}=e;return t.media.hover}),(e=>{let{theme:t}=e;return t.colors.black}),(e=>{let{theme:t}=e;return t.colors.white})),J=e=>{var t;let{media:n=[],startIndex:i=0}=e,o=null!==n&&void 0!==n&&n.length?n[0]:null,r=0;return null!==n&&void 0!==n&&n.length&&n[i]&&(o=n[i],r=i),{activeIndex:r,activeImage:null===(t=o)||void 0===t?void 0:t.image,activeZoom:!1,media:n}},ee=(e,t)=>{const{activeIndex:n,media:i}=e;let o,r;switch(t.type){case"setActive":return{...e,activeZoom:t.active};case"setImage":return{...e,activeIndex:t.index,activeImage:t.image};case"prevImage":return o=i[n-1]||i[i.length-1],r=i.findIndex((e=>e.image===o.image)),{...e,activeIndex:r,activeImage:o.image,activeZoom:!1};case"nextImage":return o=i[n+1]||i[0],r=i.findIndex((e=>e.image===o.image)),{...e,activeIndex:r,activeImage:o.image,activeZoom:!1};default:throw new Error}},te=e=>{let{media:t,startIndex:n}=e;const{t:i}=(0,d.Bd)(),[{activeIndex:r,activeImage:a,activeZoom:s},l]=(0,o.useReducer)(ee,{media:t,startIndex:n},J),c=(0,o.useRef)(null),f=(0,o.useRef)(null),[g,x]=(0,o.useState)(!1),b=e=>{x("animateIn"),setTimeout((()=>{l({type:"".concat(e,"Image")}),c.current.reset(0)}),150)},y=(e,t)=>{l({type:"setImage",index:e,image:t}),c.current.reset(0)},w=e=>{if(!e.defaultPrevented){switch(e.key){case"Left":case"ArrowLeft":x("animateIn"),setTimeout((()=>{x("animateOut"),l({type:"prevImage"}),c.current.reset(0)}),150);break;case"Right":case"ArrowRight":x("animateIn"),setTimeout((()=>{x("animateOut"),l({type:"nextImage"}),c.current.reset(0)}),150);break;default:return}e.preventDefault()}};(0,o.useEffect)((()=>(f.current&&f.current.classList.add("hide"),window.addEventListener("keydown",w),()=>{window.removeEventListener("keydown",w)}
1)),[]);const A=t.length>1;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(U,{className:s?"activeZoom":"",children:[(0,p.jsx)("div",{className:"zoomWrapper",children:a&&(0,p.jsx)(u,{ref:c,maxZoom:2.5,onReset:()=>{s&&l({type:"setActive",active:!1}),x("animateOut")},onZoomChange:e=>l({type:"setActive",active:e>1}),children:(0,p.jsx)(Q,{"data-animation":g,mobileImage:(0,h.Q3)(a,{m:"pad",f:"webp",q:70,w:875,h:875}),desktopImage:(0,h.Q3)(a,{m:"pad",f:"webp",q:70,w:1200,h:1200})})})}),(0,p.jsxs)(K,{ref:f,children:[(0,p.jsx)(v,{height:"24px",width:"24px"}),(0,p.jsx)("span",{children:i("pdp.pinch_to_zoom")})]}),A&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)($,{type:"button","aria-label":i("aria.prev",{label:i("aria.labels.image")}),left:["0","8px","22px"],onClick:b.bind(null,"prev"),children:(0,p.jsx)(m.A,{direction:"left",width:"16px",height:"14px"})}),(0,p.jsx)($,{type:"button","aria-label":i("aria.next",{label:i("aria.labels.image")}),right:["0","8px","22px"],onClick:b.bind(null,"next"),children:(0,p.jsx)(m.A,{direction:"right",width:"16px",height:"14px"})})]})]}),(0,p.jsx)(G,{className:s?"activeZoom":"",children:(0,p.jsx)(V,{scrollDirection:"horizontal",children:(t||[]).map(((e,t)=>(0,p.jsx)(P,{isInZoomSlider:!0,media:e,active:r===t,onClick:y.bind(null,t,e.image)},e.key)))})})]})};te.defaultProps={media:[],startIndex:0};const ne=te;var ie,oe,re,ae;const se=(0,l.A)("div")(ie||(ie=(0,i.A)(["\n    display: flex;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;
1\n"]))),le=(0,l.A)("div")(oe||(oe=(0,i.A)(["\n    position: relative;\n    background: #fff;\n    width: 100%;\n    border-radius: 10px;\n\n    "," {\n        height: calc(100% - 64px);\n        width: calc(100% - 64px);\n    }\n"])),s.G1.tabletSm),ce=(0,l.A)("button")(re||(re=(0,i.A)(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 20px;\n    z-index: 2;\n"]))),de=(0,l.A)("div")(ae||(ae=(0,i.A)(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]))),he=e=>{let{media:t,startIndex:n}=e;const{current:i}=(0,r.d4)((e=>{let{overlay:t}=e;return t}));return(0,o.useEffect)((()=>{const e=e=>{if(!e.defaultPrevented){switch(e.key){case"Esc":case"Escape":(0,a.A)();break;default:return}e.preventDefault()}};return window.addEventListener("keydown",e,!0),()=>{window.removeEventListener("keydown",e,!0)}}),[t,i]),(0,p.jsx)(se,{className:"slide-in--top",onClick:e=>{e.target===e.currentTarget&&(0,a.A)()},children:(0,p.jsxs)(le,{children:[(0,p.jsx)(ce,{onClick:a.A,children:(0,p.jsx)(c.A,{})}),(0,p.jsx)(de,{children:(0,p.jsx)(ne,{media:t,startIndex:n})})]})})};he.defaultProps={media:[],startIndex:0};const pe=he},19401:(e,t,n)=>{n.d(t,{i7:()=>o.keyframes});var i=n(72176),o=n(83305),r=n(15360),a=n.n(r),s=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class)|(on[A-Z].*)|((data|aria|x)-.*))$/i;const l=(0,n(89813).A)(s.test.bind(s));var c,d="__EMOTION_THEMING__",h=((c={})[d]=a().object,c);function p(e){this.setState({theme:e})}var u=l,m=function(e){return"theme"!==e&&"innerRef"!==e},f=function(){return!0},g=function(e,t){for(var n=2,i=arguments.length;n<i;n++){var o=arguments[n],r=void 0;for(r in o)e(r)&&(t[r]=o[r])}return t};!function(e,t){var n=function(i,o){var r,a,s,l;void 0!==o&&(r=o.e,a=o.label,s=o.target,l=i.__emotion_forwardProp&&o.shouldForwardProp?function(e){return i.__emotion_forwardProp(e)&&o.shouldForwardProp(e)}:o.shouldForwardProp);var c=i.__emotion_real===i,v=void 0===r&&c&&i.__emotion_base||i;return"function"!==typeof l&&(l="string"===typeof v&&v.charAt(0)===v.charAt(0).toLowerCase()?u:m),function(){var u=arguments,m=c&&void 0!==i.__emotion_styles?i.__emotion_styles.slice(0):[];if(void 0!==a&&m.push("label:"+a+";"),void 0===r)if(null==u[0]||void 0===u[0].raw)m.push.apply(m,u);else{m.push(u[0][0]);for(var x=u.length,b=1;b<x;b++)m.push(u[b],u[0][b])}else 0;var y=function(n){var i,o;function a(){return n.apply(this,arguments)||this}o=n,(i=a).prototype=Object.create(o.prototype),i.prototype.constructor=i,i.__proto__=o;var c=a.prototype;return c.componentWillMount=function(){void 0!==this.context[d]&&(this.unsubscribe=this.context[d].subscribe(p.bind(this)))},c.componentWillUnmount=function(){void 0!==this.unsubscribe&&this.context[d].unsubscribe(this.unsubscribe)},c.render=function(){var n=this.props,i=this.state;this.mergedProps=g(f,{},n,{theme:null!==i&&i.theme||n.theme||{}});var o="",a=[];return n.className&&(o+=void 0===r?e.getRegisteredStyles(a,n.className):n.className+" "),o+=void 0===r?e.css.apply(this,m.concat(a)):r,void 0!==s&&(o+=" "+s),t.createElement(v,g(l,{},n,{className:o,ref:n.innerRef}))},a}(t.Component);return y.displayName=void 0!==a?a:"Styled("+("string"===typeof v?v:v.displayName||v.name||"Component")+")",void 0!==i.defaultProps&&(y.defaultProps=i.defaultProps),y.contextTypes=h,y.__emotion_styles=m,y.__emotion_base=v,y.__emotion_real=y,y.__emotion_forwardProp=l,Object.defineProperty(y,"toString",{value:function(){return"."+s}}),y.withComponent=function(e,t){return n(e,void 0!==t?g(f,{},o,t):o).apply(void 0,m)},y}}}(o,i)}}]);
2//# sourceMappingURL=theme-overlays-GalleryZoomOverlay.ed1d4ef4.chunk.js.map

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.