@gem-sdk/components 17.0.0-dev.28 → 17.0.0-staging.5

package/dist/cjs/product/components/product-images-v2/components/lightbox/ButtonOpenLightBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime");exports.default=()=>C.jsx("div",{className:"gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-all gp-duration-100 group-hover:gp-opacity-100",children:C.jsx("svg",{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",className:"gp-h-6 gp-w-6",viewBox:"0 0 512 512",color:"#fff",children:C.jsx("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z"})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const ButtonOpenLightBox=()=>jsxRuntime.jsx("div",{className:"gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-all gp-duration-100 group-hover:gp-opacity-100",children:jsxRuntime.jsx("svg",{height:"100%",width:"100%",xmlns:"http://www.w3.org/2000/svg",className:"gp-h-6 gp-w-6",viewBox:"0 0 512 512",color:"#fff",children:jsxRuntime.jsx("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z"})})});exports.default=ButtonOpenLightBox;

package/dist/cjs/product/components/product-images-v2/components/lightbox/ProductImagesLightBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("../../../../../carousel/components/root/Carousel.js"),i=require("../../../../../carousel/components/item/CarouselItem.js"),s=require("../../../../../image/components/NextImage.js");require("../../../../../modal/components/confirm.js");var l=require("../../../../../modal/components/Modal.js"),d=require("react"),r=require("../../common/productFeaturedImage.js"),n=require("../child/ProductFeatureVideo.js"),a=require("../child/MediaIcon.js");exports.default=({builderPropUID:u,productImages:c,open:p,imageRatio:m,onHandleClose:g})=>{let h=t.useFeaturedImageGlobal(),b=d.useMemo(()=>{let e=c?.findIndex(e=>e.id===h?.id);return e&&e>0?e:0},[c,h]),j={desktop:c&&c.length>1,mobile:c&&c?.length>1,tablet:c&&c?.length>1},f=t.useEditorMode(),x=e=>"edit"!==f&&["VIDEO","EXTERNAL_VIDEO"].includes(e?.contentType||"");return e.jsx(l.default,{setting:{open:p},styles:{width:"80%"},closeOnClickOutside:!0,onClose:()=>{g(),console.log("onHandleClose")},disableIframeClickEvent:!0,contentClass:"mobile:!gp-w-[100%] gp-px-2 gp-pb-10",children:e.jsx(o.default,{setting:{loop:{desktop:!1,mobile:!1,tablet:!1},slidesToShow:{desktop:1,tablet:1,mobile:1},defaultCurrentSlider:b,dot:{desktop:!0,mobile:!0,tablet:!0},dotStyle:{desktop:"outside",mobile:"outside",tablet:"outside"},dotColor:{desktop:"#E2E2E2",mobile:"#E2E2E2",tablet:"#E2E2E2"},dotActiveColor:{desktop:"#121212",mobile:"#121212",tablet:"#121212"},dotSize:{desktop:12},dotGapToCarousel:{desktop:12},navigationEnable:j,navigationStyle:{desktop:"outside"},arrowIconSize:{desktop:24}},styles:{sizeSetting:{desktop:{height:"80vh"},tablet:{height:"80vh"},mobile:{height:"60vh"}}},moveToIdx:b,hiddenDotWhenOnlyOne:!0,isHiddenArrowWhenDisabled:!0,builderProps:{uid:u},fullHeight:!0,children:c?.map(o=>e.jsx(i.default,{className:`gem-slider-item gem-slider-item-${u} gp-flex gp-items-center gp-justify-center gp-px-4`,children:x(o)?e.jsx(n.default,{type:o?.contentType,url:o.src??"",aspectRatio:m}):e.jsxs(e.Fragment,{children:[e.jsx(s.default,{src:r.isFeatureMedia(o?.contentType)?o?.previewImage:o?.src,width:o?.width,height:o?.height,alt:o?.alt,"content-type":o?.contentType,setting:{aspectRatio:m},className:t.cls("gp-h-full gp-w-full gp-object-contain")},o?.id),e.jsx(a.default,{contentType:o?.contentType??""})]})},o?.id))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../../../carousel/components/root/Carousel.js"),CarouselItem=require("../../../../../carousel/components/item/CarouselItem.js"),NextImage=require("../../../../../image/components/NextImage.js");require("../../../../../modal/components/confirm.js");var Modal=require("../../../../../modal/components/Modal.js"),React=require("react"),productFeaturedImage=require("../../common/productFeaturedImage.js"),ProductFeatureVideo=require("../child/ProductFeatureVideo.js"),MediaIcon=require("../child/MediaIcon.js");const ProductImagesLightBox=({builderPropUID:e,productImages:t,open:o,imageRatio:s,onHandleClose:i})=>{let r=core.useFeaturedImageGlobal(),l=React.useMemo(()=>{let e=t?.findIndex(e=>e.id===r?.id);return e&&e>0?e:0},[t,r]),d={desktop:t&&t.length>1,mobile:t&&t?.length>1,tablet:t&&t?.length>1},a={desktop:!1,mobile:!1,tablet:!1},n=core.useEditorMode(),u=e=>"edit"!==n&&["VIDEO","EXTERNAL_VIDEO"].includes(e?.contentType||"");return jsxRuntime.jsx(Modal.default,{setting:{open:o},styles:{width:"80%"},closeOnClickOutside:!0,onClose:()=>{i(),console.log("onHandleClose")},disableIframeClickEvent:!0,contentClass:"mobile:!gp-w-[100%] gp-px-2 gp-pb-10",children:jsxRuntime.jsx(Carousel.default,{setting:{loop:a,slidesToShow:{desktop:1,tablet:1,mobile:1},defaultCurrentSlider:l,dot:{desktop:!0,mobile:!0,tablet:!0},dotStyle:{desktop:"outside",mobile:"outside",tablet:"outside"},dotColor:{desktop:"#E2E2E2",mobile:"#E2E2E2",tablet:"#E2E2E2"},dotActiveColor:{desktop:"#121212",mobile:"#121212",tablet:"#121212"},dotSize:{desktop:12},dotGapToCarousel:{desktop:12},navigationEnable:d,navigationStyle:{desktop:"outside"},arrowIconSize:{desktop:24}},styles:{sizeSetting:{desktop:{height:"80vh"},tablet:{height:"80vh"},mobile:{height:"60vh"}}},moveToIdx:l,hiddenDotWhenOnlyOne:!0,isHiddenArrowWhenDisabled:!0,builderProps:{uid:e},fullHeight:!0,children:t?.map(t=>jsxRuntime.jsx(CarouselItem.default,{className:`gem-slider-item gem-slider-item-${e} gp-flex gp-items-center gp-justify-center gp-px-4`,children:u(t)?jsxRuntime.jsx(ProductFeatureVideo.default,{type:t?.contentType,url:t.src??"",aspectRatio:s}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(NextImage.default,{src:productFeaturedImage.isFeatureMedia(t?.contentType)?t?.previewImage:t?.src,width:t?.width,height:t?.height,alt:t?.alt,"content-type":t?.contentType,setting:{aspectRatio:s},className:core.cls("gp-h-full gp-w-full gp-object-contain")},t?.id),jsxRuntime.jsx(MediaIcon.default,{contentType:t?.contentType??""})]})},t?.id))})})};exports.default=ProductImagesLightBox;

package/dist/cjs/product/components/product-images-v2/composables/getProductImagesAttr.js

@@ -1 +1 @@
-"use strict";var t=require("../common/attrs.js");exports.getProductImagesAttr=e=>{let r=t.getGalleryCarouselSettingAttr(e),s=t.getFeaturedCarouselSettingAttr(e);return{galleryCarouselSettingAttrs:r,featuredImageCarouselSettingAttrs:s}};
+"use strict";var attrs=require("../common/attrs.js");const getProductImagesAttr=t=>{let r=attrs.getGalleryCarouselSettingAttr(t),e=attrs.getFeaturedCarouselSettingAttr(t);return{galleryCarouselSettingAttrs:r,featuredImageCarouselSettingAttrs:e}};exports.getProductImagesAttr=getProductImagesAttr;

package/dist/cjs/product/components/product-images-v2/composables/getProductImagesClassName.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system"),s=require("../common/classes.js"),a=require("../common/common.js");exports.getProductImagesClassName=l=>{let{setting:r,style:t}=l,g=a.setDefaultWhenUndefineSetting(l),{builderProps:C,advanced:u}=g,c=u?.cssClass,d=e.createClass(s.getWrapperClasses({extraClass:`${C?.uid} ${c??""} `,isAddOverFlowClass:a.checkAddOverFlowClass(t)})),m=e.createClass(s.getGalleryWrapperClasses({})),p=e.createClass(s.getGalleryGridWrapperClasses({})),i=e.createClass(s.getFtImageWithGalleryClasses({extraClass:`gp-product-images-feature--${C?.uid}`})),o=e.createClass(s.getImageGalleryWrapperClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),n=e.createClass(s.getFeaturedImageCarouselClasses({extraClass:`gp-product-images-gallery-${C?.uid}`})),y=e.createClass(s.getFeaturedImageGalleryClasses({settings:r})),x=e.createClass(s.getFeaturedImageClasses({setting:r,extraClass:`gp-flex gp-relative gp-product-images-gallery-${C?.uid} gp-overflow-hidden gp-flex gp-w-full gp-items-center gp-justify-center `}));return{wrapperClasses:d,productImagesGalleryClasses:m,galleryGridWrapperClasses:p,galleryItemClasses:a=>e.createClass(s.getGalleryItemClasses({extraClass:`${a??""}`})),ftImageGalleryClasses:i,imageGalleryWrapperClasses:o,featuredImageCarouselClasses:n,featuredImageGalleryClasses:y,featureImageOnlyOneImageClasses:x,featuredCarouselItemClasses:a=>e.createClass(s.getFeaturedCarouselItemClasses({extraClass:`${a??""}`}))}};
+"use strict";var system=require("@gem-sdk/system"),classes=require("../common/classes.js"),common=require("../common/common.js");const getProductImagesClassName=s=>{let{setting:e,style:a}=s,l=common.setDefaultWhenUndefineSetting(s),{builderProps:t,advanced:r}=l,m=r?.cssClass,c=system.createClass(classes.getWrapperClasses({extraClass:`${t?.uid} ${m??""} `,isAddOverFlowClass:common.checkAddOverFlowClass(a)})),g=system.createClass(classes.getGalleryWrapperClasses({})),C=system.createClass(classes.getGalleryGridWrapperClasses({})),o=s=>system.createClass(classes.getGalleryItemClasses({extraClass:`${s??""}`})),u=system.createClass(classes.getFtImageWithGalleryClasses({extraClass:`gp-product-images-feature--${t?.uid}`})),d=system.createClass(classes.getImageGalleryWrapperClasses({extraClass:`gp-product-images-gallery-${t?.uid}`})),p=system.createClass(classes.getFeaturedImageCarouselClasses({extraClass:`gp-product-images-gallery-${t?.uid}`})),i=system.createClass(classes.getFeaturedImageGalleryClasses({settings:e})),y=system.createClass(classes.getFeaturedImageClasses({setting:e,extraClass:`gp-flex gp-relative gp-product-images-gallery-${t?.uid} gp-overflow-hidden gp-flex gp-w-full gp-items-center gp-justify-center `})),n=s=>system.createClass(classes.getFeaturedCarouselItemClasses({extraClass:`${s??""}`}));return{wrapperClasses:c,productImagesGalleryClasses:g,galleryGridWrapperClasses:C,galleryItemClasses:o,ftImageGalleryClasses:u,imageGalleryWrapperClasses:d,featuredImageCarouselClasses:p,featuredImageGalleryClasses:i,featureImageOnlyOneImageClasses:y,featuredCarouselItemClasses:n}};exports.getProductImagesClassName=getProductImagesClassName;

package/dist/cjs/product/components/product-images-v2/composables/getProductImagesStyles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system"),t=require("../common/styles.js");exports.getProductImagesStyles=(l,a)=>{let r=e.createStyle(t.getWrapContainerStyle(l)),y=e.createStyle(t.getWrapContainerStyle(l,!0)),g=e.createStyle(t.getWrapContainerStyle(l,a?.gallery&&a?.gallery?.length<2)),S=e.createStyle(t.getFeatureImageStyle(l,{enableOrder:!0,enableDisplay:!0})),s=e.createStyle(t.getFeaturedImageOnlyOneImageStyle({setting:l,options:{enableRadius:!0,enableHeight:!0}})),m=e.createStyle(t.getGalleryImageStyle(l,a?.featureImageHeight)),u=e.createStyle(t.getFeaturedImageCarouselStyle(l)),c=e.createStyle({...t.getFeatureImageCarouselItemStyle(l)}),n=e.createStyle({...t.getFeatureImageCarouselItemStyle(l),width:"{{productImageWidth}}px"}),i=e.createStyle(t.getGalleryGridStyle(l)),o=e.createStyle(t.getGalleryGridItemStyle(l)),I=e.createStyle(t.getGalleryCarouselStyle(l)),d=e.createStyle(t.getGalleryCarouselItemStyle(l));return{wrapContainerStyle:r,wrapContainerStyleOnlyOneImage:y,wrapperFeaturedImageStyle:g,featureImageStyle:S,featureImageOnlyOneImageStyle:s,galleryImageStyle:m,featuredImageCarouselStyle:u,featureImageCarouselItemStyle:c,featureImageCarouselOnlyOneImageStyle:n,galleryGridStyles:i,galleryGridItemStyles:o,galleryCarouselStyle:I,galleryCarouselItemStyle:d}};
+"use strict";var system=require("@gem-sdk/system"),styles=require("../common/styles.js");const getProductImagesStyles=(e,t)=>{let s=system.createStyle(styles.getWrapContainerStyle(e)),l=system.createStyle(styles.getWrapContainerStyle(e,!0)),y=system.createStyle(styles.getWrapContainerStyle(e,t?.gallery&&t?.gallery?.length<2)),a=system.createStyle(styles.getFeatureImageStyle(e,{enableOrder:!0,enableDisplay:!0})),r=system.createStyle(styles.getFeaturedImageOnlyOneImageStyle({setting:e,options:{enableRadius:!0,enableHeight:!0}})),g=system.createStyle(styles.getGalleryImageStyle(e,t?.featureImageHeight)),m=system.createStyle(styles.getFeaturedImageCarouselStyle(e)),S=system.createStyle({...styles.getFeatureImageCarouselItemStyle(e)}),c=system.createStyle({...styles.getFeatureImageCarouselItemStyle(e),width:"{{productImageWidth}}px"}),u=system.createStyle(styles.getGalleryGridStyle(e)),n=system.createStyle(styles.getGalleryGridItemStyle(e)),o=system.createStyle(styles.getGalleryCarouselStyle(e)),i=system.createStyle(styles.getGalleryCarouselItemStyle(e));return{wrapContainerStyle:s,wrapContainerStyleOnlyOneImage:l,wrapperFeaturedImageStyle:y,featureImageStyle:a,featureImageOnlyOneImageStyle:r,galleryImageStyle:g,featuredImageCarouselStyle:m,featureImageCarouselItemStyle:S,featureImageCarouselOnlyOneImageStyle:c,galleryGridStyles:u,galleryGridItemStyles:n,galleryCarouselStyle:o,galleryCarouselItemStyle:i}};exports.getProductImagesStyles=getProductImagesStyles;

package/dist/cjs/product/components/product-images-v2/hooks/useFeatureImageWithGallery.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../common/common.js");exports.useFeatureImageWithGallery=u=>{let{setting:s,styles:i}=u,n={...s,...i},c=e.useCurrentDevice(),o=t.useRef(null),l=t.useRef(null),[a,f]=t.useState(""),[d,g]=t.useState(100),[m,h]=t.useState(),v=e.getResponsiveValueByScreen(n?.position,c),p="slider"===r.getTypeWidthDevice(n?.type)[c]||["left","right","inside-left","inside-right"].includes(v);return t.useEffect(()=>{let e=l?.current;if(!e)return;let t=new ResizeObserver(()=>{g(e.offsetHeight||200)});return t.observe(e),()=>{t.disconnect()}}),{isShowCarousel:p,featureImageHeight:d,featureWrapperImage:l,onClickFeatureArrow:a,activeIndexFromFeatureImage:m,setOnClickFeatureArrow:f,onHandleLoadedFeatureImage:(e,t=200)=>{e&&(o.current&&clearTimeout(o.current),o.current=setTimeout(()=>g(l?.current?.offsetHeight||200),t))},setActiveIndexFromFeatureImage:h}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),common=require("../common/common.js");const useFeatureImageWithGallery=e=>{let{setting:t,styles:r}=e,u={...t,...r},c=core.useCurrentDevice(),s=React.useRef(null),i=React.useRef(null),[n,a]=React.useState(""),[o,l]=React.useState(100),[m,f]=React.useState(),R=core.getResponsiveValueByScreen(u?.position,c),g="slider"===common.getTypeWidthDevice(u?.type)[c]||["left","right","inside-left","inside-right"].includes(R),h=(e,t=200)=>{e&&(s.current&&clearTimeout(s.current),s.current=setTimeout(()=>l(i?.current?.offsetHeight||200),t))};return React.useEffect(()=>{let e=i?.current;if(!e)return;let t=new ResizeObserver(()=>{l(e.offsetHeight||200)});return t.observe(e),()=>{t.disconnect()}}),{isShowCarousel:g,featureImageHeight:o,featureWrapperImage:i,onClickFeatureArrow:n,activeIndexFromFeatureImage:m,setOnClickFeatureArrow:a,onHandleLoadedFeatureImage:h,setActiveIndexFromFeatureImage:f}};exports.useFeatureImageWithGallery=useFeatureImageWithGallery;

package/dist/cjs/product/components/product-images-v2/hooks/useFilterImagesByVariant.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useFilterImagesByVariant=({productImages:t,displayByVariant:a,variantSelect:l})=>{let s=e.useCurrentVariant(),u=r.useCallback(()=>{let e=s?.selectedOptions??[],r=e.find(e=>e.name===l);return r?.value?.toLowerCase()??""},[s?.selectedOptions,l]),n=r.useMemo(()=>{if(!a||!l||!t)return t;let e=u();if(!e)return t;let r=t.filter(r=>{let t=(r.alt||"").toLowerCase();return t.includes(e)});return r.length>0?r:t},[a,l,t,u]);return{filteredProductImages:n,selectedVariantValue:u()}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react");const useFilterImagesByVariant=({productImages:e,displayByVariant:t,variantSelect:r})=>{let a=core.useCurrentVariant(),s=React.useCallback(()=>{let e=a?.selectedOptions??[],t=e.find(e=>e.name===r);return t?.value?.toLowerCase()??""},[a?.selectedOptions,r]),l=React.useMemo(()=>{if(!t||!r||!e)return e;let a=s();if(!a)return e;let l=e.filter(e=>{let t=(e.alt||"").toLowerCase();return t.includes(a)});return l.length>0?l:e},[t,r,e,s]);return{filteredProductImages:l,selectedVariantValue:s()}};exports.useFilterImagesByVariant=useFilterImagesByVariant;

package/dist/cjs/product/components/product-images-v2/hooks/useGalleryCarousel.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("./useFilterImagesByVariant.js"),s=require("../../../../image/common/helpers.js"),o=require("../common/productGallery.js");exports.useGalleryCarousel=a=>{let{builderPropUID:i,productImages:u,onHandleClick:l,activeIndexFormFeatureImage:n,onClickFeatureArrow:c,builderPropsClass:p,arrow:d,priorityFeatureImage:h,...y}=a,m=e.useCurrentDevice(),F=e.useFeaturedImageGlobal(),[f,B]=t.useState(c||""),g=e.useEditorMode(),[I,S]=t.useState(0),q=t.useRef(),[v,C]=t.useState(I),[b,E]=t.useState(!1),{filteredProductImages:T}=r.useFilterImagesByVariant({productImages:u,displayByVariant:y?.displayByVariant,variantSelect:y?.variantSelect});t.useEffect(()=>{B(c||"")},[c]),t.useEffect(()=>{q.current&&clearTimeout(q.current),f&&(q.current=setTimeout(()=>{S(n||0),B("")}))},[n]),t.useEffect(()=>{if(h){let e=T?.findIndex(e=>e.id===h.id)||0;S(e),B("")}},[h,T]),t.useEffect(()=>{let e=T?.findIndex(e=>e.id===F?.id);S(e||0),B("")},[F,T]);let V=t.useMemo(()=>o.getShapeByLayout({shape:y.shape,shapeForBottom:y.shapeForBottom,shapeFor1Col:y.shapeFor1Col,shapeFor2Col:y.shapeFor2Col,shapeForFtOnly:y.shapeForFtOnly,shapeForInsideBottom:y.shapeForInsideBottom,shapeForInside:y.shapeForInside},y.position),[y.shape,y.shapeForBottom,y.shapeFor1Col,y.shapeFor2Col,y.shapeForFtOnly,y.position,y.shapeForInsideBottom,y.shapeForInside]),k=t.useCallback(()=>{s.handleSetSrcForProductImageList({builderPropUID:i,shapeByLayout:V,qualityType:y.qualityType,qualityPercent:y.qualityPercent})},[V,y.qualityPercent,y.qualityType,i]);t.useEffect(()=>{if("edit"===g)return;let e=document?.querySelector(`.gem-slider-item-${i} .product-list-image`);if(!e)return;k();let t=new ResizeObserver(()=>{k()});return t?.observe(e,{}),()=>{t?.disconnect()}},[k,i,g]);let O=e.getResponsiveValueByScreen(y.clickOpenLightBox,m),x=t.useMemo(()=>{let t=o.checkDisplayGalleryByWidth({shapeByLayout:V});return e.getResponsiveValueByScreen(t,m)},[V,m]),R=t.useMemo(()=>y?.borderActive?.border!=="none",[y?.borderActive?.border]),G=e.getResponsiveValueByScreen(y?.clickOpenLightBox,m);return t.useEffect(()=>{let e;return T&&T.length>0&&b&&(e=setTimeout(()=>{C(I)},80)),()=>{e&&clearTimeout(e)}},[I,T,b]),{moveToIdx:I,isDisplay:x,shapeByLayout:V,isEnableBorderActive:R,isShowButtonLightbox:G,filteredProductImages:T,handleClickCarouselItem:e=>{l&&l(e||"",O)},setSliderReady:E,safeMoveToIdx:v}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),useFilterImagesByVariant=require("./useFilterImagesByVariant.js"),helpers=require("../../../../image/common/helpers.js"),productGallery=require("../common/productGallery.js");const useGalleryCarousel=e=>{let{builderPropUID:t,productImages:r,onHandleClick:a,activeIndexFormFeatureImage:s,onClickFeatureArrow:o,builderPropsClass:i,arrow:l,priorityFeatureImage:c,...u}=e,n=core.useCurrentDevice(),p=core.useFeaturedImageGlobal(),[d,y]=React.useState(o||""),h=core.useEditorMode(),[m,F]=React.useState(0),R=React.useRef(),[B,f]=React.useState(m),[g,I]=React.useState(!1),{filteredProductImages:S}=useFilterImagesByVariant.useFilterImagesByVariant({productImages:r,displayByVariant:u?.displayByVariant,variantSelect:u?.variantSelect});React.useEffect(()=>{y(o||"")},[o]),React.useEffect(()=>{R.current&&clearTimeout(R.current),d&&(R.current=setTimeout(()=>{F(s||0),y("")}))},[s]),React.useEffect(()=>{if(c){let e=S?.findIndex(e=>e.id===c.id)||0;F(e),y("")}},[c,S]),React.useEffect(()=>{let e=S?.findIndex(e=>e.id===p?.id);F(e||0),y("")},[p,S]);let q=React.useMemo(()=>productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom,shapeForInside:u.shapeForInside},u.position),[u.shape,u.shapeForBottom,u.shapeFor1Col,u.shapeFor2Col,u.shapeForFtOnly,u.position,u.shapeForInsideBottom,u.shapeForInside]),v=React.useCallback(()=>{helpers.handleSetSrcForProductImageList({builderPropUID:t,shapeByLayout:q,qualityType:u.qualityType,qualityPercent:u.qualityPercent})},[q,u.qualityPercent,u.qualityType,t]);React.useEffect(()=>{if("edit"===h)return;let e=document?.querySelector(`.gem-slider-item-${t} .product-list-image`);if(!e)return;v();let r=new ResizeObserver(()=>{v()});return r?.observe(e,{}),()=>{r?.disconnect()}},[v,t,h]);let C=core.getResponsiveValueByScreen(u.clickOpenLightBox,n),G=React.useMemo(()=>{let e=productGallery.checkDisplayGalleryByWidth({shapeByLayout:q});return core.getResponsiveValueByScreen(e,n)},[q,n]),V=React.useMemo(()=>u?.borderActive?.border!=="none",[u?.borderActive?.border]),b=core.getResponsiveValueByScreen(u?.clickOpenLightBox,n),E=e=>{a&&a(e||"",C)};return React.useEffect(()=>{let e;return S&&S.length>0&&g&&(e=setTimeout(()=>{f(m)},80)),()=>{e&&clearTimeout(e)}},[m,S,g]),{moveToIdx:m,isDisplay:G,shapeByLayout:q,isEnableBorderActive:V,isShowButtonLightbox:b,filteredProductImages:S,handleClickCarouselItem:E,setSliderReady:I,safeMoveToIdx:B}};exports.useGalleryCarousel=useGalleryCarousel;

package/dist/cjs/product/components/product-images-v2/hooks/useProductFeaturedImageCarousel.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("react"),r=require("../common/common.js"),i=require("../common/productFeaturedImage.js"),a=require("./useFilterImagesByVariant.js"),n=require("../../../../image/common/helpers.js");exports.useProductFeaturedImageCarousel=u=>{let o;let{productImages:c,imgRef:l,onHandleClick:s,onClickArrow:d,onHandleLoaded:m,onHandleUpdateActiveIndex:h,builderPropUID:g,builderPropsClass:p,children:f,parentUid:y,...I}=u,S=e.useFeaturedImageGlobal(),q=e.useCurrentDevice(),v=t.createRef(),{onListener:k,ref:b}=e.useInteraction(),F=e.useEditorMode(),{filteredProductImages:M}=a.useFilterImagesByVariant({productImages:c,displayByVariant:I?.displayByVariant,variantSelect:I?.variantSelect}),x=t.useMemo(()=>{let e=M?.findIndex(e=>e.id===S?.id);return e},[M,S]),B=t.useMemo(()=>i.checkRenderFeaturedCarousel(I),[I]),E=t.useMemo(()=>{if(M?.length)return S||M?.[0]},[M,S]),R=t.useMemo(()=>"popup"===e.getResponsiveValueByScreen(I.ftClickOpenLightBox,q),[I.ftClickOpenLightBox,q]),w=t.useMemo(()=>I?.otherImage?M&&I.otherImage>=M.length-1||M&&-1===I.otherImage?M.length-1:I.otherImage:0,[I?.otherImage,M]),C=t.useMemo(()=>I?.hoverEffect==="other"?M?.[w]:M?.find(e=>e.id===S?.id)||M?.[0],[S?.id,w,M,I?.hoverEffect]),T=e=>{let t="1/1",r=0;return e?e.width&&e.height&&(t=`${e.width}/${e.height}`):M?.forEach(e=>{if(e.width&&e.height){let i=e.height/e.width;i>r&&(r=i,t=`${e.width}/${e.height}`)}}),t},$=t.useCallback(()=>{n.handleSetSrcForFeatureProductImage({builderPropUID:g,ftShape:I.ftShape,qualityType:I.qualityType,qualityPercent:I.qualityPercent})},[I.ftShape,I.qualityPercent,I.qualityType,g]),P=()=>{let e=`[data-id="${g}"]`;k({event:"gp:change-image-step",selector:e},t=>{let r=(b.current||document).querySelector(e),{data:i,isRollback:a,uniqueStorageKey:n}=t||{};v?.current?.moveToSlideInteraction({element:r,data:i,isRollback:a,key:n})}),k({event:"gp:change-next-slide",selector:e},t=>{let r=(b.current||document).querySelector(e),{data:i,isRollback:a,uniqueStorageKey:n}=t||{};v?.current?.nextSlideInteraction({element:r,data:i,isRollback:a,key:n})}),k({event:"gp:change-previous-slide",selector:e},t=>{let r=(b.current||document).querySelector(e),{data:i,isRollback:a,uniqueStorageKey:n}=t||{};v?.current?.previousSlideInteraction({element:r,data:i,isRollback:a,key:n})})};return t.useEffect(()=>{if("edit"===F)return;let e=document?.querySelector(`.gem-slider-item-${g} .featured-image-only`);if(!e)return;$();let t=new ResizeObserver(()=>{$()});return t?.observe(e,{}),()=>{t?.disconnect()}},[$,g,F]),t.useEffect(()=>{P()},[]),t.useEffect(()=>{!B&&m&&m(!0,0)},[B,m]),{ref:b,imageActive:E,imageActiveIndex:x,imageShowWhenHover:C,enableOpenLightBox:R,filteredProductImages:M,isRenderFeatureCarousel:B,genRandomKey:function(){return Math.random().toString(36).substr(2,5)},getAspectRatioFinal:e=>{let t=r.getAspectRatio(I.ftShape),i=T(e);return{desktop:t.desktop??i,tablet:t.tablet??i,mobile:t.mobile??i}},emitUpdateActiveIndex:e=>{o&&clearTimeout(o),o=setTimeout(()=>h&&h(e),500)}}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),common=require("../common/common.js"),productFeaturedImage=require("../common/productFeaturedImage.js"),useFilterImagesByVariant=require("./useFilterImagesByVariant.js"),helpers=require("../../../../image/common/helpers.js");const useProductFeaturedImageCarousel=e=>{let t;let{productImages:r,imgRef:a,onHandleClick:u,onClickArrow:o,onHandleLoaded:i,onHandleUpdateActiveIndex:c,builderPropUID:n,builderPropsClass:s,children:l,parentUid:d,...m}=e,h=core.useFeaturedImageGlobal(),g=core.useCurrentDevice(),p=React.createRef(),{onListener:f,ref:y}=core.useInteraction(),I=core.useEditorMode(),{filteredProductImages:R}=useFilterImagesByVariant.useFilterImagesByVariant({productImages:r,displayByVariant:m?.displayByVariant,variantSelect:m?.variantSelect}),S=React.useMemo(()=>{let e=R?.findIndex(e=>e.id===h?.id);return e},[R,h]),q=React.useMemo(()=>productFeaturedImage.checkRenderFeaturedCarousel(m),[m]),v=React.useMemo(()=>{if(R?.length)return h||R?.[0]},[R,h]),F=React.useMemo(()=>"popup"===core.getResponsiveValueByScreen(m.ftClickOpenLightBox,g),[m.ftClickOpenLightBox,g]),k=React.useMemo(()=>m?.otherImage?R&&m.otherImage>=R.length-1||R&&-1===m.otherImage?R.length-1:m.otherImage:0,[m?.otherImage,R]),b=React.useMemo(()=>m?.hoverEffect==="other"?R?.[k]:R?.find(e=>e.id===h?.id)||R?.[0],[h?.id,k,R,m?.hoverEffect]),B=function(){return Math.random().toString(36).substr(2,5)},C=e=>{t&&clearTimeout(t),t=setTimeout(()=>c&&c(e),500)},M=e=>{let t="1/1",r=0;return e?e.width&&e.height&&(t=`${e.width}/${e.height}`):R?.forEach(e=>{if(e.width&&e.height){let a=e.height/e.width;a>r&&(r=a,t=`${e.width}/${e.height}`)}}),t},E=e=>{let t=common.getAspectRatio(m.ftShape),r=M(e);return{desktop:t.desktop??r,tablet:t.tablet??r,mobile:t.mobile??r}},P=React.useCallback(()=>{helpers.handleSetSrcForFeatureProductImage({builderPropUID:n,ftShape:m.ftShape,qualityType:m.qualityType,qualityPercent:m.qualityPercent})},[m.ftShape,m.qualityPercent,m.qualityType,n]),V=()=>{let e=`[data-id="${n}"]`;f({event:"gp:change-image-step",selector:e},t=>{let r=(y.current||document).querySelector(e),{data:a,isRollback:u,uniqueStorageKey:o}=t||{};p?.current?.moveToSlideInteraction({element:r,data:a,isRollback:u,key:o})}),f({event:"gp:change-next-slide",selector:e},t=>{let r=(y.current||document).querySelector(e),{data:a,isRollback:u,uniqueStorageKey:o}=t||{};p?.current?.nextSlideInteraction({element:r,data:a,isRollback:u,key:o})}),f({event:"gp:change-previous-slide",selector:e},t=>{let r=(y.current||document).querySelector(e),{data:a,isRollback:u,uniqueStorageKey:o}=t||{};p?.current?.previousSlideInteraction({element:r,data:a,isRollback:u,key:o})})};return React.useEffect(()=>{if("edit"===I)return;let e=document?.querySelector(`.gem-slider-item-${n} .featured-image-only`);if(!e)return;P();let t=new ResizeObserver(()=>{P()});return t?.observe(e,{}),()=>{t?.disconnect()}},[P,n,I]),React.useEffect(()=>{V()},[]),React.useEffect(()=>{!q&&i&&i(!0,0)},[q,i]),{ref:y,imageActive:v,imageActiveIndex:S,imageShowWhenHover:b,enableOpenLightBox:F,filteredProductImages:R,isRenderFeatureCarousel:q,genRandomKey:B,getAspectRatioFinal:E,emitUpdateActiveIndex:C}};exports.useProductFeaturedImageCarousel=useProductFeaturedImageCarousel;

package/dist/cjs/product/components/product-images-v2/hooks/useProductGalleryGrid.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("react"),t=require("../common/productGallery.js"),a=require("./useFilterImagesByVariant.js"),s=require("../../../../image/common/helpers.js");exports.useProductGalleryGrid=o=>{let{builderPropUID:i,productImages:l,activeIndexFormFeatureImage:n,children:u,isHiddenInteraction:c,...p}=o,y=e.useCurrentDevice(),d=e.useFeaturedImageGlobal(),[h,F]=r.useState(0),m=e.useEditorMode(),{filteredProductImages:B}=a.useFilterImagesByVariant({productImages:l,displayByVariant:p?.displayByVariant,variantSelect:p?.variantSelect}),g=t.getShapeByLayout({shape:p.shape,shapeForBottom:p.shapeForBottom,shapeFor1Col:p.shapeFor1Col,shapeFor2Col:p.shapeFor2Col,shapeForFtOnly:p.shapeForFtOnly,shapeForInsideBottom:p.shapeForInsideBottom,shapeForInside:p.shapeForInside},p.position),q=e.getResponsiveValueByScreen(p.clickOpenLightBox,y),f=t.checkDisplayGalleryByWidth({shapeByLayout:g}),v=e.getResponsiveValueByScreen(f,y),I=p?.borderActive?.border!=="none",S=r.useCallback(()=>{s.handleSetSrcForProductImageList({builderPropUID:i,shapeByLayout:g,qualityType:p.qualityType,qualityPercent:p.qualityPercent})},[g,p.qualityPercent,p.qualityType,i]);return r.useEffect(()=>{F(n||0)},[n]),r.useEffect(()=>{let e=B?.findIndex(e=>e.id===d?.id);F(e&&e>0?e:0)},[d,B]),r.useEffect(()=>{if("edit"===m)return;let e=document?.querySelector(".grid-gallery");if(!e)return;S();let r=new ResizeObserver(()=>{S()});return r?.observe(e,{}),()=>{r?.disconnect()}},[S,i,m]),{isDisplay:v,shapeByLayout:g,imageActiveIndex:h,enableOpenLightBox:q,isEnableBorderActive:I,filteredProductImages:B}};
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),productGallery=require("../common/productGallery.js"),useFilterImagesByVariant=require("./useFilterImagesByVariant.js"),helpers=require("../../../../image/common/helpers.js");const useProductGalleryGrid=e=>{let{builderPropUID:r,productImages:t,activeIndexFormFeatureImage:a,children:o,isHiddenInteraction:s,...i}=e,l=core.useCurrentDevice(),c=core.useFeaturedImageGlobal(),[u,n]=React.useState(0),y=core.useEditorMode(),{filteredProductImages:d}=useFilterImagesByVariant.useFilterImagesByVariant({productImages:t,displayByVariant:i?.displayByVariant,variantSelect:i?.variantSelect}),p=productGallery.getShapeByLayout({shape:i.shape,shapeForBottom:i.shapeForBottom,shapeFor1Col:i.shapeFor1Col,shapeFor2Col:i.shapeFor2Col,shapeForFtOnly:i.shapeForFtOnly,shapeForInsideBottom:i.shapeForInsideBottom,shapeForInside:i.shapeForInside},i.position),h=core.getResponsiveValueByScreen(i.clickOpenLightBox,l),F=productGallery.checkDisplayGalleryByWidth({shapeByLayout:p}),m=core.getResponsiveValueByScreen(F,l),B=i?.borderActive?.border!=="none",g=React.useCallback(()=>{helpers.handleSetSrcForProductImageList({builderPropUID:r,shapeByLayout:p,qualityType:i.qualityType,qualityPercent:i.qualityPercent})},[p,i.qualityPercent,i.qualityType,r]);return React.useEffect(()=>{n(a||0)},[a]),React.useEffect(()=>{let e=d?.findIndex(e=>e.id===c?.id);n(e&&e>0?e:0)},[c,d]),React.useEffect(()=>{if("edit"===y)return;let e=document?.querySelector(".grid-gallery");if(!e)return;g();let r=new ResizeObserver(()=>{g()});return r?.observe(e,{}),()=>{r?.disconnect()}},[g,r,y]),{isDisplay:m,shapeByLayout:p,imageActiveIndex:u,enableOpenLightBox:h,isEnableBorderActive:B,filteredProductImages:d}};exports.useProductGalleryGrid=useProductGalleryGrid;

package/dist/cjs/product/components/product-images-v3/ProductImageV3.js

@@ -1,5 +1,5 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./common/common.js"),a=require("@gem-sdk/core"),i=require("react"),l=require("./components/feature-gallery/FeatureImageWithGallery.js"),C=require("./components/feature-only/OnlyFeatureImage.js"),o=require("./components/lightbox/ProductImagesLightBox.js"),r=require("../../../common/components/NoDataState.js"),s=require("./composables/getProductImagesClassName.js"),n=require("./common/getBorderActiveCss.js"),d=require("./components/gallery-grid/GalleryGrid.js");const c=e=>e?.medias?.edges.map(e=>e?.node),u=["bottom-left","bottom-center","left","right","inside-left","inside-right","inside-bottom"];exports.default=p=>{let m=i.useMemo(()=>t.setDefaultWhenUndefineSetting(p),[p]),{redirectProductShopifyLink:g}=a.useProductShopifyEditLink(),{setting:f,styles:h,builderProps:y,builderAttrs:M,style:b,children:D}=m,I=a.useProduct(),v=a.useCurrentDevice(),V=a.useCurrentVariant(),{isChangeSelectedOption:w}=a.useSelectedOption(),E=a.useEditorMode(),x=a.useProductStore(e=>e.setProductFeaturedImage),[Z,k]=i.useState(!1),j=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,S=e=>e?.featuredImage,B=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,L=i.useMemo(()=>f?.typeDisplay==="all-images"&&!w,[w,f?.typeDisplay]),P=i.useMemo(()=>{if(L){let e;switch(f?.preDisplay){case"1st-images":e=S(I);break;case"1st-3d-mode":e=B(I);break;case"1st-video":e=j(I);break;case"1st-available-variant":e=V?.media}return x(e),e}},[L,f?.preDisplay,x,I,V?.media]),O=i.useMemo(()=>f?.filterByVariant==="selected_variant",[f?.filterByVariant]),H=i.useMemo(()=>{let e=c(I);if(!e?.length)return[{id:I?.featuredImage?.id||"noImageError",baseID:I?.featuredImage?.baseID||"noImageError",src:I?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:I?.featuredImage?.width||480,height:I?.featuredImage?.height||480}];if(!O||!V?.selectedOptions?.length)return e;let t=V.selectedOptions.map(e=>e.value).filter(Boolean).map(e=>e?.trim().toLowerCase()),a=t.join("-"),i=e=>e.toLowerCase().trim().replace(/[\s_]+/g,"-").replace(/[^a-z\d-]/g,"").replace(/-+/g,"-"),l=e?.filter(e=>{if(!e?.alt)return!1;let t=i(e.alt),l=i(a),C=t===l||t.includes(l);return"all-variants"===t||C});return l?.length>0?l:e},[V?.selectedOptions,O,I]),q=i.useMemo(()=>H.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[H]),A=i.useMemo(()=>a.getResponsiveValueByScreen(h?.position,v),[v,h?.position]),F=(e,t)=>{_(e),t&&T()},T=()=>{k(!0)},_=e=>{if(!e)return;let t=q[e];if(void 0!==t){let e=H[t];e&&x(e)}};i.useEffect(()=>{if(V&&!L){let e=q[V?.mediaId];if(void 0!==e){let t=H[e]??I?.featuredImage;t&&x(t)}}},[V,q,H,I?.featuredImage,x,L]);let N=i.useMemo(()=>{let e="popup"===a.getResponsiveValueByScreen(f?.ftClickOpenLightBox,v)||a.getResponsiveValueByScreen(f?.clickOpenLightBox,v);return e||"edit"!==E||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[f?.ftClickOpenLightBox,f?.clickOpenLightBox,v,E]),R=()=>H.length>0?i.Children.map(a.filterToolbarPreview(D),t=>i.isValidElement(t)?e.jsx(t.type,{...t.props,isInsideProductImage:!0,navigationPosition:f?.ftNavigationPosition,imageData:{imageShape:h?.ftShape,imageAlign:h?.align,imageLayout:h?.position},dotData:{dotSize:f?.ftDotSize,dotGapToCarousel:f?.ftDotGapToCarousel,dotStyle:f?.ftDotStyle}}):null):null,G=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),common=require("./common/common.js"),core=require("@gem-sdk/core"),React=require("react"),FeatureImageWithGallery=require("./components/feature-gallery/FeatureImageWithGallery.js"),OnlyFeatureImage=require("./components/feature-only/OnlyFeatureImage.js"),ProductImagesLightBox=require("./components/lightbox/ProductImagesLightBox.js"),NoDataState=require("../../../common/components/NoDataState.js"),getProductImagesClassName=require("./composables/getProductImagesClassName.js"),getBorderActiveCss=require("./common/getBorderActiveCss.js"),GalleryGrid=require("./components/gallery-grid/GalleryGrid.js");const getProductGallery=e=>e?.medias?.edges.map(e=>e?.node),LAYOUT_FEATURE_IMAGE_GALLERY=["bottom-left","bottom-center","left","right","inside-left","inside-right","inside-bottom"],ProductImagesV3=e=>{let t=React.useMemo(()=>common.setDefaultWhenUndefineSetting(e),[e]),{redirectProductShopifyLink:a}=core.useProductShopifyEditLink(),{setting:i,styles:r,builderProps:l,builderAttrs:o,style:s,children:C}=t,n=core.useProduct(),d=core.useCurrentDevice(),c=core.useCurrentVariant(),{isChangeSelectedOption:u}=core.useSelectedOption(),m=core.useEditorMode(),g=core.useProductStore(e=>e.setProductFeaturedImage),[p,f]=React.useState(!1),h=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,y=e=>e?.featuredImage,I=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,M=React.useMemo(()=>i?.typeDisplay==="all-images"&&!u,[u,i?.typeDisplay]),D=React.useMemo(()=>{if(M){let e;switch(i?.preDisplay){case"1st-images":e=y(n);break;case"1st-3d-mode":e=I(n);break;case"1st-video":e=h(n);break;case"1st-available-variant":e=c?.media}return g(e),e}},[M,i?.preDisplay,g,n,c?.media]),b=React.useMemo(()=>i?.filterByVariant==="selected_variant",[i?.filterByVariant]),R=React.useMemo(()=>{let e=getProductGallery(n);if(!e?.length)return[{id:n?.featuredImage?.id||"noImageError",baseID:n?.featuredImage?.baseID||"noImageError",src:n?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:n?.featuredImage?.width||480,height:n?.featuredImage?.height||480}];if(!b||!c?.selectedOptions?.length)return e;let t=c.selectedOptions.map(e=>e.value).filter(Boolean).map(e=>e?.trim().toLowerCase()),a=t.join("-"),i=e=>e.toLowerCase().trim().replace(/[\s_]+/g,"-").replace(/[^a-z\d-]/g,"").replace(/-+/g,"-"),r=e?.filter(e=>{if(!e?.alt)return!1;let t=i(e.alt),r=i(a),l="all-variants"===t,o=t===r||t.includes(r);return l||o});return r?.length>0?r:e},[c?.selectedOptions,b,n]),x=React.useMemo(()=>R.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[R]),E=React.useMemo(()=>core.getResponsiveValueByScreen(r?.position,d),[d,r?.position]),v=(e,t)=>{V(e),t&&j()},j=()=>{f(!0)},V=e=>{if(!e)return;let t=x[e];if(void 0!==t){let e=R[t];e&&g(e)}};React.useEffect(()=>{if(c&&!M){let e=x[c?.mediaId];if(void 0!==e){let t=R[e]??n?.featuredImage;t&&g(t)}}},[c,x,R,n?.featuredImage,g,M]);let L=React.useMemo(()=>{let e="popup"===core.getResponsiveValueByScreen(i?.ftClickOpenLightBox,d)||core.getResponsiveValueByScreen(i?.clickOpenLightBox,d);return e||"edit"!==m||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[i?.ftClickOpenLightBox,i?.clickOpenLightBox,d,m]),P=()=>R.length>0?React.Children.map(core.filterToolbarPreview(C),e=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isInsideProductImage:!0,navigationPosition:i?.ftNavigationPosition,imageData:{imageShape:r?.ftShape,imageAlign:r?.align,imageLayout:r?.position},dotData:{dotSize:i?.ftDotSize,dotGapToCarousel:i?.ftDotGapToCarousel,dotStyle:i?.ftDotStyle}}):null):null,w=`
       <svg viewBox="0 0 452 400" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0 7.99999C0 3.58171 3.58172 0 8 0H444C448.418 0 452 3.58172 452 8V392C452 396.418 448.418 400 444 400H8C3.58173 400 0 396.418 0 392V7.99999Z" fill="#F9F9F9"/>
         <path d="M208.148 348.801C239.683 348.75 265.245 347.272 265.242 345.499C265.239 343.726 239.673 342.33 208.138 342.381C176.603 342.432 151.041 343.91 151.044 345.683C151.047 347.456 176.614 348.851 208.148 348.801Z" fill="#E6E6E6"/>
@@ -23,4 +23,4 @@
         <path opacity="0.2" d="M293.196 231.862C306.954 231.862 318.106 217.921 318.106 200.724C318.106 183.527 306.954 169.586 293.196 169.586C279.439 169.586 268.286 183.527 268.286 200.724C268.286 217.921 279.439 231.862 293.196 231.862Z" fill="white"/>
         <path opacity="0.2" d="M293.196 247.637C313.923 247.637 330.726 226.634 330.726 200.725C330.726 174.816 313.923 153.812 293.196 153.812C272.469 153.812 255.666 174.816 255.666 200.725C255.666 226.634 272.469 247.637 293.196 247.637Z" fill="white"/>
       </svg>
-    `,{t:z}=a.useI18nStore(),U=e.jsx(r.default,{elementType:"secondary",description:z("Catch your customer's attention with attracted media."),descriptionActions:[{text:z("Add image"),callback:g},{text:z("sync data"),callback:"syncProduct"}],additionalMedia:G}),{wrapperClasses:W}=s.getProductImagesClassName(p);return e.jsxs("div",{...M,className:W,style:b,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:n.getBorderActiveCss({settings:{...f,...h},uid:y?.uid,type:"React"})}}),u.includes(A)&&e.jsx(l.default,{...m,isFilterByVariantEnabled:O,gallery:H,priorityFeatureImage:P,onHandleClickImage:(e,t)=>F(e||"",t),noDataChildren:U,children:R()}),"only-feature"===A&&e.jsx(C.default,{gallery:H,...m,onHandleClickImage:(e,t)=>F(e||"",t),noDataChildren:U,isFilterByVariantEnabled:O,children:R()}),["one-col","two-col"].includes(A)&&e.jsx(d.default,{gallery:H,...m,onHandleClickImage:(e,t)=>F(e||"",t),noDataChildren:U,children:R()}),N&&e.jsx(o.default,{productImages:H,builderPropUID:y?.uid,open:Z,onHandleClose:()=>k(!1),imageRatio:t.getAspectRatio(h?.ftShape)}),a.filterToolbarPreview(D,!0)]})};
+    `,{t:S}=core.useI18nStore(),Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:S("Catch your customer's attention with attracted media."),descriptionActions:[{text:S("Add image"),callback:a},{text:S("sync data"),callback:"syncProduct"}],additionalMedia:w}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...o,className:k,style:s,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...r},uid:l?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(E)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,isFilterByVariantEnabled:b,gallery:R,priorityFeatureImage:D,onHandleClickImage:(e,t)=>v(e||"",t),noDataChildren:Z,children:P()}),"only-feature"===E&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:R,...t,onHandleClickImage:(e,t)=>v(e||"",t),noDataChildren:Z,isFilterByVariantEnabled:b,children:P()}),["one-col","two-col"].includes(E)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:R,...t,onHandleClickImage:(e,t)=>v(e||"",t),noDataChildren:Z,children:P()}),L&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:R,builderPropUID:l?.uid,open:p,onHandleClose:()=>f(!1),imageRatio:common.getAspectRatio(r?.ftShape)}),core.filterToolbarPreview(C,!0)]})};exports.default=ProductImagesV3;

