@gem-sdk/components 17.0.0-dev.13 → 17.0.0-dev.130

package/dist/cjs/product/components/product-description/ProductDescription.liquid.js

@@ -1,13 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),a=require("./common/classes.js"),i=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("../../settings/product-description/configs/translate.js");exports.default=c=>{let{setting:o,advanced:n,builderProps:p,pageContext:d}=c,{htmlTag:u,viewMoreText:g,viewLessText:m}=o??{},$="html"===u?"div":"p",C=s.createClass({"gp-product-description":!0,[n?.cssClass]:!0}),S=s.createClass(a.getClasses({setting:o,isLiquid:!0})),v=s.createClass(a.getButtonClasses({setting:o})),y=s.createClass({"gp-show-more-text":!0}),x=s.createClass({"gp-show-more-icon gp-ml-1":!0}),L=s.createStyle({...i.getTextStyle({setting:o,renderMaxHeight:!0}),...e.makeStyleResponsive("line-clamp",e.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),q=s.createClass(a.getClassPreBuilt()),I=s.createStyle(i.getButtonStyle({setting:o})),f=s.createAttr({"data-id":`${p?.uid}`}),w=s.createAttr({"data-gp-text":""}),{textDescriptionCss:h,gpDescriptionCss:b}=i.getStaticCss(),j="product.description == blank",M=t.getDynamicSourceLocales({val:g,uid:p?.uid,settingId:t.createSettingId({id:l.ProductDescription?.viewMoreText?.id}),pageContext:d??{}}),P=t.getDynamicSourceLocales({val:m,uid:p?.uid,settingId:t.createSettingId({id:l.ProductDescription?.viewLessText?.id}),pageContext:d??{}}),k=s.createStateOrContext({setting:{lineClamp:o?.lineClamp,hasLineClamp:o?.hasLineClamp,viewMoreText:M,viewLessText:P,enableViewMoreIcon:o?.enableViewMoreIcon},textStyle:L});return s.LiquidIf(j,"",s.Liquid(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("./common/classes.js"),a=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("../../settings/product-description/configs/translate.js");exports.default=c=>{let{setting:o,advanced:n,builderProps:p,pageContext:d}=c,{htmlTag:u,viewMoreText:g,viewLessText:m}=o??{},$="html"===u?"div":"p",C=s.createClass({"gp-product-description":!0,[n?.cssClass]:!0}),S=s.createClass(i.getClasses({setting:o,isLiquid:!0})),v=s.createClass(i.getButtonClasses({setting:o})),y=s.createClass({"gp-show-more-text":!0}),x=s.createClass({"gp-show-more-icon gp-ml-1":!0}),L=s.createStyle({...a.getTextStyle({setting:o,renderMaxHeight:!0}),...e.makeStyleResponsive("line-clamp",e.makeLineClamp(o?.lineClamp,o?.hasLineClamp))}),q=s.createClass(i.getClassPreBuilt()),I=s.createStyle(a.getButtonStyle({setting:o})),f=s.createAttr({"data-id":`${p?.uid}`}),w=s.createAttr({"data-gp-text":""}),{textDescriptionCss:h,gpDescriptionCss:b}=a.getStaticCss(),j="product.description == blank",M=t.getDynamicSourceLocales({val:g,uid:p?.uid,settingId:t.createSettingId({id:l.ProductDescription?.viewMoreText?.id}),pageContext:d??{}}),P=t.getDynamicSourceLocales({val:m,uid:p?.uid,settingId:t.createSettingId({id:l.ProductDescription?.viewLessText?.id}),pageContext:d??{}}),k=s.createStateOrContext({setting:{lineClamp:o?.lineClamp,hasLineClamp:o?.hasLineClamp,viewMoreText:M,viewLessText:P,enableViewMoreIcon:o?.enableViewMoreIcon},textStyle:L});return s.LiquidIf(j,"",s.Liquid(e.template`
     <gp-product-description
       ${f}
       class="${C}"
-      gp-data='${e.dataStringify(k).replaceAll("'","&#039;")}'
       data-view-more-text="${M}"
       data-view-less-text="${P}"
     >
-      <style>${h}</style>
-      <style>${b}</style>
+      <script gp-data type="application/json">${e.dataStringify(k).replaceAll("'","&#039;")}</script>
+      <style>${h}${b}</style>
       <div class="${q}" ></div>
       ${s.LiquidUnless("product","<p>Product not found</p>",e.template`<${$} ${w} class="${S}" style="${L}">
           {{product.description}}

package/dist/cjs/product/components/product-description/hooks/useGpDescription.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("@gem-sdk/core");exports.useGpDescription=r=>{let s=e.useRef(null),[u,i]=e.useState(!1),[l,n]=e.useState(!1),a=t.useProduct(),c=t.useCurrentDevice(),o=t.getResponsiveValueByScreen(r?.hasLineClamp,c),p=t.getResponsiveValueByScreen(r?.lineClamp,c),{redirectProductShopifyLink:d}=t.useProductShopifyEditLink(),g=t.useEditorMode(),h=e.useCallback(()=>`calc(${p} * 1lh)`,[p]),m=e.useCallback(e=>o&&p&&e||"auto",[o,p]),y=e.useCallback(()=>{s.current&&(s.current.style.maxHeight=u?h():"none",i(e=>!e))},[u,h]);return e.useEffect(()=>{m(h())},[r?.typo?.custom,m,h]),e.useEffect(()=>{let e=s.current;if(i(!1),!e)return;let r=o&&a?.descriptionHtml;r?setTimeout(()=>{let r=e?.scrollHeight??0,s=e?.clientHeight??0,u=window.getComputedStyle(e).getPropertyValue("line-height"),i=parseInt(u,10)||1,l=void 0!==p&&p<Math.round((r??0)/i),a=t.isSafari()?l:s<r;e.style.maxHeight=h(),p&&a?n(()=>!0):n(()=>!1)},100):e.style.maxHeight="none"},[o,p,a?.descriptionHtml,h]),{ref:s,open:u,isShowViewMore:l,handleToggleShowMore:y,mode:g,redirectProductShopifyLink:d}};
+"use strict";var e=require("react"),t=require("@gem-sdk/core");exports.useGpDescription=r=>{let u=e.useRef(null),s=e.useRef(!1),[n,i]=e.useState(!1),[l,c]=e.useState(!1),[o,a]=e.useState(!1),m=t.useProduct(),d=t.useCurrentDevice(),f=t.getResponsiveValueByScreen(r?.hasLineClamp,d),p=t.getResponsiveValueByScreen(r?.lineClamp,d),{redirectProductShopifyLink:g}=t.useProductShopifyEditLink(),h=t.useEditorMode(),y=e.useCallback(()=>`calc(${p} * 1lh)`,[p]),H=e.useCallback(e=>f&&p&&e||"auto",[f,p]),v=e.useCallback(()=>{if(!u.current)return;let e=!n;s.current=e,u.current.style.maxHeight=e?"none":y(),i(e)},[n,y]);return e.useEffect(()=>{H(y())},[r?.typo?.custom,H,y]),e.useEffect(()=>{let e=u.current;if(s.current=!1,i(!1),a(!1),!e)return;if(!f||!m?.descriptionHtml||!p){e.style.maxHeight="none",c(!1),a(!0);return}let t=()=>{if(s.current){e.style.maxHeight="none";return}e.style.maxHeight=y();let t=e.scrollHeight-e.clientHeight>1;t||(e.style.maxHeight="none"),c(t),a(!0)},r=window.setTimeout(t,100),n=new ResizeObserver(()=>{t()});return n.observe(e),()=>{window.clearTimeout(r),n.disconnect()}},[f,p,m?.descriptionHtml,y]),{ref:u,open:n,isShowViewMore:l,isOverflowChecked:o,handleToggleShowMore:v,mode:h,redirectProductShopifyLink:g}};

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.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"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),a=require("@gem-sdk/system"),r=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=a.createStyle(r.getWrapperTextStyle(u)),N=a.createStyle(r.getContainerStyle(u)),T=a.createClass(o.getWrapperTextClass(u)),k=a.createClass(o.getContainerClass()),D=a.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:a.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../../common/components/NoDataState.js"),l=require("../../../common/components/TooltipHover.js"),i=require("../../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("./common/styles.js"),o=require("./common/classes.js"),n=require("./hooks/useGpDiscountTag.js");exports.default=({setting:d,styles:u,builderProps:c,...p})=>{let{customContent:x}=d??{},m=p["bundle-item"],{textAlign:y}=u??{},{t:f}=t.useI18nStore(),{mode:g,product:j,salePrice:b,priceSave:h,currentProductId:q,unitCustomDisplay:C,shouldPlaceholderNoDiscount:S}=n.useGpDiscountTag({setting:d,styles:u,builderProps:c,...p});if(S)return e.jsx(l.default,{enable:!0,text:f("Not be displayed when published"),position:"bottom",width:"205px",children:e.jsx(s.default,{builderAttrs:c?.builderData,elementType:"secondary",description:f("No discount"),rawMode:!0,customClass:"!gp-p-[5px]"})});let v=r.createStyle(a.getWrapperTextStyle(u)),N=r.createStyle(a.getContainerStyle(u)),T=r.createClass(o.getWrapperTextClass(u)),k=r.createClass(o.getContainerClass()),D=r.createClass(o.getRootClass({mode:g,salePrice:b,priceSave:h,bundleItem:m}));return e.jsx("div",{className:D,style:{...t.makeStyleResponsive("ta",y)},id:`shopify-text-element-${c?.uid}`,"data-id":c?.uid,"data-product-id":q,"gp-data-hidden":"false",children:r.If(!j," ",e.jsx("div",{className:k,style:N,children:e.jsx("div",{className:T,style:v,children:e.jsxs("div",{className:"gp-flex gp-break-all gp-items-center",children:[e.jsx(i.default,{styles:u,setting:{...d,text:x?.prefix?.replaceAll(" "," "),options:{useState:!0,uniqueId:`${c?.uid}-prefix`},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:C,options:{isCannotEditing:!0},excludeFlex:!0}}),e.jsx(i.default,{styles:u,setting:{...d,text:x?.suffix?.replaceAll(" "," "),excludeFlex:!0,options:{useState:!0,uniqueId:`${c?.uid}-suffix`}}})]})})}))})};

package/dist/cjs/product/components/product-discount-tag/ProductDiscountTag.liquid.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),a=require("@gem-sdk/system"),s=require("./common/classes.js"),r=require("./common/styles.js"),n=require("../../settings/product-discount-tag/configs/translate.js");exports.default=({setting:c,styles:p,builderProps:d,advanced:l,pageContext:u})=>{let{customContent:o}=c??{},g=c?.moneyWithCurrentFormat?"money_with_currency":"money",f=n.ProductTag?.customContent?.id?i.getDynamicSourceLocales({val:o?.prefix,uid:d?.uid,settingId:i.createSettingId({id:n.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:u??{}}):o?.prefix,y=n.ProductTag?.customContent?.id?i.getDynamicSourceLocales({val:o?.suffix,uid:d?.uid,settingId:i.createSettingId({id:n.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:u??{}}):o?.suffix,m=a.createStyle(r.getRootClass(p)),v=a.createStyle(r.getWrapperTextStyle(p)),x=a.createStyle(r.getContainerStyle(p)),S=a.createClass(s.getWrapperTextClass(p)),$=a.createClass(s.getContainerClass()),P=a.createClass(s.getProductTagClass(l)),C=o?.unit==="percentage";return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),i=require("../../../helpers.js"),t=require("../../../text/components/Text.liquid.js"),a=require("@gem-sdk/system"),s=require("./common/classes.js"),r=require("./common/styles.js"),n=require("../../settings/product-discount-tag/configs/translate.js");exports.default=({setting:p,styles:c,builderProps:d,advanced:l,pageContext:o})=>{let{customContent:u}=p??{},g=p?.moneyWithCurrentFormat?"money_with_currency":"money",f=n.ProductTag?.customContent?.id?i.getDynamicSourceLocales({val:u?.prefix,uid:d?.uid,settingId:i.createSettingId({id:n.ProductTag.customContent.id,suffix:"prefix"}),isLiquid:!0,pageContext:o??{}}):u?.prefix,y=n.ProductTag?.customContent?.id?i.getDynamicSourceLocales({val:u?.suffix,uid:d?.uid,settingId:i.createSettingId({id:n.ProductTag.customContent.id,suffix:"suffix"}),isLiquid:!0,pageContext:o??{}}):u?.suffix,m=a.createStyle(r.getRootClass(c)),v=a.createStyle(r.getWrapperTextStyle(c)),x=a.createStyle(r.getContainerStyle(c)),S=a.createClass(s.getWrapperTextClass(c)),$=a.createClass(s.getContainerClass()),P=a.createClass(s.getProductTagClass(l)),C=u?.unit==="percentage";return e.template`
     {% liquid
       assign price = variant.price | times: 1.0
       assign salePrice = variant.compare_at_price | times: 1.0
       assign priceSave = salePrice | minus: price
-      assign prefixVal = ${u?.isPreviewing?JSON.stringify(f):f}
-      assign suffixVal = ${u?.isPreviewing?JSON.stringify(y):y}
+      assign prefixVal = ${o?.isPreviewing?JSON.stringify(f):f}
+      assign suffixVal = ${o?.isPreviewing?JSON.stringify(y):y}
     %}
     ${a.LiquidIf("salePrice == null or price == null",a.Liquid(`{% assign pricePercentage = prefixVal ${a.If(C,"| append: ' 0% '",`| ${g} | append: ' '`)} | append: suffixVal %}`),`${a.If(C,`{% assign salePercent = priceSave | divided_by: salePrice | times: 100  | round %}
           {% assign pricePercentage = prefixVal | append: ' ' | append: salePercent | append: '% ' | append: suffixVal %}`,a.LiquidIf("priceSave > 0",`{% assign priceSaveMoney = priceSave | ${g} %}
@@ -16,12 +16,12 @@
       style="${m}"
       data-id="${d?.uid}"
       data-disabled="${a.LiquidIf(`${a.If(C,"salePercent","priceSave")} > 0`,"false","true")}"
-      gp-data='{"setting":${JSON.stringify(c).replaceAll("'","'")}, "id": "${d?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${c?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'
       price-save="{{priceSave}}"
     >
+      <script gp-data type="application/json">{"setting":${JSON.stringify(p).replaceAll("'","&#039;")}, "id": "${d?.uid}", "locale": "{{shop.locale}}", "currency": "{{shop.currency}}", "moneyFormat": "{{ ${p?.moneyWithCurrentFormat?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}"}'</script>
       <div class="${$}" style="${x}">
         <div class="${S}" style="${v}">
-          ${t.default({styles:p,id:`p-tag-${d?.uid}`,setting:{...c,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
+          ${t.default({styles:c,id:`p-tag-${d?.uid}`,setting:{...p,text:"{{ pricePercentage }}",excludeFlex:!0,isForceValue:!0}})}
         </div>
       </div>
 

package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("@gem-sdk/core"),require("next/link");var t=require("../../../../../video/components/Video.js"),u=r.memo(u=>{let{url:o,aspectRatio:i}=u,l=r.useMemo(()=>o.includes("youtu.be")?"youtube":o.includes("vimeo")?"vimeo":"html5",[o]);return e.jsx(e.Fragment,{children:e.jsx(t.default,{setting:{type:l,html5Url:o,youtubeUrl:o,vimeoUrl:o,preload:!0,controls:!0,aspectRatio:i}})})});exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("@gem-sdk/core"),require("next/link");var t=require("../../../../../video/components/Video.js"),l=r.memo(l=>{let{url:u,aspectRatio:s,thumbnail:i}=l,o=r.useMemo(()=>u.includes("youtu.be")?"youtube":u.includes("vimeo")?"vimeo":"html5",[u]);return e.jsx("div",{className:"gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center",children:e.jsx(t.default,{setting:{type:o,html5Url:u,youtubeUrl:u,vimeoUrl:u,preload:!0,controls:!0,aspectRatio:s,poster:i?{src:i}:void 0},className:"gp-w-full"})})});exports.default=l;

package/dist/cjs/product/components/product-images-v3/components/child/ProductFeaturedImageOnly.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"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const c={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var n=r.memo(({image:n,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{var d;let f=t.useProduct(),p=t.useCurrentDevice(),g=t.useShopStore(e=>e.storefrontUrl),{isEditMode:m,isPreviewSharePageMode:y}=t.useRenderMode(),v=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),x=r.useMemo(()=>!m&&["VIDEO","EXTERNAL_VIDEO"].includes(n?.contentType||"")&&!v,[m,n?.contentType,v]),j=r.useMemo(()=>n?{...n,src:x?n.src:a.isFeatureMedia(n?.contentType)?n?.previewImage:n.src}:c,[n,x]),E=r.useMemo(()=>{if(y)return"javascript:void(0)";if(!g)return"#";let e=new URL(g);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[g,f,y]),M=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect]),T=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(j?.contentType),[j?.contentType,u?.hoverEffect,u?.zoomType]),b=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?b(j):b(l):c.src,[l,j,u.hoverEffect,b]);return e.jsx(e.Fragment,{children:(d=e.jsx(e.Fragment,{children:x?e.jsx(i.default,{type:j?.contentType,url:j.src??"",aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:j.src,width:j?.width,height:j?.height,alt:j?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:j?.contentType??""}),M&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:j.width,height:u?.hoverEffect==="other"?l?.height:j.height,alt:u?.hoverEffect==="other"?l?.alt:j.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),T&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${j?.src}")`})}})]})}),"product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)?e.jsx("a",{title:f?.title,href:E,className:"gp-w-full",children:d}):d)})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),o=require("../../../../../image/components/NextImage.js"),s=require("./MediaIcon.js"),a=require("../../common/productFeaturedImage.js"),i=require("./ProductFeatureVideo.js");const n={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"};var c=r.memo(({image:c,imageShowWhenHover:l,setting:u,aspectRatio:h})=>{let f=t.useProduct(),p=t.useCurrentDevice(),d=t.useShopStore(e=>e.storefrontUrl),{isEditMode:g,isPreviewSharePageMode:m}=t.useRenderMode(),y=r.useMemo(()=>"none"!==t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p),[p,u.ftClickOpenLightBox]),v=r.useMemo(()=>!g&&["VIDEO","EXTERNAL_VIDEO"].includes(c?.contentType||"")&&!y,[g,c?.contentType,y]),b=r.useMemo(()=>c?{...c,src:v?c.src:a.isFeatureMedia(c?.contentType)?c?.previewImage:c.src}:n,[c,v]),x=r.useMemo(()=>{if(m)return"javascript:void(0)";if(!d)return"#";let e=new URL(d);return f?`${e.protocol}//${e.host}/products/${f.handle}`:"#"},[d,f,m]),j=r.useMemo(()=>u?.hoverEffect!=="none"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect]),E=r.useMemo(()=>u?.hoverEffect=="zoom"&&u?.zoomType=="glasses"&&!a.isFeatureMedia(b?.contentType),[b?.contentType,u?.hoverEffect,u?.zoomType]),T=r.useCallback(e=>"IMAGE"!==e.contentType?e.previewImage:e.src,[]),w=r.useMemo(()=>l?"other"!==u.hoverEffect?T(b):T(l):n.src,[l,b,u.hoverEffect,T]);return e.jsx(e.Fragment,{children:(r=>{if("product-link"===t.getResponsiveValueByScreen(u.ftClickOpenLightBox,p)){let t=u.ftClickOpenNewTab?"_blank":"_self";return e.jsx("a",{title:f?.title,href:x,className:"gp-w-full",target:t,children:r})}return r})(e.jsx(e.Fragment,{children:v?e.jsx(i.default,{type:b?.contentType,url:b.src??"",thumbnail:b?.previewImage,aspectRatio:h}):e.jsxs(e.Fragment,{children:[e.jsx(o.default,{draggable:"false",src:b.src,width:b?.width,height:b?.height,alt:b?.alt,setting:{aspectRatio:h,layout:u?.ftLayout},priority:u?.preload,className:"featured-image-only",style:{width:"100%",height:"100%",cursor:"pointer"}}),e.jsx(s.default,{contentType:b?.contentType??""}),j&&e.jsx(o.default,{draggable:"false",src:w,width:u?.hoverEffect==="other"?l?.width:b.width,height:u?.hoverEffect==="other"?l?.height:b.height,alt:u?.hoverEffect==="other"?l?.alt:b.alt,setting:{layout:u.ftLayout,aspectRatio:h},style:{width:"100%",height:"100%"},className:t.cls("hover-image featured-image-only !gp-max-w-none",a.getZoomImageClass()),priority:u?.preload}),E&&e.jsx("div",{className:t.cls(a.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${b?.src}")`})}})]})}))})});exports.default=c;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("react"),s=require("../../common/common.js"),a=require("../../../../../image/components/NextImage.js"),r=require("../lightbox/ButtonOpenLightBox.js"),i=require("./MediaIcon.js"),l=require("../../common/productFeaturedImage.js"),c=require("../../common/hoverAction.js"),d=require("../../composables/getProductImagesClassName.js"),n=require("../../composables/getProductImagesStyles.js"),u=require("../../hooks/useProductGalleryGrid.js"),m=o.memo(o=>{let{builderPropUID:m,productImages:g,onHandleClick:y,activeIndexFromFeatureImage:h,children:p,isHiddenInteraction:v,...j}=o,{isDisplay:x,shapeByLayout:f,imageActiveIndex:q,enableOpenLightBox:M,isEnableBorderActive:I,filteredProductImages:w}=u.useProductGalleryGrid(o),T=t.useCurrentDevice(),{galleryGridWrapperClasses:b,galleryItemClasses:N}=d.getProductImagesClassName(j),{galleryGridStyles:P,galleryGridItemStyles:C}=n.getProductImagesStyles(j);return e.jsx(e.Fragment,{children:x&&e.jsxs("div",{"data-slot":"children","data-id":m,className:b,style:P,"gp-data-hidden":`${v}`,children:[w?.map((o,d)=>{let n=d===q,u=l.isFeatureMedia(o.contentType)?o.previewImage:o.src;return e.jsxs("div",{"aria-hidden":!0,className:N(`gp-gallery-image-item gem-slider-item-${m}
-                  ${n&&I?"gem-slider-item-active":""}`),onClick:()=>y(o?.id||"",M),style:C,onMouseMove:e=>c.handleMouseMove(e,{hoverEffect:j.galleryHoverEffect,zoom:j.galleryZoom,zoomType:j.galleryZoomType}),onMouseOut:e=>c.handleMouseOut(e),"data-border":n&&j?.borderActive?"active":"deactive",children:[e.jsx(a.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:s.getAspectRatio(f),layout:j?.layout},style:{width:"100%",height:"100%"}},o?.id),e.jsx(i.default,{contentType:o?.contentType||""}),j?.galleryHoverEffect!=="none"&&!l.isFeatureMedia(o?.contentType)&&e.jsx(a.default,{src:u,width:o?.width,height:o?.height,alt:o?.alt,setting:{layout:j.layout,aspectRatio:s.getAspectRatio(f)},className:t.cls("hover-image !gp-max-w-none",l.getZoomImageClass())}),j?.galleryHoverEffect=="zoom"&&j?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(t.getResponsiveValueByScreen(j.position,T)||"")&&!l.isFeatureMedia(o?.contentType)&&e.jsx("div",{className:t.cls(l.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${o?.src}")`})}}),t.getResponsiveValueByScreen(j?.clickOpenLightBox,T)&&e.jsx(r.default,{})]},o?.id)}),p]})})});exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),o=require("react"),s=require("../../common/common.js"),r=require("../../../../../image/components/NextImage.js"),a=require("../lightbox/ButtonOpenLightBox.js"),i=require("./MediaIcon.js"),l=require("./ProductFeatureVideo.js"),c=require("../../common/productFeaturedImage.js"),n=require("../../common/hoverAction.js"),u=require("../../composables/getProductImagesClassName.js"),d=require("../../composables/getProductImagesStyles.js"),m=require("../../hooks/useProductGalleryGrid.js"),g=o.memo(o=>{let{builderPropUID:g,productImages:p,onHandleClick:y,activeIndexFromFeatureImage:h,children:v,isHiddenInteraction:j,...x}=o,{isDisplay:f,shapeByLayout:q,imageActiveIndex:I,enableOpenLightBox:M,isEnableBorderActive:R,filteredProductImages:T}=m.useProductGalleryGrid(o),w=t.useCurrentDevice(),{isEditMode:b}=t.useRenderMode(),E=["one-col","two-col"].includes(t.getResponsiveValueByScreen(x.position,w)||""),{galleryGridWrapperClasses:N,galleryItemClasses:P}=u.getProductImagesClassName(x),{galleryGridStyles:F,galleryGridItemStyles:O}=d.getProductImagesStyles(x);return e.jsx(e.Fragment,{children:f&&e.jsxs("div",{"data-slot":"children","data-id":g,className:N,style:F,"gp-data-hidden":`${j}`,children:[T?.map((o,u)=>{let d=u===I,m=c.isFeatureMedia(o.contentType)?o.previewImage:o.src,p=!b&&E&&!M&&["VIDEO","EXTERNAL_VIDEO"].includes(o?.contentType||"");return e.jsxs("div",{"aria-hidden":!0,className:P(`gp-gallery-image-item gem-slider-item-${g}
+                  ${d&&R?"gem-slider-item-active":""}`),onClick:()=>y(o?.id||"",M),style:O,onMouseMove:e=>n.handleMouseMove(e,{hoverEffect:x.galleryHoverEffect,zoom:x.galleryZoom,zoomType:x.galleryZoomType}),onMouseOut:e=>n.handleMouseOut(e),"data-border":d&&x?.borderActive?"active":"deactive",children:[p?e.jsx(l.default,{type:o?.contentType,url:o?.src??"",thumbnail:o?.previewImage,aspectRatio:s.getAspectRatio(q)}):e.jsxs(e.Fragment,{children:[e.jsx(r.default,{src:m,width:o?.width,height:o?.height,alt:o?.alt,setting:{aspectRatio:s.getAspectRatio(q),layout:x?.layout},style:{width:"100%",height:"100%"}},o?.id),e.jsx(i.default,{contentType:o?.contentType||""})]}),x?.galleryHoverEffect!=="none"&&!c.isFeatureMedia(o?.contentType)&&e.jsx(r.default,{src:m,width:o?.width,height:o?.height,alt:o?.alt,setting:{layout:x.layout,aspectRatio:s.getAspectRatio(q)},className:t.cls("hover-image !gp-max-w-none",c.getZoomImageClass())}),x?.galleryHoverEffect=="zoom"&&x?.galleryZoomType=="glasses"&&["one-col","two-col"].includes(t.getResponsiveValueByScreen(x.position,w)||"")&&!c.isFeatureMedia(o?.contentType)&&e.jsx("div",{className:t.cls(c.getZoomLenClass(),"room-len"),style:{...t.makeStyle({bgi:`url("${o?.src}")`})}}),t.getResponsiveValueByScreen(x?.clickOpenLightBox,w)&&e.jsx(a.default,{})]},o?.id)}),v]})})});exports.default=g;

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

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

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`
+"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,enableLazyLoadImage:y,...f})=>{let{galleryItemClasses:h,galleryGridWrapperClasses:v}=p.getProductImagesClassName(f),{galleryGridStyles:C,galleryGridItemStyles:L}=g.getProductImagesStyles(f),w=m.getShapeByLayout({shape:f.shape,shapeForBottom:f.shapeForBottom,shapeFor1Col:f.shapeFor1Col,shapeFor2Col:f.shapeFor2Col,shapeForFtOnly:f.shapeForFtOnly,shapeForInsideBottom:f.shapeForInsideBottom,shapeForInside:f.shapeForInside},f.position),q=(i=!1)=>{let a={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let s=e.getResponsiveValueByScreen(f?.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,enableLazyLoadImage:y})}
-      ${i.If(h?.galleryHoverEffect!=="none",`<div class="${e.cls("zoom-element !gp-max-w-none gp-w-full gp-h-full",l.getZoomImageClass())}">
+      ${i.If(f?.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})}
           </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'}}')">
