@gem-sdk/components 19.1.0-dev.7 → 19.1.0-dev.9

package/dist/cjs/product/components/product-badge/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../utils/common.js"),o=require("../utils/getShapePosition.js"),r=require("../utils/getRotateShape.js"),i=require("../utils/getStyleAdvanced.js"),a=require("../utils/getWhiteSpace.js"),n=require("../utils/stylesV2.js"),s=require("../utils/shape.js"),p=require("../utils/renderBadgeILP.js");const g=e=>{let{setting:o,styles:r}=e,i=s.getShape(o?.shape),a=o?.contentType==="text",n=a?r?.textSizeV2:r?.imageSizeV2;return a?t.getSize(i,n):t.getSize(void 0,n)},l=({styles:e,setting:t})=>{let o=s.getShape(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?n.getStyleBorder(e?.textBadgeBorder):n.getStyleBorder(e?.imageBadgeBorder):{}},d=({styles:e,setting:t})=>{let o=s.getShape(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?n.getStyleCornerRadius(e?.textBadgeCorner,o?.shapeRadius):n.getStyleCornerRadius(e?.imageBadgeCorner,o?.shapeRadius):{}},u=({props:o,currentVariant:r,product:i,isEditMode:a})=>{let{"bundle-item":n,setting:s}=o;if(n)return 1;let g=s?.contentType==="text",l=g&&!s?.displayContent?.trim(),d=t.checkDiscountContentProductBadge(s?.displayContent);if(l)return a?.2:0;let u=e.convertDecimalToNumber(r?.price)??0,S=e.convertDecimalToNumber(r?.salePrice)??0,y=p.checkShowBadge(s?.displayTrigger,i,r);return(S-u>0||!d)&&y?1:a?.2:0};exports.getContainerStyle=(e,r=!1)=>{let{setting:a,styles:n,style:s,navigationPosition:p,imageData:l,dotData:d}=e,u=a?.positionWithImage==="outside",S=t.getWrapperStyle(r),y=o.getShapePosition({positionType:n?.position,navigationPosition:p,dataImage:{...l,...d}}),h=g(e),c=i.getStyleAdvanced(u?{}:{...y,...h},s);return{...!u&&{"--pos":"absolute"},...S,...c}},exports.getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return n.generateShadowCSS(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)},exports.getImageContainerStyles=({styles:t,setting:o})=>{let r=l({setting:o,styles:t}),i=d({setting:o,styles:t}),a=e.makeGlobalSize(t?.imageSizeV2).padding;return{...r,...i,...a}},exports.getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=g(e),s=r&&o?u({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...n,"--mb":0}:{},opacity:s}},exports.getTextBadgeWrapperStyles=({styles:e,setting:o})=>{let i=s.getShape(o?.shape),a=l({setting:o,styles:e}),p=o?.positionWithImage==="outside",g=d({setting:o,styles:e}),u=t.getShapeWrapperPadding(i?.ratio);return{...a,...g,...r.composeShapeStyleByPosition(i,e?.position,p),...n.getStyleBackground(!i?.backgroundColorInText,e?.badgeColorV2),...u,height:i?.ratio===1?"0px":"100%"}},exports.getTextContentStyle=({styles:o,setting:i})=>{let p=e.makeGlobalSize(o?.textSizeV2).padding,g=s.getShape(i?.shape),l=i?.positionWithImage==="outside";return{...a.getWhiteSpaceStyle(o?.textSizeV2),...t.convertToStyle(g?.textStyle),...r.composeTextStyleByPosition(g,o?.position,l),...e.composeTypographyStyle(o?.typo),...e.getStyleShadow({value:o?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:o?.typo?.custom?.hasShadowText}),...n.getStyleBackground(!!g?.backgroundColorInText,o?.badgeColorV2),...p}};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../../../helpers.js"),o=require("../utils/common.js"),r=require("../utils/getShapePosition.js"),i=require("../utils/getRotateShape.js"),a=require("../utils/getStyleAdvanced.js"),s=require("../utils/getWhiteSpace.js"),n=require("../utils/stylesV2.js"),p=require("../utils/shape.js"),l=require("../utils/renderBadgeILP.js");const g=e=>{let{setting:t,styles:r}=e,i=p.getShape(t?.shape),a=t?.contentType==="text",s=a?r?.textSizeV2:r?.imageSizeV2;return a?o.getSize(i,s):o.getSize(void 0,s)},d=({styles:e,setting:t})=>{let o=p.getShape(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?n.getStyleBorder(e?.textBadgeBorder):n.getStyleBorder(e?.imageBadgeBorder):{}},u=({styles:e,setting:t})=>{let o=p.getShape(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?n.getStyleCornerRadius(e?.textBadgeCorner,o?.shapeRadius):n.getStyleCornerRadius(e?.imageBadgeCorner,o?.shapeRadius):{}},S=({props:t,currentVariant:r,product:i,isEditMode:a})=>{let{"bundle-item":s,setting:n}=t;if(s)return 1;let p=n?.contentType==="text",g=p&&!n?.displayContent?.trim(),d=o.checkDiscountContentProductBadge(n?.displayContent);if(g)return a?.2:0;let u=e.convertDecimalToNumber(r?.price)??0,S=e.convertDecimalToNumber(r?.salePrice)??0,y=l.checkShowBadge(n?.displayTrigger,i,r);return(S-u>0||!d)&&y?1:a?.2:0};exports.getContainerStyle=(i,s=!1)=>{let{setting:n,styles:p,style:l,navigationPosition:d,imageData:u,dotData:S,isInsideImageList:y}=i,c=n?.positionWithImage==="outside",h=o.getWrapperStyle(s),m=r.getShapePosition({positionType:p?.position,navigationPosition:d,dataImage:{...u,...S}}),x=g(i),B=a.getStyleAdvanced(c?{}:{...m,...x},l),C=y?t.getDisplayStyle(t=>!["one-col","two-col"].includes(e.getResponsiveValueByScreen(u?.imageLayout,t)||""),"block"):{};return{...!c&&{"--pos":"absolute"},...h,...B,...C}},exports.getContentStyleInternal=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return n.generateShadowCSS(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)},exports.getImageContainerStyles=({styles:t,setting:o})=>{let r=d({setting:o,styles:t}),i=u({setting:o,styles:t}),a=e.makeGlobalSize(t?.imageSizeV2).padding;return{...r,...i,...a}},exports.getSubWrapperStyle=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",s=g(e),n=r&&o?S({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...s,"--mb":0}:{},opacity:n}},exports.getTextBadgeWrapperStyles=({styles:e,setting:t})=>{let r=p.getShape(t?.shape),a=d({setting:t,styles:e}),s=t?.positionWithImage==="outside",l=u({setting:t,styles:e}),g=o.getShapeWrapperPadding(r?.ratio);return{...a,...l,...i.composeShapeStyleByPosition(r,e?.position,s),...n.getStyleBackground(!r?.backgroundColorInText,e?.badgeColorV2),...g,height:r?.ratio===1?"0px":"100%"}},exports.getTextContentStyle=({styles:t,setting:r})=>{let a=e.makeGlobalSize(t?.textSizeV2).padding,l=p.getShape(r?.shape),g=r?.positionWithImage==="outside";return{...s.getWhiteSpaceStyle(t?.textSizeV2),...o.convertToStyle(l?.textStyle),...i.composeTextStyleByPosition(l,t?.position,g),...e.composeTypographyStyle(t?.typo),...e.getStyleShadow({value:t?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.typo?.custom?.hasShadowText}),...n.getStyleBackground(!!l?.backgroundColorInText,t?.badgeColorV2),...a}};

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

@@ -9,8 +9,8 @@
       "collectionUrl": {{ collection.url | json }},
       "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=()=>e.template`
-      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.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}})}`}))}
+  `,q=u.createAttr({"section-id":"{{section.id}}","data-id":`${y?.uid}`}),{isOnlyFeatureAllDevices:v,isRenderGalleryGrid:C}=t.getConditionRenderGalleryImages(I?.position,m?.type),F=C?{}:u.createAttr({"data-only-image":u.LiquidIf("product.media.size > 1","false","true")}),{wrapperClasses:L,productImagesGalleryClasses:P}=l.getProductImagesClassName(c),O=u.createClass({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),D=u.createClass({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:b,wrapContainerStyleOnlyOneImage:G,galleryImageStyle:z}=d.getProductImagesStyles(I),A=o.getShapeByLayout({shape:I.shape,shapeForBottom:I.shapeForBottom,shapeFor1Col:I.shapeFor1Col,shapeFor2Col:I.shapeFor2Col,shapeForFtOnly:I.shapeForFtOnly,shapeForInsideBottom:I.shapeForInsideBottom??o.sizeSettingDefaultForNewLayout,shapeForInside:I.shapeForInside??o.sizeSettingDefaultForNewLayout},I.position),N=t.getStyleInsideLayout(I.position,A,I?.spacing),_=(t=!1)=>e.template`
+      ${e.WrapRenderChildren({uid:y?.uid||"",customProps:h?.[0].customProps},h?.map(i=>{if(i)return e.template`${e.RenderChildren({...i,isInsideProductImage:!0,isInsideImageList:t,imageData:{imageShape:f?.ftShape,imageAlign:f?.align,imageLayout:f?.position},dotData:{dotSize:m?.ftDotSize,dotGapToCarousel:m?.ftDotGapToCarousel,dotStyle:m?.ftDotStyle}})}`}))}
     `;return e.template`
   ${u.If(m?.borderActive?.border!=="none",u.LiquidIf("product.media.size > 1",`<style>${p.getBorderActiveCss({settings:I,uid:y?.uid,type:"Liquid"})}</style>`),"")}
   ${u.Liquid(`
@@ -35,7 +35,7 @@
         ${{...F}}
       >
         ${u.LiquidIf("product.media.size > 1",r.default({builderPropUID:`gp-gallery-${y?.uid}`,...I,pageContext:S}))}
-        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(),...I,pageContext:S}))}
+        ${u.If(C,s.default({builderPropUID:y?.uid,wrapperStyle:{...N},children:_(!0),...I,pageContext:S}))}
       </div>
     `)}
       </div>

package/dist/cjs/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../../../../helpers.js");exports.getOptionStyles=o=>{let{valueBgColor:l,valueTextColor:r}=o??{},b=e.getGlobalColorStateResponsiveStyle("bg",l),s=e.getGlobalColorStateStyle("c",r),a={"--c":s["--focus-c"]?s["--focus-c"]:s["--c"],"--bg":b["--focus-bg"]?b["--focus-bg"]:b["--bg"],"--bg-tablet":b["--focus-bg-tablet"]?b["--focus-bg-tablet"]:b["--bg-tablet"],"--bg-mobile":b["--focus-bg-mobile"]?b["--focus-bg-mobile"]:b["--bg-mobile"]};return t.filterTruthyObject(a)},exports.getSelectStyles=t=>{let{fullWidth:o,width:l,height:r,borderInput:b,borderRadius:s,hasShadowInput:a,shadowInput:g,valueBgColor:c,valueTextColor:S}=t??{},i=e.makeStyleResponsive("w",e.makeWidth(l,o)),u=r?e.makeStyleResponsive("h",r):{};return{...i,...u,...e.handleConvertBorderStyle(b),...e.handleConvertBorderWidth(b),...e.handleConvertBorderColor(b),...e.composeRadius(s),...e.getStyleShadowState(g,"box-shadow",a),...e.getGlobalColorStateResponsiveStyle("bg",c),...e.getGlobalColorStateStyle("c",S)}};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../../../../helpers.js");exports.getOptionStyles=o=>{let{valueBgColor:l,valueTextColor:r}=o??{},s=e.getGlobalColorStateResponsiveStyle("bg",l),b=e.getGlobalColorStateStyle("c",r),a={"--c":b["--focus-c"]?b["--focus-c"]:b["--c"],"--bg":s["--focus-bg"]?s["--focus-bg"]:s["--bg"],"--bg-tablet":s["--focus-bg-tablet"]?s["--focus-bg-tablet"]:s["--bg-tablet"],"--bg-mobile":s["--focus-bg-mobile"]?s["--focus-bg-mobile"]:s["--bg-mobile"]};return t.filterTruthyObject(a)},exports.getSelectStyles=t=>{let{fullWidth:o,width:l,height:r,borderInput:s,borderRadius:b,hasShadowInput:a,shadowInput:g,valueBgColor:c,valueTextColor:S,valueTypo:i,valueTypography:u}=t??{},y=e.makeStyleResponsive("w",e.makeWidth(l,o)),n=r?e.makeStyleResponsive("h",r):{},d=e.composeTypographyStyle(i,u);return{...y,...n,...e.handleConvertBorderStyle(s),...e.handleConvertBorderWidth(s),...e.handleConvertBorderColor(s),...e.composeRadius(b),...e.getStyleShadowState(g,"box-shadow",a),...e.getGlobalColorStateResponsiveStyle("bg",c),...e.getGlobalColorStateStyle("c",S),...d}};

package/dist/esm/product/components/product-badge/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as t,getStyleShadow as e,composeTypographyStyle as o,convertDecimalToNumber as r}from"@gem-sdk/core";import{convertToStyle as i,getSize as a,getWrapperStyle as n,getShapeWrapperPadding as p,checkDiscountContentProductBadge as s}from"../utils/common.js";import{getShapePosition as d}from"../utils/getShapePosition.js";import{composeShapeStyleByPosition as l,composeTextStyleByPosition as g}from"../utils/getRotateShape.js";import{getStyleAdvanced as m}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as u}from"../utils/getWhiteSpace.js";import{generateShadowCSS as h,getStyleBackground as y,getStyleBorder as S,getStyleCornerRadius as x}from"../utils/stylesV2.js";import{getShape as c}from"../utils/shape.js";import{checkShowBadge as C}from"../utils/renderBadgeILP.js";let T=t=>{let{setting:e,styles:o}=t,r=c(e?.shape),i=e?.contentType==="text",n=i?o?.textSizeV2:o?.imageSizeV2;return i?a(r,n):a(void 0,n)},f=(t,e=!1)=>{let{setting:o,styles:r,style:i,navigationPosition:a,imageData:p,dotData:s}=t,l=o?.positionWithImage==="outside",g=n(e),u=d({positionType:r?.position,navigationPosition:a,dataImage:{...p,...s}}),h=T(t),y=m(l?{}:{...u,...h},i);return{...!l&&{"--pos":"absolute"},...g,...y}},B=({styles:r,setting:a})=>{let n=t(r?.textSizeV2).padding,p=c(a?.shape),s=a?.positionWithImage==="outside";return{...u(r?.textSizeV2),...i(p?.textStyle),...g(p,r?.position,s),...o(r?.typo),...e({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText}),...y(!!p?.backgroundColorInText,r?.badgeColorV2),...n}},b=({styles:t,setting:e})=>{let o=c(e?.shape),r=e?.contentType==="text";return o?.supportBorder?r?S(t?.textBadgeBorder):S(t?.imageBadgeBorder):{}},I=({styles:t,setting:e})=>{let o=c(e?.shape),r=e?.contentType==="text";return o?.supportCorner?r?x(t?.textBadgeCorner,o?.shapeRadius):x(t?.imageBadgeCorner,o?.shapeRadius):{}},j=({styles:t,setting:e})=>{let o=c(e?.shape),r=b({setting:e,styles:t}),i=e?.positionWithImage==="outside",a=I({setting:e,styles:t}),n=p(o?.ratio);return{...r,...a,...l(o,t?.position,i),...y(!o?.backgroundColorInText,t?.badgeColorV2),...n,height:o?.ratio===1?"0px":"100%"}},V=({styles:e,setting:o})=>{let r=b({setting:o,styles:e}),i=I({setting:o,styles:e}),a=t(e?.imageSizeV2).padding;return{...r,...i,...a}},W=({props:t,currentVariant:e,product:o,isEditMode:i})=>{let{"bundle-item":a,setting:n}=t;if(a)return 1;let p=n?.contentType==="text",d=p&&!n?.displayContent?.trim(),l=s(n?.displayContent);if(d)return i?.2:0;let g=r(e?.price)??0,m=r(e?.salePrice)??0,u=C(n?.displayTrigger,o,e);return(m-g>0||!l)&&u?1:i?.2:0},w=({props:t,product:e,currentVariant:o,isEditMode:r})=>{let{setting:i}=t,a=i?.positionWithImage==="outside",n=T(t),p=r&&o?W({props:t,currentVariant:o,product:e,isEditMode:r}):1;return{...a?{...n,"--mb":0}:{},opacity:p}},z=t=>{let{styles:e,setting:o,builderProps:r}=t,i=o?.contentType==="text";return h(`[id="${r?.uid}"] .product-badge-item`,i?e?.textBadgeShadow:e?.imageBadgeShadow)};export{f as getContainerStyle,z as getContentStyleInternal,V as getImageContainerStyles,w as getSubWrapperStyle,j as getTextBadgeWrapperStyles,B as getTextContentStyle};
+import{getResponsiveValueByScreen as e,makeGlobalSize as t,getStyleShadow as o,composeTypographyStyle as r,convertDecimalToNumber as i}from"@gem-sdk/core";import{getDisplayStyle as a}from"../../../../helpers.js";import{convertToStyle as n,getSize as s,getWrapperStyle as p,getShapeWrapperPadding as l,checkDiscountContentProductBadge as d}from"../utils/common.js";import{getShapePosition as g}from"../utils/getShapePosition.js";import{composeShapeStyleByPosition as m,composeTextStyleByPosition as u}from"../utils/getRotateShape.js";import{getStyleAdvanced as h}from"../utils/getStyleAdvanced.js";import{getWhiteSpaceStyle as y}from"../utils/getWhiteSpace.js";import{generateShadowCSS as S,getStyleBackground as c,getStyleBorder as x,getStyleCornerRadius as C}from"../utils/stylesV2.js";import{getShape as f}from"../utils/shape.js";import{checkShowBadge as T}from"../utils/renderBadgeILP.js";let b=e=>{let{setting:t,styles:o}=e,r=f(t?.shape),i=t?.contentType==="text",a=i?o?.textSizeV2:o?.imageSizeV2;return i?s(r,a):s(void 0,a)},B=(t,o=!1)=>{let{setting:r,styles:i,style:n,navigationPosition:s,imageData:l,dotData:d,isInsideImageList:m}=t,u=r?.positionWithImage==="outside",y=p(o),S=g({positionType:i?.position,navigationPosition:s,dataImage:{...l,...d}}),c=b(t),x=h(u?{}:{...S,...c},n),C=m?a(t=>!["one-col","two-col"].includes(e(l?.imageLayout,t)||""),"block"):{};return{...!u&&{"--pos":"absolute"},...y,...x,...C}},I=({styles:e,setting:i})=>{let a=t(e?.textSizeV2).padding,s=f(i?.shape),p=i?.positionWithImage==="outside";return{...y(e?.textSizeV2),...n(s?.textStyle),...u(s,e?.position,p),...r(e?.typo),...o({value:e?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:e?.typo?.custom?.hasShadowText}),...c(!!s?.backgroundColorInText,e?.badgeColorV2),...a}},j=({styles:e,setting:t})=>{let o=f(t?.shape),r=t?.contentType==="text";return o?.supportBorder?r?x(e?.textBadgeBorder):x(e?.imageBadgeBorder):{}},V=({styles:e,setting:t})=>{let o=f(t?.shape),r=t?.contentType==="text";return o?.supportCorner?r?C(e?.textBadgeCorner,o?.shapeRadius):C(e?.imageBadgeCorner,o?.shapeRadius):{}},w=({styles:e,setting:t})=>{let o=f(t?.shape),r=j({setting:t,styles:e}),i=t?.positionWithImage==="outside",a=V({setting:t,styles:e}),n=l(o?.ratio);return{...r,...a,...m(o,e?.position,i),...c(!o?.backgroundColorInText,e?.badgeColorV2),...n,height:o?.ratio===1?"0px":"100%"}},W=({styles:e,setting:o})=>{let r=j({setting:o,styles:e}),i=V({setting:o,styles:e}),a=t(e?.imageSizeV2).padding;return{...r,...i,...a}},z=({props:e,currentVariant:t,product:o,isEditMode:r})=>{let{"bundle-item":a,setting:n}=e;if(a)return 1;let s=n?.contentType==="text",p=s&&!n?.displayContent?.trim(),l=d(n?.displayContent);if(p)return r?.2:0;let g=i(t?.price)??0,m=i(t?.salePrice)??0,u=T(n?.displayTrigger,o,t);return(m-g>0||!l)&&u?1:r?.2:0},k=({props:e,product:t,currentVariant:o,isEditMode:r})=>{let{setting:i}=e,a=i?.positionWithImage==="outside",n=b(e),s=r&&o?z({props:e,currentVariant:o,product:t,isEditMode:r}):1;return{...a?{...n,"--mb":0}:{},opacity:s}},v=e=>{let{styles:t,setting:o,builderProps:r}=e,i=o?.contentType==="text";return S(`[id="${r?.uid}"] .product-badge-item`,i?t?.textBadgeShadow:t?.imageBadgeShadow)};export{B as getContainerStyle,v as getContentStyleInternal,W as getImageContainerStyles,k as getSubWrapperStyle,w as getTextBadgeWrapperStyles,I as getTextContentStyle};

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

@@ -9,8 +9,8 @@ import{isLocalEnv as e,baseAssetURL as o,template as i,WrapRenderChildren as t,R
       "collectionUrl": {{ collection.url | json }},
       "collection": {% if collection %}{"handle":{{ collection.handle | json }}}{% else %}null{% endif %}
     }
-  `,B=$({"section-id":"{{section.id}}","data-id":`${b?.uid}`}),{isOnlyFeatureAllDevices:U,isRenderGalleryGrid:k}=s(N?.position,G?.type),q=k?{}:$({"data-only-image":h("product.media.size > 1","false","true")}),{wrapperClasses:E,productImagesGalleryClasses:J}=f(C),w=j({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),T=j({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:x,wrapContainerStyleOnlyOneImage:L,galleryImageStyle:M}=y(N),R=u({shape:N.shape,shapeForBottom:N.shapeForBottom,shapeFor1Col:N.shapeFor1Col,shapeFor2Col:N.shapeFor2Col,shapeForFtOnly:N.shapeForFtOnly,shapeForInsideBottom:N.shapeForInsideBottom??g,shapeForInside:N.shapeForInside??g},N.position),V=a(N.position,R,N?.spacing),W=()=>i`
-      ${t({uid:b?.uid||"",customProps:O?.[0].customProps},O?.map(e=>{if(e)return i`${r({...e,isInsideProductImage:!0,imageData:{imageShape:D?.ftShape,imageAlign:D?.align,imageLayout:D?.position},dotData:{dotSize:G?.ftDotSize,dotGapToCarousel:G?.ftDotGapToCarousel,dotStyle:G?.ftDotStyle}})}`}))}
+  `,B=$({"section-id":"{{section.id}}","data-id":`${b?.uid}`}),{isOnlyFeatureAllDevices:U,isRenderGalleryGrid:k}=s(N?.position,G?.type),q=k?{}:$({"data-only-image":h("product.media.size > 1","false","true")}),{wrapperClasses:E,productImagesGalleryClasses:J}=f(C),w=j({"gp-grid gp-w-full !gp-m-0 gp-relative":!0}),T=j({"gp-w-full !gp-m-0 gp-relative":!0}),{wrapContainerStyle:x,wrapContainerStyleOnlyOneImage:L,galleryImageStyle:M}=y(N),R=u({shape:N.shape,shapeForBottom:N.shapeForBottom,shapeFor1Col:N.shapeFor1Col,shapeFor2Col:N.shapeFor2Col,shapeForFtOnly:N.shapeForFtOnly,shapeForInsideBottom:N.shapeForInsideBottom??g,shapeForInside:N.shapeForInside??g},N.position),V=a(N.position,R,N?.spacing),W=(e=!1)=>i`
+      ${t({uid:b?.uid||"",customProps:O?.[0].customProps},O?.map(o=>{if(o)return i`${r({...o,isInsideProductImage:!0,isInsideImageList:e,imageData:{imageShape:D?.ftShape,imageAlign:D?.align,imageLayout:D?.position},dotData:{dotSize:G?.ftDotSize,dotGapToCarousel:G?.ftDotGapToCarousel,dotStyle:G?.ftDotStyle}})}`}))}
     `;return i`
   ${v(G?.borderActive?.border!=="none",h("product.media.size > 1",`<style>${F({settings:N,uid:b?.uid,type:"Liquid"})}</style>`),"")}
   ${S(`
@@ -35,7 +35,7 @@ import{isLocalEnv as e,baseAssetURL as o,template as i,WrapRenderChildren as t,R
         ${{...q}}
       >
         ${h("product.media.size > 1",d({builderPropUID:`gp-gallery-${b?.uid}`,...N,pageContext:_}))}
-        ${v(k,m({builderPropUID:b?.uid,wrapperStyle:{...V},children:W(),...N,pageContext:_}))}
+        ${v(k,m({builderPropUID:b?.uid,wrapperStyle:{...V},children:W(!0),...N,pageContext:_}))}
       </div>
     `)}
       </div>

package/dist/esm/product/components/product-properties/property-select/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as b,getGlobalColorStateStyle as t,getGlobalColorStateResponsiveStyle as o,getStyleShadowState as g,composeRadius as c,handleConvertBorderColor as l,handleConvertBorderWidth as s,handleConvertBorderStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let u=f=>{let{fullWidth:u,width:m,height:i,borderInput:a,borderRadius:p,hasShadowInput:h,shadowInput:n,valueBgColor:S,valueTextColor:d}=f??{},w=e("w",b(m,u)),x=i?e("h",i):{};return{...w,...x,...r(a),...s(a),...l(a),...c(p),...g(n,"box-shadow",h),...o("bg",S),...t("c",d)}},m=e=>{let{valueBgColor:b,valueTextColor:g}=e??{},c=o("bg",b),l=t("c",g),s={"--c":l["--focus-c"]?l["--focus-c"]:l["--c"],"--bg":c["--focus-bg"]?c["--focus-bg"]:c["--bg"],"--bg-tablet":c["--focus-bg-tablet"]?c["--focus-bg-tablet"]:c["--bg-tablet"],"--bg-mobile":c["--focus-bg-mobile"]?c["--focus-bg-mobile"]:c["--bg-mobile"]};return f(s)};export{m as getOptionStyles,u as getSelectStyles};
+import{makeStyleResponsive as e,makeWidth as b,composeTypographyStyle as t,getGlobalColorStateStyle as o,getGlobalColorStateResponsiveStyle as g,getStyleShadowState as c,composeRadius as l,handleConvertBorderColor as s,handleConvertBorderWidth as r,handleConvertBorderStyle as f}from"@gem-sdk/core";import{filterTruthyObject as u}from"../../../../../helpers.js";let m=u=>{let{fullWidth:m,width:i,height:a,borderInput:p,borderRadius:h,hasShadowInput:n,shadowInput:S,valueBgColor:d,valueTextColor:w,valueTypo:x,valueTypography:y}=u??{},j=e("w",b(i,m)),k=a?e("h",a):{},O=t(x,y);return{...j,...k,...f(p),...r(p),...s(p),...l(h),...c(S,"box-shadow",n),...g("bg",d),...o("c",w),...O}},i=e=>{let{valueBgColor:b,valueTextColor:t}=e??{},c=g("bg",b),l=o("c",t),s={"--c":l["--focus-c"]?l["--focus-c"]:l["--c"],"--bg":c["--focus-bg"]?c["--focus-bg"]:c["--bg"],"--bg-tablet":c["--focus-bg-tablet"]?c["--focus-bg-tablet"]:c["--bg-tablet"],"--bg-mobile":c["--focus-bg-mobile"]?c["--focus-bg-mobile"]:c["--bg-mobile"]};return u(s)};export{i as getOptionStyles,m as getSelectStyles};

package/dist/types/index.d.ts

@@ -4197,6 +4197,7 @@ type ProductBadgeStyleProps = {
 };
 type ProductBadgeProps = BasePropsWrap<ProductBadgeSettingProps, ProductBadgeStyleProps> & {
     isInsideProductImage?: boolean;
+    isInsideImageList?: boolean;
     navigationPosition?: ObjectDevices<'inside' | 'outside' | 'none'>;
     children?: React.ReactNode;
     imageData: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "19.1.0-dev.7",
+  "version": "19.1.0-dev.9",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",