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

package/dist/cjs/product/components/product-images/ProductGalleryGrid.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"),i=require("react"),o=require("./common/helpers.js"),s=require("../../../image/components/NextImage.js"),r=require("./common/productGallery.js");exports.default=({builderPropUID:p,productImages:l,onHandleClick:a,...g})=>{let c=t.useCurrentDevice(),n=t.useFeaturedImageGlobal(),d=i.useMemo(()=>{let e=l?.findIndex(e=>e.id===n?.id);return e&&e>0?e:0},[l,n]),u=i.useMemo(()=>t.getResponsiveValueByScreen(g?.position,c),[c,g?.position]),h=i.useMemo(()=>({desktop:g?.customAspectRadio?.desktop?.width,tablet:g?.customAspectRadio?.tablet?.width,mobile:g?.customAspectRadio?.mobile?.width}),[g?.customAspectRadio]),C=i.useMemo(()=>({desktop:g?.customAspectRadio?.desktop?.height,tablet:g?.customAspectRadio?.tablet?.height,mobile:g?.customAspectRadio?.mobile?.height}),[g?.customAspectRadio]),m=i.useMemo(()=>t.makeAspectRatio(g?.aspectRatio,h,C),[h,g?.aspectRatio,C]);return e.jsx("div",{className:t.cls("gp-flex gp-h-fit gp-w-full gp-flex-wrap",{"!gp-flex-nowrap gp-overflow-y-auto scrollbar:gp-w-[6px] scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400":"left"===u||"right"===u,"!gp-items-end":"left"===u,"!gp-items-start":"right"===u,"gp-justify-center":"bottom-center"===u}),style:{...t.makeStyleResponsive("gg",o.convertSpacingPx(g?.spacing))},children:l?.map((i,o)=>{let p="VIDEO"==i.contentType||"EXTERNAL_VIDEO"==i.contentType||"MODEL_3D"==i.contentType?i?.previewImage:i?.src;return e.jsxs("div",{"aria-hidden":!0,className:t.cls("gp-group gp-relative gp-cursor-pointer gp-overflow-hidden gp-outline-1 -gp-outline-offset-1",{"gp-outline":o===d&&!!g?.showActiveStatus}),onClick:()=>a(i?.id||""),style:{...t.makeStyleResponsive("aspect",g?.aspectRatio),...r.getStyleWidthForGridItem(g?.numberPerRow,g?.spacing,g?.position),maxWidth:"100%",outlineColor:"var(--g-c-brand, brand)"},children:[e.jsx(s.default,{src:p,width:i?.width,height:i?.height,alt:i?.alt,setting:{aspectRatio:m,layout:g?.layout},style:{width:"100%",height:"100%"}},i?.id),("VIDEO"==i.contentType||"EXTERNAL_VIDEO"==i.contentType)&&e.jsx("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children: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"})]})}),"MODEL_3D"==i.contentType&&e.jsx("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children: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"})]})}),t.getResponsiveValueByScreen(g?.largeViewInPopup,c)&&e.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:e.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:e.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"})})})]},i?.id)})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),helpers=require("./common/helpers.js"),NextImage=require("../../../image/components/NextImage.js"),productGallery=require("./common/productGallery.js");const ProductGalleryGrid=({builderPropUID:e,productImages:t,onHandleClick:i,...o})=>{let s=core.useCurrentDevice(),r=core.useFeaturedImageGlobal(),l=React.useMemo(()=>{let e=t?.findIndex(e=>e.id===r?.id);return e&&e>0?e:0},[t,r]),p=React.useMemo(()=>core.getResponsiveValueByScreen(o?.position,s),[s,o?.position]),c=React.useMemo(()=>({desktop:o?.customAspectRadio?.desktop?.width,tablet:o?.customAspectRadio?.tablet?.width,mobile:o?.customAspectRadio?.mobile?.width}),[o?.customAspectRadio]),a=React.useMemo(()=>({desktop:o?.customAspectRadio?.desktop?.height,tablet:o?.customAspectRadio?.tablet?.height,mobile:o?.customAspectRadio?.mobile?.height}),[o?.customAspectRadio]),n=React.useMemo(()=>core.makeAspectRatio(o?.aspectRatio,c,a),[c,o?.aspectRatio,a]);return jsxRuntime.jsx("div",{className:core.cls("gp-flex gp-h-fit gp-w-full gp-flex-wrap",{"!gp-flex-nowrap gp-overflow-y-auto scrollbar:gp-w-[6px] scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400":"left"===p||"right"===p,"!gp-items-end":"left"===p,"!gp-items-start":"right"===p,"gp-justify-center":"bottom-center"===p}),style:{...core.makeStyleResponsive("gg",helpers.convertSpacingPx(o?.spacing))},children:t?.map((e,t)=>{let r=t===l,p="VIDEO"==e.contentType||"EXTERNAL_VIDEO"==e.contentType||"MODEL_3D"==e.contentType?e?.previewImage:e?.src;return jsxRuntime.jsxs("div",{"aria-hidden":!0,className:core.cls("gp-group gp-relative gp-cursor-pointer gp-overflow-hidden gp-outline-1 -gp-outline-offset-1",{"gp-outline":r&&!!o?.showActiveStatus}),onClick:()=>i(e?.id||""),style:{...core.makeStyleResponsive("aspect",o?.aspectRatio),...productGallery.getStyleWidthForGridItem(o?.numberPerRow,o?.spacing,o?.position),maxWidth:"100%",outlineColor:"var(--g-c-brand, brand)"},children:[jsxRuntime.jsx(NextImage.default,{src:p,width:e?.width,height:e?.height,alt:e?.alt,setting:{aspectRatio:n,layout:o?.layout},style:{width:"100%",height:"100%"}},e?.id),("VIDEO"==e.contentType||"EXTERNAL_VIDEO"==e.contentType)&&jsxRuntime.jsx("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children: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"})]})}),"MODEL_3D"==e.contentType&&jsxRuntime.jsx("div",{className:"gp-absolute gp-bottom-0 gp-right-0 gp-pb-1 gp-pr-1",children: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"})]})}),core.getResponsiveValueByScreen(o?.largeViewInPopup,s)&&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"})})})]},e?.id)})})};exports.default=ProductGalleryGrid;

