https://www.hasbropulse.com/mobify/bundle/2649/gallery.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3543],{26197:(e,t,a)=>{a.r(t),a.d(t,{default:()=>_});var n=a(58168),r=a(54705),l=a(96540),o=a(5556),i=a.n(o),s=a(6442),c=a(79637),m=a(59146),g=a(28137),p=a(75828),d=a(9e4),u=a(54183),b=a(95323),f=a(1194),h=a(5444),E=a(14044),y=a(71658),v=a(77182),w=a(49822),x=a(21052),O=a(85248),I=a(73784),A=a(62345),k=a(40541);function M(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function T(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?M(Object(a),!0).forEach((function(t){(0,r.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):M(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const j=e=>{const t=(0,s.A)(),{backgroundText:a,mediaItems:r}=e,o=(0,v.o)("Gallery"),{isOpen:i,onToggle:M}=(0,c.j)(),{isOpen:j,onOpen:_,onClose:C}=(0,c.j)(),S=(0,u.A)({base:!0,lg:!1}),D=(0,l.useRef)(null),P={main:{scaleMode:"aspect",aspectRatio:"1:1",width:"600"},mobile:{scaleMode:"aspect",aspectRatio:"1:1",width:"600"}},L=P,z={main:{scaleMode:"aspect",aspectRatio:"1:1",width:"1920"},mobile:{scaleMode:"aspect",aspectRatio:"1:1",width:"940"}};return l.createElement(l.Fragment,null,l.createElement(m.a,{__css:o.container,layerStyle:"responsiveContainer"},a&&l.createElement(x.E,o.backgroundText,a),S?l.createElement(O.A,{showPartialSlide:!0,infiniteScroll:!0,controlsVariant:"iconBorder",controlsIcon:l.createElement(A.YJ,{color:"white",width:"32px",height:"32px"}),sx:{"--sc-spacing":"var(--chakra-sizes-4)"}},null==r?void 0:r.map(((e,t)=>l.createElement(I.A,{key:t,onClick:()=>{D.current=t,_()}},l.createElement(k.A,{content:T(T({},null==e?void 0:e.media),{},{customMainImageTransformations:L.mobile.main,customMobileImageTransformations:L.mobile.mobile}),styles:o.gridImage}))))):l.createElement(l.Fragment,null,(null==r?void 0:r.length)>0&&l.createElement(p.x,o.grid,r.slice(0,6).map(((e,t)=>l.createElement(d.E,(0,n.A)({key:t},o.gridItem,{onClick:()=>{D.current=t,_()}}),l.createElement(k.A,{content:T(T({},null==e?void 0:e.media),{},{customMainImageTransformations:P.main,customMobileImageTransformations:P.mobile}),styles:o.gridImage}))))),(null==r?void 0:r.length)>6&&l.createElement(l.Fragment,null,l.createElement(w.S,{in:i},l.createElement(p.x,(0,n.A)({},o.grid,o.gridExpand),r.slice(6,r.length).map(((e,t)=>l.createElement(d.E,(0,n.A)({key:t},o.gridItem,{onClick:()=>{D.current=t+6,_()}}),l.createElement(k.A,{content:T(T({},null==e?void 0:e.media),{},{customMainImageTransformations:P.main,customMobileImageTransformations:P.mobile}),styles:o.gridImage})))))),l.createElement(g.$,{variant:"tertiary",alignSelf:"center",mt:"14",onClick:M},i?t.formatMessage({defaultMessage:[{type:0,value:"Close Gallery"}],id:"haslab.label.close.gallery"}):t.formatMessage({defaultMessage:[{type:0,value:"View Gallery"}],id:"haslab.label.view.gallery"}))))),l.createElement(E.aF,{isOpen:j,onClose:C,size:"full"},l.createElement(y.$,{background:"hasbroShade.600",maxHeight:"fit-content"},l.createElement(h.r,null),l.createElement(f.s,{zIndex:"1",top:"7",right:"8",color:"white"}),l.createElement(b.c,{display:"flex",alignItems:"center",px:"0",pt:"10",overflow:"hidden"},l.createElement(O.A,{openToIndex:D.current,showPartialSlide:!0,infiniteScroll:!0,controlsVariant:"iconBorder",controlsIcon:l.createElement(A.YJ,{color:"white",width:"32px",height:"32px"}),sx:{"--sc-spacing":{base:"var(--chakra-sizes-2)",md:"var(--chakra-sizes-28)",lg:"var(--chakra-sizes-40)"},"--sc-slide-measurement":{base:"90%",lg:"60%"},".sc-controls":{base:{position:"absolute",left:"50%",bottom:"0",transform:"translateX(-50%)",width:{base:"85%",lg:"calc(60% + 34px + var(--sc-spacing))"},justifyContent:"space-between"},lg:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%)",width:{base:"calc(90% + 34px + var(--sc-spacing))",lg:"calc(50% + 34px + var(--sc-spacing))"},justifyContent:"space-between"}},".sc-item":{display:"flex",flexDirection:"row",alignItems:"center"},".sc-list":{width:"100vw"}}},null==r?void 0:r.map(((e,t)=>l.createElement(I.A,{key:t},l.createElement(k.A,{content:T(T({},null==e?void 0:e.media),{},{customMainImageTransformations:z.main,customMobileImageTransformations:z.mobile}),styles:o.gridImage}),(null==e?void 0:e.supportingText)&&l.createElement(x.E,{textAlign:"center",maxWidth:"75%",noOfLines:2,color:"white",mt:"6"},e.supportingText)))))))))};j.propTypes={backgroundText:i().string,mediaItems:i().array};const _=j}}]);