@gem-sdk/components 19.0.0-staging.6 → 19.0.0-staging.60

package/dist/cjs/product/components/product-images-v3/components/feature-gallery/FeatureImageWithGalleryEmbla.liquid.js

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../common/common.js"),a=require("../../common/productFeaturedImage.js"),t=require("../../common/classes.js"),r=require("../../../../../video/components/HTML5Embed.liquid.js"),d=require("../../../../../image/components/Modal3d.liquid.js"),s=require("../../../../../image/components/NextImage.liquid.js"),u=require("../../../../../image/components/Video.liquid.js"),o=require("../../../../helpers/function.js"),l=require("../../composables/getProductImagesStyles.js"),g=require("../../composables/getProductImagesClassName.js"),m=require("../../composables/getProductImagesAttr.js"),p=require("@gem-sdk/system"),c=require("../../../../../carousel-v3/components/root/CarouselEmbla.liquid.js"),n=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:f,children:h,pageContext:y,...I})=>{let{featuredImageCarouselClasses:q,galleryItemClasses:_,featuredCarouselItemClasses:M}=g.getProductImagesClassName({...I,builderProps:{uid:f}}),{featuredImageCarouselStyle:b,featureImageStyle:v,featureImageCarouselOnlyOneImageStyle:w,featureImageOnlyOneImageStyle:$,featureImageCarouselItemStyle:L}=l.getProductImagesStyles(I),{featuredImageCarouselSettingAttrs:S}=m.getProductImagesAttr(I),x=i.getAspectRatio(I.ftShape),j=p.If("other"==I.hoverEffect,p.LiquidIf("product.media.size > 1","group-hover:gp-opacity-0")),R=()=>`
+    {% case featureMedia.media_type %}
+      {% when 'image' %}
+        ${C()}
+      {% when 'external_video' %}
+        {% assign mediaSourceVideo = featureMedia | external_video_url %}
+        ${z()}
+      {% when 'video' %}
+        {% assign mediaSourceVideo = featureMedia.sources.last.url %}
+        ${P()}
+      {% when 'model' %}
+        ${O()}
+      {% else %}
+        ${T()}
+    {% endcase %}
+    `,O=()=>d.default({src:p.LiquidIf("featureMedia.sources.first.url contains '.glb'","{{ featureMedia.sources.first.url }}","{{featureMedia.sources.last.url}}"),alt:"{{featureMedia.preview_image.alt}}",poster:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%"},aspectRatio:x}),z=()=>u.default({src:"{{mediaSourceVideo}}",alt:"{{featureMedia.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"},aspectRatio:x}),P=()=>{let i=p.createStyle({...a.getVideoHeight({ftLayout:I?.ftLayout,ftShape:I?.ftShape}),...e.makeStyleResponsive("objf",I?.ftLayout)}),t=p.createStyle({...a.getVideoHeight({ftLayout:I?.ftLayout,ftShape:I?.ftShape})});return r.default({src:"{{mediaSourceVideo}}",title:"{{featureMedia.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{featureMedia.preview_image.src | product_img_url: '1024x1024'}}",isCheckLoaded:!0,wrapperStyles:t,poster:{altText:"{{featureMedia.alt | escape}}"},style:{width:"100%","max-height":"100%",...i},className:"gp-invisible"})},C=()=>e.template`
+      ${E(e.cls("gp-w-full gp-transition-opacity",j,"{{shouldHidden}}"))}
+      ${p.If(I?.hoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none",a.getZoomImageClass())}">
+            ${E("image-zoom",!0)}
+          </div>`," ")}
+      ${p.If(I?.hoverEffect=="zoom"&&I?.zoomType=="glasses",`<div class="${e.cls("zoom-lens-element",a.getZoomLenClass())}" style="opacity: 0; background-image: url('{{ featureMedia.src | img_url: "1024x1024"}}')"></div>`," ")}
+    `,E=(a,t)=>e.template`
+    {% assign src = featureMedia.src %}
+    ${p.If(t&&"other"==I.hoverEffect,`{% assign media_length = product.media | size %}
+      {% assign other_image_index = ${I.otherImage} | plus: 0 %}
+      {% if other_image_index >= media_length %}
+        {% assign other_image_index = media_length | minus: 1 %}
+      {% endif %}
+      {% assign otherImage = product.media[other_image_index] %}
+      ${p.LiquidIf("otherImage.media_type != 'image'","{% assign src = otherImage.preview_image.src %}","{% assign src = otherImage.src %}")}
+    `)}
+    ${s.default({srcIsLiquidCode:!0,src:p.LiquidIf("src != null",i.getSrcImage("src"),"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif"),id:p.LiquidIf("featureMedia != null","{{featureMedia.id}}"),width:"{{featureMedia.width}}",height:"{{featureMedia.height}}",alt:"{{featureMedia.alt | escape}}",srcset:`${i.getSrcImage("src")}`,baseSrc:"{{src | image_url}}",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:I?.ftLayout,aspectRatio:x,qualityType:I?.qualityType,qualityPercent:I?.qualityPercent},priority:I?.preload,className:`gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none ${a??""}`,pageContext:y})}`,T=()=>e.template`
+    ${s.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{layout:I?.ftLayout,aspectRatio:x,qualityType:I?.qualityType,qualityPercent:I?.qualityPercent},priority:I?.preload,className:"gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none",pageContext:y})}`,k=i.getPaddingBottomByShapeSetting(I.ftShape),A=a.checkRenderFeaturedCarousel(I),N="gp-featured-image-wrapper",W=p.LiquidIf("product.media.size > 0",`{% assign largestRatio = 0 %}
+      ${p.LiquidFor("featureMedia in product.media",`
+          ${p.LiquidIf("featureMedia.media_type == 'video' and featureMedia.preview_image",`{% assign height = featureMedia.preview_image.height | times: 1.0 %}
+            {% assign width = featureMedia.preview_image.width | times: 1.0 %}`,`{% assign height = featureMedia.height | times: 1.0 %}
+            {% assign width = featureMedia.width | times: 1.0 %}`)}
+          {% assign ratio = height | divided_by: width %}
+          ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+        `)}
+      ${p.LiquidFor("featureMedia in product.media",`${p.LiquidIf("featureMedia.media_type == 'image'",`${p.LiquidFor("image in product.images",p.LiquidIf("image.src == featureMedia.src","{% assign imageID = image.id %}{% break %}"))}`,"{% assign imageID = '' %}")}
+        
+    ${p.Liquid(`{% assign productImageWidth = 0 %}
+    {% case featureMedia.media_type %}
+      {% when 'image' %}
+        {% assign productImageWidth = featureMedia.width %}
+      {% else %}
+        {% assign productImageWidth = featureMedia.preview_image.width %}
+    {% endcase %}`)}
+    ${n.default({id:"{{section.id}}-{{imageID}}",contentType:"productImage",className:`${_("gp-ft-image-item !gp-min-w-full !gp-max-w-full ")}`,parentId:`ft-${f}-{{section.id}}-{{product.id}}`,style:L,customStyle:{width:"{{productImageWidth}}px"},children:`
+      <div
+        class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'",`{{ '${t.FEATURE_MEDIA_CENTER_CLASSES}' }}`)}"
+        style="${o.getStyleOfObject(e.makeStyleResponsive("pb",k))}"
+      >
+        ${R()}
+      </div>
+      `})}`)}
+    `,s.default({src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:"480",height:"480",alt:"no image",priority:I?.preload,setting:{layout:I?.ftLayout,aspectRatio:x,qualityType:I?.qualityType,qualityPercent:I?.qualityPercent},style:{height:"100%"},className:"gp-w-full featured-image-only !gp-rounded-none",customLazyload:!0,pageContext:y}));return p.Liquid(`
+    {% capture featureImageOnlyOne %}
+      ${p.Liquid(`
+        {% assign featureMedia = variant.featured_media %}
+        {% unless featureMedia %}
+        {% assign featureMedia = product.featured_media %}
+        {% endunless %}
+        ${p.LiquidIf("product.media.size > 1",(()=>{switch(I?.preDisplay){case"1st-images":return`
+          {% assign featureMedia = product.media.first %}
+        `;case"1st-3d-mode":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'model'","{% assign featureMedia = media %}{% break %}"));case"1st-video":return p.LiquidFor("media in product.media",p.LiquidIf("media.media_type == 'video' or media.media_type == 'external_video'","{% assign featureMedia = media %}{% break %}"));default:return`
+          {% assign featureMedia = variant.featured_media %}
+          {% unless featureMedia %}
+          {% assign featureMedia = product.featured_media %}
+          {% endunless %}
+        `}})())}
+        {% assign largestRatio = 0 %}
+        {% assign height = featureMedia.height | times: 1.0 %}
+        {% assign width = featureMedia.width | times: 1.0 %}
+        {% assign ratio = height | divided_by: width %}
+        ${p.LiquidIf("ratio > largestRatio","{% assign largestRatio = ratio %}")}
+        {% assign productImageWidth = 0 %}
+        {% case featureMedia.media_type %}
+          {% when 'image' %}
+            {% assign productImageWidth = featureMedia.width %}
+          {% else %}
+            {% assign productImageWidth = featureMedia.preview_image.width %}
+        {% endcase %}
+        ${p.LiquidIf("featureMedia == null","{% assign productImageWidth = 1600 %}")}
+        <div
+          class='gp-feature-image-carousel gp-feature-image-only'
+          style="${o.getStyleOfObject(v)}"
+        >
+          <div
+            class="gp-relative"
+            style="${o.getStyleOfObject($)}"
+          >
+            ${h}
+            <div
+              type="gp-feature-image-only"
+              product-id="{{product.id}}"
+              product-media="{{product.media.size}}"
+              class="${M(N)}"
+              style="${o.getStyleOfObject(w)}"
+            >
+              <div
+                class="gp-w-full gp-relative ${p.LiquidIf("featureMedia == null or featureMedia.media_type == 'image'","{{ 'gp-h-0' }}","{{ 'gp-h-full !gp-pb-0' }}")}"
+                style="${o.getStyleOfObject(e.makeStyleResponsive("pb",k))} ${p.LiquidIf("featureMedia.media_type == 'video' or featureMedia.media_type == 'external_video'","{{ 'display: flex; align-items: center; justify-content: center' }}")}"
+              >
+                ${R()}
+              </div>
+            </div>
+          </div>
+        </div>
+      `)}
+    {% endcapture %}
+    ${p.LiquidIf("product.media.size > 1",`
+        ${p.If(A,`
+      ${c.default({builderProps:{uid:f},rootId:`ft-${f}-{{section.id}}-{{product.id}}`,conditionAppendJs:"product.media.size > 1",wrapperClass:N,rootClass:`${q}`,rootAttrs:{type:"gp-feature-image-carousel","product-id":"{{product.id}}","product-media":"{{product.media.size}}"},isHiddenArrowWhenDisabled:!0,setting:S,rootStyles:v,styles:b,style:{playSpeed:600},disableMarginAuto:!0,children:W,productBadgeLiquid:h||"",carouselType:"feature_image"})}
+    `," ")}
+        ${p.If(!A,"{{ featureImageOnlyOne }}"," ")}
+      `,"{{ featureImageOnlyOne }}")}
+  `)};

package/dist/cjs/product/components/product-images-v3/components/feature-only/OnlyFeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),s=require("../child/ProductFeaturedImageCarousel.js"),t=require("../../composables/getProductImagesClassName.js"),a=require("../../composables/getProductImagesStyles.js");exports.default=l=>{let{isEditMode:d}=r.useRenderMode(),{setting:u,styles:i,gallery:o,builderProps:c,noDataChildren:g,onHandleClickImage:m,children:n}=l,p={...u,...i};if(o?.[0]?.id==="noImageError"&&d)return e.jsx(e.Fragment,{children:g});let{featureImageOnlyOneImageClasses:j}=t.getProductImagesClassName(p),{featureImageStyle:I}=a.getProductImagesStyles(p);return e.jsxs("div",{className:j,style:I,children:[e.jsx(s.default,{productImages:o,...p,onHandleClick:(e,r)=>{m(e||"",r)},builderPropUID:c?.uid,builderPropsClass:`gp-product-images-gallery-${c?.uid}`,isFilterByVariantEnabled:l.isFilterByVariantEnabled}),n]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),s=require("../child/ProductFeaturedImageCarousel.js"),t=require("../../composables/getProductImagesClassName.js"),a=require("../../composables/getProductImagesStyles.js");exports.default=u=>{let{isEditMode:d}=r.useRenderMode(),{setting:l,styles:o,gallery:i,builderProps:c,noDataChildren:g,onHandleClickImage:m,children:n}=u,p={...l,...o};if(i?.[0]?.id==="noImageError"&&d)return e.jsx(e.Fragment,{children:g});let{featureImageOnlyOneImageClasses:j}=t.getProductImagesClassName(p),{featureImageStyle:I}=a.getProductImagesStyles(p);return e.jsxs("div",{className:j,style:I,children:[e.jsx(s.default,{productImages:i,...p,onHandleClick:(e,r)=>{m(e||"",r)},builderPropUID:c?.uid,builderPropsClass:`gp-product-images-gallery-${c?.uid}`}),n]})};

package/dist/cjs/product/components/product-images-v3/components/gallery-carousel/GalleryCarousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../common/common.js"),r=require("../../common/productGallery.js"),a=require("../../composables/getProductImagesClassName.js"),o=require("../../composables/getProductImagesStyles.js"),i=require("../../composables/getProductImagesAttr.js"),l=require("../../common/productFeaturedImage.js"),u=require("../child/MediaIcon.js"),n=require("../lightbox/ButtonOpenLightBox.js"),c=require("../../../../../image/components/NextImage.js"),d=require("../../../../../carousel-v3/components/root/Carousel.js"),m=require("../../../../../carousel-v3/components/item/CarouselItem.js"),g=require("../../hooks/useGalleryCarousel.js"),p=require("@gem-sdk/system");exports.default=y=>{let{builderPropUID:j,productImages:h,onSwiperReady:q,activeIndexFormFeatureImage:I,onClickFeatureArrow:C,builderPropsClass:x,arrow:b,priorityFeatureImage:P,...f}=y,v=t.useCurrentDevice(),{galleryItemClasses:T}=a.getProductImagesClassName(f),{galleryCarouselSettingAttrs:w}=i.getProductImagesAttr(f),{galleryCarouselStyle:k,galleryCarouselItemStyle:A}=o.getProductImagesStyles(f),{isDisplay:M,shapeByLayout:N,isShowButtonLightbox:S,filteredProductImages:F,handleClickCarouselItem:G,safeMoveToIdx:H,setSliderReady:R}=g.useGalleryCarousel(y);return e.jsx(e.Fragment,{children:M&&e.jsx(d.default,{parentClass:x,rootClass:x,setting:w,styles:k,slidesClass:r.getEditorMinHeightClass(v,f.position,f.navigationPosition),builderProps:{uid:`${j}-carousel`},moveToIdx:H,isHiddenArrowWhenDisabled:!0,disableMarginAuto:!0,isEnableCheckHasScrollableContent:!0,onLoaded:e=>{e&&R(!0)},onSwiperReady:q,children:F?.map(t=>{let r=l.isFeatureMedia(t.contentType)?t.previewImage:t.src;return e.jsxs(m.default,{contentType:"productImage",className:T(`gp-gallery-image-item gem-slider-item-${j}`),onClickItem:()=>G(t?.id),style:A,"data-id":t?.id,children:[e.jsx(c.default,{draggable:"false",src:r,width:t?.width,height:t?.height,alt:t?.alt,setting:{aspectRatio:s.getAspectRatio(N),layout:f?.layout,qualityPercent:f?.qualityPercent,qualityType:f?.qualityType},style:{width:"100%",height:"100%",cursor:"pointer"},className:"product-list-image"}),e.jsx(u.default,{contentType:t?.contentType||""}),p.If(S,e.jsx(n.default,{}))]},t?.id)})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../common/common.js"),r=require("../../common/productGallery.js"),a=require("../../composables/getProductImagesClassName.js"),i=require("../../composables/getProductImagesStyles.js"),o=require("../../composables/getProductImagesAttr.js"),l=require("../../common/productFeaturedImage.js"),u=require("../child/MediaIcon.js"),c=require("../lightbox/ButtonOpenLightBox.js"),d=require("../../../../../image/components/NextImage.js"),n=require("../../../../../carousel-v3/components/root/Carousel.js"),m=require("../../../../../carousel-v3/components/item/CarouselItem.js"),g=require("../../hooks/useGalleryCarousel.js"),p=require("@gem-sdk/system");exports.default=y=>{let{builderPropUID:j,productImages:h,onSwiperReady:q,activeIndexFormFeatureImage:I,onClickFeatureArrow:C,builderPropsClass:x,arrow:b,priorityFeatureImage:P,...f}=y,v=t.useCurrentDevice(),{galleryItemClasses:T}=a.getProductImagesClassName(f),{galleryCarouselSettingAttrs:w}=o.getProductImagesAttr(f),{galleryCarouselStyle:k,galleryCarouselItemStyle:A}=i.getProductImagesStyles(f),{moveToIdx:M,isDisplay:N,shapeByLayout:S,isEnableBorderActive:F,isShowButtonLightbox:G,filteredProductImages:H,handleClickCarouselItem:R,safeMoveToIdx:$,setSliderReady:B}=g.useGalleryCarousel(y);return e.jsx(e.Fragment,{children:N&&e.jsx(n.default,{parentClass:x,rootClass:x,setting:w,styles:k,slidesClass:r.getEditorMinHeightClass(v,f.position,f.navigationPosition),builderProps:{uid:`${j}-carousel`},moveToIdx:$,isHiddenArrowWhenDisabled:!0,disableMarginAuto:!0,isEnableCheckHasScrollableContent:!0,onLoaded:e=>{e&&B(!0)},onSwiperReady:q,children:H?.map((t,r)=>{let a=l.isFeatureMedia(t.contentType)?t.previewImage:t.src;return e.jsxs(m.default,{contentType:"productImage",className:T(`gp-gallery-image-item gem-slider-item-${j} ${r===M&&F?"gem-slider-item-active":""}`),onClickItem:()=>R(t?.id),style:A,"data-id":t?.id,children:[e.jsx(d.default,{draggable:"false",src:a,width:t?.width,height:t?.height,alt:t?.alt,setting:{aspectRatio:s.getAspectRatio(S),layout:f?.layout,qualityPercent:f?.qualityPercent,qualityType:f?.qualityType},style:{width:"100%",height:"100%",cursor:"pointer"},className:"product-list-image"}),e.jsx(u.default,{contentType:t?.contentType||""}),p.If(G,e.jsx(c.default,{}))]},t?.id)})})})};

package/dist/cjs/product/components/product-images-v3/components/gallery-carousel/GalleryCarousel.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../../../image/components/NextImage.liquid.js"),t=require("../../common/common.js"),o=require("../../common/productGallery.js"),r=require("../../../../helpers/function.js"),s=require("../../composables/getProductImagesStyles.js"),a=require("../../composables/getProductImagesClassName.js"),l=require("../../composables/getProductImagesAttr.js"),d=require("@gem-sdk/system"),p=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),g=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:m,children:u,enableLazyLoadImage:n,...c})=>{let{featuredImageGalleryClasses:C,galleryItemClasses:h}=a.getProductImagesClassName(c),{galleryCarouselSettingAttrs:y}=l.getProductImagesAttr(c),{galleryCarouselStyle:v,galleryCarouselItemStyle:f}=s.getProductImagesStyles(c),b=o.getShapeByLayout({shape:c.shape,shapeForBottom:c.shapeForBottom,shapeFor1Col:c.shapeFor1Col,shapeFor2Col:c.shapeFor2Col,shapeForFtOnly:c.shapeForFtOnly,shapeForInsideBottom:c.shapeForInsideBottom,shapeForInside:c.shapeForInside},c.position),L=(o,r)=>e.template`${i.default({srcIsLiquidCode:!0,src:`${t.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:o,baseSrc:"{{media.preview_image | image_url}}",style:r,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",enableLazyLoadImage:n})}`,q=e=>`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../../../image/components/NextImage.liquid.js"),t=require("../../common/common.js"),o=require("../../common/productGallery.js"),s=require("../../../../helpers/function.js"),r=require("../../composables/getProductImagesStyles.js"),a=require("../../composables/getProductImagesClassName.js"),l=require("../../composables/getProductImagesAttr.js"),d=require("@gem-sdk/system"),p=require("../../../../../carousel-v3/components/root/Carousel.liquid.js"),g=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:u,children:m,pageContext:n,...c})=>{let{featuredImageGalleryClasses:C,galleryItemClasses:h}=a.getProductImagesClassName(c),{galleryCarouselSettingAttrs:y}=l.getProductImagesAttr(c),{galleryCarouselStyle:v,galleryCarouselItemStyle:f}=r.getProductImagesStyles(c),L=o.getShapeByLayout({shape:c.shape,shapeForBottom:c.shapeForBottom,shapeFor1Col:c.shapeFor1Col,shapeFor2Col:c.shapeFor2Col,shapeForFtOnly:c.shapeForFtOnly,shapeForInsideBottom:c.shapeForInsideBottom,shapeForInside:c.shapeForInside},c.position),b=(o,s)=>e.template`${i.default({srcIsLiquidCode:!0,src:`${t.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:o,baseSrc:"{{media.preview_image | image_url}}",style:s,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",pageContext:n})}`,I=e=>`
     ${d.LiquidIf("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
     ${d.LiquidIf("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
     ${d.LiquidIf("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
-    ${g.default({id:"{{imageID}}",contentType:"productImage",className:`${h(`gp-gallery-image-item ${e??""}`)}`,parentId:`${m}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:f,children:`
+    ${g.default({id:"{{imageID}}",contentType:"productImage",className:`${h(`gp-gallery-image-item ${e??""}`)}`,parentId:`${u}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:f,children:`
       <div class="gp-w-full gp-relative gp-h-full"
-        
+
       >
-      ${L({aspectRatio:t.getAspectRatio(b),layout:c?.layout,qualityPercent:c?.qualityPercent,qualityType:c?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
+      ${b({aspectRatio:t.getAspectRatio(L),layout:c?.layout,qualityPercent:c?.qualityPercent,qualityType:c?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
 
     ${d.LiquidIf("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" >
       <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -22,7 +22,7 @@
     </div>`)}
 
     <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="${r.getStyleOfObject(o.getZoomDisplay(c?.clickOpenLightBox))}"
+    style="${s.getStyleOfObject(o.getZoomDisplay(c?.clickOpenLightBox))}"
     >
       <svg
         height="100%"
@@ -40,7 +40,7 @@
       </svg>
     </div>
     </div>
-    `})}`,w=d.LiquidIf("product.media.size > 1",d.LiquidFor("media in product.media",`${d.LiquidIf("media.media_type == 'image'",d.LiquidFor("image in product.images",d.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
-          ${d.LiquidIf("media.id == product.featured_media.id ",q(c?.borderActive?.border!=="none"?"active":""),q())}`));return e.template`
-    ${p.default({builderProps:{uid:m},rootId:`${m}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let r=e.getResponsiveValueByScreen(t,o),s=e.getResponsiveValueByScreen(i,o),a="slider"===s&&("bottom-center"===r||"inside-bottom"===r),l=["left","right","inside-left","inside-right"].includes(r??"");return l||a},r=o.checkDisplayGalleryByWidth({shapeByLayout:b}),s={desktop:r.desktop&&i(c.type,c.position,"desktop"),tablet:r.tablet&&i(c.type,c.position,"tablet"),mobile:r.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!s[e],"flex")})()},styles:v,disableMarginAuto:!0,children:w})}
+    `})}`,q=d.LiquidIf("product.media.size > 1",d.LiquidFor("media in product.media",`${d.LiquidIf("media.media_type == 'image'",d.LiquidFor("image in product.images",d.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
+          ${d.LiquidIf("media.id == product.featured_media.id ",I(c?.borderActive?.border!=="none"?"active":""),I())}`));return e.template`
+    ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let s=e.getResponsiveValueByScreen(t,o),r=e.getResponsiveValueByScreen(i,o),a="slider"===r&&("bottom-center"===s||"inside-bottom"===s),l=["left","right","inside-left","inside-right"].includes(s??"");return l||a},s=o.checkDisplayGalleryByWidth({shapeByLayout:L}),r={desktop:s.desktop&&i(c.type,c.position,"desktop"),tablet:s.tablet&&i(c.type,c.position,"tablet"),mobile:s.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!r[e],"flex")})()},styles:v,disableMarginAuto:!0,children:q,shouldInitByLayout:t.getGalleryCarouselShouldInitByLayout(c.position),carouselType:"feature_image_thumbs"})}
   `};

package/dist/cjs/product/components/product-images-v3/components/gallery-carousel/GalleryCarouselEmbla.liquid.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../../../image/components/NextImage.liquid.js"),t=require("../../common/common.js"),o=require("../../common/productGallery.js"),s=require("../../../../helpers/function.js"),r=require("../../composables/getProductImagesStyles.js"),a=require("../../composables/getProductImagesClassName.js"),l=require("../../composables/getProductImagesAttr.js"),d=require("@gem-sdk/system"),p=require("../../../../../carousel-v3/components/root/CarouselEmbla.liquid.js"),g=require("../../../../../carousel-v3/components/item/CarouselItem.liquid.js");exports.default=({builderPropUID:u,children:m,pageContext:n,...c})=>{let{featuredImageGalleryClasses:C,galleryItemClasses:h}=a.getProductImagesClassName(c),{galleryCarouselSettingAttrs:y}=l.getProductImagesAttr(c),{galleryCarouselStyle:v,galleryCarouselItemStyle:f}=r.getProductImagesStyles(c),b=o.getShapeByLayout({shape:c.shape,shapeForBottom:c.shapeForBottom,shapeFor1Col:c.shapeFor1Col,shapeFor2Col:c.shapeFor2Col,shapeForFtOnly:c.shapeForFtOnly,shapeForInsideBottom:c.shapeForInsideBottom,shapeForInside:c.shapeForInside},c.position),L=(o,s)=>e.template`${i.default({srcIsLiquidCode:!0,src:`${t.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",setting:o,baseSrc:"{{media.preview_image | image_url}}",style:s,className:"!gp-rounded-none gp-w-full gp-h-full gp-top-0 gp-left-0 gp-cursor-pointer",pageContext:n})}`,I=e=>`
+    ${d.LiquidIf("media.media_type == 'video'","{% assign mediaSourceUrl = media.sources.last.url %}")}
+    ${d.LiquidIf("media.media_type == 'external_video'","{% assign mediaSourceUrl = media | external_video_url %}")}
+    ${d.LiquidIf("media.media_type == 'image'","{% assign mediaSourceUrl = media.src %}")}
+    ${g.default({id:"{{imageID}}",contentType:"productImage",className:`${h(`gp-gallery-image-item ${e??""}`)}`,parentId:`${u}-{{product.id}}`,builderAttrs:{"data-outline":e?"active":"deactive"},style:f,children:`
+      <div class="gp-w-full gp-relative gp-h-full"
+
+      >
+      ${L({aspectRatio:t.getAspectRatio(b),layout:c?.layout,qualityPercent:c?.qualityPercent,qualityType:c?.qualityType},{width:"100%",height:"100%",cursor:"pointer"})}
+
+    ${d.LiquidIf("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" >
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
+        <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" stroke-miterlimit="10"/>
+      </svg>
+    </div>`)}
+    ${d.LiquidIf("media.media_type == 'model'",`<div class="gp-absolute gp-pb-1 gp-pr-1 gp-right-0 gp-bottom-0">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
+        <path fill-rule="evenodd" clip-rule="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"/>
+      </svg>
+    </div>`)}
+
+    <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="${s.getStyleOfObject(o.getZoomDisplay(c?.clickOpenLightBox))}"
+    >
+      <svg
+        height="100%"
+        width="100%"
+        xmlns="http://www.w3.org/2000/svg"
+        class="gp-h-6 gp-w-6"
+        viewBox="0 0 512 512"
+        color="#fff"
+      ><path
+          fill="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="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"
+        />
+      </svg>
+    </div>
+    </div>
+    `})}`,q=d.LiquidIf("product.media.size > 1",d.LiquidFor("media in product.media",`${d.LiquidIf("media.media_type == 'image'",d.LiquidFor("image in product.images",d.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
+          ${d.LiquidIf("media.id == product.featured_media.id ",I(c?.borderActive?.border!=="none"?"active":""),I())}`));return e.template`
+    ${p.default({builderProps:{uid:u},rootId:`${u}-{{product.id}}`,rootClass:`${C}`,rootAttrs:{type:"grid-carousel","product-media":"{{product.media.size}}"},wrapperClass:(()=>{let e=o.getCarouselVerticalConfigByPosition(c.position),i=[e.desktop?"gp-px-0":"gp-py-0",e.tablet?"tablet:gp-px-0":"tablet:gp-py-0",e.mobile?"mobile:gp-px-0":"mobile:gp-py-0"];return` ${i.join(" ")}`})(),slidesClass:o.getMinHeightByPosition(c.position,c.navigationPosition),isHiddenArrowWhenDisabled:!0,setting:y,rootStyles:{...(()=>{let i=(i,t,o)=>{let s=e.getResponsiveValueByScreen(t,o),r=e.getResponsiveValueByScreen(i,o),a="slider"===r&&("bottom-center"===s||"inside-bottom"===s),l=["left","right","inside-left","inside-right"].includes(s??"");return l||a},s=o.checkDisplayGalleryByWidth({shapeByLayout:b}),r={desktop:s.desktop&&i(c.type,c.position,"desktop"),tablet:s.tablet&&i(c.type,c.position,"tablet"),mobile:s.mobile&&i(c.type,c.position,"mobile")};return t.getDisplayStyle(e=>!r[e],"flex")})()},styles:v,disableMarginAuto:!0,children:q,shouldInitByLayout:t.getGalleryCarouselShouldInitByLayout(c.position),carouselType:"feature_image_thumbs"})}
+  `};