+      ${i.If(f?.galleryHoverEffect=="zoom"&&f?.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%"}}),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"/>
@@ -19,10 +19,10 @@
             <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>`)}
-      ${I({aspectRatio:r.getAspectRatio(w),layout:h?.layout,qualityType:h?.qualityType,qualityPercent:h?.qualityPercent},{width:"100%",height:"100%"})}
+      ${I({aspectRatio:r.getAspectRatio(w),layout:f?.layout,qualityType:f?.qualityType,qualityPercent:f?.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(f?.clickOpenLightBox))}" >
         <svg
           height="100%"
           width="100%"
@@ -53,19 +53,21 @@
       external-id="{{media.external_id}}"
       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)}"
+      class="${h(`gem-slider-item-${u}-{{product.id}} gp-gallery-image-item ${a??""} data-[outline=deactive]:after:!gp-border-transparent`)}"
+      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-h-full gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",d.getStyleOfObject({...b()}))}">
-        ${i.LiquidIf("media != null",F(),V())}
+      ${i.LiquidIf("media.media_type == 'model'","{% assign isModel = true %}")}
+
+      <div class="gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isMedia",o.getStyleOfObject({...b()}))}">
+        ${i.LiquidIf("media != null",F(),M())}
       </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({..._()})}"
+      <div class="${i.LiquidIf("isMedia","gp-flex gp-justify-center gp-items-center")} ${i.LiquidIf("isModel","gp-w-full")}"
+      style="${i.LiquidIf("isMedia",o.getStyleOfObject({...e.makeStyleResponsive("aspect",r.getAspectRatio(w))}))} ${o.getStyleOfObject({..._()})}"
       >
         {% case media.media_type %}
           {% when 'external_video' %}
@@ -80,14 +82,15 @@
       </div>
       {% 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(`
+      {% assign isModel= false %}
+    </div>`,M=()=>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:f?.layout,qualityType:f?.qualityType,qualityPercent:f?.qualityPercent},className:"!gp-rounded-none",customLazyload:!1,enableLazyLoadImage: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())}`)}
+      ${i.LiquidIf("media.id == product.featured_media.id ",j(f?.borderActive?.border!=="none"?"active":""),j())}`)}
     ${i.LiquidIf("product.media.size > 0",n)}
     ${i.LiquidIf("product.media.size < 1",j())}
   </div>`)};