package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js

@@ -1,44 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),r=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),i=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),s=require("./components/gallery-grid/GalleryGrid.liquid.js"),a=require("../../../helpers.js"),o=require("./common/productGallery.js"),l=require("./composables/getProductImagesClassName.js"),d=require("./composables/getProductImagesStyles.js"),u=require("@gem-sdk/system"),p=require("./common/getBorderActiveCss.js"),n=require("../../helpers/function.js");exports.default=c=>{let g=t.setDefaultWhenUndefineSetting(c),{setting:m,styles:f,builderProps:y,style:$}=g,{rawChildren:S,pageContext:I}=c,{enableLazyLoadImage:h}=I??{},q={...m,...f},v=`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),common=require("./common/common.js"),FeatureImageWithGallery_liquid=require("./components/feature-gallery/FeatureImageWithGallery.liquid.js"),GalleryCarousel_liquid=require("./components/gallery-carousel/GalleryCarousel.liquid.js"),GalleryGrid_liquid=require("./components/gallery-grid/GalleryGrid.liquid.js"),helpers=require("../../../helpers.js"),productGallery=require("./common/productGallery.js"),getProductImagesClassName=require("./composables/getProductImagesClassName.js"),getProductImagesStyles=require("./composables/getProductImagesStyles.js"),system=require("@gem-sdk/system"),getBorderActiveCss=require("./common/getBorderActiveCss.js"),_function=require("../../helpers/function.js");const ProductImages=e=>{let t=common.setDefaultWhenUndefineSetting(e),{setting:s,styles:r,builderProps:i,style:a}=t,{rawChildren:o,pageContext:l}=e,{enableLazyLoadImage:d}=l??{},u={...s,...r},c=`
     {
-      "id":${JSON.stringify(y?.uid)},
-      "pageContext": ${JSON.stringify(a.filterPageContext(I))},
-      "setting":${JSON.stringify(m)},
-      "styles":${JSON.stringify(f)},
+      "id":${JSON.stringify(i?.uid)},
+      "pageContext": ${JSON.stringify(helpers.filterPageContext(l))},
+      "setting":${JSON.stringify(s)},
+      "styles":${JSON.stringify(r)},
       "productUrl":{{product.url | json | escape}},
       "product":{{product | json | escape}},
       "collectionUrl": {{ collection.url | json | escape }},
       "collection": {{ collection | json | escape}}
     }
-  `,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(q?.position,m?.type),L=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:P,productImagesGalleryClasses:O}=l.getProductImagesClassName(c),D=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),b=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:G,wrapContainerStyleOnlyOneImage:z,galleryImageStyle:A}=d.getProductImagesStyles(q),N=o.getShapeByLayout({shape:q.shape,shapeForBottom:q.shapeForBottom,shapeFor1Col:q.shapeFor1Col,shapeFor2Col:q.shapeFor2Col,shapeForFtOnly:q.shapeForFtOnly,shapeForInsideBottom:q.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:q.shapeForInside??o.sizeSettingDefaultForNewLayout},q.position),_=t.getStyleInsideLayout(q.position,N,q?.spacing),B=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:S?.[0].customProps},S?.map(t=>{if(t)return e.template`${e.RenderChildren({...t,isInsideProductImage:!0,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
-    `;return e.template`
-  ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:q,uid:y?.uid,type:"Liquid"})}</style>`),"")}
-  ${u.Liquid(`
+  `,p=system.createAttr({"section-id":"{{section.id}}","data-id":`${i?.uid}`}),{isOnlyFeatureAllDevices:m,isRenderGalleryGrid:n}=common.getConditionRenderGalleryImages(u?.position,s?.type),g=n?{}:system.createAttr({"data-only-image":system.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:y,productImagesGalleryClasses:f}=getProductImagesClassName.getProductImagesClassName(e),I=system.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),h=system.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:$,wrapContainerStyleOnlyOneImage:S,galleryImageStyle:q}=getProductImagesStyles.getProductImagesStyles(u),v=productGallery.getShapeByLayout({shape:u.shape,shapeForBottom:u.shapeForBottom,shapeFor1Col:u.shapeFor1Col,shapeFor2Col:u.shapeFor2Col,shapeForFtOnly:u.shapeForFtOnly,shapeForInsideBottom:u.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:u.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},u.position),C=common.getStyleInsideLayout(u.position,v,u?.spacing),G=()=>core.template`
+      ${core.WrapRenderChildren({uid:i?.uid||"",customProps:o?.[0].customProps},o?.map(e=>{if(e)return core.template`${core.RenderChildren({...e,isInsideProductImage:!0,imageData:{imageShape:r?.ftShape,imageAlign:r?.align,imageLayout:r?.position},dotData:{dotSize:s?.ftDotSize,dotGapToCarousel:s?.ftDotGapToCarousel,dotStyle:s?.ftDotStyle}})}`}))}
+    `,P=()=>core.template`
+      <div
+        class="${f}"
+        style="${_function.getStyleOfObject(q)}"
+        ${{...g}}
+      >
+        ${system.LiquidIf("product.media.size > 1",GalleryCarousel_liquid.default({builderPropUID:`gp-gallery-${i?.uid}`,...u,enableLazyLoadImage:d}))}
+        ${system.If(n,GalleryGrid_liquid.default({builderPropUID:i?.uid,wrapperStyle:{...C},children:G(),...u,enableLazyLoadImage:d}))}
+      </div>
+    `,j=()=>s?.borderActive?.border!=="none";return core.template`
+  ${system.If(j(),system.LiquidIf("product.media.size > 1",`<style>${getBorderActiveCss.getBorderActiveCss({settings:u,uid:i?.uid,type:"Liquid"})}</style>`),"")}
+  ${system.Liquid(`
     {% assign featured_image = product.featured_image %}
-    ${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
+    ${system.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
   `)}
     <gp-product-images-v3
-      gp-data='${v}'
-      ${{...j}}
-      style="${{...$}}"
-      class="${P}"
+      gp-data='${c}'
+      ${{...p}}
+      style="${{...a}}"
+      class="${y}"
     >
       <div
-        class="${u.LiquidIf("product.media.size > 1",`${D}`,`${b}`)}"
-        style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
+        class="${system.LiquidIf("product.media.size > 1",`${I}`,`${h}`)}"
+        style="${system.LiquidIf("product.media.size > 1",_function.getStyleOfObject($),_function.getStyleOfObject(S))}"
       >
-        ${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
-        ${u.If(!C,e.template`
-      <div
-        class="${O}"
-        style="${n.getStyleOfObject(A)}"
-        ${{...L}}
-      >
-        ${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
-        ${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{..._},children:B(),...q,enableLazyLoadImage:h}))}
-      </div>
-    `)}
+        ${FeatureImageWithGallery_liquid.default({builderPropUID:`gp-carousel-${i?.uid}`,...u,children:G(),enableLazyLoadImage:d})}
+        ${system.If(!m,P())}
       </div>
     </gp-product-images-v3>
-    ${u.If(e.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-images-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};
+    ${system.If(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-images-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=ProductImages;

package/dist/cjs/product/components/product-images-v3/common/attrs.js

@@ -1 +1 @@
-"use strict";var o=require("@gem-sdk/core"),t=require("./productGallery.js"),r=require("./productFeaturedImage.js");const e=["desktop","mobile","tablet"];exports.getFeaturedCarouselSettingAttr=a=>{let i={desktop:"inside"===o.getResponsiveValueByScreen(a.ftNavigationPosition,"desktop"),tablet:"inside"===o.getResponsiveValueByScreen(a.ftNavigationPosition,"tablet"),mobile:"inside"===o.getResponsiveValueByScreen(a.ftNavigationPosition,"mobile")},n=e.reduce((o,t)=>(a.ftNavigationPosition?.[t]&&(o[t]="none"!==a.ftNavigationPosition[t]),o),{});return{...a?.ftLoop&&{loop:a.ftLoop},itemNumber:{desktop:1},dot:t.getAllowDotConfig(),dotStyle:r.getDotStyleForOnlyFeaturedImage({position:a.position,dotStyle:a.ftDotStyle}),dotSize:a.ftDotSize??{desktop:12},dotGapToCarousel:a.ftDotGapToCarousel??{desktop:16},dotColor:a.ftDotColor??{desktop:"bg-1"},dotActiveColor:a.ftDotActiveColor??{desktop:"line-3"},controlOverContent:i,...a?.ftDragToScroll&&{enableDrag:{desktop:a.ftDragToScroll,tablet:a.ftDragToScroll,mobile:a.ftDragToScroll}},...a?.ftArrowIcon&&{arrowCustom:a.ftArrowIcon},arrowIconSize:a.ftArrowIconSize||{desktop:24},...a?.ftArrowIconColor&&{arrowCustomColor:a.ftArrowIconColor},...a?.ftArrowNavColor&&{arrowBackgroundColor:a.ftArrowNavColor},...a?.ftArrowNavBorder&&{arrowBorder:{desktop:a.ftArrowNavBorder}},...a?.ftArrowNavRadius&&{roundedArrow:{desktop:a.ftArrowNavRadius}},...a?.ftArrowNavShadow&&{arrowShadow:{desktop:a.ftArrowNavShadow}},arrowGapToEachSide:"16",animationMode:a?.ftAnimationMode,...a?.ftNavigationPosition&&{navigationStyle:a.ftNavigationPosition},navigationEnable:n,arrowButtonSize:{desktop:{width:a.ftArrowNavSize?.width,height:a.ftArrowNavSize?.height,padding:a.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}},exports.getGalleryCarouselSettingAttr=r=>{let a={desktop:"inside"===o.getResponsiveValueByScreen(r.navigationPosition,"desktop"),tablet:"inside"===o.getResponsiveValueByScreen(r.navigationPosition,"tablet"),mobile:"inside"===o.getResponsiveValueByScreen(r.navigationPosition,"mobile")},i=e.reduce((o,t)=>(r.navigationPosition?.[t]&&(o[t]="none"!==r.navigationPosition[t]),o),{});return{...r?.loop&&{loop:r.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:t.getDotStyleConfig(),controlOverContent:a,...r?.dragToScroll&&{enableDrag:{desktop:r.dragToScroll,tablet:r.dragToScroll,mobile:r.dragToScroll}},vertical:t.getCarouselVerticalConfigByPosition(r.position),...r?.arrowIcon&&{arrowCustom:r.arrowIcon},arrowIconSize:r.arrowIconSize||{desktop:24},...r?.arrowIconColor&&{arrowCustomColor:r.arrowIconColor},...r?.arrowNavColor&&{arrowBackgroundColor:r.arrowNavColor},...r?.arrowNavBorder&&{arrowBorder:{desktop:r.arrowNavBorder}},...r?.arrowNavRadius&&{roundedArrow:{desktop:r.arrowNavRadius}},...r?.arrowNavShadow&&{arrowShadow:{desktop:r.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:r.navigationPosition,navigationEnable:i,arrowButtonSize:{desktop:{width:r.arrowNavSize?.width,height:r.arrowNavSize?.height,padding:r.arrowNavSize?.padding}},animationMode:r?.ftAnimationMode,enableAction:{desktop:!0}}};
+"use strict";var core=require("@gem-sdk/core"),productGallery=require("./productGallery.js"),productFeaturedImage=require("./productFeaturedImage.js");const DEVICES=["desktop","mobile","tablet"],getGalleryCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.navigationPosition?.[e]&&(t[e]="none"!==o.navigationPosition[e]),t),{});return{...o?.loop&&{loop:o.loop},itemNumber:{desktop:"auto",tablet:"auto",mobile:"auto"},dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:t,...o?.dragToScroll&&{enableDrag:{desktop:o.dragToScroll,tablet:o.dragToScroll,mobile:o.dragToScroll}},vertical:productGallery.getCarouselVerticalConfigByPosition(o.position),...o?.arrowIcon&&{arrowCustom:o.arrowIcon},arrowIconSize:o.arrowIconSize||{desktop:24},...o?.arrowIconColor&&{arrowCustomColor:o.arrowIconColor},...o?.arrowNavColor&&{arrowBackgroundColor:o.arrowNavColor},...o?.arrowNavBorder&&{arrowBorder:{desktop:o.arrowNavBorder}},...o?.arrowNavRadius&&{roundedArrow:{desktop:o.arrowNavRadius}},...o?.arrowNavShadow&&{arrowShadow:{desktop:o.arrowNavShadow}},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:e,arrowButtonSize:{desktop:{width:o.arrowNavSize?.width,height:o.arrowNavSize?.height,padding:o.arrowNavSize?.padding}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let t={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},e=DEVICES.reduce((t,e)=>(o.ftNavigationPosition?.[e]&&(t[e]="none"!==o.ftNavigationPosition[e]),t),{});return{...o?.ftLoop&&{loop:o.ftLoop},itemNumber:{desktop:1},dot:productGallery.getAllowDotConfig(),dotStyle:productFeaturedImage.getDotStyleForOnlyFeaturedImage({position:o.position,dotStyle:o.ftDotStyle}),dotSize:o.ftDotSize??{desktop:12},dotGapToCarousel:o.ftDotGapToCarousel??{desktop:16},dotColor:o.ftDotColor??{desktop:"bg-1"},dotActiveColor:o.ftDotActiveColor??{desktop:"line-3"},controlOverContent:t,...o?.ftDragToScroll&&{enableDrag:{desktop:o.ftDragToScroll,tablet:o.ftDragToScroll,mobile:o.ftDragToScroll}},...o?.ftArrowIcon&&{arrowCustom:o.ftArrowIcon},arrowIconSize:o.ftArrowIconSize||{desktop:24},...o?.ftArrowIconColor&&{arrowCustomColor:o.ftArrowIconColor},...o?.ftArrowNavColor&&{arrowBackgroundColor:o.ftArrowNavColor},...o?.ftArrowNavBorder&&{arrowBorder:{desktop:o.ftArrowNavBorder}},...o?.ftArrowNavRadius&&{roundedArrow:{desktop:o.ftArrowNavRadius}},...o?.ftArrowNavShadow&&{arrowShadow:{desktop:o.ftArrowNavShadow}},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:e,arrowButtonSize:{desktop:{width:o.ftArrowNavSize?.width,height:o.ftArrowNavSize?.height,padding:o.ftArrowNavSize?.padding}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;

package/dist/cjs/product/components/product-images-v3/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");function r(e){return e.split(" ").reduce((e,r)=>(e[r]=!0,e),{})}exports.getFeaturedCarouselItemClasses=({extraClass:e})=>{let t="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(t+=` ${e}`),r(t)},exports.getFeaturedImageCarouselClasses=({extraClass:e})=>{let t="`gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(t+=` ${e}`),r(t)},exports.getFeaturedImageClasses=({setting:t,extraClass:l})=>{let p=l??"";return e.DEVICES.forEach(r=>{let l=e.getResponsiveValueByScreen(t?.ftNavigationPosition,r),g="desktop"!==r?`${r}:`:"";"outside"===l?p+=` ${g}gp-px-[16px]`:p+=` ${g}gp-px-0`}),r(p)},exports.getFeaturedImageGalleryClasses=({settings:t,extraClass:l})=>{let p=l??"gp-flex-1 gp-w-full carousel-gallery";return e.DEVICES.forEach(r=>{let l=e.getResponsiveValueByScreen(t?.navigationPosition,r),g=e.getResponsiveValueByScreen(t?.type,r),a=e.getResponsiveValueByScreen(t?.position,r),s="desktop"!==r?`${r}:`:"";"outside"===l&&"slider"===g&&["bottom-center"].includes(a||"")?p+=` ${s}gp-px-[16px]`:p+=` ${s}gp-px-0`}),r(p)},exports.getFtImageWithGalleryClasses=({extraClass:e})=>{let t="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(t+=` ${e}`),r(t)},exports.getGalleryGridWrapperClasses=({extraClass:e})=>{let t="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400 gp-z-1";return e&&(t+=` ${e}`),r(t)},exports.getGalleryItemClasses=({extraClass:e})=>{let t="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer";return e&&(t+=` ${e}`),r(t)},exports.getGalleryWrapperClasses=({extraClass:e})=>{let t="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(t+=` ${e}`),r(t)},exports.getImageGalleryWrapperClasses=({extraClass:e})=>{let t="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(t+=` ${e}`),r(t)},exports.getWrapperClasses=({extraClass:e,isAddOverFlowClass:t=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),t&&(l+=" gp-overflow-hidden"),r(l)};
+"use strict";var core=require("@gem-sdk/core");function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}const getWrapperClasses=({extraClass:e,isAddOverFlowClass:s=!1})=>{let l="gp-relative gp-w-full";return e&&(l+=` ${e}`),s&&(l+=" gp-overflow-hidden"),composeClasses(l)},getGalleryWrapperClasses=({extraClass:e})=>{let s="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full gp-max-h-full data-[only-image=true]:gp-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getGalleryGridWrapperClasses=({extraClass:e})=>{let s="product-feature-image grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400 gp-z-1";return e&&(s+=` ${e}`),composeClasses(s)},getFtImageWithGalleryClasses=({extraClass:e})=>{let s="gp-flex !gp-h-fit gp-relative gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getImageGalleryWrapperClasses=({extraClass:e})=>{let s="gp-flex gp-h-fit gp-max-w-full gp-overflow-hidden";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageCarouselClasses=({extraClass:e})=>{let s="`gp-flex-1 gp-w-full gp-feature-image-carousel";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedImageClasses=({setting:e,extraClass:s})=>{let l=s??"";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.ftNavigationPosition,s),a="desktop"!==s?`${s}:`:"";"outside"===r?l+=` ${a}gp-px-[16px]`:l+=` ${a}gp-px-0`}),composeClasses(l)},getFeaturedImageGalleryClasses=({settings:e,extraClass:s})=>{let l=s??"gp-flex-1 gp-w-full carousel-gallery";return core.DEVICES.forEach(s=>{let r=core.getResponsiveValueByScreen(e?.navigationPosition,s),a=core.getResponsiveValueByScreen(e?.type,s),t=core.getResponsiveValueByScreen(e?.position,s),g="desktop"!==s?`${s}:`:"";"outside"===r&&"slider"===a&&["bottom-center"].includes(t||"")?l+=` ${g}gp-px-[16px]`:l+=` ${g}gp-px-0`}),composeClasses(l)},getGalleryItemClasses=({extraClass:e})=>{let s="gp-image-item gp-flex gp-items-center gp-justify-center gp-group gp-relative gp-overflow-hidden gp-cursor-pointer";return e&&(s+=` ${e}`),composeClasses(s)},getFeaturedCarouselItemClasses=({extraClass:e})=>{let s="gp-group gp-z-0 gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline";return e&&(s+=` ${e}`),composeClasses(s)};exports.getFeaturedCarouselItemClasses=getFeaturedCarouselItemClasses,exports.getFeaturedImageCarouselClasses=getFeaturedImageCarouselClasses,exports.getFeaturedImageClasses=getFeaturedImageClasses,exports.getFeaturedImageGalleryClasses=getFeaturedImageGalleryClasses,exports.getFtImageWithGalleryClasses=getFtImageWithGalleryClasses,exports.getGalleryGridWrapperClasses=getGalleryGridWrapperClasses,exports.getGalleryItemClasses=getGalleryItemClasses,exports.getGalleryWrapperClasses=getGalleryWrapperClasses,exports.getImageGalleryWrapperClasses=getImageGalleryWrapperClasses,exports.getWrapperClasses=getWrapperClasses;

package/dist/cjs/product/components/product-images-v3/common/common.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let o=e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em","");return isNaN(Number(o))?t:Number(o)},o=t=>{let o={};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t,r)?.shapeValue;if(l)o={...o,[r]:l};else{let l=e.getResponsiveValueByScreen(t,r)?.shape;switch(l){case"square":o={...o,[r]:"1/1"};break;case"vertical":o={...o,[r]:"3/4"};break;case"horizontal":o={...o,[r]:"4/3"};break;case"original":o={...o,[r]:""}}}}),e.makeAspectRatio(o)},r=e=>{let t=parseInt(e)?`${2*parseInt(e)}px`:`${e} * 2`;return t},l=e=>{let t=e.match(/\d+/g);return t?t[0]:e};exports.checkAddOverFlowClass=e=>{let t=e?.["--radius"],o=e?.["--bblr"]||"0px",r=e?.["--bbrr"]||"0px",l=e?.["--btlr"]||"0px",i=e?.["--btrr"]||"0px";return t&&!t.toString().includes("none")&&"0"!==t.toString()||"0px"!==o||"0px"!==r||"0px"!==l||"0px"!==i},exports.convertSpacing=e=>{if(!e)return{desktop:5};let o=t(e.desktop,5),r=t(e.tablet,o),l=t(e.mobile,r);return{desktop:o,tablet:r,mobile:l}},exports.convertSpacingForIndisdeLayout=r,exports.convertUnitToNumber=t,exports.getAspectRatio=o,exports.getConditionRenderGalleryImages=(t,o)=>{let r=!0,l=!1;return["desktop","mobile","tablet"].forEach(i=>{let s=e.getResponsiveValueByScreen(t,i),n=e.getResponsiveValueByScreen(o,i);s&&"only-feature"!==s&&(r=!1),(["two-col","one-col"].includes(s)||"images"===n)&&(l=!0)}),{isOnlyFeatureAllDevices:r,isRenderGalleryGrid:l}},exports.getDisplayStyle=(e,t)=>{let o={};return["desktop","mobile","tablet"].forEach(r=>{o={...o,[`--d${"desktop"===r?"":`-${r}`}`]:`${e(r)?"none":t}`}}),o},exports.getGalleryCarouselRenderByLayout=t=>{let o={};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t,r);o={...o,[r]:"only-feature"!==l}}),o},exports.getPaddingBottomByShapeSetting=t=>{let r=o(t),i={desktop:"auto",mobile:"auto",tablet:"auto"};return["desktop","mobile","tablet"].forEach(o=>{let s=e.getResponsiveValueByScreen(t,o),n=s?.height,a=s?.width||"",p=l(n||""),u=a.toString().match(/px/g)?l(a):a;if(n&&a&&!isNaN(Number(p))&&!isNaN(Number(u))){i={...i,[o]:`${Number(p)/Number(u)*100}%`};return}if(n&&!isNaN(Number(p))){i={...i,[o]:n};return}let d=r?.[o]!=="auto"&&r?.[o]?r?.[o]?.split("/").reverse().join("/"):"{%if largestRatio == 0%} 100 / 100 {%else%} {{largestRatio}} {%endif%}";i={...i,[o]:`calc((${d})*100%)`}}),i},exports.getSrcImage=e=>`{{${e} | image_url: width: 480}} 480w, {{${e} | image_url: width: 768}} 768w, {{${e} | image_url: width: 1024}} 1024w, {{${e} | image_url: width: 1440}} 1440w`,exports.getStyleGridLayout=t=>{let o={"--gtc":"minmax(0, 12fr)","--gtc-tablet":"minmax(0, 12fr)","--gtc-mobile":"minmax(0, 12fr)"};if(!t.isHiddenGalleryImages){let r=!1;e.DEVICES.forEach(l=>{let i=e.getResponsiveValueByScreen(t.position,l),s=e.getResponsiveValueByScreen(t.ratioLayout,l),n=e.getResponsiveValueByScreen(t.ratioLayoutRight,l),a="desktop"===l?"--gtc":`--gtc-${l}`,p="desktop"===l?"--gtr":`--gtr-${l}`,u="left"===i?s:n,d=["left","right"].includes(i||"");d&&u?(r=!0,Object.assign(o={...o,[a]:`minmax(0, ${u[0]}fr) minmax(0, ${u[1]}fr)`},{[p]:"fit-content(0)"})):r&&Object.assign(o,{[p]:"unset"})})}return o},exports.getStyleGridOrderForFeature=t=>{let o={"--o":"0","--o-tablet":"0","--o-mobile":"0"};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t.position,r),i="desktop"===r?"--o":`--o-${r}`;o={...o,[i]:"left"===l?"1":"0"}}),o},exports.getStyleGridOrderForGallery=t=>{let o={"--o":"1","--o-tablet":"1","--o-mobile":"1"};return["desktop","mobile","tablet"].forEach(r=>{let l=e.getResponsiveValueByScreen(t.position,r),i="desktop"===r?"--o":`--o-${r}`;o={...o,[i]:"left"===l?"0":"1"}}),o},exports.getStyleInsideLayout=(t,o,l)=>{let i={},s={},n={},a={},p={},u={};return["desktop","mobile","tablet"].forEach(d=>{let c=e.getResponsiveValueByScreen(t,d),m=e.getResponsiveValueByScreen(o,d)?.width,g=e.getResponsiveValueByScreen(l,d);if(i={...i,[d]:["inside-bottom","inside-left","inside-right"].includes(c)?"absolute":"static"},["inside-bottom"].includes(c)){let e=r(g);m=`calc(100% - ${e})`}["bottom-center","two-col","one-col"].includes(c)&&(m="100%"),n={...n,[d]:"inside-bottom"===c?`${g}`:"auto"},a={...a,[d]:["inside-left","inside-right"].includes(c)?`${g}`:"auto"},u={...u,[d]:["inside-bottom","inside-left"].includes(c)?`${g}`:"auto"},p={...p,[d]:"inside-right"===c?`${g}`:"auto"},s={...s,[d]:m}}),{...e.makeStyleResponsive("pos",i),...e.makeStyleResponsive("w",e.removeNullUndefined(s)),...e.makeStyleResponsive("bottom",e.removeNullUndefined(n)),...e.makeStyleResponsive("top",e.removeNullUndefined(a)),...e.makeStyleResponsive("left",e.removeNullUndefined(u)),...e.makeStyleResponsive("right",e.removeNullUndefined(p))}},exports.getTypeWidthDevice=e=>{let t=e?.desktop,o=e?.tablet===void 0?t:e?.tablet,r=e?.mobile===void 0?o:e?.mobile;return{desktop:t,tablet:o,mobile:r}},exports.setDefaultWhenUndefineSetting=e=>({...e,setting:{...e.setting}});
+"use strict";var core=require("@gem-sdk/core");const getTypeWidthDevice=e=>{let t=e?.desktop,o=e?.tablet===void 0?t:e?.tablet,r=e?.mobile===void 0?o:e?.mobile;return{desktop:t,tablet:o,mobile:r}},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let o=e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em","");return isNaN(Number(o))?t:Number(o)},convertSpacing=e=>{if(!e)return{desktop:5};let t=convertUnitToNumber(e.desktop,5),o=convertUnitToNumber(e.tablet,t),r=convertUnitToNumber(e.mobile,o);return{desktop:t,tablet:o,mobile:r}},getDisplayStyle=(e,t)=>{let o={},r=["desktop","mobile","tablet"];return r.forEach(r=>{o={...o,[`--d${"desktop"===r?"":`-${r}`}`]:`${e(r)?"none":t}`}}),o},checkAddOverFlowClass=e=>{let t=e?.["--radius"],o=e?.["--bblr"]||"0px",r=e?.["--bbrr"]||"0px",i=e?.["--btlr"]||"0px",l=e?.["--btrr"]||"0px";return t&&!t.toString().includes("none")&&"0"!==t.toString()||"0px"!==o||"0px"!==r||"0px"!==i||"0px"!==l},getAspectRatio=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let r=core.getResponsiveValueByScreen(e,o)?.shapeValue;if(r)t={...t,[o]:r};else{let r=core.getResponsiveValueByScreen(e,o)?.shape;switch(r){case"square":t={...t,[o]:"1/1"};break;case"vertical":t={...t,[o]:"3/4"};break;case"horizontal":t={...t,[o]:"4/3"};break;case"original":t={...t,[o]:""}}}}),core.makeAspectRatio(t)},getStyleGridLayout=e=>{let t={"--gtc":"minmax(0, 12fr)","--gtc-tablet":"minmax(0, 12fr)","--gtc-mobile":"minmax(0, 12fr)"};if(!e.isHiddenGalleryImages){let o=!1;core.DEVICES.forEach(r=>{let i=core.getResponsiveValueByScreen(e.position,r),l=core.getResponsiveValueByScreen(e.ratioLayout,r),n=core.getResponsiveValueByScreen(e.ratioLayoutRight,r),a="desktop"===r?"--gtc":`--gtc-${r}`,s="desktop"===r?"--gtr":`--gtr-${r}`,c="left"===i?l:n,d=["left","right"].includes(i||"");d&&c?(o=!0,Object.assign(t={...t,[a]:`minmax(0, ${c[0]}fr) minmax(0, ${c[1]}fr)`},{[s]:"fit-content(0)"})):o&&Object.assign(t,{[s]:"unset"})})}return t},getStyleGridOrderForFeature=e=>{let t={"--o":"0","--o-tablet":"0","--o-mobile":"0"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let r=core.getResponsiveValueByScreen(e.position,o),i="desktop"===o?"--o":`--o-${o}`;t={...t,[i]:"left"===r?"1":"0"}}),t},getStyleGridOrderForGallery=e=>{let t={"--o":"1","--o-tablet":"1","--o-mobile":"1"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let r=core.getResponsiveValueByScreen(e.position,o),i="desktop"===o?"--o":`--o-${o}`;t={...t,[i]:"left"===r?"0":"1"}}),t},getSrcImage=e=>`{{${e} | image_url: width: 480}} 480w, {{${e} | image_url: width: 768}} 768w, {{${e} | image_url: width: 1024}} 1024w, {{${e} | image_url: width: 1440}} 1440w`,convertSpacingForIndisdeLayout=e=>{let t=parseInt(e)?`${2*parseInt(e)}px`:`${e} * 2`;return t},getStyleInsideLayout=(e,t,o)=>{let r=["desktop","mobile","tablet"],i={},l={},n={},a={},s={},c={};return r.forEach(r=>{let d=core.getResponsiveValueByScreen(e,r),u=core.getResponsiveValueByScreen(t,r)?.width,g=core.getResponsiveValueByScreen(o,r);if(i={...i,[r]:["inside-bottom","inside-left","inside-right"].includes(d)?"absolute":"static"},["inside-bottom"].includes(d)){let e=convertSpacingForIndisdeLayout(g);u=`calc(100% - ${e})`}["bottom-center","two-col","one-col"].includes(d)&&(u="100%"),n={...n,[r]:"inside-bottom"===d?`${g}`:"auto"},a={...a,[r]:["inside-left","inside-right"].includes(d)?`${g}`:"auto"},c={...c,[r]:["inside-bottom","inside-left"].includes(d)?`${g}`:"auto"},s={...s,[r]:"inside-right"===d?`${g}`:"auto"},l={...l,[r]:u}}),{...core.makeStyleResponsive("pos",i),...core.makeStyleResponsive("w",core.removeNullUndefined(l)),...core.makeStyleResponsive("bottom",core.removeNullUndefined(n)),...core.makeStyleResponsive("top",core.removeNullUndefined(a)),...core.makeStyleResponsive("left",core.removeNullUndefined(c)),...core.makeStyleResponsive("right",core.removeNullUndefined(s))}},getConditionRenderGalleryImages=(e,t)=>{let o=["desktop","mobile","tablet"],r=!0,i=!1;return o.forEach(o=>{let l=core.getResponsiveValueByScreen(e,o),n=core.getResponsiveValueByScreen(t,o);l&&"only-feature"!==l&&(r=!1),(["two-col","one-col"].includes(l)||"images"===n)&&(i=!0)}),{isOnlyFeatureAllDevices:r,isRenderGalleryGrid:i}},setDefaultWhenUndefineSetting=e=>({...e,setting:{...e.setting}}),getValueFromValueContainUnit=e=>{let t=e.match(/\d+/g);return t?t[0]:e},getPaddingBottomByShapeSetting=e=>{let t=getAspectRatio(e),o={desktop:"auto",mobile:"auto",tablet:"auto"},r=["desktop","mobile","tablet"];return r.forEach(r=>{let i=core.getResponsiveValueByScreen(e,r),l=i?.height,n=i?.width||"",a=getValueFromValueContainUnit(l||""),s=n.toString().match(/px/g)?getValueFromValueContainUnit(n):n;if(l&&n&&!isNaN(Number(a))&&!isNaN(Number(s))){o={...o,[r]:`${Number(a)/Number(s)*100}%`};return}if(l&&!isNaN(Number(a))){o={...o,[r]:l};return}let c=t?.[r]!=="auto"&&t?.[r]?t?.[r]?.split("/").reverse().join("/"):"{%if largestRatio == 0%} 100 / 100 {%else%} {{largestRatio}} {%endif%}";o={...o,[r]:`calc((${c})*100%)`}}),o};exports.checkAddOverFlowClass=checkAddOverFlowClass,exports.convertSpacing=convertSpacing,exports.convertSpacingForIndisdeLayout=convertSpacingForIndisdeLayout,exports.convertUnitToNumber=convertUnitToNumber,exports.getAspectRatio=getAspectRatio,exports.getConditionRenderGalleryImages=getConditionRenderGalleryImages,exports.getDisplayStyle=getDisplayStyle,exports.getPaddingBottomByShapeSetting=getPaddingBottomByShapeSetting,exports.getSrcImage=getSrcImage,exports.getStyleGridLayout=getStyleGridLayout,exports.getStyleGridOrderForFeature=getStyleGridOrderForFeature,exports.getStyleGridOrderForGallery=getStyleGridOrderForGallery,exports.getStyleInsideLayout=getStyleInsideLayout,exports.getTypeWidthDevice=getTypeWidthDevice,exports.setDefaultWhenUndefineSetting=setDefaultWhenUndefineSetting;

package/dist/cjs/product/components/product-images-v3/common/getBorderActiveCss.js

@@ -1,5 +1,5 @@
-"use strict";var e=require("@gem-sdk/core");exports.getBorderActiveCss=({settings:t,uid:i,type:r})=>{let a="Liquid"===r?`.gem-slider-item-${i}-{{product.id}}.gp-gallery-image-item::after, .gem-slider-item-gp-gallery-${i}-{{product.id}}.gp-gallery-image-item.gem-slider-item-active::after`:`.gem-slider-item-active.gem-slider-item-${i}.gp-gallery-image-item::after`;return`
-    ${a} {
+"use strict";var core=require("@gem-sdk/core");const getBorderActiveCss=({settings:e,uid:t,type:r})=>{let i="Liquid"===r?`.gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item::after, .gem-slider-item-gp-gallery-${t}-{{product.id}}.gp-gallery-image-item.gem-slider-item-active::after`:`.gem-slider-item-active.gem-slider-item-${t}.gp-gallery-image-item::after`;return`
+    ${i} {
       content: "";
       height: 100%;
       width: 100%;
@@ -7,14 +7,14 @@
       z-index: 999;
       top: 0;
       left: 0;
-      ${e.composeBorderCss(t?.borderActive)}
-      ${e.composeCornerCss(t?.corner)}
+      ${core.composeBorderCss(e?.borderActive)}
+      ${core.composeCornerCss(e?.corner)}
     }
-    .gem-slider-item-${i}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after, .gem-slider-item-gp-gallery-${i}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after {
+    .gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after, .gem-slider-item-gp-gallery-${t}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after {
       pointer-events: none;
     }
-    .gem-slider-item-${i}-{{product.id}}.gp-gallery-image-item[data-outline=none]:after{
+    .gem-slider-item-${t}-{{product.id}}.gp-gallery-image-item[data-outline=none]:after{
         pointer-events: none;
         border-color: transparent !important;
     }
-  `};
+  `};exports.getBorderActiveCss=getBorderActiveCss;

package/dist/cjs/product/components/product-images-v3/common/hoverAction.js

@@ -1 +1 @@
-"use strict";var e=require("./common.js");const t=({featureImageHoverDom:e})=>{e&&(e.style.opacity="1",e.style.top="0px",e.style.left="0px",e.style.width="100%",e.style.height="100%")},o=({zoomLens:e,zoomSize:t,zoomValue:o,slideWidth:r,slideHeight:l,imageOffsetX:i,imageOffsetY:c})=>{if(!e)return;e.style.opacity="1";let s=e.offsetWidth/2,n=e.offsetHeight/2,f=l||1;i>r-s/o&&(i=r-s/o),i<s/o&&(i=s/o),c>f-n/o&&(c=f-n/o),c<n/o&&(c=n/o),e.style.top=c-n+"px",e.style.left=i-s+"px",e.style.backgroundSize=t+"px "+f*o+"px",e.style.backgroundPosition=`-${i*o-s}px -${c*o-n}px`},r=({featureImageDom:e,featureImageHoverDom:t,zoomSize:o,zoomSizeHeight:r,slideWidth:l,imageOffsetX:i,imageOffsetY:c,isEnableShowOtherImage:s=!1})=>{if(!t)return;t.style.width=`${o}px`,s||(t.style.height=`${r}px`),t.style.opacity="1";let n=i/e?.offsetWidth,f=c/e?.offsetHeight;t.style.top=(e?.offsetHeight-t.offsetHeight)*f+"px",t.style.left=(l-o)*n+"px"};exports.handleMouseMove=(l,i)=>{let c=i?.hoverEffect==="zoom"&&i?.zoomType==="default",s=i?.hoverEffect==="zoom"&&i?.zoomType==="glasses",n=i?.hoverEffect==="other",f=i?.hoverEffect!=="none";if(!f)return;let y=l.currentTarget.querySelector("img"),h=l.currentTarget.querySelector("img.hover-image"),p=l.currentTarget.querySelector(".room-len"),g=y?.getBoundingClientRect(),u=y?.clientWidth||0,a=y?.clientHeight||0,m=e.convertUnitToNumber(i?.zoom,0),x=!m||m<100?1:m/100||1,d=(u||1)*(i?.hoverEffect==="other"?1:x),v=(a||1)*(i?.hoverEffect==="other"?1:x),T=l.clientX-g?.x,q=l.clientY-g?.y;n&&t({featureImageHoverDom:h}),c&&l.clientX>=g?.x&&l.clientX<=g.right&&l.clientY>=g?.y&&l.clientY<=g.bottom&&r({featureImageDom:y,featureImageHoverDom:h,zoomSize:d,zoomSizeHeight:v,slideWidth:u,imageOffsetX:T,imageOffsetY:q,isEnableShowOtherImage:n}),s&&o({zoomLens:p,zoomSize:d,zoomValue:x,slideWidth:u,slideHeight:a,imageOffsetX:T,imageOffsetY:q})},exports.handleMouseOut=e=>{let t=e.currentTarget.querySelector("img.hover-image"),o=e.currentTarget.querySelector(".room-len");t&&(t.style.opacity="0"),o&&(o.style.opacity="0")};
+"use strict";var common=require("./common.js");const handleMouseMove=(e,t)=>{let o=t?.hoverEffect==="zoom"&&t?.zoomType==="default",r=t?.hoverEffect==="zoom"&&t?.zoomType==="glasses",l=t?.hoverEffect==="other",i=t?.hoverEffect!=="none";if(!i)return;let s=e.currentTarget.querySelector("img"),n=e.currentTarget.querySelector("img.hover-image"),c=e.currentTarget.querySelector(".room-len"),y=s?.getBoundingClientRect(),h=s?.clientWidth||0,a=s?.clientHeight||0,f=common.convertUnitToNumber(t?.zoom,0),p=!f||f<100?1:f/100||1,u=(h||1)*(t?.hoverEffect==="other"?1:p),m=(a||1)*(t?.hoverEffect==="other"?1:p),g=e.clientX-y?.x,d=e.clientY-y?.y;l&&displayOtherImage({featureImageHoverDom:n}),o&&e.clientX>=y?.x&&e.clientX<=y.right&&e.clientY>=y?.y&&e.clientY<=y.bottom&&displayZoomImage({featureImageDom:s,featureImageHoverDom:n,zoomSize:u,zoomSizeHeight:m,slideWidth:h,imageOffsetX:g,imageOffsetY:d,isEnableShowOtherImage:l}),r&&displayZoomLen({zoomLens:c,zoomSize:u,zoomValue:p,imagePosition:y,slideWidth:h,slideHeight:a,imageOffsetX:g,imageOffsetY:d})},displayOtherImage=({featureImageHoverDom:e})=>{e&&(e.style.opacity="1",e.style.top="0px",e.style.left="0px",e.style.width="100%",e.style.height="100%")},displayZoomLen=({zoomLens:e,zoomSize:t,zoomValue:o,slideWidth:r,slideHeight:l,imageOffsetX:i,imageOffsetY:s})=>{if(!e)return;e.style.opacity="1";let n=e.offsetWidth/2,c=e.offsetHeight/2,y=l||1;i>r-n/o&&(i=r-n/o),i<n/o&&(i=n/o),s>y-c/o&&(s=y-c/o),s<c/o&&(s=c/o),e.style.top=s-c+"px",e.style.left=i-n+"px",e.style.backgroundSize=t+"px "+y*o+"px",e.style.backgroundPosition=`-${i*o-n}px -${s*o-c}px`},displayZoomImage=({featureImageDom:e,featureImageHoverDom:t,zoomSize:o,zoomSizeHeight:r,slideWidth:l,imageOffsetX:i,imageOffsetY:s,isEnableShowOtherImage:n=!1})=>{if(!t)return;t.style.width=`${o}px`,n||(t.style.height=`${r}px`),t.style.opacity="1";let c=i/e?.offsetWidth,y=s/e?.offsetHeight;t.style.top=(e?.offsetHeight-t.offsetHeight)*y+"px",t.style.left=(l-o)*c+"px"},handleMouseOut=e=>{let t=e.currentTarget.querySelector("img.hover-image"),o=e.currentTarget.querySelector(".room-len");t&&(t.style.opacity="0"),o&&(o.style.opacity="0")};exports.handleMouseMove=handleMouseMove,exports.handleMouseOut=handleMouseOut;

package/dist/cjs/product/components/product-images-v3/common/productFeaturedImage.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(t,o)=>"only-feature"!==e.getResponsiveValueByScreen(t.position,o)||"none"!==e.getResponsiveValueByScreen(t.ftNavigationPosition,o)||"none"!==e.getResponsiveValueByScreen(t.ftDotStyle,o)||!0===e.getResponsiveValueByScreen(t.ftLoop,o)||!0===t.ftDragToScroll;exports.checkRenderFeaturedCarousel=e=>{let o=!1;return["desktop","mobile","tablet"].forEach(n=>{let r=t(e,n);t(e,n)&&(o=r)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let r=e.getResponsiveValueByScreen(t.position,n),s=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===r?s:"none"}}),o},exports.getVideoHeight=t=>{if(!t)return null;let o={};return Object.keys(t).forEach(e=>{let n=t[e];n&&(o[e]="cover"===n?"100%":"auto")}),e.makeStyleResponsive("h",o)},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);
+"use strict";var core=require("@gem-sdk/core");const isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getZoomLenClass=()=>"!gp-flex gp-absolute gp-opacity-0 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white gp-pointer-events-none",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none",getDotStyleForOnlyFeaturedImage=e=>{let o={};return core.DEVICES.forEach(t=>{let r=core.getResponsiveValueByScreen(e.position,t),s=core.getResponsiveValueByScreen(e.dotStyle,t);o={...o,[t]:"only-feature"===r?s:"none"}}),o},getVideoHeight=e=>{if(!e)return null;let o={};return Object.keys(e).forEach(t=>{let r=e[t];r&&(o[t]="cover"===r?"100%":"auto")}),core.makeStyleResponsive("h",o)},checkRenderFeaturedCarousel=e=>{let o=["desktop","mobile","tablet"],t=!1;return o.forEach(o=>{let r=checkShowCarousel(e,o);checkShowCarousel(e,o)&&(t=r)}),t},checkShowCarousel=(e,o)=>"only-feature"!==core.getResponsiveValueByScreen(e.position,o)||"none"!==core.getResponsiveValueByScreen(e.ftNavigationPosition,o)||"none"!==core.getResponsiveValueByScreen(e.ftDotStyle,o)||!0===core.getResponsiveValueByScreen(e.ftLoop,o)||!0===e.ftDragToScroll;exports.checkRenderFeaturedCarousel=checkRenderFeaturedCarousel,exports.getDotStyleForOnlyFeaturedImage=getDotStyleForOnlyFeaturedImage,exports.getVideoHeight=getVideoHeight,exports.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;

package/dist/cjs/product/components/product-images-v3/common/productGallery.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./common.js"),o=require("../../product-images/common/productFeaturedImage.js");const s=["right","left","inside-left","inside-right"],i={desktop:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}},r=t=>{let o={};return["desktop","mobile","tablet"].forEach(i=>{let r=e.getResponsiveValueByScreen(t,i),n=s.includes(r);o=n?{...o,[i]:!0}:{...o,[i]:!1}}),o};exports.HORIZONTAL_LAYOUT=s,exports.checkDisplayGalleryByWidth=t=>{let o={desktop:!0,tablet:!0,mobile:!0};return["desktop","mobile","tablet"].forEach(s=>{let i=e.getResponsiveValueByScreen(t.shapeByLayout,s)?.width??"100%",r=0!==parseInt(i);o={...o,[s]:r}}),o},exports.getAllowDotConfig=()=>({desktop:!0,tablet:!0,mobile:!0}),exports.getCarouselVerticalConfigByPosition=r,exports.getDotStyleConfig=()=>({desktop:"none",tablet:"none",mobile:"none"}),exports.getEditorMinHeightClass=(t,o,s)=>{let i=r(o),n=e.getResponsiveValueByScreen(s,t);return i[t]&&"outside"===n?"!gp-min-h-0":"!gp-min-h-full"},exports.getMinHeightByPosition=(t,o)=>{let s=r(t),i={};return["desktop","mobile","tablet"].forEach(t=>{let r=e.getResponsiveValueByScreen(o,t),n="desktop"===t?"":`${t}:`;i[`${n}!gp-min-h-0`]=!!s[t]&&"outside"===r,i[`${n}!gp-min-h-full`]=!(s[t]&&"outside"===r)}),e.cls({...i})},exports.getSettingMinWidthForCarouselItem=t=>{let s={};return["desktop","mobile","tablet"].forEach(i=>{let r=e.getResponsiveValueByScreen(t.position,i),n=o.convertUnitToNumber(e.getResponsiveValueByScreen(t.spacing,i),5),a=e.getResponsiveValueByScreen(t.shapeByLayout,i)?.width,l="100%";if("bottom-center"===r||"inside-bottom"===r){let e=100/o.convertUnitToNumber(a,20);l=a?.includes("px")?a:a?.includes("%")?`calc(${a} - ${(e-1)*n/e}px)`:"100%"}s={...s,[i]:l}}),s},exports.getSettingWidthForCarouselItem=t=>{let o={};return["desktop","mobile","tablet"].forEach(s=>{let i=e.getResponsiveValueByScreen(t.position,s),r=e.getResponsiveValueByScreen(t.shapeByLayout,s)?.width;o={...o,[s]:"bottom-center"===i&&r?.includes("px")?r:"100%"}}),o},exports.getSettingWidthForGridItem=t=>{let o={};return["desktop","mobile","tablet"].forEach(s=>{let i=e.getResponsiveValueByScreen(t.shapeByLayout,s)?.width,r=e.getResponsiveValueByScreen(t.itemSpacing,s),n=0;i?.includes("%")&&(n=100/parseInt(i)),o={...o,[s]:n?`calc(${i} - ${r} * ${n-1} / ${n})`:i}}),o},exports.getShapeByLayout=(t,o)=>{let s={};return["desktop","mobile","tablet"].forEach(r=>{let n=e.getResponsiveValueByScreen(o,r);switch(n){case"bottom-center":case"bottom-left":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeForBottom,r)};break;case"inside-bottom":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeForInsideBottom??i,r)};break;case"left":case"right":s={...s,[r]:e.getResponsiveValueByScreen(t.shape,r)};break;case"inside-left":case"inside-right":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeForInside??i,r)};break;case"only-feature":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeForFtOnly,r)};break;case"one-col":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeFor1Col,r)};break;case"two-col":s={...s,[r]:e.getResponsiveValueByScreen(t.shapeFor2Col,r)}}}),s},exports.getZoomDisplay=o=>t.getDisplayStyle(t=>!e.getResponsiveValueByScreen(o,t),"flex"),exports.sizeSettingDefaultForNewLayout=i;
+"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productFeaturedImage=require("../../product-images/common/productFeaturedImage.js");const getZoomDisplay=e=>common.getDisplayStyle(t=>!core.getResponsiveValueByScreen(e,t),"flex"),HORIZONTAL_LAYOUT=["right","left","inside-left","inside-right"],sizeSettingDefaultForNewLayout={desktop:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}},getCarouselVerticalConfigByPosition=e=>{let t=["desktop","mobile","tablet"],o={};return t.forEach(t=>{let i=core.getResponsiveValueByScreen(e,t),r=HORIZONTAL_LAYOUT.includes(i);o=r?{...o,[t]:!0}:{...o,[t]:!1}}),o},getMinHeightByPosition=(e,t)=>{let o=["desktop","mobile","tablet"],i=getCarouselVerticalConfigByPosition(e),r={};return o.forEach(e=>{let o=core.getResponsiveValueByScreen(t,e),s="desktop"===e?"":`${e}:`;r[`${s}!gp-min-h-0`]=!!i[e]&&"outside"===o,r[`${s}!gp-min-h-full`]=!(i[e]&&"outside"===o)}),core.cls({...r})},getEditorMinHeightClass=(e,t,o)=>{let i=getCarouselVerticalConfigByPosition(t),r=core.getResponsiveValueByScreen(o,e);return i[e]&&"outside"===r?"!gp-min-h-0":"!gp-min-h-full"},getAllowDotConfig=()=>({desktop:!0,tablet:!0,mobile:!0}),getDotStyleConfig=()=>({desktop:"none",tablet:"none",mobile:"none"}),getSettingWidthForGridItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,r=core.getResponsiveValueByScreen(e.itemSpacing,o),s=0;i?.includes("%")&&(s=100/parseInt(i)),t={...t,[o]:s?`calc(${i} - ${r} * ${s-1} / ${s})`:i}}),t},getSettingWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r="bottom-center"===i,s=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width;t={...t,[o]:r&&s?.includes("px")?s:"100%"}}),t},getSettingMinWidthForCarouselItem=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.position,o),r=productFeaturedImage.convertUnitToNumber(core.getResponsiveValueByScreen(e.spacing,o),5),s="bottom-center"===i||"inside-bottom"===i,a=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width,n="100%";if(s){let e=100/productFeaturedImage.convertUnitToNumber(a,20);n=a?.includes("px")?a:a?.includes("%")?`calc(${a} - ${(e-1)*r/e}px)`:"100%"}t={...t,[o]:n}}),t},checkDisplayGalleryByWidth=e=>{let t={desktop:!0,tablet:!0,mobile:!0},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=core.getResponsiveValueByScreen(e.shapeByLayout,o)?.width??"100%",r=0!==parseInt(i);t={...t,[o]:r}}),t},getShapeByLayout=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i);switch(r){case"bottom-center":case"bottom-left":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForBottom,i)};break;case"inside-bottom":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInsideBottom??sizeSettingDefaultForNewLayout,i)};break;case"left":case"right":o={...o,[i]:core.getResponsiveValueByScreen(e.shape,i)};break;case"inside-left":case"inside-right":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForInside??sizeSettingDefaultForNewLayout,i)};break;case"only-feature":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeForFtOnly,i)};break;case"one-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor1Col,i)};break;case"two-col":o={...o,[i]:core.getResponsiveValueByScreen(e.shapeFor2Col,i)}}}),o};exports.HORIZONTAL_LAYOUT=HORIZONTAL_LAYOUT,exports.checkDisplayGalleryByWidth=checkDisplayGalleryByWidth,exports.getAllowDotConfig=getAllowDotConfig,exports.getCarouselVerticalConfigByPosition=getCarouselVerticalConfigByPosition,exports.getDotStyleConfig=getDotStyleConfig,exports.getEditorMinHeightClass=getEditorMinHeightClass,exports.getMinHeightByPosition=getMinHeightByPosition,exports.getSettingMinWidthForCarouselItem=getSettingMinWidthForCarouselItem,exports.getSettingWidthForCarouselItem=getSettingWidthForCarouselItem,exports.getSettingWidthForGridItem=getSettingWidthForGridItem,exports.getShapeByLayout=getShapeByLayout,exports.getZoomDisplay=getZoomDisplay,exports.sizeSettingDefaultForNewLayout=sizeSettingDefaultForNewLayout;

package/dist/cjs/product/components/product-images-v3/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./common.js"),o=require("./productGallery.js");const i=["desktop","mobile","tablet"];function a(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}exports.getFeatureImageCarouselItemStyle=t=>{let o=e.getHeightByShapeGlobalSize(t.ftShape),i={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...e.composeRadius({normal:t?.ftCorner},["normal"]),...e.makeStyleResponsive("h",e.makeHeight(o))};return a(i)},exports.getFeatureImageStyle=(o,{enableOrder:i,enableDisplay:s})=>{let r=t.getStyleGridOrderForFeature({position:o?.position}),n={...e.makeStyleResponsive("jc",o?.align),...{...r},...{...t.getDisplayStyle(t=>!["bottom-center","left","right","only-feature","inside-bottom","inside-left","inside-right"].includes(e.getResponsiveValueByScreen(o?.position,t)||""),"flex")}};return a(n)},exports.getFeaturedImageCarouselStyle=t=>{let o=o=>{let i=e.getResponsiveValueByScreen(t.ftShape,o);return i?.width??"100%"},i={playSpeed:t?.ftAnimationSpeed,sizeSetting:{desktop:{width:o("desktop"),height:"auto"},tablet:{width:o("tablet"),height:"auto"},mobile:{width:o("mobile"),height:"auto"}},align:{desktop:e.getResponsiveValueByScreen(t?.align,"desktop"),tablet:e.getResponsiveValueByScreen(t?.align,"tablet"),mobile:e.getResponsiveValueByScreen(t?.align,"mobile")},spacing:{desktop:6,tablet:6,mobile:6}};return a(i)},exports.getFeaturedImageOnlyOneImageStyle=({setting:t,options:o})=>{let i=e.getHeightByShapeGlobalSize(t?.ftShape),s={...e.makeStyleWithDefault("w",e.getWidthByShapeGlobalSize(t?.ftShape,!1,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...o?.enableRadius&&e.composeRadius({normal:t?.ftCorner}),...o?.enableHeight&&e.makeStyleResponsive("h",e.makeHeight(i))};return a(s)},exports.getGalleryCarouselItemStyle=t=>{let i=o.getShapeByLayout({shape:t.shape,shapeForBottom:t.shapeForBottom,shapeFor1Col:t.shapeFor1Col,shapeFor2Col:t.shapeFor2Col,shapeForFtOnly:t.shapeForFtOnly,shapeForInsideBottom:t.shapeForInsideBottom,shapeForInside:t.shapeForInside},t.position),s=e.makeStyleResponsive("minw",e.makeWidth(o.getSettingMinWidthForCarouselItem({shapeByLayout:i,position:t.position,spacing:t.itemSpacing}))),r=e.makeStyleResponsive("maxw",e.makeWidth(o.getSettingMinWidthForCarouselItem({shapeByLayout:i,position:t.position,spacing:t.itemSpacing}))),n=e.makeStyleResponsive("w",e.makeWidth(o.getSettingWidthForCarouselItem({shapeByLayout:i,position:t.position}))),l=e.makeStyleResponsive("h",e.makeHeight(e.getHeightByShapeGlobalSize(i))),p={"outline-color":"var(--g-c-brand, brand)",...s,...r,...n,...l,...e.composeRadius({normal:t.corner},["normal"])};return a(p)},exports.getGalleryCarouselStyle=i=>{let s=o.getShapeByLayout({shape:i.shape,shapeForBottom:i.shapeForBottom,shapeFor1Col:i.shapeFor1Col,shapeFor2Col:i.shapeFor2Col,shapeForFtOnly:i.shapeForFtOnly,shapeForInsideBottom:i.shapeForInsideBottom,shapeForInside:i.shapeForInside},i.position),r=t=>{let o=e.getResponsiveValueByScreen(i?.position,t),a=e.getResponsiveValueByScreen(s,t);return"bottom-center"!==o&&"inside-bottom"!==o&&"inside-left"!==o&&"inside-right"!==o&&"left"!==o&&"right"!==o&&a?.width?a.width:"100%"},n={spacing:t.convertSpacing(i?.itemSpacing),sizeSetting:{desktop:{width:r("desktop"),height:"100%"},tablet:{width:r("tablet"),height:"100%"},mobile:{width:r("mobile"),height:"100%"}}};return a(n)},exports.getGalleryGridItemStyle=t=>{let i=o.getShapeByLayout({shape:t.shape,shapeForBottom:t.shapeForBottom,shapeFor1Col:t.shapeFor1Col,shapeFor2Col:t.shapeFor2Col,shapeForFtOnly:t.shapeForFtOnly,shapeForInsideBottom:t.shapeForInsideBottom,shapeForInside:t.shapeForInside},t.position),s=e.getHeightByShapeGlobalSize(i),r=o.getSettingWidthForGridItem({shapeByLayout:i,itemSpacing:t.itemSpacing}),n={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...e.makeStyleResponsive("h",e.makeHeight(s)),...e.makeStyleResponsive("w",e.makeWidth(r)),...e.composeRadius({normal:t.corner},["normal"])};return a(n)},exports.getGalleryGridStyle=(i,s)=>{let r=o.getShapeByLayout({shape:i.shape,shapeForBottom:i.shapeForBottom,shapeFor1Col:i.shapeFor1Col,shapeFor2Col:i.shapeFor2Col,shapeForFtOnly:i.shapeForFtOnly,shapeForInsideBottom:i.shapeForInsideBottom,shapeForInside:i.shapeForInside},i.position),n={...(()=>{let a=(t,o,i)=>{let a=e.getResponsiveValueByScreen(o,i),s=e.getResponsiveValueByScreen(t,i),r="slider"!==s&&("bottom-center"===a||"inside-bottom"===a),n=["one-col","two-col"].includes(a||"");return r||n},s=o.checkDisplayGalleryByWidth({shapeByLayout:r}),n={desktop:s.desktop&&a(i.type,i.position,"desktop"),tablet:s.tablet&&a(i.type,i.position,"tablet"),mobile:s.mobile&&a(i.type,i.position,"mobile")};return t.getDisplayStyle(e=>!n[e],"flex")})(),...e.makeStyleResponsive("cg",i?.itemSpacing),...e.makeStyleResponsive("rg",i?.itemSpacing),...e.makeStyleResponsive("jc",i?.align),...s};return a(n)},exports.getGalleryImageStyle=(s,r)=>{let n=t.getStyleGridOrderForGallery({position:s.position}),l=o.getShapeByLayout({shape:s.shape,shapeForBottom:s.shapeForBottom,shapeFor1Col:s.shapeFor1Col,shapeFor2Col:s.shapeFor2Col,shapeForFtOnly:s.shapeForFtOnly,shapeForInsideBottom:s.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:s.shapeForInside??o.sizeSettingDefaultForNewLayout},s.position),p=t.getStyleInsideLayout(s.position,l,s?.spacing),h={...e.makeStyleResponsive("h",e.makeHeight((()=>{let o={},a=r??0;return i.forEach(i=>{let r=e.getResponsiveValueByScreen(s?.position,i),n=["left","right"].includes(r),l=e.getResponsiveValueByScreen(s?.spacing,i),p=["inside-left","inside-right"].includes(r),h=t.convertSpacingForIndisdeLayout(l),g=`calc(${a}px - ${h})`;o={...o,[i]:n?a+"px":p?g:"auto"}}),o})())),...e.makeStyleResponsive("jc",s?.align),...n,...p};return a(h)},exports.getWrapContainerStyle=(o,i)=>{let s=t.getStyleGridLayout({position:o.position,ratioLayout:o.ratioLayout,ratioLayoutRight:o.ratioLayoutRight,isHiddenGalleryImages:!!i}),r={...i?{"--gtc":"minmax(0, 12fr)"}:s,...e.makeStyleResponsive("gg",o?.spacing)};return a(r)};
+"use strict";var core=require("@gem-sdk/core"),common=require("./common.js"),productGallery=require("./productGallery.js");const DEVICES=["desktop","mobile","tablet"];function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}const getWrapContainerStyle=(e,t)=>{let o=common.getStyleGridLayout({position:e.position,ratioLayout:e.ratioLayout,ratioLayoutRight:e.ratioLayoutRight,isHiddenGalleryImages:!!t}),r={"--gtc":"minmax(0, 12fr)"},a={...t?r:o,...core.makeStyleResponsive("gg",e?.spacing)};return filterTruthyStyles(a)},getFeatureImageStyle=(e,{enableOrder:t,enableDisplay:o})=>{let r=()=>common.getDisplayStyle(t=>!["bottom-center","left","right","only-feature","inside-bottom","inside-left","inside-right"].includes(core.getResponsiveValueByScreen(e?.position,t)||""),"flex"),a=common.getStyleGridOrderForFeature({position:e?.position}),l={...core.makeStyleResponsive("jc",e?.align),...t&&{...a},...o&&{...r()}};return filterTruthyStyles(l)},getGalleryImageStyle=(e,t)=>{let o=common.getStyleGridOrderForGallery({position:e.position}),r=()=>{let o={},r=t??0;return DEVICES.forEach(t=>{let a=core.getResponsiveValueByScreen(e?.position,t),l=["left","right"].includes(a),i=core.getResponsiveValueByScreen(e?.spacing,t),s=["inside-left","inside-right"].includes(a),n=common.convertSpacingForIndisdeLayout(i),p=`calc(${r}px - ${n})`;o={...o,[t]:l?r+"px":s?p:"auto"}}),o},a=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom??productGallery.sizeSettingDefaultForNewLayout,shapeForInside:e.shapeForInside??productGallery.sizeSettingDefaultForNewLayout},e.position),l=common.getStyleInsideLayout(e.position,a,e?.spacing),i={...core.makeStyleResponsive("h",core.makeHeight(r())),...core.makeStyleResponsive("jc",e?.align),...o,...l};return filterTruthyStyles(i)},getGalleryGridStyle=(e,t)=>{let o=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),r=()=>{let t=(e,t,o)=>{let r=core.getResponsiveValueByScreen(t,o),a=core.getResponsiveValueByScreen(e,o),l="slider"!==a&&("bottom-center"===r||"inside-bottom"===r),i=["one-col","two-col"].includes(r||"");return l||i},r=productGallery.checkDisplayGalleryByWidth({shapeByLayout:o}),a={desktop:r.desktop&&t(e.type,e.position,"desktop"),tablet:r.tablet&&t(e.type,e.position,"tablet"),mobile:r.mobile&&t(e.type,e.position,"mobile")};return common.getDisplayStyle(e=>!a[e],"flex")},a={...r(),...core.makeStyleResponsive("cg",e?.itemSpacing),...core.makeStyleResponsive("rg",e?.itemSpacing),...core.makeStyleResponsive("jc",e?.align),...t};return filterTruthyStyles(a)},getGalleryGridItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.getHeightByShapeGlobalSize(t),r=productGallery.getSettingWidthForGridItem({shapeByLayout:t,itemSpacing:e.itemSpacing}),a={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.makeStyleResponsive("h",core.makeHeight(o)),...core.makeStyleResponsive("w",core.makeWidth(r)),...core.composeRadius({normal:e.corner},["normal"])};return filterTruthyStyles(a)},getFeatureImageCarouselItemStyle=e=>{let t=core.getHeightByShapeGlobalSize(e.ftShape),o={"max-width":"100%","outline-color":"var(--g-c-brand, brand)",...core.composeRadius({normal:e?.ftCorner},["normal"]),...core.makeStyleResponsive("h",core.makeHeight(t))};return filterTruthyStyles(o)},getGalleryCarouselStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=o=>{let r=core.getResponsiveValueByScreen(e?.position,o),a="bottom-center"===r||"inside-bottom"===r,l="inside-left"===r||"inside-right"===r||"left"===r||"right"===r,i=core.getResponsiveValueByScreen(t,o);return a||l||!i?.width?"100%":i.width},r={spacing:common.convertSpacing(e?.itemSpacing),sizeSetting:{desktop:{width:o("desktop"),height:"100%"},tablet:{width:o("tablet"),height:"100%"},mobile:{width:o("mobile"),height:"100%"}}};return filterTruthyStyles(r)},getGalleryCarouselItemStyle=e=>{let t=productGallery.getShapeByLayout({shape:e.shape,shapeForBottom:e.shapeForBottom,shapeFor1Col:e.shapeFor1Col,shapeFor2Col:e.shapeFor2Col,shapeForFtOnly:e.shapeForFtOnly,shapeForInsideBottom:e.shapeForInsideBottom,shapeForInside:e.shapeForInside},e.position),o=core.makeStyleResponsive("minw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),r=core.makeStyleResponsive("maxw",core.makeWidth(productGallery.getSettingMinWidthForCarouselItem({shapeByLayout:t,position:e.position,spacing:e.itemSpacing}))),a=core.makeStyleResponsive("w",core.makeWidth(productGallery.getSettingWidthForCarouselItem({shapeByLayout:t,position:e.position}))),l=core.makeStyleResponsive("h",core.makeHeight(core.getHeightByShapeGlobalSize(t))),i={"outline-color":"var(--g-c-brand, brand)",...o,...r,...a,...l,...core.composeRadius({normal:e.corner},["normal"])};return filterTruthyStyles(i)},getFeaturedImageCarouselStyle=e=>{let t=t=>{let o=core.getResponsiveValueByScreen(e.ftShape,t);return o?.width??"100%"},o={playSpeed:e?.ftAnimationSpeed,sizeSetting:{desktop:{width:t("desktop"),height:"auto"},tablet:{width:t("tablet"),height:"auto"},mobile:{width:t("mobile"),height:"auto"}},align:{desktop:core.getResponsiveValueByScreen(e?.align,"desktop"),tablet:core.getResponsiveValueByScreen(e?.align,"tablet"),mobile:core.getResponsiveValueByScreen(e?.align,"mobile")},spacing:{desktop:6,tablet:6,mobile:6}};return filterTruthyStyles(o)},getFeaturedImageOnlyOneImageStyle=({setting:e,options:t})=>{let o=core.getHeightByShapeGlobalSize(e?.ftShape),r={...core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(e?.ftShape,!1,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...t?.enableRadius&&core.composeRadius({normal:e?.ftCorner}),...t?.enableHeight&&core.makeStyleResponsive("h",core.makeHeight(o))};return filterTruthyStyles(r)};exports.getFeatureImageCarouselItemStyle=getFeatureImageCarouselItemStyle,exports.getFeatureImageStyle=getFeatureImageStyle,exports.getFeaturedImageCarouselStyle=getFeaturedImageCarouselStyle,exports.getFeaturedImageOnlyOneImageStyle=getFeaturedImageOnlyOneImageStyle,exports.getGalleryCarouselItemStyle=getGalleryCarouselItemStyle,exports.getGalleryCarouselStyle=getGalleryCarouselStyle,exports.getGalleryGridItemStyle=getGalleryGridItemStyle,exports.getGalleryGridStyle=getGalleryGridStyle,exports.getGalleryImageStyle=getGalleryImageStyle,exports.getWrapContainerStyle=getWrapContainerStyle;

package/dist/cjs/product/components/product-images-v3/components/child/MediaIcon.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({contentType:t})=>{let i="VIDEO"==t||"EXTERNAL_VIDEO"==t,l="MODEL_3D"==t;return e.jsx(e.Fragment,{children:(i||l)&&e.jsxs("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:[i&&e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e.jsx("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]}),l&&e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");const MediaIcon=({contentType:e})=>{let t="VIDEO"==e||"EXTERNAL_VIDEO"==e,i="MODEL_3D"==e;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:(t||i)&&jsxRuntime.jsxs("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-[15px] gp-pr-[15px]",children:[t&&jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),jsxRuntime.jsx("path",{d:"M17.6869 12.2646L17.6868 12.2646L6.78379 18.4464C6.78378 18.4464 6.78376 18.4464 6.78374 18.4464C6.52931 18.5903 6.1665 18.4179 6.1665 18.0416V5.95844C6.1665 5.58218 6.52917 5.40981 6.7836 5.55354C6.78366 5.55357 6.78373 5.55361 6.78379 5.55365L17.6868 11.7354L17.6869 11.7354C17.8819 11.846 17.8819 12.154 17.6869 12.2646Z",stroke:"#F9F9F9",strokeMiterlimit:"10"})]}),i&&jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{opacity:"0.9",width:"24",height:"24",rx:"3",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7441 4.57034C11.9017 4.47655 12.098 4.47655 12.2555 4.57034L18.5889 8.33957C18.7404 8.42971 18.8332 8.59296 18.8332 8.76923V15.2308C18.8332 15.407 18.7404 15.5703 18.5889 15.6604L12.2555 19.4297C12.098 19.5234 11.9017 19.5234 11.7441 19.4297L5.41079 15.6604C5.25932 15.5703 5.1665 15.407 5.1665 15.2308V8.76923C5.1665 8.59296 5.25932 8.42971 5.41079 8.33957L11.7441 4.57034ZM6.1665 9.64865V14.9465L11.4998 18.1206V12.8227L6.1665 9.64865ZM12.4998 12.8227V18.1206L17.8332 14.9465V9.64865L12.4998 12.8227ZM17.3555 8.76923L11.9998 11.9566L6.64417 8.76923L11.9998 5.58185L17.3555 8.76923Z",fill:"#F9F9F9"})]})]})})};exports.default=MediaIcon;

package/dist/cjs/product/components/product-images-v3/components/child/ProductFeatureVideo.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("@gem-sdk/core"),require("next/link");var t=require("../../../../../video/components/Video.js"),u=r.memo(u=>{let{url:o,aspectRatio:i}=u,l=r.useMemo(()=>o.includes("youtu.be")?"youtube":o.includes("vimeo")?"vimeo":"html5",[o]);return e.jsx(e.Fragment,{children:e.jsx(t.default,{setting:{type:l,html5Url:o,youtubeUrl:o,vimeoUrl:o,preload:!0,controls:!0,aspectRatio:i}})})});exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react");require("@gem-sdk/core"),require("next/link");var Video=require("../../../../../video/components/Video.js");const ProductFeatureVideo=e=>{let{url:t,aspectRatio:r}=e,u=React.useMemo(()=>t.includes("youtu.be")?"youtube":t.includes("vimeo")?"vimeo":"html5",[t]);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Video.default,{setting:{type:u,html5Url:t,youtubeUrl:t,vimeoUrl:t,preload:!0,controls:!0,aspectRatio:r}})})};var ProductFeatureVideo$1=React.memo(ProductFeatureVideo);exports.default=ProductFeatureVideo$1;