https://img.galaxymacau.com/js/ImageSwitcher.a71193c6001fa1e13bc7.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3533,6246],{26658:(e,t,a)=>{a.d(t,{Z:()=>y});var o=a(67294),n=a(38205),i=a(75057),r=a(98331),d=a(45697),l=a.n(d),c=a(43514),m=a(25744),s=a(74765);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},p.apply(this,arguments)}const g=n.default.div.withConfig({displayName:"ImageZoom__Container",componentId:"sc-1enlydz-0"})(["width:100%;position:fixed;left:0;top:0;height:100%;z-index:2000;display:",";transition:0.5s all;justify-content:center;align-items:center;input[type=range]{transform:rotate(-90deg);-webkit-appearance:none;width:80px;border-radius:1px;background:transparent;&::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;margin-top:-8px;background:#ffffff;border-radius:50%;border:solid 0.1em #000;}&::-moz-range-thumb{-webkit-appearance:none;height:20px;width:20px;margin-top:-8px;background:#ffffff;border-radius:50%;border:solid 0.1em #000;}&::-ms-thumb{-webkit-appearance:none;height:10px;width:10px;margin-top:0;background:#ffffff;border:solid 0.1em #000;}&::-ms-track{color:transparent;border-color:transparent;height:5px;border-radius:10px;background:#aaa;}&::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:#aaa;}&::-moz-range-track{height:5px;border-radius:10px;background:#aaa;}&:focus{outline:none;}}.zoom-image-container{width:100%;position:relative;overflow:hidden;background-color:#2a2a2a;}.zoom-image{}.zoom-action-container{position:absolute;z-index:9;bottom:10px;right:10px;display:flex;flex-direction:column;@media (min-width:","px){bottom:40px;}}.react-transform-component{width:100%;cursor:",";height:70vh;@media (min-width:","px){height:auto;}}.react-transform-element{width:100%;}.zoom-action-btn{width:40px;height:40px;line-height:2.85rem;font-size:1.7rem;border:none;outline:none;margin-bottom:20px;background-color:#fff;&:hover{background-color:grey;}}.desktop{display:none;@media (min-width:","px){display:block;}}.mobile{background-image:url(",");display:block;background-repeat:no-repeat;background-size:100% auto;background-position:center;width:100%;padding-top:42.5%;@media (min-width:","px){display:none;}}"],(e=>e.open?"flex":"none"),r.j$.md,(e=>e.dragCursor),r.j$.md,r.j$.sm,(e=>e.fieldImageSrc),r.j$.sm),h=n.default.div.withConfig({displayName:"ImageZoom__Mask",componentId:"sc-1enlydz-1"})(["width:100%;height:100%;z-index:2001;position:absolute;left:0;top:0;background-color:#000;"]),f=n.default.div.withConfig({displayName:"ImageZoom__Content",componentId:"sc-1enlydz-2"})(["width:90%;z-index:2002;position:relative;"]),u=(0,n.default)(m.Z).withConfig({displayName:"ImageZoom__ActionMinus",componentId:"sc-1enlydz-3"})(["display:inline-block;width:1.5rem;height:1.5rem;font-size:1.5rem;color:grey;cursor:pointer;@media (min-width:","px){width:2.85rem;height:2.85rem;font-size:2.1rem;}"],r.j$.md),b=(0,n.default)(m.Z).withConfig({displayName:"ImageZoom__ActionPlus",componentId:"sc-1enlydz-4"})(["margin-top:10px;display:inline-block;width:1.5rem;height:1.5rem;font-size:1.5rem;color:grey;cursor:pointer;@media (min-width:","px){width:2.85rem;height:2.85rem;font-size:2.1rem;margin-top:20px;}"],r.j$.md),x=(0,n.default)(m.Z).withConfig({displayName:"ImageZoom__Close",componentId:"sc-1enlydz-5"})(["position:absolute;right:-15px;top:-15px;display:inline-block;width:2.85rem;height:2.85rem;font-size:2.1rem;color:#fff;background:#000;border-radius:50%;cursor:pointer;"]),w=e=>{const{paragraph:t,open:a,onClose:n,children:d,fieldImage:l,...m}=e,[w,y]=(0,o.useState)(!1),[k,z]=(0,o.useState)("grab"),_=(0,o.useRef)(null);(0,o.useEffect)((()=>{const e=window.matchMedia(`(min-width: ${r.j$.md}px)`),t=()=>{e.matches?y(!1):y(!0)};return t(),e.addListener(t),()=>{e.removeListener(t)}}),[]),(0,o.useEffect)((()=>{(0,c.nO)(a),(0,c.xK)(a),a&&w&&_&&_.current&&_.current.querySelector(".react-transform-element")&&setTimeout((()=>{_.current.querySelector(".react-transform-element").style.transform="translate(0, calc(25vh)) scale(1)"}),100)}),[a,w]);const S=l?.relationships.field_media_image.data.attributes.uri.url;return o.createElement(g,p({},m,{open:a,ref:_,dragCursor:k,fieldImageSrc:S}),o.createElement(h,{onClick:()=>{n()}}),a&&o.createElement(f,null,d,o.createElement("div",{className:"zoom-image-container"},o.createElement(s.d,{defaultScale:1,wheel:{step:20},Options:{minScale:1,maxScale:8},onPanningStart:()=>{z("grabbing")},onPanningStop:()=>{z("grab")}},(({zoomIn:e,zoomOut:t})=>o.createElement(o.Fragment,null,o.createElement("div",{className:"zoom-action-container"},o.createElement(u,{onClick:t,icon:["fas","search-minus"]}),o.createElement(b,{onClick:e,icon:["fas","search-plus"]})),o.createElement(s.U,{minScale:2,maxScale:4},o.createElement("div",{className:"zoom-image mobile"}),o.createElement(i.dK,{className:"zoom-image desktop",onDragStart:e=>{e.preventDefault()},draggable:"false",id:"zoom_image",entity:l})))))),o.createElement(x,{icon:["fas","times-circle"],onClick:()=>{n()}})))};w.propTypes={paragraph:l().object,open:l().bool,onClose:l().func,children:l().node,fieldImage:l().object};const y=w},4710:(e,t,a)=>{a.r(t),a.d(t,{default:()=>h});var o=a(67294),n=a(24272),i=a(45697),r=a.n(i),d=a(38205),l=a(98331),c=a(43514),m=a(63458),s=a(22171);const p=d.default.div.withConfig({displayName:"ImageSwitcher__Wrapper",componentId:"sc-1apm1i4-0"})(["margin-top:50px;width:100%;position:relative;.imageSwitcher-btnGroup{border:1px solid #99763f;color:#99763f;font-size:1.25rem;background:#fff;text-align:center;position:absolute;right:0;bottom:10px;display:flex;cursor:pointer;z-index:5;height:2rem;line-height:27px;.imageSwitcher-btn{width:auto;height:auto;border-right:1px solid #99763f;padding:0 10px;}@media (min-width:","px){height:2.6rem;line-height:2.6rem;bottom:35px;.imageSwitcher-btn{width:auto;height:auto;padding:0 20px;}}}.active{color:#fff;background:#99763f;}"],l.j$.lg),g=({paragraph:e})=>{const t=(0,s.Z)(),a=(0,n.rz)("field_items",e),i=(0,c.qo)(a.data).filter((e=>(0,n.s9)(e,t))),[r,d]=(0,o.useState)(0);return o.createElement(p,{className:(0,n.jy)(e)},o.createElement(m.default,{fullScreen:!0,paragraph:i[r]}),o.createElement("div",{className:"imageSwitcher-btnGroup"},i.map(((e,t)=>o.createElement("div",{className:"imageSwitcher-btn "+(r===t?"active":""),key:e.id,onClick:()=>{(e=>{d(e)})(t)}},(0,n.rz)("field_title",e))))))};g.propTypes={paragraph:r().object};const h=g},63458:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var o=a(67294),n=a(24272),i=a(45697),r=a.n(i),d=a(38205),l=a(75057),c=a(26658),m=a(43514);const s=d.default.div.withConfig({displayName:"ImageSwitcherItem__Content",componentId:"sc-1d3qj99-0"})(["cursor:",";.show{display:block;}.hidden{display:none;}"],(e=>e.fullScreen?"pointer":"default")),p=({paragraph:e,fullScreen:t})=>{const[a,i]=(0,o.useState)(!1),r=e=>{i(e),(0,m.ql)(e)};return o.createElement(o.Fragment,null,o.createElement(c.Z,{open:a,fieldImage:(0,n.rz)("field_image",e).data,onClose:()=>{r(!1)}}),o.createElement(s,{fullScreen:t},o.createElement(l.dK,{entity:(0,n.rz)("field_image",e).data,onClick:()=>{r(!0)},lazy:!0})))};p.propTypes={paragraph:r().object,fullScreen:r().bool};const g=p}}]);