package/dist/cjs/product/components/product-images/ProductGalleryGrid.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("./common/productGallery.js"),t=require("../../helpers/function.js"),a=require("../../../image/components/NextImage.liquid.js"),r=require("./common/helpers.js");exports.default=({builderPropUID:d,...o})=>{let l=i.getGalleryImageAspectRatio(o?.customAspectRadio,o?.aspectRatio),s=(i,t)=>e.template`${a.default({src:"{{media.preview_image | product_img_url: '1024x1024'}}",width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:i,style:t})}`,p=a=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),productGallery=require("./common/productGallery.js"),_function=require("../../helpers/function.js"),NextImage_liquid=require("../../../image/components/NextImage.liquid.js"),helpers=require("./common/helpers.js");const ProductGalleryCarousel=({builderPropUID:e,...i})=>{let t=productGallery.getGalleryImageAspectRatio(i?.customAspectRadio,i?.aspectRatio),r=()=>helpers.getDisplayStyle(e=>"slider"===core.getResponsiveValueByScreen(i?.type,e)||["left","right"].includes(core.getResponsiveValueByScreen(i?.position,e)||""),"flex"),a=(e,i)=>core.template`${NextImage_liquid.default({src:"{{media.preview_image | product_img_url: '1024x1024'}}",width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:e,style:i})}`,o=e=>`
     {% if media.media_type == 'video' %}
       {% assign mediaSourceUrl = media.sources.last.url %}
     {% endif %}
@@ -18,8 +18,8 @@
       media-last-source-url="{{mediaSourceUrl}}"
       external-id="{{media.external_id}}"
       grid-index="{{forloop.index}}"
-      data-outline="${a?"active":"deactive"}" class="image-item ${a} data-[outline=active]:gp-outline data-[outline=active]:gp-p-[1px] ${e.cls("gp-group gp-relative gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-cursor-pointer")}"
-      style="${t.getStyleOfObject({...e.makeStyleResponsive("aspect",o?.aspectRatio),...i.getStyleWidthForGridItem(o?.numberPerRow,o?.spacing,o?.position),"outline-color":"var(--g-c-brand, brand)","max-width":"100%"})}"
+      data-outline="${e?"active":"deactive"}" class="image-item ${e} data-[outline=active]:gp-outline data-[outline=active]:gp-p-[1px] ${core.cls("gp-group gp-relative gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-cursor-pointer")}"
+      style="${_function.getStyleOfObject({...core.makeStyleResponsive("aspect",i?.aspectRatio),...productGallery.getStyleWidthForGridItem(i?.numberPerRow,i?.spacing,i?.position),"outline-color":"var(--g-c-brand, brand)","max-width":"100%"})}"
       >
       {% if media.media_type == 'video' or media.media_type == 'external_video' %}
         <div class="gp-absolute gp-pb-1 gp-pr-1 gp-right-0 gp-bottom-0" >
@@ -39,10 +39,10 @@
       </div>
       {% endif %}
 
-      ${s({aspectRatio:l,layout:o?.layout},{width:"100%",height:"100%"})}
+      ${a({aspectRatio:t,layout:i?.layout},{width:"100%",height:"100%"})}
 
       <div class="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-opacity gp-duration-100 group-hover:gp-opacity-100"
-        style="${t.getStyleOfObject(i.getZoomDisplay(o?.largeViewInPopup))}" >
+        style="${_function.getStyleOfObject(productGallery.getZoomDisplay(i?.largeViewInPopup))}" >
           <svg
             height="100%"
             width="100%"
@@ -59,10 +59,10 @@
             />
           </svg>
         </div>
-      </div>`;return e.template`
+      </div>`;return core.template`
   <div type="grid-gallery"
-    class="${e.cls("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",{...i.getClassOverflowAndFlexWrapForGrid(o?.position),...i.getClassJustifyByPosition(o?.position)})}"
-    style="${{...r.getDisplayStyle(i=>"slider"===e.getResponsiveValueByScreen(o?.type,i)||["left","right"].includes(e.getResponsiveValueByScreen(o?.position,i)||""),"flex"),...e.makeStyleResponsive("gg",r.convertSpacingPx(o?.spacing))}}"
+    class="${core.cls("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",{...productGallery.getClassOverflowAndFlexWrapForGrid(i?.position),...productGallery.getClassJustifyByPosition(i?.position)})}"
+    style="${{...r(),...core.makeStyleResponsive("gg",helpers.convertSpacingPx(i?.spacing))}}"
   >
     {%- if product.media.size > 1 -%}
       {%- for media in product.media -%}
@@ -77,10 +77,10 @@
           {% assign imageID = '' %}
         {% endif %}
         {%- if media.id == product.featured_media.id -%}
-            ${p(o?.showActiveStatus?"p-[1px]":"")}
+            ${o(i?.showActiveStatus?"p-[1px]":"")}
         {% else %}
-          ${p()}
+          ${o()}
         {%- endif -%}
       {% endfor %}
     {% endif %}
-  </div>`};
+  </div>`};exports.default=ProductGalleryCarousel;

package/dist/cjs/product/components/product-images/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-v3/components/root/Carousel.js"),l=require("../../../carousel-v3/components/item/CarouselItem.js"),i=require("../../../image/components/NextImage.js");require("../../../modal/components/confirm.js");var s=require("../../../modal/components/Modal.js"),r=require("react"),d=require("./common/productFeaturedImage.js");exports.default=({builderPropUID:n,productImages:a,open:u,imageRatio:m,onHandleClose:p})=>{let c=t.useFeaturedImageGlobal(),g=r.useMemo(()=>{let e=a?.findIndex(e=>e.id===c?.id);return e&&e>0?e:0},[a,c]),h={desktop:a&&a.length>1,mobile:a&&a?.length>1,tablet:a&&a?.length>1};return e.jsx(s.default,{setting:{open:u},styles:{width:"80%"},closeOnClickOutside:!0,onClose:()=>p(),disableIframeClickEvent:!0,contentClass:"mobile:!gp-w-[100%] gp-px-2",children:e.jsx(o.default,{setting:{loop:{desktop:!1,mobile:!1,tablet:!1},slidesToShow:{desktop:1,tablet:1,mobile:1},defaultCurrentSlider:g,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"},controlOverContent:{desktop:!0,mobile:!0,tablet:!0},arrow:h},styles:{sizeSetting:{desktop:{height:"80vh"},tablet:{height:"80vh"},mobile:{height:"60vh"}}},moveToIdx:g,hiddenDotWhenOnlyOne:!0,isHiddenArrowWhenDisabled:!0,builderProps:{uid:n},children:a?.map(o=>e.jsx(l.default,{className:`gem-slider-item gem-slider-item-${n} gp-flex gp-items-center gp-justify-center gp-px-4`,children:e.jsx(i.default,{src:d.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)},o?.id))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../carousel-v3/components/root/Carousel.js"),CarouselItem=require("../../../carousel-v3/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");const ProductImagesLightBox=({builderPropUID:e,productImages:t,open:o,imageRatio:s,onHandleClose:i})=>{let l=core.useFeaturedImageGlobal(),r=React.useMemo(()=>{let e=t?.findIndex(e=>e.id===l?.id);return e&&e>0?e:0},[t,l]),a={desktop:t&&t.length>1,mobile:t&&t?.length>1,tablet:t&&t?.length>1},d={desktop:!1,mobile:!1,tablet:!1};return jsxRuntime.jsx(Modal.default,{setting:{open:o},styles:{width:"80%"},closeOnClickOutside:!0,onClose:()=>i(),disableIframeClickEvent:!0,contentClass:"mobile:!gp-w-[100%] gp-px-2",children:jsxRuntime.jsx(Carousel.default,{setting:{loop:d,slidesToShow:{desktop:1,tablet:1,mobile:1},defaultCurrentSlider:r,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"},controlOverContent:{desktop:!0,mobile:!0,tablet:!0},arrow:a},styles:{sizeSetting:{desktop:{height:"80vh"},tablet:{height:"80vh"},mobile:{height:"60vh"}}},moveToIdx:r,hiddenDotWhenOnlyOne:!0,isHiddenArrowWhenDisabled:!0,builderProps:{uid:e},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: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)},t?.id))})})};exports.default=ProductImagesLightBox;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=(e,t)=>(t?.forEach(t=>{e?.[t]=="flex-start"?e={...e,[t]:"start"}:e?.[t]=="flex-end"&&(e={...e,[t]:"end"})}),e),r=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r=e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em","");return isNaN(Number(r))?t:Number(r)};exports.checkAddOverFlowClass=e=>{let t=e?.["--radius"],r=e?.["--bblr"]||"0px",l=e?.["--bbrr"]||"0px",o=e?.["--btlr"]||"0px",p=e?.["--btrr"]||"0px";return t&&!t.toString().includes("none")&&"0"!==t.toString()||"0px"!==r||"0px"!==l||"0px"!==o||"0px"!==p},exports.convertSpacing=e=>e?{desktop:r(e.desktop,5),tablet:r(e.tablet,5),mobile:r(e.mobile,5)}:{desktop:5},exports.convertSpacingPx=e=>e?{desktop:`${r(e.desktop,5)}px`,tablet:`${r(e.tablet,5)}px`,mobile:`${r(e.mobile,5)}px`}:{desktop:"5px"},exports.convertUnitToNumber=r,exports.getDisplayStyle=(e,t)=>{let r={};return["desktop","mobile","tablet"].forEach(l=>{r={...r,[`--d${"desktop"===l?"":`-${l}`}`]:`${e(l)?"none":t}`}}),r},exports.getStyleAlignment=(r,l)=>{let o={},p=["desktop","mobile","tablet"];return p.forEach(s=>{o=e.makeStyleResponsive("jc",t(r,p));let i=e.getResponsiveValueByScreen(l,s);i?.includes("bottom")&&(o=e.makeStyleResponsive("ai",t(r,p)))}),o},exports.getTypeWidthDevice=e=>{let t=e?.desktop,r=e?.tablet===void 0?t:e?.tablet,l=e?.mobile===void 0?r:e?.mobile;return{desktop:t,tablet:r,mobile:l}},exports.updateAlignStyles=t;
+"use strict";var core=require("@gem-sdk/core");const updateAlignStyles=(e,t)=>(t?.forEach(t=>{e?.[t]=="flex-start"?e={...e,[t]:"start"}:e?.[t]=="flex-end"&&(e={...e,[t]:"end"})}),e),getTypeWidthDevice=e=>{let t=e?.desktop,r=e?.tablet===void 0?t:e?.tablet,o=e?.mobile===void 0?r:e?.mobile;return{desktop:t,tablet:r,mobile:o}},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r=e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em","");return isNaN(Number(r))?t:Number(r)},convertSpacing=e=>e?{desktop:convertUnitToNumber(e.desktop,5),tablet:convertUnitToNumber(e.tablet,5),mobile:convertUnitToNumber(e.mobile,5)}:{desktop:5},convertSpacingPx=e=>e?{desktop:`${convertUnitToNumber(e.desktop,5)}px`,tablet:`${convertUnitToNumber(e.tablet,5)}px`,mobile:`${convertUnitToNumber(e.mobile,5)}px`}:{desktop:"5px"},getDisplayStyle=(e,t)=>{let r={},o=["desktop","mobile","tablet"];return o.forEach(o=>{r={...r,[`--d${"desktop"===o?"":`-${o}`}`]:`${e(o)?"none":t}`}}),r},getStyleAlignment=(e,t)=>{let r={},o=["desktop","mobile","tablet"];return o.forEach(l=>{r=core.makeStyleResponsive("jc",updateAlignStyles(e,o));let n=core.getResponsiveValueByScreen(t,l);n?.includes("bottom")&&(r=core.makeStyleResponsive("ai",updateAlignStyles(e,o)))}),r},checkAddOverFlowClass=e=>{let t=e?.["--radius"],r=e?.["--bblr"]||"0px",o=e?.["--bbrr"]||"0px",l=e?.["--btlr"]||"0px",n=e?.["--btrr"]||"0px";return t&&!t.toString().includes("none")&&"0"!==t.toString()||"0px"!==r||"0px"!==o||"0px"!==l||"0px"!==n};exports.checkAddOverFlowClass=checkAddOverFlowClass,exports.convertSpacing=convertSpacing,exports.convertSpacingPx=convertSpacingPx,exports.convertUnitToNumber=convertUnitToNumber,exports.getDisplayStyle=getDisplayStyle,exports.getStyleAlignment=getStyleAlignment,exports.getTypeWidthDevice=getTypeWidthDevice,exports.updateAlignStyles=updateAlignStyles;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");const t=["mobile","tablet","desktop"],l=e=>({desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width}),o=e=>({desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height});exports.convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let l="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(l))?t:Number(l)},exports.getFeatureImageAspectRatio=(t,r)=>e.makeAspectRatio(r,l(t),o(t)),exports.getStyleFeatureImageJustify=t=>{let l={desktop:"flex-start",mobile:"flex-start",tablet:"flex-start"};return["desktop","mobile","tablet"].forEach(o=>{let r=e.getResponsiveValueByScreen(t,o);l={...l,[`${o}`]:"bottom-left"===r?"flex-start":"bottom-center"===r?"center":"left"===r?"flex-start":"flex-end"}}),e.makeStyleResponsive("jc",l)},exports.getStyleFeaturedImageWidth=l=>{let o=l?.ftWidth;return t.forEach(t=>{let r=e.getResponsiveValueByScreen(l?.position,t),s=e.getResponsiveValueByScreen(l?.galleryVisible,t);o={...o,[t]:("left"===r||"right"===r)&&s?e.getResponsiveValueByScreen(l?.ftWidthHorizontalLayout,t):e.getResponsiveValueByScreen(l?.ftWidth,t)}}),{...e.makeStyleResponsive("w",e.makeWidth(o,{desktop:!1,tablet:!1,mobile:!1}))}},exports.getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white",exports.getZoomLenClass=()=>"!gp-flex gp-absolute gp-z-1 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white",exports.isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e);
+"use strict";var core=require("@gem-sdk/core");const DEVICES=["mobile","tablet","desktop"],isFeatureMedia=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),getStyleFeaturedImageWidth=e=>{let t={desktop:!1,tablet:!1,mobile:!1},o=e?.ftWidth;return DEVICES.forEach(t=>{let a=core.getResponsiveValueByScreen(e?.position,t),r=core.getResponsiveValueByScreen(e?.galleryVisible,t),s=("left"===a||"right"===a)&&r;o={...o,[t]:s?core.getResponsiveValueByScreen(e?.ftWidthHorizontalLayout,t):core.getResponsiveValueByScreen(e?.ftWidth,t)}}),{...core.makeStyleResponsive("w",core.makeWidth(o,t))}},convertUnitToNumber=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let o="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(o))?t:Number(o)},getFeatureImageAspectWidth=e=>({desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width}),getFeatureImageAspectHeight=e=>({desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height}),getFeatureImageAspectRatio=(e,t)=>core.makeAspectRatio(t,getFeatureImageAspectWidth(e),getFeatureImageAspectHeight(e)),getStyleFeatureImageJustify=e=>{let t={desktop:"flex-start",mobile:"flex-start",tablet:"flex-start"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let a=core.getResponsiveValueByScreen(e,o);t={...t,[`${o}`]:"bottom-left"===a?"flex-start":"bottom-center"===a?"center":"left"===a?"flex-start":"flex-end"}}),core.makeStyleResponsive("jc",t)},getZoomLenClass=()=>"!gp-flex gp-absolute gp-z-1 gp-h-[150px] gp-w-[150px] gp-cursor-none gp-rounded-full gp-bg-no-repeat gp-shadow-glasses gp-bg-white",getZoomImageClass=()=>"gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white";exports.convertUnitToNumber=convertUnitToNumber,exports.getFeatureImageAspectRatio=getFeatureImageAspectRatio,exports.getStyleFeatureImageJustify=getStyleFeatureImageJustify,exports.getStyleFeaturedImageWidth=getStyleFeaturedImageWidth,exports.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;

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

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");const o=e=>({desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width}),l=e=>({desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height}),s=(e,t)=>`--${e}${"desktop"===t?"":`-${t}`}`;exports.getAllowDotConfig=()=>({desktop:!1,tablet:!1,mobile:!1}),exports.getCarouselVerticalConfigByPosition=t=>{let o={};return["desktop","mobile","tablet"].forEach(l=>{let s=e.getResponsiveValueByScreen(t,l);o="right"==s||"left"==s?{...o,[l]:!0}:{...o,[l]:!1}}),o},exports.getClassJustifyByPosition=t=>{let o={};return["desktop","mobile","tablet"].forEach(l=>{let s=e.getResponsiveValueByScreen(t,l);o={...o,[`${"desktop"===l?"":`${l}:`}!gp-justify-center`]:"bottom-center"===s}}),o},exports.getClassOverflowAndFlexWrapForGrid=t=>{let o={};return["desktop","mobile","tablet"].forEach(l=>{let s=e.getResponsiveValueByScreen(t,l);o={...o,[`${"desktop"===l?"":`${l}:`}!gp-flex-nowrap`]:"left"===s||"right"===s,[`${"desktop"===l?"":`${l}:`}gp-overflow-y-auto `]:"left"===s||"right"===s,[`${"desktop"===l?"":`${l}:`}!gp-items-end`]:"left"===s,[`${"desktop"===l?"":`${l}:`}!gp-items-start`]:"right"===s}}),o},exports.getGalleryImageAspectRatio=(t,s)=>e.makeAspectRatio(s,o(t),l(t)),exports.getSliderPerShowConfig=(t,o)=>{let l={};return["desktop","mobile","tablet"].forEach(s=>{let r=e.getResponsiveValueByScreen(t,s),i=e.getResponsiveValueByScreen(o,s);l={...l,[s]:"left"===i||"right"===i?"auto":r}}),l},exports.getStyleGallerySpacing=(t,o)=>{let l={};return["desktop","mobile","tablet"].forEach(r=>{let i=e.getResponsiveValueByScreen(t,r),p=s("mt",r),a=s("mr",r),n=s("ml",r);l="left"==i?{...l,[a]:e.getResponsiveValueByScreen(o,r),[p]:"0px",[n]:"0px"}:"right"==i?{...l,[n]:e.getResponsiveValueByScreen(o,r),[a]:"0px",[p]:"0px"}:{...l,[p]:e.getResponsiveValueByScreen(o,r),[a]:"0px",[n]:"0px"}}),l},exports.getStyleWidthForGallery=t=>{let o=t?.width;return["desktop","mobile","tablet"].forEach(l=>{let s=e.getResponsiveValueByScreen(t?.galleryVisible,l),r=e.getResponsiveValueByScreen(t?.featureImageVisible,l),i=e.getResponsiveValueByScreen(t?.position,l);o={...o,[l]:("left"===i||"right"===i)&&s&&r?e.getResponsiveValueByScreen(t?.widthHorizontalLayout,l):e.getResponsiveValueByScreen(t?.width,l)}}),{...e.makeStyleResponsive("w",e.makeWidth(o,{desktop:!1,tablet:!1,mobile:!1}))}},exports.getStyleWidthForGridItem=(o,l,s)=>{let r={desktop:`${100/(o?.desktop||1)}%`,tablet:`${100/(o?.tablet||1)}%`,mobile:`${100/(o?.mobile||1)}%`};return["desktop","mobile","tablet"].forEach(i=>{let p=e.getResponsiveValueByScreen(s,i);r={...r,[i]:`${"bottom-left"!==p&&"bottom-center"!==p&&p?"100%":`calc(${100/(o?.[i]||5)}% - ${t.convertUnitToNumber(l?.[i],5)*((o?.[i]||5)-1)/(o?.[i]||5)}px)`}`}}),e.makeStyleResponsive("w",r)},exports.getZoomDisplay=o=>t.getDisplayStyle(t=>!e.getResponsiveValueByScreen(o,t),"flex");
+"use strict";var core=require("@gem-sdk/core"),helpers=require("./helpers.js");const getGalleryImageAspectWidth=e=>({desktop:e?.desktop?.width,tablet:e?.tablet?.width,mobile:e?.mobile?.width}),getGalleryImageAspectHeight=e=>({desktop:e?.desktop?.height,tablet:e?.tablet?.height,mobile:e?.mobile?.height}),getGalleryImageAspectRatio=(e,t)=>core.makeAspectRatio(t,getGalleryImageAspectWidth(e),getGalleryImageAspectHeight(e)),getCarouselVerticalConfigByPosition=e=>{let t=["desktop","mobile","tablet"],o={};return t.forEach(t=>{let r=core.getResponsiveValueByScreen(e,t),l="right"==r||"left"==r;o=l?{...o,[t]:!0}:{...o,[t]:!1}}),o},getZoomDisplay=e=>helpers.getDisplayStyle(t=>!core.getResponsiveValueByScreen(e,t),"flex"),getClassOverflowAndFlexWrapForGrid=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let r=core.getResponsiveValueByScreen(e,o);t={...t,[`${"desktop"===o?"":`${o}:`}!gp-flex-nowrap`]:"left"===r||"right"===r,[`${"desktop"===o?"":`${o}:`}gp-overflow-y-auto `]:"left"===r||"right"===r,[`${"desktop"===o?"":`${o}:`}!gp-items-end`]:"left"===r,[`${"desktop"===o?"":`${o}:`}!gp-items-start`]:"right"===r}}),t},getAllowDotConfig=()=>({desktop:!1,tablet:!1,mobile:!1}),getClassJustifyByPosition=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let r=core.getResponsiveValueByScreen(e,o);t={...t,[`${"desktop"===o?"":`${o}:`}!gp-justify-center`]:"bottom-center"===r}}),t},getStyleWidthForGridItem=(e,t,o)=>{let r={desktop:`${100/(e?.desktop||1)}%`,tablet:`${100/(e?.tablet||1)}%`,mobile:`${100/(e?.mobile||1)}%`},l=["desktop","mobile","tablet"];return l.forEach(l=>{let i=core.getResponsiveValueByScreen(o,l);r={...r,[l]:`${"bottom-left"!==i&&"bottom-center"!==i&&i?"100%":`calc(${100/(e?.[l]||5)}% - ${helpers.convertUnitToNumber(t?.[l],5)*((e?.[l]||5)-1)/(e?.[l]||5)}px)`}`}}),core.makeStyleResponsive("w",r)},getStyleWidthForGallery=e=>{let t={desktop:!1,tablet:!1,mobile:!1},o=e?.width,r=["desktop","mobile","tablet"];return r.forEach(t=>{let r=core.getResponsiveValueByScreen(e?.galleryVisible,t),l=core.getResponsiveValueByScreen(e?.featureImageVisible,t),i=core.getResponsiveValueByScreen(e?.position,t),s=("left"===i||"right"===i)&&r&&l;o={...o,[t]:s?core.getResponsiveValueByScreen(e?.widthHorizontalLayout,t):core.getResponsiveValueByScreen(e?.width,t)}}),{...core.makeStyleResponsive("w",core.makeWidth(o,t))}},getDeviceProperty=(e,t)=>`--${e}${"desktop"===t?"":`-${t}`}`,getStyleGallerySpacing=(e,t)=>{let o={},r=["desktop","mobile","tablet"];return r.forEach(r=>{let l=core.getResponsiveValueByScreen(e,r),i=getDeviceProperty("mt",r),s=getDeviceProperty("mr",r),a=getDeviceProperty("ml",r);o="left"==l?{...o,[s]:core.getResponsiveValueByScreen(t,r),[i]:"0px",[a]:"0px"}:"right"==l?{...o,[a]:core.getResponsiveValueByScreen(t,r),[s]:"0px",[i]:"0px"}:{...o,[i]:core.getResponsiveValueByScreen(t,r),[s]:"0px",[a]:"0px"}}),o},getSliderPerShowConfig=(e,t)=>{let o={},r=["desktop","mobile","tablet"];return r.forEach(r=>{let l=core.getResponsiveValueByScreen(e,r),i=core.getResponsiveValueByScreen(t,r),s="left"===i||"right"===i;o={...o,[r]:s?"auto":l}}),o};exports.getAllowDotConfig=getAllowDotConfig,exports.getCarouselVerticalConfigByPosition=getCarouselVerticalConfigByPosition,exports.getClassJustifyByPosition=getClassJustifyByPosition,exports.getClassOverflowAndFlexWrapForGrid=getClassOverflowAndFlexWrapForGrid,exports.getGalleryImageAspectRatio=getGalleryImageAspectRatio,exports.getSliderPerShowConfig=getSliderPerShowConfig,exports.getStyleGallerySpacing=getStyleGallerySpacing,exports.getStyleWidthForGallery=getStyleWidthForGallery,exports.getStyleWidthForGridItem=getStyleWidthForGridItem,exports.getZoomDisplay=getZoomDisplay;

package/dist/cjs/product/components/product-images-v2/ProductImageV2.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"),C=require("./components/feature-gallery/FeatureImageWithGallery.js"),l=require("./components/feature-only/OnlyFeatureImage.js"),o=require("./components/lightbox/ProductImagesLightBox.js"),r=require("../../../common/components/NoDataState.js"),s=require("./composables/getProductImagesClassName.js"),d=require("./common/getBorderActiveCss.js"),n=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:D,style:M,children:b}=m,I=a.useProduct(),v=a.useCurrentDevice(),x=a.useCurrentVariant(),{isChangeSelectedOption:Z}=a.useSelectedOption(),k=a.useEditorMode(),w=a.useProductStore(e=>e.setProductFeaturedImage),{t:E}=a.useI18nStore(),[S,V]=i.useState(!1),j=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,P=e=>e?.featuredImage,L=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,H=i.useMemo(()=>f?.typeDisplay==="all-images"&&!Z,[Z,f?.typeDisplay]),q=i.useMemo(()=>{if(H){let e;switch(f?.preDisplay){case"1st-images":e=P(I);break;case"1st-3d-mode":e=L(I);break;case"1st-video":e=j(I);break;case"1st-available-variant":e=x?.media}return w(e),e}},[H,f?.preDisplay,w,I,x?.media]),B=i.useMemo(()=>{let e=c(I);return e?.length?e:[{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}]},[I]),O=i.useMemo(()=>B.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[B]),A=i.useMemo(()=>a.getResponsiveValueByScreen(h?.position,v),[v,h?.position]),T=(e,t)=>{N(e),t&&F()},F=()=>{V(!0)},N=e=>{if(!e)return;let t=O[e];if(void 0!==t){let e=B[t];e&&w(e)}};i.useEffect(()=>{if(x&&!H){let e=O[x?.mediaId];if(void 0!==e){let t=B[e]??I?.featuredImage;t&&w(t)}}},[x,O,B,I?.featuredImage,w,H]);let R=i.useMemo(()=>{let e="popup"===a.getResponsiveValueByScreen(f?.ftClickOpenLightBox,v)||a.getResponsiveValueByScreen(f?.clickOpenLightBox,v);return e||"edit"!==k||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[f?.ftClickOpenLightBox,f?.clickOpenLightBox,v,k]),_=()=>B.length>0?i.Children.map(a.filterToolbarPreview(b),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"],ProductImagesV2=e=>{let t=React.useMemo(()=>common.setDefaultWhenUndefineSetting(e),[e]),{redirectProductShopifyLink:a}=core.useProductShopifyEditLink(),{setting:i,styles:o,builderProps:r,builderAttrs:l,style:C,children:s}=t,d=core.useProduct(),n=core.useCurrentDevice(),c=core.useCurrentVariant(),{isChangeSelectedOption:u}=core.useSelectedOption(),m=core.useEditorMode(),g=core.useProductStore(e=>e.setProductFeaturedImage),{t:p}=core.useI18nStore(),[f,h]=React.useState(!1),y=e=>e?.medias?.edges.find(e=>["VIDEO","EXTERNAL_VIDEO"].includes(e?.node?.contentType??""))?.node,I=e=>e?.featuredImage,D=e=>e?.medias?.edges.find(e=>e?.node?.contentType==="MODEL_3D")?.node,M=React.useMemo(()=>i?.typeDisplay==="all-images"&&!u,[u,i?.typeDisplay]),b=React.useMemo(()=>{if(M){let e;switch(i?.preDisplay){case"1st-images":e=I(d);break;case"1st-3d-mode":e=D(d);break;case"1st-video":e=y(d);break;case"1st-available-variant":e=c?.media}return g(e),e}},[M,i?.preDisplay,g,d,c?.media]),x=React.useMemo(()=>{let e=getProductGallery(d);return e?.length?e:[{id:d?.featuredImage?.id||"noImageError",baseID:d?.featuredImage?.baseID||"noImageError",src:d?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:d?.featuredImage?.width||480,height:d?.featuredImage?.height||480}]},[d]),R=React.useMemo(()=>x.reduce((e,t,a)=>t?{...e,[t.id]:a}:e,{}),[x]),E=React.useMemo(()=>core.getResponsiveValueByScreen(o?.position,n),[n,o?.position]),j=(e,t)=>{P(e),t&&v()},v=()=>{h(!0)},P=e=>{if(!e)return;let t=R[e];if(void 0!==t){let e=x[t];e&&g(e)}};React.useEffect(()=>{if(c&&!M){let e=R[c?.mediaId];if(void 0!==e){let t=x[e]??d?.featuredImage;t&&g(t)}}},[c,R,x,d?.featuredImage,g,M]);let L=React.useMemo(()=>{let e="popup"===core.getResponsiveValueByScreen(i?.ftClickOpenLightBox,n)||core.getResponsiveValueByScreen(i?.clickOpenLightBox,n);return e||"edit"!==m||window?.parent?.postMessage?.(JSON.stringify({type:"active-modal",value:open}),"*"),e},[i?.ftClickOpenLightBox,i?.clickOpenLightBox,n,m]),S=()=>x.length>0?React.Children.map(core.filterToolbarPreview(s),e=>React.isValidElement(e)?jsxRuntime.jsx(e.type,{...e.props,isInsideProductImage:!0,navigationPosition:i?.ftNavigationPosition,imageData:{imageShape:o?.ftShape,imageAlign:o?.align,imageLayout:o?.position},dotData:{dotSize:i?.ftDotSize,dotGapToCarousel:i?.ftDotGapToCarousel,dotStyle:i?.ftDotStyle}}):null):null,V=`
       <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>
