@trafilea/afrodita-components 7.20.0 → 7.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es/components/accordion/Accordion.js +1 -1
- package/build/es/components/accordion/styles.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/es/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/build/index.d.ts +1791 -1763
- package/build/lib/components/accordion/Accordion.js +1 -1
- package/build/lib/components/accordion/styles.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV1/ImageProductSlide.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/ContentGallery/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV4/GalleryDetailed/MainContent/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV5/ProductGalleryMobileV5.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV6/MainGallery/index.js +1 -1
- package/build/lib/components/organisms/ProductGalleryMobile/ProductGalleryMobileV7/components/ImageProductSlide.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import t from"@emotion/styled";import{Disclosure as e}from"@headlessui/react";import{useRef as r}from"react";import"../../types/enums.js";import{useTheme as l}from"../../core/theme/Theme.js";import{AccordionStyles as c,AccordionSummaryStyles as d,AccordionDetailsStyles as a,StyledOpenIconContainer as v,StyledPanelWrapper as s,StyledCloseIconContainer as u}from"./styles.js";var m=0,h=t.div(c.baseStyles,(function(o){return[c[o.variant](o.theme,o.disabled,o.controlIconPos)]})),p=t.button(d.baseStyles,(function(o){var n,i;return[d[o.variant](o.theme,null!==(n=o.disabled)&&void 0!==n&&n,null!==(i=o.controlIconPos)&&void 0!==i?i:"right")]}),(function(o){return[d.title(o.titlecolor)]})),f=t.div(a.baseStyles,(function(o){return[a[o.variant](o.theme)]})),b=function(t){var c,d=t.header,a=t.headerOnOpen,b=t.content,I=t.defaultOpen,g=t.forceOpenHandler,C=void 0!==g&&g,y=t.forceOpenValue,B=void 0!==y&&y,k=t.titleColor,P=t.variant,O=t.disabled,j=void 0!==O&&O,x=t.innerHTML,N=void 0!==x&&x,S=t.backgroundCover,H=void 0===S?{value:!1,iconBgColor:"inherit"}:S,T=t.controlIconPos,w=void 0===T?"right":T,L=t.openIcon,M=t.closeIcon,_=t.onClick,V=t.testId,q=t.ssr,z=void 0!==q&&q,A=t.id,D=l(),E=r(null);null!==(c=E.current)&&void 0!==c||(E.current="afrodita-accordion-".concat(++m));var F=null!=A?A:E.current,G="".concat(F,"-button"),J="".concat(F,"-panel"),K=function(o,n){return{height:o.component.accordion.variant[n].icon.height,width:o.component.accordion.variant[n].icon.width,fill:o.component.accordion.variant[n].icon.color}}(D,P),Q="bottom"===w,R=function(n){var t={variant:P,theme:D,id:J,role:n?"region":void 0,"aria-labelledby":G,"aria-hidden":!n};return i(f,o({},t,N?{dangerouslySetInnerHTML:{__html:b}}:{children:N?null:"function"==typeof b?i(b,{},void 0):b}),void 0)};if(C){var U=j||!B?L:M,W=B&&!j,X=W||z,Y=function(){j||null==_||_()};return n(h,o({"data-testid":V,theme:D,variant:P,disabled:j,controlIconPos:w},{children:[n(p,o({theme:D,variant:P,disabled:j,titlecolor:k,controlIconPos:w,"aria-controls":J,"aria-expanded":W,id:G,onClick:Y,type:"button"},{children:[W&&a?a:d,!Q&&i(U,o({title:B?"close icon":"open icon"},K),void 0),Q&&!W&&!(null==H?void 0:H.value)&&i(v,o({className:"openIconBottom",backgroundCover:null==H?void 0:H.iconBgColor},{children:i(U,o({title:"open icon"},K),void 0)}),void 0)]}),void 0),X&&i(s,o({hidden:!W},{children:R(W)}),void 0),Q&&W&&i(u,o({as:"button",type:"button",className:"closeIconBottom",onClick:Y},{children:i(U,o({title:"close icon"},K),void 0)}),void 0)]}),void 0)}return i(e,o({as:"div",defaultOpen:I},{children:function(t){var r=t.open,l=j||!r?L:M,c=r&&!j,m=c||z,f=r?"close icon":"open icon";return n(h,o({"data-testid":V,theme:D,variant:P,disabled:j,controlIconPos:w},{children:[n(e.Button,o({as:p,theme:D,variant:P,disabled:j,titlecolor:k,controlIconPos:w,"aria-controls":J,"aria-expanded":c,id:G,onClick:function(){return null==_?void 0:_()}},{children:[c&&a?a:d,!Q&&i(l,o({title:f},K),void 0),Q&&!c&&!(null==H?void 0:H.value)&&i(v,o({className:"openIconBottom",backgroundCover:null==H?void 0:H.iconBgColor},{children:i(l,o({title:"open icon"},K),void 0)}),void 0)]}),void 0),m&&i(s,o({hidden:!c},{children:R(c)}),void 0),Q&&c&&i(e.Button,o({as:u,className:"closeIconBottom",onClick:function(){return null==_?void 0:_()}},{children:i(l,o({title:"close icon"},K),void 0)}),void 0)]}),void 0)}}),void 0)};export{b as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as n,__makeTemplateObject as o}from"tslib";import r
|
|
1
|
+
import{__assign as n,__makeTemplateObject as o}from"tslib";import{css as r}from"@emotion/react";import t from"@emotion/styled";var e={baseStyles:r({background:"transparent",width:"auto"}),simple:function(o,t,e){return r(n(n({},o.component.accordion.variant.simple.container),{borderColor:t?o.colors.border.disabled:o.component.accordion.variant.simple.container.borderColor}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.container),{padding:"bottom"===e?"unset":o.component.accordion.variant.box.container.padding,borderRadius:"bottom"===e?"1.25rem":o.component.accordion.variant.box.container.borderRadius,overflow:"bottom"===e?"hidden":"unset",borderColor:t?o.colors.border.disabled:o.component.accordion.variant.box.container.borderColor}))}},i={baseStyles:r({background:"transparent",width:"100%",border:"none",display:"flex",cursor:"pointer",justifyContent:"space-between",alignItems:"center",padding:"0"}),simple:function(o,t,e){return r(n(n({},o.component.accordion.variant.simple.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.simple.summary.color,fontFamily:o.fonts.config[0].family}))},box:function(o,t,e){return r(n(n({},o.component.accordion.variant.box.summary),{flexDirection:"bottom"===e?"column":"row",color:t?o.colors.text.disabled:o.component.accordion.variant.box.summary.color,fontFamily:o.fonts.config[0].family}))},title:function(n){return r({color:n||""})}},a={baseStyles:r({width:"100%",background:"transparent",border:"none"}),simple:function(o){return r(n({},o.component.accordion.variant.simple.details))},box:function(o){return r(n({},o.component.accordion.variant.box.details))}};t.button(c||(c=o(["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"],["\n appearance: none;\n padding: 0;\n margin: 0;\n border: none;\n background: none;\n font-size: inherit;\n line-height: inherit;\n color: inherit;\n cursor: auto;\n user-select: text;\n writing-mode: unset;\n font-family: inherit;\n"])));var c,d,s,l,m=t.div(d||(d=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 0 0 15px 0;\n background-color: ",";\n"])),(function(n){return n.backgroundCover||"inherit"})),p=t.div(s||(s=o(["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"],["\n width: 100%;\n display: flex;\n justify-content: center;\n margin: 20px 0;\n background-color: transparent;\n cursor: pointer;\n border: none;\n padding: 0;\n"]))),u=t.div(l||(l=o(["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"],["\n width: 100%;\n\n &[hidden] {\n display: none;\n }\n"])));export{a as AccordionDetailsStyles,e as AccordionStyles,i as AccordionSummaryStyles,p as StyledCloseIconContainer,m as StyledOpenIconContainer,u as StyledPanelWrapper};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),z=d.div(k||(k=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),R=d.div(w||(w=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),S=d.button(V||(V=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},
|
|
1
|
+
import{__makeTemplateObject as o,__assign as i}from"tslib";import{jsxs as n,Fragment as t,jsx as e}from"react/jsx-runtime";import r from"@ant-design/react-slick";import d from"@emotion/styled";import{useRef as l,useCallback as a,useEffect as s}from"react";import u from"react-inner-image-zoom";import c from"../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../core/theme/Theme.js";import"../../../../types/enums.js";import"../../../cta/styled.js";import{Video as m}from"../../../molecules/Video/Video.js";import{Image as p}from"../../../atoms/Image/Image.js";import{usePreventVerticalScroll as v}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as g}from"../utils/sendCommandToIframe.js";var b,x,y,k,w,V,T=d.div(b||(b=o(["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"],["\n ","\n position: relative;\n max-height: 524px;\n overflow: hidden;\n & .slick-dots li.slick-active button:before {\n background-color: ",";\n }\n"])),(function(o){return o.borderRadiusVariant&&"\n border-radius: 40px;\n "}),(function(o){return o.theme.component.slideNavigation.slideDots.selectedDotColor})),j=d.div(x||(x=o(["\n position: absolute;\n left: ",";\n top: ",";\n"],["\n position: absolute;\n left: ",";\n top: ",";\n"])),(function(o){return o.borderRadiusVariant?"13px":"0"}),(function(o){return o.borderRadiusVariant?"11px":"0"})),C=d.div(y||(y=o(["\n position: absolute;\n right: 0;\n top: 0;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n"]))),z=d.div(k||(k=o(["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"],["\n position: absolute;\n bottom: 3.75rem;\n left: 0;\n"]))),R=d.div(w||(w=o(["\n height: 40px;\n width: 40px;\n"],["\n height: 40px;\n width: 40px;\n"]))),S=d.button(V||(V=o(["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"],["\n background: transparent;\n border: none;\n padding: 0.188rem 0.625rem;\n z-index: 5;\n height: 40px !important;\n cursor: pointer;\n"]))),A={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},P=function(o,i,n,t){if(i){var e=o<i,r=e?"eager":"lazy",d=e?"sync":"async";n.loading=r,n.decoding=d}return n.fetchpriority=t?"high":"auto",n},I=function(o){var d=o.contents,b=o.customClick,x=void 0!==b&&b,y=o.topTag,k=o.topRightTag,w=o.bottomTag,V=o.testId,I=o.borderRadiusVariant,B=o.selectedValue,D=o.onChange,G=o.itemsOnViewport,L=void 0===G?0:G,M=o.videoAutoplay,N=void 0!==M&&M,O=o.hideVideoControls,U=void 0!==O&&O,E=o.videoMuted,W=void 0===E||E,Z=o.videoLoop,q=void 0===Z||Z,F=o.enableZoom,H=void 0===F||F,J=l(null),K=l(null);v(K);var Q=a((function(o){var i;null===(i=J.current)||void 0===i||i.slickGoTo(o)}),[J]);return s((function(){var o;if(B){var i=d.findIndex((function(o){return o.url===B.url}));-1!==i&&(null===(o=J.current)||void 0===o||o.slickGoTo(i))}}),[d,B]),n(t,{children:[x&&e("div",i({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:d.map((function(o,i){return e(c,{onClick:function(){return Q(i)},text:String(i+1),inline:!0},i)}))}),void 0),e(T,i({"data-testid":V,borderRadiusVariant:I,ref:K},{children:e(r,i({afterChange:function(o){var i,n=d[o];(null===(i=null==n?void 0:n.url)||void 0===i?void 0:i.includes("autoplay=1"))?g():f(),null==D||D(o)}},A,{nextArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:e(R,{children:e(S,{children:e(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:J},{children:d.map((function(o,r){var d,l=null==o?void 0:o.url,a=null!==(d=null==o?void 0:o.isVideo)&&void 0!==d&&d,s=o.url===(null==B?void 0:B.url)||o.key===(null==B?void 0:B.key),c={alt:o.alt,width:"100%",height:"510px"};return e("div",{children:a?e(m,{source:l,thumbnail:null==o?void 0:o.thumbnailUrl,autoPlay:N,muted:W,loop:q,withProgressBar:!U,style:U?{pointerEvents:"none"}:void 0,preload:"auto"},void 0):n(t,{children:[H?e(u,{src:l,zoomSrc:(null==o?void 0:o.zoomUrl)||l,zoomType:"hover",imgAttributes:P(r,L,c,s),height:510,fullscreenOnMobile:!0,className:"zoomWrapper"},void 0):e(p,{src:l,alt:o.alt,width:"100%",height:"500px",loading:P(r,L,c,s).loading,decoding:P(r,L,c,s).decoding,fetchPriority:s?"high":"auto"},void 0),e(j,i({borderRadiusVariant:I,"data-testid":"topTag"},{children:y}),void 0),e(z,i({"data-testid":"bottomTag"},{children:w}),void 0),!!k&&e(C,{children:k},void 0)]},void 0)},o.key)}))}),void 0)}),void 0)]},void 0)};export{S as Button,T as Container,R as NavButtonContainer,I as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as r}from"react/jsx-runtime";import
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as r}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as n,useCallback as a,useEffect as l}from"react";import d from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{Video as c}from"../../../../molecules/Video/Video.js";import{Image as s}from"../../../../atoms/Image/Image.js";import{usePreventVerticalScroll as m}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{afterChangeSlide as u}from"../utils/afterChangeSlide.js";import{Container as f,TopTagContainer as v,BottomTagContainer as g,TopRightTagContainer as p}from"./styled.js";var h={dots:!0,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},y=function(y){var b,x=y.contents,k=y.containerRef,I=y.customClick,j=void 0!==I&&I,T=y.topTag,S=y.topRightTag,V=y.bottomTag,C=y.testId,P=y.borderRadiusVariant,R=y.onChange,N=y.selectedImageIndex,G=y.setSelectedImageIndex,w=y.setGalleryOpened,B=n(null),U=n(null);m(U);var z=a((function(e){var t;null===(t=B.current)||void 0===t||t.slickGoTo(e,!0)}),[B]);l((function(){var e;null===(e=B.current)||void 0===e||e.slickGoTo(N,!0)}),[x,N]);var K=null!==(b=function(){if(!(null==k?void 0:k.current))return 1.1;var e=k.current.offsetWidth-15,t=375.41*.8,i=e/t;return(e+1e-4*e*(e>380?10:-10)-0-8*Math.floor(i)*2.4)/t}())&&void 0!==b?b:1;return t(i,{children:[j&&r("div",e({style:{display:"flex",marginBottom:"20px",gap:"10px"},"data-testid":"mobile-gallery-content-gallery-custom-click"},{children:x.map((function(e,t){return r(d,{onClick:function(){return z(t)},text:String(t+1),inline:!0},e.key)}))}),void 0),r(f,e({"data-testid":C,borderRadiusVariant:P,lastImage:N===x.length-1,ref:U},{children:r(o,e({afterChange:function(e){return u({slide:e,contents:x,setSelectedImageIndex:G,onChange:R})}},h,{slidesToShow:K,ref:B,centerPadding:"80"},{children:x.map((function(o,n){var a,l=null==o?void 0:o.url,d=null!==(a=null==o?void 0:o.isVideo)&&void 0!==a&&a;return r("div",e({role:"button",tabIndex:-1,onClick:function(){return e=o.key,t=x.findIndex((function(t){return t.key===e})),G(t),void w(!0);var e,t},onKeyUp:function(){},className:"slider-mobile-gallery","data-testid":"slider-mobile-gallery-".concat(n)},{children:d?r(c,{source:l,style:{height:"510px !important"},thumbnail:null==o?void 0:o.thumbnailUrl},void 0):t(i,{children:[r(s,{src:o.url,alt:o.alt,height:"510px",width:"100%",loading:n===N?"eager":"lazy",decoding:n===N?"sync":"async",fetchPriority:n===N?"high":"auto"},void 0),r(v,e({className:"banner-concealable",borderRadiusVariant:P,"data-testid":"topTag"},{children:T}),void 0),r(g,e({className:"banner-concealable","data-testid":"bottomTag"},{children:V}),void 0),!!S&&r(p,e({className:"banner-concealable"},{children:S}),void 0)]},void 0)}),o.key)}))}),void 0)}),void 0)]},void 0)};export{y as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import o from"@ant-design/react-slick";import{useRef as t,useState as r,useEffect as n}from"react";import l from"react-inner-image-zoom";import{Video as d}from"../../../../../molecules/Video/Video.js";import{usePreventVerticalScroll as a}from"../../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as s}from"../../../../../icons/index.js";import{afterChangeSlide as c}from"../../utils/afterChangeSlide.js";import{Container as m,NavButtonContainer as u,Button as v}from"./styled.js";var f={dots:!1,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},h=function(e,i,o,t){if(i){var r=e<i,n=r?"eager":"lazy",l=r?"sync":"async";o.loading=n,o.decoding=l}return o.fetchpriority=e===t?"high":"auto",o},g=function(g){var p=g.contents,x=g.testId,y=g.borderRadiusVariant,S=g.onChange,w=g.itemsOnViewport,I=void 0===w?0:w,V=g.selectedImageIndex,b=g.setSelectedImageIndex,j=t(null),z=t(null),C=r(!0),A=C[0],k=C[1];function T(){k(!1)}function R(){k(!0)}return a(z),n((function(){var e;null===(e=j.current)||void 0===e||e.slickGoTo(V,!0)}),[p,V]),n((function(){R()}),[V]),i(m,e({"data-testid":x,borderRadiusVariant:y,ref:z},{children:i(o,e({afterChange:function(e){return c({slide:e,contents:p,setSelectedImageIndex:b,onChange:S})}},f,{adaptiveHeight:!0,nextArrow:A?i(u,e({"data-testid":"main-gallery-next-button"},{children:i(v,{children:i(s.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)}),void 0):void 0,prevArrow:A?i(u,{children:i(v,{children:i(s.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0):void 0,ref:j},{children:p.map((function(o,t){var r,n=null==o?void 0:o.url,a=null!==(r=null==o?void 0:o.isVideo)&&void 0!==r&&r,s={alt:o.alt,height:"512px"};return i("div",e({"data-testid":"main-gallery-div-content-".concat(t)},{children:a?i(d,{source:n,thumbnail:null==o?void 0:o.thumbnailUrl},void 0):i(l,{afterZoomIn:T,afterZoomOut:R,src:n,zoomSrc:(null==o?void 0:o.zoomUrl)||n,zoomType:"hover",imgAttributes:h(t,I,s,V),className:"zoomWrapper"},void 0)}),o.key)}))}),void 0)}),void 0)};export{g as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as r}from"tslib";import{jsx as
|
|
1
|
+
import{__assign as r}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import e from"@ant-design/react-slick";import{useTheme as o}from"@emotion/react";import{useState as n,useRef as a,useEffect as d}from"react";import{usePreventVerticalScroll as l}from"../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as c}from"../../../icons/index.js";import{SETTINGS as s,THUMBNAIL_SETTINGS as u}from"./constants.js";import{Container as m,SliderContainer as h,NavButtonContainer as v,Button as g,StyledImage as p,TopTagContainer as f,BottomTagContainer as y,SliderThumbnail as w,SlideItem as x,ThumbnailImage as b}from"./styled.js";var S=function(S){var j=S.images,k=S.topTag,I=S.bottomTag,R=S.productImageDataTestId,T=S.imagesSliderConfig,A=S.thumbnailSettings,q=S.isRatioSquare,C=void 0!==q&&q,F=S.selectedValue,P=o().colors,V=n(void 0),z=V[0],N=V[1],B=n(void 0),D=B[0],H=B[1],L=a(null),W=a(null),E=a(null),G=o();return l(E),d((function(){L.current&&N(L.current),W.current&&H(W.current)}),[]),i(m,r({"data-testid":"product-gallery-mobile"},{children:t(h,r({"data-testid":R,ref:E},{children:[i(e,r({},s,{nextArrow:i(v,{children:i(g,{children:i(c.Arrows.ChevronRight,{height:"21px",width:"21px",fill:P.shades[700].color},void 0)},void 0)},void 0),prevArrow:i(v,{children:i(g,{children:i(c.Arrows.ChevronLeft,{height:"21px",width:"21px",fill:P.shades[700].color},void 0)},void 0)},void 0),asNavFor:D,ref:function(r){return L.current=r}},{children:j.map((function(e){var o=e.url,n=e.key,a=e.alt,d=o===(null==F?void 0:F.url)||n===(null==F?void 0:F.key);return t("div",{children:[i(p,{alt:a,src:o,objectFit:"cover",width:G.component.gallery.mainImgWidth,height:G.component.gallery.mainImgHeight,loading:d?"eager":"lazy",decoding:d?"sync":"async",fetchPriority:d?"high":"auto",isRatioSquare:C},void 0),i(f,r({"data-testid":"topTag"},{children:k}),void 0),i(y,r({"data-testid":"bottomTag"},{children:I}),void 0)]},n)}))}),void 0),i(w,r({asNavFor:z,ref:function(r){return W.current=r}},A||u,{children:j.map((function(t,e){var o=t.url,n=t.key,a=t.alt;return i(x,r({paddingRight:null==T?void 0:T.spacesBetweenImages},{children:i(b,r({alt:"".concat(a,"-thumbnail"),src:o},T,{loading:e<4?"eager":"lazy",decoding:e<4?"sync":"async",isRatioSquare:C}),void 0)}),n)}))}),void 0)]}),void 0)}),void 0)};export{S as ProductGalleryMobileV5};
|
|
2
2
|
//# sourceMappingURL=ProductGalleryMobileV5.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as p}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../tooltip/Styled.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as d}from"../../../../atoms/Image/Image.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/Toggle/toggle.styled.js";import"../../../../radio/input/styles.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../../shared/card/Card.js";import"../../../../bundle/minimalistic/styled.js";import"../../../../text/Text.js";import"../../../../bundle/motivator/styled.js";import"../../../../bundle/simple/Simple.js";import"../../../../buynowpaylater/BuyNowPayLater.js";import"../../../../offer-banner/OfferBanner.js";import"../../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../../cartProductItem/Description/Description.js";import"../../../../cartProductItem/Promo/Promo.js";import"../../../../cartProductItem/Title/Title.js";import"../../../../cartProductItem/TrashIcon/styled.js";import"../../../../checkbox/Checkbox.js";import"../../../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../../../SkeletonBox/SkeletonBox.js";import"../../../../club-price-label/ClubPriceLabel.js";import"../../../../strength-bars/StrengthBars.js";import"../../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../../rating/starList/StarList.js";import"../../../../rating/styles.js";import"../../../../collection/product/mobile/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../tag/variants/product/styled.js";import"../../../../collection/product/truekind/styled.js";import"../../../../color/ColorRadioGroup.js";import"../../../../color/selector/PatternSelector.js";import"../../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../../cta/styled.js";import"../../../../delivery-details/DeliveryDetails.js";import"../../../../delivery-details/Note/Note.js";import"../../../../drawer/style.js";import"../../../../dropdown-list-icons/Styled.js";import"../../../../dropdown/size-dropdown/Styled.js";import"../../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../../input/base/Error.js";import"../../../../shared/select/BaseSelect.js";import"../../../../dropdown/variants/smart/styled.js";import"../../../../filtering/Accordion.js";import"../../../../filtering/FiltersStyled.js";import"../../../../filtering/Tags/Tags.js";import"../../../../fit-guarantee/FitGuarantee.js";import"../../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../../modal/Modal.js";import"../../../ModalZoom/zoomModal.styled.js";import"../../../ModalZoom/ZoomModalV2.styled.js";import{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"@emotion/react";import"../../../../textWithImage/index.js";import"../../../../timer/styled.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.js";import"../../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import"../../../../timerV2/styled.js";import"../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../../molecules/CouponCard/styled.js";import"../../../../molecules/BenefitsList/styled.js";import"../../../../molecules/HurryUp/styled.js";import"../../../../molecules/Spinner/styled.js";import"../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},P=function(P){var g,C,h,v=P.contents,S=P.topTag,T=P.topRightTag,V=P.bottomTag,w=P.containerRef,A=s(null),I=s(null),B=l(null!==(g=f(w))&&void 0!==g?g:1),L=B[0],G=B[1],k=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[k]),m((function(){if(null==w?void 0:w.current){var t=p((function(){var t;G(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(d,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:"eager"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{P as MainGallery};
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r,jsxs as o,Fragment as e}from"react/jsx-runtime";import i from"@ant-design/react-slick";import{useRef as s,useState as l,useEffect as a,useLayoutEffect as m}from"react";import"../../../../PackSelectorV2/PackSelectoV2.js";import"../../../../absorbency-level/AbsorbencyLevel.js";import"../../../../accordion-options/AccordionOptions.js";import"../../../../accordion/Accordion.js";import"../../../../../types/enums.js";import"../../../../../core/theme/Theme.js";import"../../../../../utils/constants/offerAtCart.js";import{debounce as d}from"../../../../../utils/debounce/index.js";import"../../../../../utils/media.js";import"../../../../../utils/mock-content/CancellationFlowAccordion.js";import"../../../../dropdown/variants/simple/SimpleDropdown.js";import"../../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../pricing/discount/styled.js";import"../../../../pricing/styles.js";import"../../../../tooltip/Styled.js";import"../../../../atoms/PriceLabel/PriceLabel.js";import"../../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../../../atoms/HorizontalDivider/HorizontalDivider.js";import"../../../../atoms/Icon/Icon.js";import{Image as p}from"../../../../atoms/Image/Image.js";import"../../../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../../../atoms/Toggle/toggle.styled.js";import"../../../../radio/input/styles.js";import"../../../../autoship/styled.js";import"../../../../autoshipV2/styled.js";import"../../../../before-after/BeforeAfter.js";import"../../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../../pricing/priceLabelV6/PriceLabelV6.styled.js";import"../../../../shared/card/Card.js";import"../../../../bundle/minimalistic/styled.js";import"../../../../text/Text.js";import"../../../../bundle/motivator/styled.js";import"../../../../bundle/simple/Simple.js";import"../../../../buynowpaylater/BuyNowPayLater.js";import"../../../../offer-banner/OfferBanner.js";import"../../../../cartProductItem/CloseIcon/CloseButton.js";import"../../../../cartProductItem/Description/Description.js";import"../../../../cartProductItem/Promo/Promo.js";import"../../../../cartProductItem/Title/Title.js";import"../../../../cartProductItem/TrashIcon/styled.js";import"../../../../checkbox/Checkbox.js";import"../../../../collection/grid/WithProductGrid.js";import"@emotion/react/jsx-runtime";import"../../../../SkeletonBox/SkeletonBox.js";import"../../../../club-price-label/ClubPriceLabel.js";import"../../../../strength-bars/StrengthBars.js";import"../../../../pricing/priceLabelV4/PriceLabelV4.js";import"../../../../rating/starList/StarList.js";import"../../../../rating/styles.js";import"../../../../collection/product/mobile/styled.js";import"../../../../icon-button/IconButton.js";import"../../../../tag/variants/product/styled.js";import"../../../../collection/product/truekind/styled.js";import"../../../../color/ColorRadioGroup.js";import"../../../../color/selector/PatternSelector.js";import"../../../../color/styles/ColorPickerwithTootip.styled.js";import"../../../../cross-sell/Checkbox/CrossSellCheckbox.js";import"../../../../cta/styled.js";import"../../../../delivery-details/DeliveryDetails.js";import"../../../../delivery-details/Note/Note.js";import"../../../../drawer/style.js";import"../../../../dropdown-list-icons/Styled.js";import"../../../../dropdown/size-dropdown/Styled.js";import"../../../../dropdown/variants/dialog/DropdownDialog.js";import"../../../../dropdown/base/BaseDropdown.js";import"@headlessui/react";import"../../../../input/base/Error.js";import"../../../../shared/select/BaseSelect.js";import"../../../../dropdown/variants/smart/styled.js";import"../../../../filtering/Accordion.js";import"../../../../filtering/FiltersStyled.js";import"../../../../filtering/Tags/Tags.js";import"../../../../fit-guarantee/FitGuarantee.js";import"../../../../fit/FitPredictor.js";import"react-zoom-pan-pinch";import"../../../../modal/Modal.js";import"../../../ModalZoom/zoomModal.styled.js";import"../../../ModalZoom/ZoomModalV2.styled.js";import{Video as n}from"../../../../molecules/Video/Video.js";import"../../../../slider/ArrowButton.js";import"../../../../slider/StyledSlider.js";import"../../../../gallery/components/ImageSmallPreview/styled.js";import"../../../../gallery/components/ImagePreviewList/styled.js";import"../../../../gallery/components/ImageProductSlide/styled.js";import"../../../../gallery/styled.js";import"../../../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js";import"../../../../iconsWithTitle/index.js";import"../../../../image-card/ImageCard.js";import"../../../../input/label/Label.js";import"../../../../input/base/Styled.js";import"../../../../input/custom/Custom.js";import"../../../../input/basePlusButton/BasePlusButton.js";import"../../../../input/basePlusIcon/BasePlusIcon.js";import"../../../../motivator-progress-bar/MotivatorProgressBar.js";import"../../../../order-bar/OrderBar.js";import"../../../../packs/selector/PackSelector.js";import"../../../../pagination/styles.js";import"../../../../payment-methods/PaymentMethod.js";import"../../../../product/order/item/SimpleOrderItem.js";import"../../../../progress-bar/ProgressBar.js";import"../../../../quantityPicker/styled.js";import"../../../../radio/RadioPrimary/radioPrimary.js";import"../../../../radio/clubRadioInput/clubRadio.js";import"../../../../review-detail/ReviewDetail.js";import"../../../../review/Review.js";import"../../../../reviews-header/ReviewsHeader.js";import"../../../../scroll-to-top/ScrollToTop.js";import"../../../../search-bar/components/ClearButton/styled.js";import"../../../../search-bar/components/Footer/styled.js";import"../../../../search-bar/components/ProductItem/styled.js";import"../../../../search-bar/components/ResultsPanel/styled.js";import"../../../../search-bar/components/SearchControl/styled.js";import"../../../../search-bar/styled.js";import"../../../../search-navigation/styled.js";import"react-dom";import"../../../../short-banner/ShortBanner.js";import"../../../../size-chart/styled.js";import"../../../../size-table/SizeTable.js";import"../../../../size/guide/SizeFitGuide.js";import"../../../../size/selector/styled.js";import"../../../../tabs/Tab.js";import"../../../../tabs/Tabs.js";import"../../../../tag/Tag.js";import"@emotion/react";import"../../../../textWithImage/index.js";import"../../../../timer/styled.js";import"../../../../toast/Toast.js";import"../../../../totals/total/styled.js";import"../../../../totals/subtotal/Subtotal.js";import"../../../../tracking-progress-v2/TrackingProgressV2.js";import"../../../../tracking-progress/TrackingProgress.js";import"../../../AutoshipOfferCard/AutoshipOfferCardItem.styled.js";import"../../../AutoshipOfferCardCta/AutoshipOfferCardItem.styled.js";import"../../../AutoshipPdpCard/AutoshipPdpCard.styled.js";import"../../../BasicAccordion/BasicAccordion.js";import"../../../CartItemCard/CartItem.js";import"../../../ClubOfferSelector/styled.js";import"../../../ClubOfferSelector2/styled.js";import"../../../JoinClubCard/joinClubCard.js";import"../../../OfferAtCart/styled.js";import"../../../OfferAtCartV2/styled.js";import"../../../OfferAtCartV3/styled.js";import"../../../OfferAtCartV4/styled.js";import"../../../OfferAtPDP/styled.js";import"../../../OfferAtPDP/types.js";import"../../../ProductCard/ProductCardV1/ProductCard.js";import"../../../ProductCard/ProductCardV2/styled.js";import"../../../ProductCard/ProductCardV3/styled.js";import"../../ProductGalleryMobileV1/ProductGalleryMobile.js";import"../../ProductGalleryMobileV2/ProductGalleryMobileV2.js";import"../../ProductGalleryMobileV3/ProductGalleryMobileV3.js";import"../../ProductGalleryMobileV4/ContentGallery/styled.js";import"react-inner-image-zoom";import"../../ProductGalleryMobileV4/GalleryDetailed/MainContent/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/Slider/styled.js";import"../../ProductGalleryMobileV4/GalleryDetailed/styled.js";import"../../ProductGalleryMobileV5/styled.js";import"../ColorVariantsGallery/styled.js";import{MainGalleryContainer as c,TopTag as j,BottomTag as u,TopRightTag as y}from"./styled.js";import"../styled.js";import"../../ProductGalleryMobileV7/ProductGalleryMobile.js";import"../../../SizeCharTable/SizeChartTableV2/styled.js";import"../../../SizeCharTable/SizeChartTableV3/styled.js";import"../../../../molecules/ArrowTip/ArrowTip.styled.js";import"../../../SizeCharTable/SizeChartTableV4/SizeChartTableV4.styled.js";import"../../../SubscriptionPlanSelector/styled.js";import"../../../TwoCtasAtCart/Greeting.styled.js";import"../../../TwoCtasAtCart/Card.styled.js";import"../../../../timerV2/styled.js";import"../../../../molecules/OfferAtCartBenefits/OfferAtCartBenefits.styled.js";import"../../../../molecules/OfferAtCartImage/OfferAtCartImage.styled.js";import"../../../../molecules/CouponCard/styled.js";import"../../../../molecules/BenefitsList/styled.js";import"../../../../molecules/HurryUp/styled.js";import"../../../../molecules/Spinner/styled.js";import"../../../../molecules/IconsWithTitleList/IconsWithTitleList.styled.js";import"../../../../molecules/LikeButton/styled.js";import"../../../../molecules/ScarcityTag/ScarcityTag.styled.js";var b={dots:!1,infinite:!1,speed:200,slidesToScroll:1,initialSlide:0},f=function(t){if(!(null==t?void 0:t.current))return 1.1;return(t.current.offsetWidth-15)/312-1e-4},g=function(g){var P,C,h,v=g.contents,S=g.topTag,T=g.topRightTag,V=g.bottomTag,w=g.containerRef,A=s(null),I=s(null),B=l(null!==(P=f(w))&&void 0!==P?P:1),L=B[0],z=B[1],G=null===(C=null==v?void 0:v[0])||void 0===C?void 0:C.key;return a((function(){var t;null===(t=A.current)||void 0===t||t.slickGoTo(0,!0)}),[G]),m((function(){if(null==w?void 0:w.current){var t=d((function(){var t;z(null!==(t=f(w))&&void 0!==t?t:1)}),300);return t(),window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}}),[w,null===(h=null==w?void 0:w.current)||void 0===h?void 0:h.offsetWidth]),r(c,t({ref:I},{children:r(i,t({},b,{slidesToShow:L,ref:A,centerPadding:"80"},{children:v.map((function(i,s){var l,a=null==i?void 0:i.url,m=null!==(l=null==i?void 0:i.isVideo)&&void 0!==l&&l;return r("div",t({"data-testid":"main-gallery-div-content-".concat(s)},{children:m?r(n,{source:a,thumbnail:null==i?void 0:i.thumbnailUrl},void 0):o(e,{children:[r(p,{src:a,alt:i.alt,width:"".concat(312,"px"),loading:0===s?"eager":"lazy",decoding:0===s?"sync":"async",fetchPriority:0===s?"high":"auto"},void 0),r(j,t({"data-testid":"topTag"},{children:S}),void 0),r(u,t({"data-testid":"bottomTag"},{children:V}),void 0),!!T&&r(y,{children:T},void 0)]},void 0)}),i.key)}))}),void 0)}),void 0)};export{g as MainGallery};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as i,Fragment as
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as i,Fragment as l,jsx as r}from"react/jsx-runtime";import t from"@ant-design/react-slick";import{useRef as d,useState as e,useCallback as n,useEffect as a}from"react";import{Image as m}from"../../../../atoms/Image/Image.js";import s from"../../../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"../../../../../core/theme/Theme.js";import"../../../../../types/enums.js";import"../../../../cta/styled.js";import{ZoomModalComponent as u}from"../../../ModalZoom/index.js";import{useZoom as c}from"../../../ModalZoom/useZoom.js";import{usePreventVerticalScroll as v}from"../../../../../hooks/usePreventVerticalScroll/usePreventVerticalScroll.js";import{Icon as h}from"../../../../icons/index.js";import{stopVideoCommand as f,playVideoCommand as p}from"../../utils/sendCommandToIframe.js";import{Container as g,NavButtonContainer as y,Button as j,ViewContainerWrapper as k,TopTagContainer as I,BottomTagContainer as z}from"./ImageProductSlide.styled.js";import{VideoDisplay as w}from"../../../ModalZoom/VideoDisplay.js";import{ZoomButtonComponent as x}from"../../../ModalZoom/ZoomButton.js";var M={dots:!0,infinite:!1,speed:200,slidesToShow:1,slidesToScroll:1,initialSlide:0},C=function(C){var T=C.contents,V=C.customClick,b=void 0!==V&&V,S=C.topTag,Z=C.bottomTag,B=C.testId,P=C.borderRadiusVariant,A=C.selectedValue,R=C.onChange,G=C.zoomOptions,O=d(null),D=d(null),L=e(!1),q=L[0],E=L[1],F=e(0),H=F[0],J=F[1],K=c((null==G?void 0:G.zoomModalId)||"zoom-modal-v1").handleZoomClick;v(D);var N=n((function(o){var i;null===(i=O.current)||void 0===i||i.slickGoTo(o)}),[O]);return a((function(){var o;if(A){var i=T.findIndex((function(o){return o.url===A.url}));-1!==i&&(null===(o=O.current)||void 0===o||o.slickGoTo(i))}}),[T,A]),i(l,{children:[b&&r("div",o({style:{display:"flex",marginBottom:"20px",gap:"10px"}},{children:T.map((function(o,i){return r(s,{onClick:function(){return N(i)},text:String(i+1),inline:!0},o.key||"button-".concat(i))}))}),void 0),r(g,o({"data-testid":B,borderRadiusVariant:P,ref:D,role:"button"},{children:r(t,o({afterChange:function(o){var i,l=T[o];(null===(i=null==l?void 0:l.url)||void 0===i?void 0:i.includes("autoplay=1"))?p():f(),J(o),null==R||R(o)}},M,{nextArrow:r(y,{children:r(j,{children:r(h.Arrows.ChevronRight,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),prevArrow:r(y,{children:r(j,{children:r(h.Arrows.ChevronLeft,{height:2.125,width:1.25,fill:"#292929"},void 0)},void 0)},void 0),ref:O,vertical:q,rows:1},{children:T.map((function(t,d){var e,n=null==t?void 0:t.url,a=null!==(e=null==t?void 0:t.isVideo)&&void 0!==e&&e,s=t.url===(null==A?void 0:A.url)||t.key===(null==A?void 0:A.key),u={alt:t.alt,width:"100%",height:"510px",loading:s?"eager":"lazy",decoding:s?"sync":"async"};return r(k,o({onClick:(null==G?void 0:G.zoomModalId)?K:void 0},{children:a?r(w,{content:t},t.key):i(l,{children:[r(m,{src:n,height:u.height,alt:t.alt,width:u.width,loading:u.loading,decoding:u.decoding,fetchPriority:s?"high":"auto"},void 0),S&&r(I,o({borderRadiusVariant:P,"data-testid":"topTag"},{children:S}),void 0),r(z,o({onClick:function(){return E(!0)},"data-testid":"bottomTag"},{children:Z}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&r(x,{modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==G?void 0:G.zoomVersion)},void 0)]},void 0)}),t.key)}))}),void 0)}),void 0),Boolean(null==G?void 0:G.zoomModalId)&&r(u,{version:null==G?void 0:G.zoomVersion,modalId:(null==G?void 0:G.zoomModalId)||"zoom-modal-v1",contents:T,initialSlide:H,fade:null==G?void 0:G.fade},void 0)]},void 0)};export{C as default};
|
|
2
2
|
//# sourceMappingURL=ImageProductSlide.js.map
|