package/dist/cjs/product/components/product-images-v3/components/gallery-grid/GalleryGrid.liquid.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("@gem-sdk/system"),a=require("../../../../../image/components/Modal3d.liquid.js"),t=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),o=require("../../../../../video/components/HTML5Embed.liquid.js"),d=require("../../../../helpers/function.js"),r=require("../../common/common.js"),l=require("../../common/productFeaturedImage.js"),m=require("../../common/productGallery.js"),p=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesStyles.js");exports.default=({builderPropUID:u,wrapperStyle:c,children:n,enableLazyLoadImage:y,...h})=>{let{galleryItemClasses:f,galleryGridWrapperClasses:v}=p.getProductImagesClassName(h),{galleryGridStyles:C,galleryGridItemStyles:L}=g.getProductImagesStyles(h),w=m.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom,shapeForInside:h.shapeForInside},h.position),q=(i=!1)=>{let a={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let s=e.getResponsiveValueByScreen(h?.position,t)||"",o="one-col"===s||"two-col"===s;a[t]=(i?!o:o)?"block":"none"}),e.makeStyleResponsive("d",a)},_=()=>q(),b=()=>q(!0),I=(a,s)=>e.template`
-      ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",baseSrc:"{{media.preview_image | image_url}}",setting:a,style:s,className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage:y})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("@gem-sdk/system"),a=require("../../../../../image/components/Modal3d.liquid.js"),t=require("../../../../../image/components/NextImage.liquid.js"),s=require("../../../../../image/components/Video.liquid.js"),d=require("../../../../../video/components/HTML5Embed.liquid.js"),o=require("../../../../helpers/function.js"),r=require("../../common/common.js"),l=require("../../common/productFeaturedImage.js"),m=require("../../common/productGallery.js"),p=require("../../composables/getProductImagesClassName.js"),g=require("../../composables/getProductImagesStyles.js");exports.default=({builderPropUID:u,wrapperStyle:c,children:n,pageContext:y,...h})=>{let{galleryItemClasses:f,galleryGridWrapperClasses:v}=p.getProductImagesClassName(h),{galleryGridStyles:C,galleryGridItemStyles:L}=g.getProductImagesStyles(h),w=m.getShapeByLayout({shape:h.shape,shapeForBottom:h.shapeForBottom,shapeFor1Col:h.shapeFor1Col,shapeFor2Col:h.shapeFor2Col,shapeForFtOnly:h.shapeForFtOnly,shapeForInsideBottom:h.shapeForInsideBottom,shapeForInside:h.shapeForInside},h.position),q=(i=!1)=>{let a={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let s=e.getResponsiveValueByScreen(h?.position,t)||"",d="one-col"===s||"two-col"===s;a[t]=(i?!d:d)?"block":"none"}),e.makeStyleResponsive("d",a)},_=()=>q(),b=()=>q(!0),I=(a,s)=>e.template`
+      ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",alt:"{{media.alt | escape}}",baseSrc:"{{media.preview_image | image_url}}",setting:a,style:s,className:"!gp-rounded-none",customLazyload:!1,pageContext:y})}
       ${i.If(h?.galleryHoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none gp-w-full gp-h-full",l.getZoomImageClass())}">
-          ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",baseSrc:"{{media.preview_image | image_url}}",alt:"{{media.alt | escape}}",setting:a,style:s,className:"!gp-rounded-none gp-w-full gp-h-full",customLazyload:!1,enableLazyLoadImage:y})}
+          ${t.default({srcIsLiquidCode:!0,src:`${r.getSrcImage("media.preview_image")}`,width:"{{media.width}}",height:"{{media.height}}",baseSrc:"{{media.preview_image | image_url}}",alt:"{{media.alt | escape}}",setting:a,style:s,className:"!gp-rounded-none gp-w-full gp-h-full",customLazyload:!1,pageContext:y})}
           </div>`," ")}
       ${i.If(h?.galleryHoverEffect=="zoom"&&h?.galleryZoomType=="glasses",`<div class="${e.cls("zoom-lens-element",l.getZoomLenClass())}" style="opacity: 0; background-image: url('{{media.preview_image | product_img_url: '1024x1024'}}')">
             </div>
           `," ")}
-    `,$=()=>a.default({src:i.LiquidIf("media.sources.first.url contains '.glb'","{{ media.sources.first.url }}","{{media.sources.last.url}}"),alt:"{{media.preview_image.alt}}",poster:"{{media.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%",height:"100%"},aspectRatio:r.getAspectRatio(w)}),x=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{media.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),S=()=>o.default({src:"{{mediaSourceVideo}}",title:"{{media.alt | escape}}",autoplay:!1,controls:!0,style:{width:"100%","max-height":"100%"}}),F=()=>e.template`
+    `,$=()=>a.default({src:i.LiquidIf("media.sources.first.url contains '.glb'","{{ media.sources.first.url }}","{{media.sources.last.url}}"),alt:"{{media.preview_image.alt}}",poster:"{{media.preview_image.src | product_img_url: '1024x1024'}}",cameraControls:!0,arStatus:"not-presenting",style:{width:"100%",height:"100%"},aspectRatio:r.getAspectRatio(w)}),x=()=>s.default({src:"{{mediaSourceVideo}}",alt:"{{media.alt | escape}}",autoplay:!1,allowfullscreen:!0,controls:!0,style:{width:"100%",height:"100%"}}),S=()=>d.default({src:"{{mediaSourceVideo}}",title:"{{media.alt | escape}}",autoplay:!1,controls:!0,thumbnail:"{{media.preview_image.src | product_img_url: '1024x1024'}}",poster:{altText:"{{media.alt | escape}}"},style:{width:"100%","max-height":"100%"},pageContext:y}),F=()=>e.template`
       ${i.LiquidIf("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" >
           <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect opacity="0.9" width="24" height="24" rx="3" fill="#212121"/>
@@ -22,7 +22,7 @@
       ${I({aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},{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="${d.getStyleOfObject(m.getZoomDisplay(h?.clickOpenLightBox))}" >
+        style="${o.getStyleOfObject(m.getZoomDisplay(h?.clickOpenLightBox))}" >
         <svg
           height="100%"
           width="100%"
@@ -54,18 +54,18 @@
       grid-index="{{forloop.index}}"
       data-outline="none"
       class="${f(`gem-slider-item-${u}-{{product.id}} gp-gallery-image-item ${a??""} data-[outline=deactive]:after:!gp-border-transparent`)}"
-      style="${d.getStyleOfObject(L)}"
+      style="${o.getStyleOfObject(L)}"
       >
       ${i.LiquidIf("media.media_type == 'external_video' or media.media_type == 'video' or media.media_type == 'model'","{% assign isMedia = true %}")}
 
       ${i.LiquidIf("media.media_type == 'external_video' or media.media_type == 'video'","{% assign isVideo = true %}")}
 
-      <div class="gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",d.getStyleOfObject({...b()}))}">
+      <div class="gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",o.getStyleOfObject({...b()}))}">
         ${i.LiquidIf("media != null",F(),V())}
       </div>
 
       <div class="${i.LiquidIf("isMedia","gp-flex gp-justify-center gp-items-center")}"
-      style="${i.LiquidIf("isMedia",d.getStyleOfObject({...e.makeStyleResponsive("aspect",r.getAspectRatio(w))}))} ${d.getStyleOfObject({..._()})}"
+      style="${i.LiquidIf("isMedia",o.getStyleOfObject({...e.makeStyleResponsive("aspect",r.getAspectRatio(w))}))} ${o.getStyleOfObject({..._()})}"
       >
         {% case media.media_type %}
           {% when 'external_video' %}
@@ -81,10 +81,10 @@
       {% assign isVideo= false %}
       {% assign isMedia= false %}
     </div>`,V=()=>e.template`
-    ${t.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage:y})}`;return i.Liquid(`
+    ${t.default({srcIsLiquidCode:!0,src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:"No Image",sizes:"(max-width: 768px) 50vw, 100vw",setting:{aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},className:"!gp-rounded-none",customLazyload:!1,pageContext:y})}`;return i.Liquid(`
   <div type="grid-gallery"
     class="${v}"
-    style="${d.getStyleOfObject(C)}}"
+    style="${o.getStyleOfObject(C)}}"
   >
     ${i.LiquidFor("media in product.media",`${i.LiquidIf("media.media_type == 'image'",i.LiquidFor("image in product.images",i.LiquidIf("image.src == media.src","{% assign imageID = image.id %}{% break %}")),"{% assign imageID = '' %}")}
       ${i.LiquidIf("media.id == product.featured_media.id ",j(h?.borderActive?.border!=="none"?"active":""),j())}`)}

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

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

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

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

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

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

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

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

package/dist/cjs/product/components/product-list/ProductList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),a=require("../SalePageProductListWarning.js"),s=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:v}=t,{isRelatedProduct:b,productSetting:T}=g.getData(t),j=T.relatedTag&&T.relatedTag[0],{isEditMode:x,isPreviewSharePageMode:I}=d.useRenderMode(),k=d.useCurrentDevice(),S=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[q,M]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===S;"GP_COLLECTION"==S&&(T.productSrc="DynamicCollection",T.collectionId=O?.collectionId??"latest");let Q=T?.productSrc??"Collection",B=C?.productId&&C?.productId!==T.relatedProductId?C?.productId:T.relatedProductId,D=d.useFetchHandle(),A=d.usePageStore(e=>e.publicStoreFrontData),_=o.useMemo(()=>d.hasPublicStoreFrontData(A)?d.createStoreFrontFetcher(A):D,[A]),{data:z}=d.useProductQuery(b&&B?B:void 0,{revalidateOnMount:x||I},_),H=T.relatedTag&&"tags"===T.relatedTag[0]&&(!z?.tags||z?.tags.length===0),R=T.relatedTag&&"collection"===T.relatedTag[0]&&(!z?.collections?.edges||z?.collections.edges.length===0),$=T.relatedTag&&"vendor"===T.relatedTag[0]&&!z?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:x||I},_),U=x||I,J=d.useProductsQuery("PickProduct"===Q?T?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:T?.numOfSelectedProducts}),K=o.useMemo(()=>({id:T?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[T?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(b&&z&&T.relatedTag&&"recommended-product"!==T.relatedType){let e;switch(F(!1),T.hasRelatedExclude&&(e=T?.relatedExclude&&T.relatedExclude.split(",").map(e=>e.trim())),T.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:T.relatedTag&&"vendor"===T.relatedTag[0]?z?.vendor:"",idNEQ:z.id}});break;case"collection":{let t=z?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!z.tags||0===z.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags}]}]}})}}},[z,T.relatedType,T.relatedTag,y?.numberOfProducts,T.relatedExclude,T.hasRelatedExclude,b]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=V?.data?.products?d.flattenConnection(V?.data?.products):void 0,ed=b&&eo?eo:"PickProduct"===Q&&T?.productIds?.length?T?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(T?.numOfSelectedProducts??4)),ea=o.useMemo(()=>W&&b&&x||!ed.length&&!Z&&q&&x,[q,Z,W,b,x,ed.length]),es=o.useMemo(()=>!ed||W&&b,[W,b,ed]),el=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((ed?.length??0)/+(y?.slidesToShow?.[k]??1));return Array.from(Array(ed?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[k]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,k):void 0}))},[y?.sameHeight,y?.slidesToShow,w,ed?.length,k,f?.horizontalGutter]),ei=o.useMemo(()=>Y||Z||ee||!ed||W&&b,[ee,Z,W,b,Y,ed]);o.useEffect(()=>{ei||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},x?0:500)},[p,ei,x]);let ec=o.useMemo(()=>({collection:et,products:ed,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,ed,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ea)return e.jsx(e.Fragment,{children:n.If(q,e.jsx(h,{builderAttrs:v,collectionHandle:et?.handle,productSrc:Q,onClose:()=>M(!1),children:P,relatedTagString:j,assignProductNoTags:H||R||$,noAssignedProduct:!B}))});let{productListWrapStyle:en,productListContentStyle:eu,productListWrapAlignStyle:eg}=c.getStyle(t),{productListWrapClass:em}=u.getClass(t);return e.jsxs("div",{...v,className:em,style:en,children:[!!f?.preloadBgImage&&e.jsxs(s,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):es?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...ec,children:e.jsx("div",{className:"gp-flex gp-w-full",style:eg,children:e.jsxs("div",{style:eu,children:[G&&e.jsx(a.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:ed,generateGridRowArray:el}),e.jsx(i.default,{...t,productSortedById:ed}))})]})})}),d.filterToolbarPreview(P,!0)]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),a=require("../SalePageProductListWarning.js"),s=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:v}=t,{isRelatedProduct:b,productSetting:T}=g.getData(t),j=T.relatedTag&&T.relatedTag[0],{isEditMode:x,isPreviewSharePageMode:I}=d.useRenderMode(),k=d.useCurrentDevice(),S=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[q,M]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===S;"GP_COLLECTION"==S&&(T.productSrc="DynamicCollection",T.collectionId=O?.collectionId??"latest");let Q=T?.productSrc??"Collection",B=C?.productId&&C?.productId!==T.relatedProductId?C?.productId:T.relatedProductId,D=d.useFetchHandle(),A=d.usePageStore(e=>e.publicStoreFrontData),H=o.useMemo(()=>d.hasPublicStoreFrontData(A)?d.createStoreFrontFetcher(A):D,[A]),{data:_}=d.useProductQuery(b&&B?B:void 0,{revalidateOnMount:x||I},H),z=T.relatedTag&&"tags"===T.relatedTag[0]&&(!_?.tags||_?.tags.length===0),R=T.relatedTag&&"collection"===T.relatedTag[0]&&(!_?.collections?.edges||_?.collections.edges.length===0),$=T.relatedTag&&"vendor"===T.relatedTag[0]&&!_?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:x||I},H),U=x||I,J=d.useProductsQuery("PickProduct"===Q?T?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:T?.numOfSelectedProducts}),K=o.useMemo(()=>({id:T?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[T?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(b&&_&&T.relatedTag&&"recommended-product"!==T.relatedType){let e;switch(F(!1),T.hasRelatedExclude&&(e=T?.relatedExclude&&T.relatedExclude.split(",").map(e=>e.trim())),T.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:T.relatedTag&&"vendor"===T.relatedTag[0]?_?.vendor:"",idNEQ:_.id}});break;case"collection":{let t=_?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!_.tags||0===_.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags}]}]}})}}},[_,T.relatedType,T.relatedTag,y?.numberOfProducts,T.relatedExclude,T.hasRelatedExclude,b]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=V?.data?.products?d.flattenConnection(V?.data?.products):void 0,ed=b&&eo?eo:"PickProduct"===Q&&T?.productIds?.length?T?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(T?.numOfSelectedProducts??4)),ea=o.useMemo(()=>W&&b&&x||!ed.length&&!Z&&q&&x,[q,Z,W,b,x,ed.length]),es=o.useMemo(()=>!ed||W&&b,[W,b,ed]),el=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((ed?.length??0)/+(y?.slidesToShow?.[k]??1));return Array.from(Array(ed?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[k]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,k):void 0}))},[y?.sameHeight,y?.slidesToShow,w,ed?.length,k,f?.horizontalGutter]),ei=o.useMemo(()=>Y||Z||ee||!ed||W&&b,[ee,Z,W,b,Y,ed]);o.useEffect(()=>{ei||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},x?0:500)},[p,ei,x]);let ec=o.useMemo(()=>({collection:et,products:ed,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent,sameHeight:y?.sameHeight},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,ed,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ea)return e.jsx(e.Fragment,{children:n.If(q,e.jsx(h,{builderAttrs:v,collectionHandle:et?.handle,productSrc:Q,onClose:()=>M(!1),children:P,relatedTagString:j,assignProductNoTags:z||R||$,noAssignedProduct:!B}))});let{productListWrapStyle:en,productListContentStyle:eu,productListWrapAlignStyle:eg}=c.getStyle(t),{productListWrapClass:em}=u.getClass(t);return e.jsxs("div",{...v,className:em,style:en,children:[!!f?.preloadBgImage&&e.jsxs(s,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):es?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...ec,children:e.jsx("div",{className:"gp-flex gp-w-full",style:eg,children:e.jsxs("div",{style:eu,children:[G&&e.jsx(a.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:ed,generateGridRowArray:el}),e.jsx(i.default,{...t,productSortedById:ed}))})]})})}),d.filterToolbarPreview(P,!0)]})};

package/dist/cjs/product/components/product-list/ProductList.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:u}=o,g=u?.pageType==="GP_FUNNEL_PAGE";if(g)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:_,productListId:h,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./ProductListCarouselLayout.liquid.js"),d=require("./ProductListGridLayout.liquid.js"),a=require("./common/styles.js"),r=require("./common/classes.js"),n=require("./common/helpers.js");exports.default=o=>{let{setting:l,styles:c,pageContext:g}=o,u=g?.pageType==="GP_FUNNEL_PAGE";if(u)return"";let{hasRelatedExclude:p,relatedExcludeTrim:f,collectionID:m,isLatestProducts:P,isGrid:$,numberOfProducts:h,productListId:_,productListHandles:y,sortedBy:v,isReverse:E,productSrc:S,productNumber:k,isSorted:L,relatedTag:b,collectionHandle:x}=n.getDataLiquid(o),R=()=>e.template`
     ${e.RenderIf("RelatedProduct"===S,`
         assign relatedTag = '${b}'
         assign assignProduct = product
@@ -91,11 +91,11 @@
               endfor
             assign products = products | uniq
         endcase
-        paginate products by ${_||4}
+        paginate products by ${h||4}
           assign products = products
         endpaginate
       `)}
-  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:j}=r.getClass(o);return e.template`
+  `,{productListWrapStyle:A,productListContentStyle:I,productListWrapAlignStyle:q}=a.getStyle(o),{productListWrapClass:H}=r.getClass(o);return e.template`
     ${e.RenderIf(e.isLocalEnv,`
         <script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
         ${l?.sameHeight?`<script ${t.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
@@ -106,7 +106,7 @@
 
     ${e.RenderIf(!!c?.preloadBgImage,`${e.RenderIf(!!c?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!c?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${c?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
     <div
-      class="${j}"
+      class="${H}"
       style="${A}"
     >
       <div class='gp-flex gp-w-full' style="${q}">
@@ -140,6 +140,7 @@
         assign productSrc = '${S}'
         assign c = 0
         assign limit = ${k??4}
+        assign isSettingSameHeightProductList = ${l?.sameHeight??!1}
 
         if request.page_type == 'collection' or preview_page_type == 'collection'
           assign target_collection = collection
@@ -150,7 +151,7 @@
               ${t}
             endif
           endif
-          paginate target_collection.products by ${_||4}
+          paginate target_collection.products by ${h||4}
             assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
           endpaginate
         else
@@ -165,7 +166,7 @@
               endfor
               assign limit = products.length
             else
-              if ${h.length} == 0
+              if ${_.length} == 0
                 paginate collections.all.products by 100000
                   assign products = collections.all.products  | sort : "created_at"  | reverse
                 endpaginate
@@ -177,7 +178,7 @@
             else
               ${t}
             endif
-            paginate target_collection.products by ${_||4}
+            paginate target_collection.products by ${h||4}
               assign products = target_collection.products ${L?v:""} ${E?"| reverse":""}
             endpaginate
           endif
@@ -186,7 +187,7 @@
     `})()}
           ${e.template`
     {%- if products == null -%}
-    {%- if count == 0 and ${h.length} == 0 -%}
+    {%- if count == 0 and ${_.length} == 0 -%}
       {% if '${S}' == 'RelatedProduct' -%}
           <div>${t.getStaticLocale("ProductList","no_related_products")}</div>
         {% else %}
@@ -194,7 +195,7 @@
       {%- endif -%}
     {%- endif -%}
     {%-else-%}
-      ${s.If($,e.template`${d.default({...o,productListId:h,productSrc:S})}`,e.template`${i.default({...o,productListId:h,productSrc:S})}`)}
+      ${s.If($,e.template`${d.default({...o,productListId:_,productSrc:S})}`,e.template`${i.default({...o,productListId:_,productSrc:S})}`)}
     {%- endif -%}
     `}
           {%- assign product = gpBkProduct -%}

package/dist/cjs/product/components/product-list-v3/ProductList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),s=require("../SalePageProductListWarning.js"),a=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:b}=t,{isRelatedProduct:v,productSetting:I}=g.getData(t),T=I.relatedTag&&I.relatedTag[0],{isEditMode:j,isPreviewSharePageMode:x}=d.useRenderMode(),S=d.useCurrentDevice(),k=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[M,q]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===k;"GP_COLLECTION"==k&&(I.productSrc="DynamicCollection",I.collectionId=O?.collectionId??"latest");let Q=I?.productSrc??"Collection",A=C?.productId&&C?.productId!==I.relatedProductId?C?.productId:I.relatedProductId,B=d.useFetchHandle(),D=d.usePageStore(e=>e.publicStoreFrontData),_=o.useMemo(()=>d.hasPublicStoreFrontData(D)?d.createStoreFrontFetcher(D):B,[D]),{data:z}=d.useProductQuery(v&&A?A:void 0,{revalidateOnMount:j||x},_),H=I.relatedTag&&"tags"===I.relatedTag[0]&&(!z?.tags||z?.tags.length===0),R=I.relatedTag&&"collection"===I.relatedTag[0]&&(!z?.collections?.edges||z?.collections.edges.length===0),$=I.relatedTag&&"vendor"===I.relatedTag[0]&&!z?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:j||x},_),U=j||x,J=d.useProductsQuery("PickProduct"===Q?I?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:I?.numOfSelectedProducts}),K=o.useMemo(()=>({id:I?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[I?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(v&&z&&I.relatedTag&&"recommended-product"!==I.relatedType){let e;switch(F(!1),I.hasRelatedExclude&&(e=I?.relatedExclude&&I.relatedExclude.split(",").map(e=>e.trim())),I.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:I.relatedTag&&"vendor"===I.relatedTag[0]?z?.vendor:"",idNEQ:z.id}});break;case"collection":{let t=z?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!z.tags||0===z.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:z.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:z.tags}]}]}})}}},[z,I.relatedType,I.relatedTag,y?.numberOfProducts,I.relatedExclude,I.hasRelatedExclude,v]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=d.usePageStore(e=>e.assignedProductIds),ed=d.usePageStore(e=>e.isApplyAllProducts),es=o.useMemo(()=>(eo??[]).length>0&&!ed||ed,[eo,ed]),ea=V?.data?.products&&es?d.flattenConnection(V?.data?.products):[],el=v?ea:"PickProduct"===Q&&I?.productIds?.length?I?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(I?.numOfSelectedProducts??4)),ei=o.useMemo(()=>W&&v&&j||!el.length&&!Z&&M&&j,[M,Z,W,v,j,el.length]),ec=o.useMemo(()=>!el||W&&v,[W,v,el]),en=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((el?.length??0)/+(y?.slidesToShow?.[S]??1));return Array.from(Array(el?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[S]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,S):void 0}))},[y?.sameHeight,y?.slidesToShow,w,el?.length,S,f?.horizontalGutter]),eu=o.useMemo(()=>Y||Z||ee||!el||W&&v,[ee,Z,W,v,Y,el]),eg=z?.collections?.edges.map(e=>e.node?.id)??[];o.useEffect(()=>{eu||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},j?0:500)},[p,eu,j,eg]);let em=o.useMemo(()=>({collection:et,products:el,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,el,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ei)return e.jsx(e.Fragment,{children:n.If(M,e.jsx(h,{builderAttrs:b,collectionHandle:et?.handle,productSrc:Q,onClose:()=>q(!1),children:P,relatedTagString:T,assignProductNoTags:H||R||$,noAssignedProduct:!A}))});let{productListWrapStyle:eh,productListContentStyle:eP,productListWrapAlignStyle:ef}=c.getStyle(t),{productListWrapClass:ep}=u.getClass(t);return e.jsxs("div",{...b,className:ep,style:eh,children:[!!f?.preloadBgImage&&e.jsxs(a,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):ec?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...em,children:e.jsx("div",{className:"gp-flex gp-w-full",style:ef,children:e.jsxs("div",{style:eP,children:[G&&e.jsx(s.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:el,generateGridRowArray:en}),e.jsx(i.default,{...t,productSortedById:el}))})]})})}),d.filterToolbarPreview(P,!0)]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/dynamic"),r=require("../../../common/components/Loading.js"),o=require("react"),d=require("@gem-sdk/core"),s=require("../SalePageProductListWarning.js"),a=require("next/head"),l=require("./ProductListGridLayout.js"),i=require("./ProductListCarouselLayout.js"),c=require("./common/styles.js"),n=require("@gem-sdk/system"),u=require("./common/classes.js"),g=require("./common/helpers.js"),m=require("../../../dialog/common/helpers.js");const h=t(()=>Promise.resolve().then(function(){return require("../ProductNotFound.js")}),{loading:r.default});exports.default=t=>{let{children:P,styles:f,builderProps:p,setting:y,builderAttrs:b}=t,{isRelatedProduct:v,productSetting:I}=g.getData(t),T=I.relatedTag&&I.relatedTag[0],{isEditMode:j,isPreviewSharePageMode:x}=d.useRenderMode(),S=d.useCurrentDevice(),k=d.usePageType(),C=d.usePageStore(e=>e.dynamicProduct),O=d.usePageStore(e=>e.dynamicCollection),[w,E]=o.useState(1),[M,q]=o.useState(!0),[N,L]=o.useState(),[W,F]=o.useState(!1),G="GP_FUNNEL_PAGE"===k;"GP_COLLECTION"==k&&(I.productSrc="DynamicCollection",I.collectionId=O?.collectionId??"latest");let Q=I?.productSrc??"Collection",A=C?.productId&&C?.productId!==I.relatedProductId?C?.productId:I.relatedProductId,B=d.useFetchHandle(),D=d.usePageStore(e=>e.publicStoreFrontData),H=o.useMemo(()=>d.hasPublicStoreFrontData(D)?d.createStoreFrontFetcher(D):B,[D]),{data:_}=d.useProductQuery(v&&A?A:void 0,{revalidateOnMount:j||x},H),z=I.relatedTag&&"tags"===I.relatedTag[0]&&(!_?.tags||_?.tags.length===0),R=I.relatedTag&&"collection"===I.relatedTag[0]&&(!_?.collections?.edges||_?.collections.edges.length===0),$=I.relatedTag&&"vendor"===I.relatedTag[0]&&!_?.vendor,V=d.useProductsQueryAll(N,{revalidateOnMount:j||x},H),U=j||x,J=d.useProductsQuery("PickProduct"===Q?I?.productIds:void 0,{revalidateOnMount:U},{defaultSelectedProductCount:I?.numOfSelectedProducts}),K=o.useMemo(()=>({id:I?.collectionId??"latest",numberOfProducts:y?.numberOfProducts??4,orderBy:y?.orderBy}),[I?.collectionId,Number(y?.numberOfProducts),y?.orderBy]),X=d.useCollectionQuery("PickProduct"!==Q?K:void 0,{revalidateOnMount:U});o.useEffect(()=>{if(v&&_&&I.relatedTag&&"recommended-product"!==I.relatedType){let e;switch(F(!1),I.hasRelatedExclude&&(e=I?.relatedExclude&&I.relatedExclude.split(",").map(e=>e.trim())),I.relatedTag[0]){case"vendor":L({first:y?.numberOfProducts,where:{vendor:I.relatedTag&&"vendor"===I.relatedTag[0]?_?.vendor:"",idNEQ:_.id}});break;case"collection":{let t=_?.collections?.edges.map(e=>e.node?.id);if(!t||t?.length===0){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t},{titleNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:t}]}]}});break}case"tags":if(!_.tags||0===_.tags.length){F(!0);break}L(e&&e.length>0?{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags},{nameNotIn:e}]}]}}:{first:y?.numberOfProducts,where:{idNEQ:_.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:_.tags}]}]}})}}},[_,I.relatedType,I.relatedTag,y?.numberOfProducts,I.relatedExclude,I.hasRelatedExclude,v]);let Y="PickProduct"===Q?J.isValidating:X.isValidating,Z="PickProduct"===Q?J.isLoading:X.isLoading,ee="PickProduct"===Q?J.error:X.error,et=X.data?.collections?.edges?.[0]?.node,er="PickProduct"===Q?d.flattenConnection(J.data?.products):d.flattenConnection(et?.products),eo=d.usePageStore(e=>e.assignedProductIds),ed=d.usePageStore(e=>e.isApplyAllProducts),es=o.useMemo(()=>(eo??[]).length>0&&!ed||ed,[eo,ed]),ea=V?.data?.products&&es?d.flattenConnection(V?.data?.products):[],el=v?ea:"PickProduct"===Q&&I?.productIds?.length?I?.productIds?.map(e=>er?.find(t=>t?.baseID===e)).filter(Boolean)??er:"PickProduct"!==Q?er:er.filter((e,t)=>t<(I?.numOfSelectedProducts??4)),ei=o.useMemo(()=>W&&v&&j||!el.length&&!Z&&M&&j,[M,Z,W,v,j,el.length]),ec=o.useMemo(()=>!el||W&&v,[W,v,el]),en=o.useMemo(()=>{if(!y?.sameHeight)return[];let e=0,t=Math.ceil((el?.length??0)/+(y?.slidesToShow?.[S]??1));return Array.from(Array(el?.length??0)).map((r,o)=>(o>=+(y?.slidesToShow?.[S]??1)*(e+1)&&++e,{gridRow:`${1+w*e}/${w+1+w*e}`,marginBottom:e+1<t?m.getPropertyByDevice(f?.horizontalGutter,S):void 0}))},[y?.sameHeight,y?.slidesToShow,w,el?.length,S,f?.horizontalGutter]),eu=o.useMemo(()=>Y||Z||ee||!el||W&&v,[ee,Z,W,v,Y,el]),eg=_?.collections?.edges.map(e=>e.node?.id)??[];o.useEffect(()=>{eu||setTimeout(()=>{let{builderData:e}=p??{},t=e?.childrens?.[0];if(!t)return;let r=document.querySelector(`[data-id=${t}] div`);r&&E(r.childElementCount||1)},j?0:500)},[p,eu,j,eg]);let em=o.useMemo(()=>({collection:et,products:el,settings:{loop:y?.loop??{desktop:!1},scrollMode:y?.scrollMode??{desktop:"snap"},slidesToShow:y?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:f?.layout,dot:y?.dot,dotStyle:y?.dotStyle,arrow:y?.arrow,controlOverContent:y?.controlOverContent,sameHeight:y?.sameHeight},styles:{horizontalGutter:f?.horizontalGutter,verticalGutter:f?.verticalGutter,fullWidth:f?.fullWidth,spacing:f?.spacing,width:f?.width,height:f?.height}}),[et,el,y,f]);if(p?.isPreview&&G)return e.jsx(e.Fragment,{});if(ei)return e.jsx(e.Fragment,{children:n.If(M,e.jsx(h,{builderAttrs:b,collectionHandle:et?.handle,productSrc:Q,onClose:()=>q(!1),children:P,relatedTagString:T,assignProductNoTags:z||R||$,noAssignedProduct:!A}))});let{productListWrapStyle:eh,productListContentStyle:eP,productListWrapAlignStyle:ef}=c.getStyle(t),{productListWrapClass:ep}=u.getClass(t);return e.jsxs("div",{...b,className:ep,style:eh,children:[!!f?.preloadBgImage&&e.jsxs(a,{children:[!!f.backgroundImage?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage.desktop.image.src,as:"image"}),!!f.backgroundImage?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.tablet?.image?.src,as:"image"}),!!f.backgroundImage?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:f.backgroundImage?.mobile?.image?.src,as:"image"})]}),Y||Z?e.jsx(r.default,{}):ee?e.jsxs("div",{children:["Error: ",ee?.message]}):ec?e.jsx("div",{children:"Products not found"}):e.jsx(d.ProductListProvider,{...em,children:e.jsx("div",{className:"gp-flex gp-w-full",style:ef,children:e.jsxs("div",{style:eP,children:[G&&e.jsx(s.default,{}),e.jsx(e.Fragment,{children:n.If(f?.layout==="grid",e.jsx(l.default,{...t,productSortedById:el,generateGridRowArray:en}),e.jsx(i.default,{...t,productSortedById:el}))})]})})}),d.filterToolbarPreview(P,!0)]})};