-    `,z=e.jsx(r.default,{elementType:"secondary",description:E("Catch your customer's attention with attracted media."),descriptionActions:[{text:E("Add image"),callback:g},{text:E("sync data"),callback:"syncProduct"}],additionalMedia:G}),{wrapperClasses:U}=s.getProductImagesClassName(p);return e.jsxs("div",{...D,className:U,style:M,children:[e.jsx("style",{dangerouslySetInnerHTML:{__html:d.getBorderActiveCss({settings:{...f,...h},uid:y?.uid,type:"React"})}}),u.includes(A)&&e.jsx(C.default,{...m,gallery:B,priorityFeatureImage:q,onHandleClickImage:(e,t)=>T(e||"",t),noDataChildren:z,children:_()}),"only-feature"===A&&e.jsx(l.default,{gallery:B,...m,onHandleClickImage:(e,t)=>T(e||"",t),noDataChildren:z,children:_()}),["one-col","two-col"].includes(A)&&e.jsx(n.default,{gallery:B,...m,onHandleClickImage:(e,t)=>T(e||"",t),noDataChildren:z,children:_()}),R&&e.jsx(o.default,{productImages:B,builderPropUID:y?.uid,open:S,onHandleClose:()=>V(!1),imageRatio:t.getAspectRatio(h?.ftShape)}),a.filterToolbarPreview(b,!0)]})};
+    `,Z=jsxRuntime.jsx(NoDataState.default,{elementType:"secondary",description:p("Catch your customer's attention with attracted media."),descriptionActions:[{text:p("Add image"),callback:a},{text:p("sync data"),callback:"syncProduct"}],additionalMedia:V}),{wrapperClasses:k}=getProductImagesClassName.getProductImagesClassName(e);return jsxRuntime.jsxs("div",{...l,className:k,style:C,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:getBorderActiveCss.getBorderActiveCss({settings:{...i,...o},uid:r?.uid,type:"React"})}}),LAYOUT_FEATURE_IMAGE_GALLERY.includes(E)&&jsxRuntime.jsx(FeatureImageWithGallery.default,{...t,gallery:x,priorityFeatureImage:b,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:S()}),"only-feature"===E&&jsxRuntime.jsx(OnlyFeatureImage.default,{gallery:x,...t,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:S()}),["one-col","two-col"].includes(E)&&jsxRuntime.jsx(GalleryGrid.default,{gallery:x,...t,onHandleClickImage:(e,t)=>j(e||"",t),noDataChildren:Z,children:S()}),L&&jsxRuntime.jsx(ProductImagesLightBox.default,{productImages:x,builderPropUID:r?.uid,open:f,onHandleClose:()=>h(!1),imageRatio:common.getAspectRatio(o?.ftShape)}),core.filterToolbarPreview(s,!0)]})};exports.default=ProductImagesV2;

