@gem-sdk/components 17.0.0-dev.123 → 17.0.0-dev.124
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/product/components/product-images-v2/ProductImagesV2.liquid.js +21 -24
- package/dist/cjs/product/components/product-images-v3/ProductImagesV3.liquid.js +12 -15
- package/dist/esm/product/components/product-images-v2/ProductImagesV2.liquid.js +22 -25
- package/dist/esm/product/components/product-images-v3/ProductImagesV3.liquid.js +9 -12
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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=`
|
|
2
2
|
{
|
|
3
3
|
"id":${JSON.stringify(y?.uid)},
|
|
4
|
-
"pageContext": ${JSON.stringify(a.filterPageContext(
|
|
4
|
+
"pageContext": ${JSON.stringify(a.filterPageContext(h))},
|
|
5
5
|
"setting":${JSON.stringify(m)},
|
|
6
6
|
"styles":${JSON.stringify(f)},
|
|
7
7
|
"productUrl":{{product.url | json }},
|
|
@@ -9,36 +9,33 @@
|
|
|
9
9
|
"collectionUrl": {{ collection.url | json }},
|
|
10
10
|
"collection": {{ collection | json }}
|
|
11
11
|
}
|
|
12
|
-
`,v=
|
|
12
|
+
`,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`
|
|
13
13
|
${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}})}`}))}
|
|
14
|
+
`,U=()=>e.template`
|
|
15
|
+
<div
|
|
16
|
+
class="${O}"
|
|
17
|
+
style="${n.getStyleOfObject(N)}"
|
|
18
|
+
${{...P}}
|
|
19
|
+
>
|
|
20
|
+
${p.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:I}))}
|
|
21
|
+
${p.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{...z},children:B(),...q,enableLazyLoadImage:I}))}
|
|
22
|
+
</div>
|
|
23
|
+
`,w=()=>e.template`
|
|
24
|
+
${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:I})}
|
|
25
|
+
${p.If(!C,U())}
|
|
14
26
|
`;return e.template`
|
|
15
|
-
${
|
|
16
|
-
${
|
|
27
|
+
${p.If(m?.borderActive?.border!=="none",p.LiquidIf("product.media.size > 1",`<style>${u.getBorderActiveCss({settings:q,uid:y?.uid,type:"Liquid"})}</style>`),"")}
|
|
28
|
+
${p.Liquid(`
|
|
17
29
|
{% assign featured_image = product.featured_image %}
|
|
18
|
-
${
|
|
30
|
+
${p.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
|
|
19
31
|
`)}
|
|
20
32
|
<gp-product-images
|
|
21
33
|
${{...v}}
|
|
22
34
|
style="${{...$}}"
|
|
23
|
-
class="${
|
|
35
|
+
class="${L}"
|
|
24
36
|
>
|
|
25
37
|
<script gp-data type="application/json">${j}</script>
|
|
26
|
-
|
|
27
|
-
class="${u.LiquidIf("product.media.size > 1",`${D}`,`${b}`)}"
|
|
28
|
-
style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
|
|
29
|
-
>
|
|
30
|
-
${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
|
|
31
|
-
${u.If(!C,e.template`
|
|
32
|
-
<div
|
|
33
|
-
class="${O}"
|
|
34
|
-
style="${n.getStyleOfObject(A)}"
|
|
35
|
-
${{...L}}
|
|
36
|
-
>
|
|
37
|
-
${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...q,enableLazyLoadImage:h}))}
|
|
38
|
-
${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{..._},children:B(),...q,enableLazyLoadImage:h}))}
|
|
39
|
-
</div>
|
|
40
|
-
`)}
|
|
41
|
-
</div>
|
|
38
|
+
${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>`)}
|
|
42
39
|
</gp-product-images>
|
|
43
|
-
${
|
|
40
|
+
${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>`)}
|
|
44
41
|
`};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/common.js"),
|
|
1
|
+
"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=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=`
|
|
2
2
|
{
|
|
3
3
|
"id":${JSON.stringify(y?.uid)},
|
|
4
|
-
"pageContext": ${JSON.stringify(a.filterPageContext(
|
|
4
|
+
"pageContext": ${JSON.stringify(a.filterPageContext(h))},
|
|
5
5
|
"setting":${JSON.stringify(m)},
|
|
6
6
|
"styles":${JSON.stringify(f)},
|
|
7
7
|
"productUrl":{{product.url | json }},
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
"collectionUrl": {{ collection.url | json }},
|
|
10
10
|
"collection": {{ collection | json }}
|
|
11
11
|
}
|
|
12
|
-
`,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(
|
|
12
|
+
`,j=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:C,isRenderGalleryGrid:F}=t.getConditionRenderGalleryImages(v?.position,m?.type),P=F?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:O}=l.getProductImagesClassName(g),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: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`
|
|
13
13
|
${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}})}`}))}
|
|
14
14
|
`;return e.template`
|
|
15
|
-
${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:
|
|
15
|
+
${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:v,uid:y?.uid,type:"Liquid"})}</style>`),"")}
|
|
16
16
|
${u.Liquid(`
|
|
17
17
|
{% assign featured_image = product.featured_image %}
|
|
18
18
|
${u.LiquidIf("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
|
|
@@ -20,22 +20,19 @@
|
|
|
20
20
|
<gp-product-images-v3
|
|
21
21
|
${{...j}}
|
|
22
22
|
style="${{...$}}"
|
|
23
|
-
class="${
|
|
23
|
+
class="${L}"
|
|
24
24
|
>
|
|
25
|
-
<script gp-data type="application/json">${
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
style="${u.LiquidIf("product.media.size > 1",n.getStyleOfObject(G),n.getStyleOfObject(z))}"
|
|
29
|
-
>
|
|
30
|
-
${i.default({builderPropUID:`gp-carousel-${y?.uid}`,...q,children:B(),enableLazyLoadImage:h})}
|
|
25
|
+
<script gp-data type="application/json">${q}</script>
|
|
26
|
+
${u.LiquidIf("product.media.size > 1",e.template`<div class="${D}" style="${n.getStyleOfObject(G)}">`,e.template`<div class="${b}" style="${n.getStyleOfObject(A)}">`)}
|
|
27
|
+
${r.default({builderPropUID:`gp-carousel-${y?.uid}`,...v,children:B(),enableLazyLoadImage:I})}
|
|
31
28
|
${u.If(!C,e.template`
|
|
32
29
|
<div
|
|
33
30
|
class="${O}"
|
|
34
|
-
style="${n.getStyleOfObject(
|
|
35
|
-
${{...
|
|
31
|
+
style="${n.getStyleOfObject(N)}"
|
|
32
|
+
${{...P}}
|
|
36
33
|
>
|
|
37
|
-
${u.LiquidIf("product.media.size > 1",
|
|
38
|
-
${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{...
|
|
34
|
+
${u.LiquidIf("product.media.size > 1",i.default({builderPropUID:`gp-gallery-${y?.uid}`,...v,enableLazyLoadImage:I}))}
|
|
35
|
+
${u.If(F,s.default({builderPropUID:y?.uid,wrapperStyle:{...z},children:B(),...v,enableLazyLoadImage:I}))}
|
|
39
36
|
</div>
|
|
40
37
|
`)}
|
|
41
38
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{template as e,isLocalEnv as o,baseAssetURL as t,WrapRenderChildren as r,RenderChildren as s}from"@gem-sdk/core";import{getConditionRenderGalleryImages as i,getStyleInsideLayout as a,setDefaultWhenUndefineSetting as p}from"./common/common.js";import l from"./components/feature-gallery/FeatureImageWithGallery.liquid.js";import d from"./components/gallery-carousel/GalleryCarousel.liquid.js";import m from"./components/gallery-grid/GalleryGrid.liquid.js";import{filterPageContext as c,getSettingPreloadData as n}from"../../../helpers.js";import{getShapeByLayout as u,sizeSettingDefaultForNewLayout as g}from"./common/productGallery.js";import{getProductImagesClassName as f}from"./composables/getProductImagesClassName.js";import{getProductImagesStyles as $}from"./composables/getProductImagesStyles.js";import{createAttr as y,LiquidIf as h,createClass as j,If as v,Liquid as S}from"@gem-sdk/system";import{getBorderActiveCss as F}from"./common/getBorderActiveCss.js";import{getStyleOfObject as I}from"../../helpers/function.js";let C=C=>{let P=p(C),{setting:G,styles:D,builderProps:b,style:O}=P,{rawChildren:_,pageContext:z}=C,{enableLazyLoadImage:N}=z??{},A={...G,...D},B=`
|
|
2
2
|
{
|
|
3
3
|
"id":${JSON.stringify(b?.uid)},
|
|
4
|
-
"pageContext": ${JSON.stringify(c(
|
|
4
|
+
"pageContext": ${JSON.stringify(c(z))},
|
|
5
5
|
"setting":${JSON.stringify(G)},
|
|
6
6
|
"styles":${JSON.stringify(D)},
|
|
7
7
|
"productUrl":{{product.url | json }},
|
|
@@ -9,36 +9,33 @@ import{isLocalEnv as e,baseAssetURL as o,template as r,WrapRenderChildren as t,R
|
|
|
9
9
|
"collectionUrl": {{ collection.url | json }},
|
|
10
10
|
"collection": {{ collection | json }}
|
|
11
11
|
}
|
|
12
|
-
`,U
|
|
13
|
-
${
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
`,U=y({"section-id":"{{section.id}}","data-id":`${b?.uid}`}),{isOnlyFeatureAllDevices:k,isRenderGalleryGrid:q}=i(A?.position,G?.type),E=q?{}:y({"data-only-image":h("product.media.size > 1","false","true")}),{wrapperClasses:J,productImagesGalleryClasses:w}=f(C),T=j({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),x=j({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:L,wrapContainerStyleOnlyOneImage:M,galleryImageStyle:R}=$(A),V=u({shape:A.shape,shapeForBottom:A.shapeForBottom,shapeFor1Col:A.shapeFor1Col,shapeFor2Col:A.shapeFor2Col,shapeForFtOnly:A.shapeForFtOnly,shapeForInsideBottom:A.shapeForInsideBottom??g,shapeForInside:A.shapeForInside??g},A.position),W=a(A.position,V,A?.spacing),H=()=>e`
|
|
13
|
+
${r({uid:b?.uid||"",customProps:_?.[0].customProps},_?.map(o=>{if(o)return e`${s({...o,isInsideProductImage:!0,imageData:{imageShape:D?.ftShape,imageAlign:D?.align,imageLayout:D?.position},dotData:{dotSize:G?.ftDotSize,dotGapToCarousel:G?.ftDotGapToCarousel,dotStyle:G?.ftDotStyle}})}`}))}
|
|
14
|
+
`,K=()=>e`
|
|
15
|
+
<div
|
|
16
|
+
class="${w}"
|
|
17
|
+
style="${I(R)}"
|
|
18
|
+
${{...E}}
|
|
19
|
+
>
|
|
20
|
+
${h("product.media.size > 1",d({builderPropUID:`gp-gallery-${b?.uid}`,...A,enableLazyLoadImage:N}))}
|
|
21
|
+
${v(q,m({builderPropUID:b?.uid,wrapperStyle:{...W},children:H(),...A,enableLazyLoadImage:N}))}
|
|
22
|
+
</div>
|
|
23
|
+
`,Q=()=>e`
|
|
24
|
+
${l({builderPropUID:`gp-carousel-${b?.uid}`,...A,children:H(),enableLazyLoadImage:N})}
|
|
25
|
+
${v(!k,K())}
|
|
26
|
+
`;return e`
|
|
27
|
+
${v(G?.borderActive?.border!=="none",h("product.media.size > 1",`<style>${F({settings:A,uid:b?.uid,type:"Liquid"})}</style>`),"")}
|
|
28
|
+
${S(`
|
|
17
29
|
{% assign featured_image = product.featured_image %}
|
|
18
30
|
${h("variant != null and variant.featured_image != null","{% assign featured_image = variant.featured_image %}")}
|
|
19
31
|
`)}
|
|
20
32
|
<gp-product-images
|
|
21
33
|
${{...U}}
|
|
22
|
-
style="${{...
|
|
34
|
+
style="${{...O}}"
|
|
23
35
|
class="${J}"
|
|
24
36
|
>
|
|
25
37
|
<script gp-data type="application/json">${B}</script>
|
|
26
|
-
|
|
27
|
-
class="${h("product.media.size > 1",`${T}`,`${x}`)}"
|
|
28
|
-
style="${h("product.media.size > 1",I(L),I(M))}"
|
|
29
|
-
>
|
|
30
|
-
${l({builderPropUID:`gp-carousel-${b?.uid}`,...A,children:H(),enableLazyLoadImage:N})}
|
|
31
|
-
${S(!k,r`
|
|
32
|
-
<div
|
|
33
|
-
class="${w}"
|
|
34
|
-
style="${I(R)}"
|
|
35
|
-
${{...E}}
|
|
36
|
-
>
|
|
37
|
-
${h("product.media.size > 1",d({builderPropUID:`gp-gallery-${b?.uid}`,...A,enableLazyLoadImage:N}))}
|
|
38
|
-
${S(q,m({builderPropUID:b?.uid,wrapperStyle:{...W},children:H(),...A,enableLazyLoadImage:N}))}
|
|
39
|
-
</div>
|
|
40
|
-
`)}
|
|
41
|
-
</div>
|
|
38
|
+
${h("product.media.size > 1",e`<div class="${T}" style="${I(L)}">${Q()}</div>`,e`<div class="${x}" style="${I(M)}">${Q()}</div>`)}
|
|
42
39
|
</gp-product-images>
|
|
43
|
-
${
|
|
40
|
+
${v(o,`<script ${n('class="gps-link" delay',"src")}="{{ 'gp-product-images-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n('class="gps-link" delay',"src")}="${t}/assets-v2/gp-product-images-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
44
41
|
`};export{C as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{template as e,isLocalEnv as o,baseAssetURL as t,WrapRenderChildren as r,RenderChildren as s}from"@gem-sdk/core";import{getConditionRenderGalleryImages as i,getStyleInsideLayout as a,setDefaultWhenUndefineSetting as p}from"./common/common.js";import l from"./components/feature-gallery/FeatureImageWithGallery.liquid.js";import d from"./components/gallery-carousel/GalleryCarousel.liquid.js";import m from"./components/gallery-grid/GalleryGrid.liquid.js";import{filterPageContext as c,getSettingPreloadData as n}from"../../../helpers.js";import{getShapeByLayout as u,sizeSettingDefaultForNewLayout as g}from"./common/productGallery.js";import{getProductImagesClassName as f}from"./composables/getProductImagesClassName.js";import{getProductImagesStyles as y}from"./composables/getProductImagesStyles.js";import{createAttr as $,LiquidIf as h,createClass as v,If as j,Liquid as S}from"@gem-sdk/system";import{getBorderActiveCss as F}from"./common/getBorderActiveCss.js";import{getStyleOfObject as I}from"../../helpers/function.js";let C=C=>{let P=p(C),{setting:G,styles:D,builderProps:b,style:O}=P,{rawChildren:_,pageContext:z}=C,{enableLazyLoadImage:N}=z??{},A={...G,...D},B=`
|
|
2
2
|
{
|
|
3
3
|
"id":${JSON.stringify(b?.uid)},
|
|
4
|
-
"pageContext": ${JSON.stringify(c(
|
|
4
|
+
"pageContext": ${JSON.stringify(c(z))},
|
|
5
5
|
"setting":${JSON.stringify(G)},
|
|
6
6
|
"styles":${JSON.stringify(D)},
|
|
7
7
|
"productUrl":{{product.url | json }},
|
|
@@ -9,9 +9,9 @@ import{isLocalEnv as e,baseAssetURL as o,template as r,WrapRenderChildren as t,R
|
|
|
9
9
|
"collectionUrl": {{ collection.url | json }},
|
|
10
10
|
"collection": {{ collection | json }}
|
|
11
11
|
}
|
|
12
|
-
`,U=$({"section-id":"{{section.id}}","data-id":`${b?.uid}`}),{isOnlyFeatureAllDevices:k,isRenderGalleryGrid:q}=i(A?.position,G?.type),E=q?{}:$({"data-only-image":h("product.media.size > 1","false","true")}),{wrapperClasses:J,productImagesGalleryClasses:w}=f(C),T=v({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),x=v({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:L,wrapContainerStyleOnlyOneImage:M,galleryImageStyle:R}=y(A),V=
|
|
13
|
-
${
|
|
14
|
-
`;return
|
|
12
|
+
`,U=$({"section-id":"{{section.id}}","data-id":`${b?.uid}`}),{isOnlyFeatureAllDevices:k,isRenderGalleryGrid:q}=i(A?.position,G?.type),E=q?{}:$({"data-only-image":h("product.media.size > 1","false","true")}),{wrapperClasses:J,productImagesGalleryClasses:w}=f(C),T=v({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),x=v({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:L,wrapContainerStyleOnlyOneImage:M,galleryImageStyle:R}=y(A),V=u({shape:A.shape,shapeForBottom:A.shapeForBottom,shapeFor1Col:A.shapeFor1Col,shapeFor2Col:A.shapeFor2Col,shapeForFtOnly:A.shapeForFtOnly,shapeForInsideBottom:A.shapeForInsideBottom??g,shapeForInside:A.shapeForInside??g},A.position),W=a(A.position,V,A?.spacing),H=()=>e`
|
|
13
|
+
${r({uid:b?.uid||"",customProps:_?.[0].customProps},_?.map(o=>{if(o)return e`${s({...o,isInsideProductImage:!0,imageData:{imageShape:D?.ftShape,imageAlign:D?.align,imageLayout:D?.position},dotData:{dotSize:G?.ftDotSize,dotGapToCarousel:G?.ftDotGapToCarousel,dotStyle:G?.ftDotStyle}})}`}))}
|
|
14
|
+
`;return e`
|
|
15
15
|
${j(G?.borderActive?.border!=="none",h("product.media.size > 1",`<style>${F({settings:A,uid:b?.uid,type:"Liquid"})}</style>`),"")}
|
|
16
16
|
${S(`
|
|
17
17
|
{% assign featured_image = product.featured_image %}
|
|
@@ -19,16 +19,13 @@ import{isLocalEnv as e,baseAssetURL as o,template as r,WrapRenderChildren as t,R
|
|
|
19
19
|
`)}
|
|
20
20
|
<gp-product-images-v3
|
|
21
21
|
${{...U}}
|
|
22
|
-
style="${{...
|
|
22
|
+
style="${{...O}}"
|
|
23
23
|
class="${J}"
|
|
24
24
|
>
|
|
25
25
|
<script gp-data type="application/json">${B}</script>
|
|
26
|
-
|
|
27
|
-
class="${h("product.media.size > 1",`${T}`,`${x}`)}"
|
|
28
|
-
style="${h("product.media.size > 1",I(L),I(M))}"
|
|
29
|
-
>
|
|
26
|
+
${h("product.media.size > 1",e`<div class="${T}" style="${I(L)}">`,e`<div class="${x}" style="${I(M)}">`)}
|
|
30
27
|
${l({builderPropUID:`gp-carousel-${b?.uid}`,...A,children:H(),enableLazyLoadImage:N})}
|
|
31
|
-
${j(!k,
|
|
28
|
+
${j(!k,e`
|
|
32
29
|
<div
|
|
33
30
|
class="${w}"
|
|
34
31
|
style="${I(R)}"
|
|
@@ -40,5 +37,5 @@ import{isLocalEnv as e,baseAssetURL as o,template as r,WrapRenderChildren as t,R
|
|
|
40
37
|
`)}
|
|
41
38
|
</div>
|
|
42
39
|
</gp-product-images-v3>
|
|
43
|
-
${j(
|
|
40
|
+
${j(o,`<script ${n('class="gps-link" delay',"src")}="{{ 'gp-product-images-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n('class="gps-link" delay',"src")}="${t}/assets-v2/gp-product-images-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
44
41
|
`};export{C as default};
|