package/dist/cjs/product/components/product-images-v2/ProductImagesV2.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},j=`
+"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}}
     }
-  `,v=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),C=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),G=common.getStyleInsideLayout(u.position,C,u?.spacing),v=()=>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:{...G},children:v(),...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
-      gp-data='${j}'
-      ${{...v}}
-      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:v(),enableLazyLoadImage:d})}
+        ${system.If(!m,P())}
       </div>
     </gp-product-images>
-    ${u.If(e.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-images-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-product-images-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-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-images-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};exports.default=ProductImages;

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

@@ -1 +1 @@
-"use strict";var o=require("@gem-sdk/core"),e=require("./productGallery.js"),t=require("./productFeaturedImage.js");const r=["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=r.reduce((o,e)=>(a.ftNavigationPosition?.[e]&&(o[e]="none"!==a.ftNavigationPosition[e]),o),{});return{...a?.ftLoop&&{loop:a.ftLoop},itemNumber:{desktop:1},dot:e.getAllowDotConfig(),dotStyle:t.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}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:a?.ftAnimationMode,...a?.ftNavigationPosition&&{navigationStyle:a.ftNavigationPosition},navigationEnable:n,arrowButtonSize:{desktop:{width:void 0,height:void 0}},enableAction:{desktop:!0}}},exports.getGalleryCarouselSettingAttr=t=>{let a=e.getShapeByLayout({shape:t.shape,shapeForBottom:t.shapeForBottom,shapeFor1Col:t.shapeFor1Col,shapeFor2Col:t.shapeFor2Col,shapeForFtOnly:t.shapeForFtOnly,shapeForInsideBottom:t.shapeForInsideBottom,shapeForInside:t.shapeForInside},t.position),i=e.getSliderPerShowConfig(a,t.position),n={desktop:"inside"===o.getResponsiveValueByScreen(t.navigationPosition,"desktop"),tablet:"inside"===o.getResponsiveValueByScreen(t.navigationPosition,"tablet"),mobile:"inside"===o.getResponsiveValueByScreen(t.navigationPosition,"mobile")},s=r.reduce((o,e)=>(t.navigationPosition?.[e]&&(o[e]="none"!==t.navigationPosition[e]),o),{});return{...t?.loop&&{loop:t.loop},itemNumber:i,dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:e.getDotStyleConfig(),controlOverContent:n,...t?.dragToScroll&&{enableDrag:{desktop:t.dragToScroll,tablet:t.dragToScroll,mobile:t.dragToScroll}},vertical:e.getCarouselVerticalConfigByPosition(t.position),...t?.arrowIcon&&{arrowCustom:t.arrowIcon},arrowIconSize:t.arrowIconSize||{desktop:24},...t?.arrowIconColor&&{arrowCustomColor:t.arrowIconColor},...t?.arrowNavColor&&{arrowBackgroundColor:t.arrowNavColor},...t?.arrowNavBorder&&{arrowBorder:{desktop:t.arrowNavBorder}},...t?.arrowNavRadius&&{roundedArrow:{desktop:t.arrowNavRadius}},...t?.arrowNavShadow&&{arrowShadow:{desktop:t.arrowNavShadow}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",navigationStyle:t.navigationPosition,navigationEnable:s,arrowButtonSize:{desktop:{width:void 0,height:void 0}},animationMode:t?.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 e=productGallery.getShapeByLayout({shape:o.shape,shapeForBottom:o.shapeForBottom,shapeFor1Col:o.shapeFor1Col,shapeFor2Col:o.shapeFor2Col,shapeForFtOnly:o.shapeForFtOnly,shapeForInsideBottom:o.shapeForInsideBottom,shapeForInside:o.shapeForInside},o.position),t=productGallery.getSliderPerShowConfig(e,o.position),r={desktop:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.navigationPosition,"mobile")},a=DEVICES.reduce((e,t)=>(o.navigationPosition?.[t]&&(e[t]="none"!==o.navigationPosition[t]),e),{});return{...o?.loop&&{loop:o.loop},itemNumber:t,dot:{desktop:!1,tablet:!1,mobile:!1},dotStyle:productGallery.getDotStyleConfig(),controlOverContent:r,...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}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",navigationStyle:o.navigationPosition,navigationEnable:a,arrowButtonSize:{desktop:{width:void 0,height:void 0}},animationMode:o?.ftAnimationMode,enableAction:{desktop:!0}}},getFeaturedCarouselSettingAttr=o=>{let e={desktop:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"desktop"),tablet:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"tablet"),mobile:"inside"===core.getResponsiveValueByScreen(o.ftNavigationPosition,"mobile")},t=DEVICES.reduce((e,t)=>(o.ftNavigationPosition?.[t]&&(e[t]="none"!==o.ftNavigationPosition[t]),e),{});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:e,...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}},sneakPeakType:{desktop:"center"},arrowGapToEachSide:"16",animationMode:o?.ftAnimationMode,...o?.ftNavigationPosition&&{navigationStyle:o.ftNavigationPosition},navigationEnable:t,arrowButtonSize:{desktop:{width:void 0,height:void 0}},enableAction:{desktop:!0}}};exports.getFeaturedCarouselSettingAttr=getFeaturedCarouselSettingAttr,exports.getGalleryCarouselSettingAttr=getGalleryCarouselSettingAttr;

package/dist/cjs/product/components/product-images-v2/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";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 data-[outline=deactive]:after:!gp-border-transparent";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";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),p="desktop"!==s?`${s}:`:"";"outside"===r&&"slider"===a&&["bottom-center"].includes(t||"")?l+=` ${p}gp-px-[16px]`:l+=` ${p}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 data-[outline=deactive]:after:!gp-border-transparent";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-v2/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 i=e.getResponsiveValueByScreen(t,r)?.shapeValue;if(i)o={...o,[r]:i};else{let i=e.getResponsiveValueByScreen(t,r)?.shape;switch(i){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},i=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",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},exports.convertSpacing=e=>e?{desktop:t(e.desktop,5),tablet:t(e.tablet,5),mobile:t(e.mobile,5)}:{desktop:5},exports.convertSpacingForIndisdeLayout=r,exports.convertUnitToNumber=t,exports.getAspectRatio=o,exports.getConditionRenderGalleryImages=(t,o)=>{let r=!0,i=!1;return["desktop","mobile","tablet"].forEach(l=>{let s=e.getResponsiveValueByScreen(t,l),n=e.getResponsiveValueByScreen(o,l);s&&"only-feature"!==s&&(r=!1),(["two-col","one-col"].includes(s)||"images"===n)&&(i=!0)}),{isOnlyFeatureAllDevices:r,isRenderGalleryGrid:i}},exports.getDisplayStyle=(e,t)=>{let o={};return["desktop","mobile","tablet"].forEach(r=>{o={...o,[`--d${"desktop"===r?"":`-${r}`}`]:`${e(r)?"none":t}`}}),o},exports.getPaddingBottomByShapeSetting=t=>{let r=o(t),l={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=i(n||""),u=a.toString().match(/px/g)?i(a):a;if(n&&a&&!isNaN(Number(p))&&!isNaN(Number(u))){l={...l,[o]:`${Number(p)/Number(u)*100}%`};return}if(n&&!isNaN(Number(p))){l={...l,[o]:n};return}let d=r?.[o]!=="auto"&&r?.[o]?r?.[o]?.split("/").reverse().join("/"):"{%if largestRatio == 0%} 100 / 100 {%else%} {{largestRatio}} {%endif%}";l={...l,[o]:`calc((${d})*100%)`}}),l},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(i=>{let l=e.getResponsiveValueByScreen(t.position,i),s=e.getResponsiveValueByScreen(t.ratioLayout,i),n=e.getResponsiveValueByScreen(t.ratioLayoutRight,i),a="desktop"===i?"--gtc":`--gtc-${i}`,p="desktop"===i?"--gtr":`--gtr-${i}`,u="left"===l?s:n,d=["left","right"].includes(l||"");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 i=e.getResponsiveValueByScreen(t.position,r),l="desktop"===r?"--o":`--o-${r}`;o={...o,[l]:"left"===i?"1":"0"}}),o},exports.getStyleGridOrderForGallery=t=>{let o={"--o":"1","--o-tablet":"1","--o-mobile":"1"};return["desktop","mobile","tablet"].forEach(r=>{let i=e.getResponsiveValueByScreen(t.position,r),l="desktop"===r?"--o":`--o-${r}`;o={...o,[l]:"left"===i?"0":"1"}}),o},exports.getStyleInsideLayout=(t,o,i)=>{let l={},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(i,d);if(l={...l,[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",l),...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=>e?{desktop:convertUnitToNumber(e.desktop,5),tablet:convertUnitToNumber(e.tablet,5),mobile:convertUnitToNumber(e.mobile,5)}:{desktop:5},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),g=core.getResponsiveValueByScreen(t,r)?.width,u=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(u);g=`calc(100% - ${e})`}["bottom-center","two-col","one-col"].includes(d)&&(g="100%"),n={...n,[r]:"inside-bottom"===d?`${u}`:"auto"},a={...a,[r]:["inside-left","inside-right"].includes(d)?`${u}`:"auto"},c={...c,[r]:["inside-bottom","inside-left"].includes(d)?`${u}`:"auto"},s={...s,[r]:"inside-right"===d?`${u}`:"auto"},l={...l,[r]:g}}),{...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-v2/common/getBorderActiveCss.js

@@ -1,5 +1,5 @@
-"use strict";var e=require("@gem-sdk/core");exports.getBorderActiveCss=({settings:t,uid:i,type:r})=>{let g="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::after`:`.gem-slider-item-active.gem-slider-item-${i}.gp-gallery-image-item::after`;return`
-    ${g} {
+"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::after`:`.gem-slider-item-active.gem-slider-item-${t}.gp-gallery-image-item::after`;return`
+    ${i} {
       content: "";
       height: 100%;
       width: 100%;
@@ -7,10 +7,10 @@
       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;
     }
-  `};
+  `};exports.getBorderActiveCss=getBorderActiveCss;

package/dist/cjs/product/components/product-images-v2/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-v2/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 p=t(e,n);t(e,n)&&(o=p)}),o},exports.getDotStyleForOnlyFeaturedImage=t=>{let o={};return e.DEVICES.forEach(n=>{let p=e.getResponsiveValueByScreen(t.position,n),s=e.getResponsiveValueByScreen(t.dotStyle,n);o={...o,[n]:"only-feature"===p?s:"none"}}),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},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.getZoomImageClass=getZoomImageClass,exports.getZoomLenClass=getZoomLenClass,exports.isFeatureMedia=isFeatureMedia;

package/dist/cjs/product/components/product-images-v2/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.getSliderPerShowConfig=(t,o)=>{let s={desktop:"auto",tablet:"auto",mobile:"auto"};return["desktop","mobile","tablet"].forEach(i=>{let r=e.getResponsiveValueByScreen(o,i),n=e.getResponsiveValueByScreen(t,i)?.width,a="auto";n?.includes("%")&&(a=100>parseInt(n)?100/parseInt(n):"auto"),s={...s,[i]:"bottom-center"===r||"inside-bottom"===r?a:"auto"}}),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},getSliderPerShowConfig=(e,t)=>{let o={desktop:"auto",tablet:"auto",mobile:"auto"},i=["desktop","mobile","tablet"];return i.forEach(i=>{let r=core.getResponsiveValueByScreen(t,i),s="bottom-center"===r||"inside-bottom"===r,a=core.getResponsiveValueByScreen(e,i)?.width,n="auto";a?.includes("%")&&(n=100>parseInt(a)?100/parseInt(a):"auto"),o={...o,[i]:s?n:"auto"}}),o},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.getSliderPerShowConfig=getSliderPerShowConfig,exports.getZoomDisplay=getZoomDisplay,exports.sizeSettingDefaultForNewLayout=sizeSettingDefaultForNewLayout;

package/dist/cjs/product/components/product-images-v2/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}),...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")}};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})};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})};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})};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}),...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})};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")}};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;