@gem-sdk/components 16.3.4 → 17.0.0-dev.100

package/dist/esm/product/components/product-badge/ProductBadge.liquid.js

@@ -1,22 +1,22 @@
-import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createClass as p,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as D,getWrapperClasses as V,getSubWrapperClass as S,getTextContainerClasses as b,getTextWrapperClasses as C,getTextContentClasses as I,getImageContainerClasses as T,getImageClasses as k}from"./common/classes.js";import{getSubWrapperAttrs as q,getContainerAttrs as A,getTextContentAttrs as B,getImageAttr as E}from"./common/attrs.js";import{checkDiscountContentProductBadge as K}from"./utils/common.js";import{ProductBadge as N}from"../../settings/product-badge/configs/translate.js";let ProductBadge=_=>{let{styles:h,setting:L,builderProps:O,pageContext:Q}=_,w=L?.shape!=="image",G=w&&L?.displayContent?.trim()==="",J=K(L?.displayContent),x=p({...D({isInstant:!1,props:_})}),M=l({...y(_,g)}),R=p({...V(_)}),Y=p({...S(_)}),z=l({...$({props:_})}),F=u({...q(_)}),H=v(_),U=p({...b()}),W=u({...A(_)}),X=p({...C()}),Z=l({...f({setting:L,styles:h})}),ee=p({...I(h)}),et=l({...j({setting:L,styles:h})}),es=u({...B()}),ei=p({...T()}),er=l({...P({setting:L,styles:h})}),ea=p({...k()}),eo=u({...E({setting:L})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(L?.displayTrigger).replaceAll("'","'")),uid:_.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w}),{displayContent:en}=L??{},ed=o({val:en?.trim(),uid:O?.uid,settingId:N?.displayContent?.id,isLiquid:!0,pageContext:Q});return e`
+import{dataStringify as e,sanitizeLiquid as t,RenderIf as s,template as i,isLocalEnv as r,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as o,getSettingPreloadData as c}from"../../../helpers.js";import{generateBadgeContent as n}from"./utils/generateLiquidContent.js";import{renderBadgeInFirstTime as d}from"./utils/renderBadgeLiquid.js";import{createClass as p,createStyle as l,createAttr as u,createStateOrContext as m}from"@gem-sdk/system";import{IS_LIQUID as g}from"./constants.js";import{getContainerStyle as y,getSubWrapperStyle as $,getContentStyleInternal as v,getTextBadgeWrapperStyles as f,getTextContentStyle as j,getImageContainerStyles as P}from"./common/styles.js";import{getContainerClasses as S,getWrapperClasses as D,getSubWrapperClass as V,getTextContainerClasses as b,getTextWrapperClasses as h,getTextContentClasses as C,getImageContainerClasses as I,getImageClasses as L}from"./common/classes.js";import{getSubWrapperAttrs as T,getContainerAttrs as k,getTextContentAttrs as q,getImageAttr as A}from"./common/attrs.js";import{checkDiscountContentProductBadge as E}from"./utils/common.js";import{ProductBadge as K}from"../../settings/product-badge/configs/translate.js";let N=N=>{let{styles:_,setting:B,builderProps:O,pageContext:Q}=N,w=B?.shape!=="image",G=w&&B?.displayContent?.trim()==="",H=E(B?.displayContent),J=p({...S({isInstant:!1,props:N})}),x=l({...y(N,g)}),M=p({...D(N)}),R=p({...V(N)}),Y=l({...$({props:N})}),z=u({...T(N)}),F=v(N),U=p({...b()}),W=u({...k(N)}),X=p({...h()}),Z=l({...f({setting:B,styles:_})}),ee=p({...C(_)}),et=l({...j({setting:B,styles:_})}),es=u({...q()}),ei=p({...I()}),er=l({...P({setting:B,styles:_})}),ea=p({...L()}),eo=u({...A({setting:B})}),ec=m({minPrice:"{{ minPriceValue | replace: '\"', '\\\"' | escape }}",variantIDs:'{{  product.variants | map: "id" | json | escape }}',variantInventoryQuantities:'{{ product.variants | map: "inventory_quantity" | json | escape }}',amountDiscount:"{{amountDiscountValue | replace: '\"', '\\\"' | escape }}",percentDiscount:"{{percentDiscountValue}}",price:"{{price}}",displayTrigger:JSON.parse(JSON.stringify(B?.displayTrigger).replaceAll("'","'")),uid:N.builderProps?.uid,productCreatedAt:'{{product.created_at | date: "%Y-%m-%d" }}',productTags:"{{ product.tags | join: \",\" | replace: '\"', '\\\"' | escape }}",isTextBadge:w,isSettingSameHeightProductList:"{{ isSettingSameHeightProductList }}"}),{displayContent:en}=B??{},ed=o({val:en?.trim(),uid:O?.uid,settingId:K?.displayContent?.id,isLiquid:!0,pageContext:Q});return i`
     {% if product %}
       ${n(ed,Q?.isPreviewing)}
-      ${d(L?.displayTrigger,!G,J)}
+      ${d(B?.displayTrigger,!G,H)}
       <gp-product-badge
         ${{...W}}
-        gp-data='${t(ec)}'
-        class="${x} {{ className }}"
-        style="${M}"
-        data-display-content="${Q?.isPreviewing?ed:s(`{{${ed}}}`)}"
+        gp-data='${e(ec)}'
+        class="${J} {{ className }}"
+        style="${x}"
+        data-display-content="${Q?.isPreviewing?ed:t(`{{${ed}}}`)}"
       >
-        <div class="${R}">
+        <div class="${M}">
           <div
-            ${{...F}}
-            class="${Y}"
-            style="${z}"
+            ${{...z}}
+            class="${R}"
+            style="${Y}"
           >
-            <style>${H}</style>
-            ${i(w,e`
+            <style>${F}</style>
+            ${s(w,i`
                 <div class="${U}">
                   <div
                     class="${X}"
@@ -28,12 +28,12 @@ import{template as e,dataStringify as t,sanitizeLiquid as s,RenderIf as i,isLoca
                       style="${et}"
                     >{{ content | replace: percentDiscountKey, percentDiscountValue | replace: amountDiscountKey, amountDiscountValue | replace: inventoryQuantityKey, inventoryQuantityValue | replace: minPriceKey, minPriceValue }}</pre>
                   </div>
-                </div>`,e`<div class="${ei}" style="${er}">
+                </div>`,i`<div class="${ei}" style="${er}">
                   <img ${{...eo}} class="${ea}" alt="" />
                 </div>`)}
           </div>
         </div>
       </gp-product-badge>
-       ${i(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+       ${s(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-badge-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-badge-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};export{ProductBadge as default};
+  `};export{N as default};

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

@@ -1 +1 @@
-import{t}from"@gem-sdk/core";let getImageAttr=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),getContainerAttrs=t=>{let{builderAttrs:e,builderProps:r}=t;return{...e,"data-id":r?.uid||"",id:`g-product-badge-${r?.uid}`,"gp-data-hidden":"false"}},getEditTooltipAttrs=(e,r)=>{let{setting:i}=e,d=i?.positionWithImage==="outside";return{enable:!0,text:r&&t("Not be displayed when published"),position:d?"bottom":"right",width:"205px"}},getSubWrapperAttrs=(t,e)=>{let{builderProps:r}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:r?.uid||""}},getTextContentAttrs=()=>({id:"product-badge-content"});export{getContainerAttrs,getEditTooltipAttrs,getImageAttr,getSubWrapperAttrs,getTextContentAttrs};
+import{t}from"@gem-sdk/core";let e=({setting:t})=>({src:t?.image?.src,alt:t?.image?.alt,loading:"lazy"}),d=t=>{let{builderAttrs:e,builderProps:d}=t;return{...e,"data-id":d?.uid||"",id:`g-product-badge-${d?.uid}`,"gp-data-hidden":"false"}},i=(e,d)=>{let{setting:i}=e,r=i?.positionWithImage==="outside";return{enable:!0,text:d&&t("Not be displayed when published"),position:r?"bottom":"right",width:"205px"}},r=(t,e)=>{let{builderProps:d}=t,i=e?e?.baseID?.replace("gid://shopify/Product/",""):"";return{"data-product-id":i||"",id:d?.uid||""}},a=()=>({id:"product-badge-content"});export{d as getContainerAttrs,i as getEditTooltipAttrs,e as getImageAttr,r as getSubWrapperAttrs,a as getTextContentAttrs};

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

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";import{toggleBadge as s}from"../utils/renderBadgeILP.js";import{getAlignShape as g,getShapePlacementClass as r}from"../utils/common.js";let getContainerClasses=({mode:t,isInstant:g,product:r,currentVariant:l,props:a})=>{let{setting:p,builderProps:i}=a,n="gp-shrink-0 product-badge ",o=!t&&g?s(p?.displayTrigger,r,l):`${i?.uid}`,d=i?.builderData?.advanced?.cssClass||"";return o&&(n+=`${o} `),d&&(n+=`${d} `),i?.uid&&(n+=`${i?.uid} `),p?.positionWithImage==="inside"&&(n+="inside-image "),{...e(n)}},getTextContainerClasses=()=>({...e("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),getTextWrapperClasses=()=>({...e("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),getTextContentClasses=s=>{let g="gp-break-words gp-text-center ",r=t(s?.typo);return r&&(g+=`${r} `),{...e(g)}},getImageContainerClasses=()=>({...e("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),getImageClasses=()=>({...e("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),getWrapperClasses=t=>{let{styles:s,setting:r}=t,{align:l}=s??{},a=r?.positionWithImage==="outside",p=a?"gp-flex ":"gp-h-full",i=g(l,!1);return a&&i&&(p+=`${i} `),{...e(p)}},getSubWrapperClass=(t,s)=>{let{setting:g,style:l}=t,a=g?.positionWithImage==="inside",p=!a&&s?r(a,l,s):"gp-h-full";return{...e(p)}};export{getContainerClasses,getImageClasses,getImageContainerClasses,getSubWrapperClass,getTextContainerClasses,getTextContentClasses,getTextWrapperClasses,getWrapperClasses};
+import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";import{toggleBadge as r}from"../utils/renderBadgeILP.js";import{getAlignShape as s,getShapePlacementClass as g}from"../utils/common.js";let l=({mode:t,isInstant:s,product:g,currentVariant:l,props:i,isSameHeightInProductList:p})=>{let{setting:o,builderProps:a}=i,n="gp-shrink-0 product-badge ",d=!t&&s?r({triggers:o?.displayTrigger,productDetail:g,productVariant:l,isSameHeightInProductList:p}):`${a?.uid}`,u=a?.builderData?.advanced?.cssClass||"";return d&&(n+=`${d} `),u&&(n+=`${u} `),a?.uid&&(n+=`${a?.uid} `),o?.positionWithImage==="inside"&&(n+="inside-image "),{...e(n)}},i=()=>({...e("gp-w-full gp-h-full gp-overflow-hidden product-badge-item")}),p=()=>({...e("gp-w-full gp-h-full gp-flex gp-items-center gp-justify-center gp-overflow-hidden")}),o=r=>{let s="gp-break-words gp-text-center ",g=t(r?.typo);return g&&(s+=`${g} `),{...e(s)}},a=()=>({...e("product-badge-item gp-w-full gp-h-full gp-overflow-hidden")}),n=()=>({...e("gp-object-cover gp-w-full gp-h-full gp-pointer-events-none")}),d=t=>{let{styles:r,setting:g}=t,{align:l}=r??{},i=g?.positionWithImage==="outside",p=i?"gp-flex ":"gp-h-full",o=s(l);return i&&o&&(p+=`${o} `),{...e(p)}},u=(t,r)=>{let{setting:s,style:l}=t,i=s?.positionWithImage==="inside",p=!i&&r?g(i,l,r):"gp-h-full";return{...e(p)}};export{l as getContainerClasses,n as getImageClasses,a as getImageContainerClasses,u as getSubWrapperClass,i as getTextContainerClasses,o as getTextContentClasses,p as getTextWrapperClasses,d as getWrapperClasses};

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

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

package/dist/esm/product/components/product-badge/constants.js

@@ -1 +1 @@
-var SHAPE_ID;let IS_LIQUID=!0;!function(I){I.SQUARE="square",I.VERTICAL_RECTANGLE="vertical_rectangle",I.HORIZONTAL_RECTANGLE="horizontal_rectangle",I.RIBBON="ribbon",I.STAR_2="star_2",I.STAR="star",I.RIBBON_2="ribbon_2",I.RIBBON_3="ribbon_3",I.TRIANGLE="triangle"}(SHAPE_ID||(SHAPE_ID={}));export{IS_LIQUID,SHAPE_ID};
+var r;let _=!0;!function(r){r.SQUARE="square",r.VERTICAL_RECTANGLE="vertical_rectangle",r.HORIZONTAL_RECTANGLE="horizontal_rectangle",r.RIBBON="ribbon",r.STAR_2="star_2",r.STAR="star",r.RIBBON_2="ribbon_2",r.RIBBON_3="ribbon_3",r.TRIANGLE="triangle"}(r||(r={}));export{_ as IS_LIQUID,r as SHAPE_ID};

package/dist/esm/product/components/product-badge/types.js

@@ -1 +1 @@
-var CompareType,TriggerType,InventoryStatus,CreationDateType,DiscountType;!function(e){e.EXACT="exact",e.ABOVE="above",e.BELOW="below",e.EXACT_OR_ABOVE="exact_or_above",e.EXACT_OR_BELOW="exact_or_below",e.BETWEEN="between"}(CompareType||(CompareType={})),function(e){e.INVENTORY_STATUS="inventory_status",e.DISCOUNT_PRICE="discount_price",e.PRICE_RANGE="price_range",e.PRODUCT_TAGS="product_tags",e.CREATION_DATE="creation_date"}(TriggerType||(TriggerType={})),function(e){e.IN_STOCK="in_stock",e.OUT_OF_STOCK="out_of_stock"}(InventoryStatus||(InventoryStatus={})),function(e){e.DURATION="duration",e.EXACT_DATE="exact_date",e.BETWEEN_DATES="between_dates"}(CreationDateType||(CreationDateType={})),function(e){e.PERCENT="percent",e.FIXED="fixed"}(DiscountType||(DiscountType={}));export{CompareType,CreationDateType,DiscountType,InventoryStatus,TriggerType};
+var e,t,_,T,o;!function(e){e.EXACT="exact",e.ABOVE="above",e.BELOW="below",e.EXACT_OR_ABOVE="exact_or_above",e.EXACT_OR_BELOW="exact_or_below",e.BETWEEN="between"}(e||(e={})),function(e){e.INVENTORY_STATUS="inventory_status",e.DISCOUNT_PRICE="discount_price",e.PRICE_RANGE="price_range",e.PRODUCT_TAGS="product_tags",e.CREATION_DATE="creation_date"}(t||(t={})),function(e){e.IN_STOCK="in_stock",e.OUT_OF_STOCK="out_of_stock"}(_||(_={})),function(e){e.DURATION="duration",e.EXACT_DATE="exact_date",e.BETWEEN_DATES="between_dates"}(T||(T={})),function(e){e.PERCENT="percent",e.FIXED="fixed"}(o||(o={}));export{e as CompareType,T as CreationDateType,o as DiscountType,_ as InventoryStatus,t as TriggerType};

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

@@ -1 +1 @@
-import{cls as e,convertDecimalToNumber as t,formatMoney as r,makeStyleResponsive as i,getResponsiveValueByScreen as n}from"@gem-sdk/core";import{applyBundleDiscountAmount as o}from"../../../helpers/product-bundle.js";import{DiscountType as u}from"../../constants/product-bundle.js";let removeTrailingZeros=e=>e.replace(/\.00$/,""),getPriceDiffByPercent=(e,t)=>{if(!t)return"0";let r=1e3*t-1e3*e;return Math.round(100*r/(1e3*t))},getPriceDiffByValue=(e,t,i)=>removeTrailingZeros(r(t?(t-e).toFixed(2):"0",i)),getMinPrice=(e,i)=>{let n=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let r=t(e?.price);void 0!==r&&r<n&&(n=r)}),removeTrailingZeros(r(n.toString(),i))},checkNoDiscountState=(e,t)=>{let{discountPercentAmount:r}=o({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===u.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},getBadgeContent=(e,i,n)=>{if(!e.detail||!i?.trim()?.length)return i;let{detail:c,currentVariant:l}=e,{discountPercentAmount:a,discountAmount:d}=o({currentVariant:l,bundleItem:e?.bundleItem,options:{moneyFormat:n,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),s=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${a}%`:`${getPriceDiffByPercent(t(l?.price)??0,t(l?.salePrice)??0)||0}%`:"0%",p=()=>e?.bundleItem?.discountType!==u.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?d:getPriceDiffByValue(t(l?.price)??0,t(l?.salePrice)??0,n):r("0",n),g=new Map([["{percent_discount}",s],["{amount_discount}",p],["{min_price}",()=>getMinPrice(c.variants,n)||0],["{inventory_quantity}",()=>l?.inventoryQuantity||0]]);return[...g.entries()].reduce((e,[t,r])=>e.replaceAll(t,r()),i)},checkDiscountContentProductBadge=e=>{if(!e)return!1;let t=/\{percent_discount\}|\{amount_discount\}/;return t.test(e)},getShapePlacementClass=(e,t,r="desktop")=>e?t?.[`--pos${deviceWithSurfix(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${deviceWithSurfix(r)}`]?"":"!gp-inline-block gp-w-fit",getAlignShape=(t,r)=>r?"":e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),convertToStyle=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),getWrapperStyle=e=>({[e?"z-index":"zIndex"]:2}),getWidthByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null),u=o?.width||t?.wrapperWidth;u&&(r={...r,[i]:u})}),r},getHeightByShapeSize=(e,t)=>{let r={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let o=n(e,i,null);r={...r,[i]:o?.height||t?.wrapperHeight}}),r},getSize=(e,t)=>{let r=i("w",getWidthByShapeSize(t,e)),n=i("h",getHeightByShapeSize(t,e));return{...r,...n}},getShapeWrapperPadding=e=>{let t={};if(1!==e)return t;let r=["desktop","mobile","tablet"];return r.forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},deviceWithSurfix=e=>"desktop"===e?"":`-${e}`,getDeviceSpecificStyle=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},getIsNoDiscountState=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":u}=e,c=checkDiscountContentProductBadge(o?.displayContent);return c&&checkNoDiscountState({detail:t,currentVariant:r,bundleItem:u,useProductCompareAtPrice:n},i)};export{checkDiscountContentProductBadge,checkNoDiscountState,convertToStyle,deviceWithSurfix,getAlignShape,getBadgeContent,getDeviceSpecificStyle,getIsNoDiscountState,getShapePlacementClass,getShapeWrapperPadding,getSize,getWidthByShapeSize,getWrapperStyle};
+import{cls as e,convertDecimalToNumber as t,formatMoney as r,makeStyleResponsive as i,getResponsiveValueByScreen as n}from"@gem-sdk/core";import{applyBundleDiscountAmount as o}from"../../../helpers/product-bundle.js";import{DiscountType as l}from"../../constants/product-bundle.js";let u=e=>e.replace(/\.00$/,""),d=(e,t)=>t?Math.round(100*(1e3*t-1e3*e)/(1e3*t)):"0",a=(e,t,i)=>u(r(t?(t-e).toFixed(2):"0",i)),s=(e,i)=>{let n=e?.edges?.length&&e.edges.length>0?1/0:0;return e?.edges.forEach(({node:e})=>{if(!e)return;let r=t(e?.price);void 0!==r&&r<n&&(n=r)}),u(r(n.toString(),i))},c=(e,t)=>{let{discountPercentAmount:r}=o({currentVariant:e?.currentVariant,bundleItem:e?.bundleItem,options:{moneyFormat:t,useProductCompareAtPrice:e?.useProductCompareAtPrice}});return!(e?.bundleItem?.discountType===l.NoDiscount&&e?.useProductCompareAtPrice||Number(e?.bundleItem?.discountValue)&&r)&&!e?.currentVariant?.salePrice},p=(e,i,n)=>{if(!e.detail||!i?.trim()?.length)return i;let{detail:u,currentVariant:c}=e,{discountPercentAmount:p,discountAmount:m}=o({currentVariant:c,bundleItem:e?.bundleItem,options:{moneyFormat:n,useProductCompareAtPrice:e?.useProductCompareAtPrice}}),g=new Map([["{percent_discount}",()=>e?.bundleItem?.discountType!==l.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?`${p}%`:`${d(t(c?.price)??0,t(c?.salePrice)??0)||0}%`:"0%"],["{amount_discount}",()=>e?.bundleItem?.discountType!==l.NoDiscount||e?.useProductCompareAtPrice?Number(e?.bundleItem?.discountValue)>0?m:a(t(c?.price)??0,t(c?.salePrice)??0,n):r("0",n)],["{min_price}",()=>s(u.variants,n)||0],["{inventory_quantity}",()=>c?.inventoryQuantity||0]]);return[...g.entries()].reduce((e,[t,r])=>e.replaceAll(t,r().toString()),i)},m=e=>!!e&&/\{percent_discount\}|\{amount_discount\}/.test(e),g=(e,t,r="desktop")=>e?t?.[`--pos${I(r)}`]?"w-full h-full":"!gp-absolute":t?.[`--d${I(r)}`]?"":"!gp-inline-block gp-w-fit",b=(t,r)=>e("gp-flex",{"gp-justify-start":t?.desktop==="left","gp-justify-center":t?.desktop==="center","gp-justify-end":t?.desktop==="right","tablet:gp-justify-start":t?.tablet==="left","tablet:gp-justify-center":t?.tablet==="center","tablet:gp-justify-end":t?.tablet==="right","mobile:gp-justify-start":t?.mobile==="left","mobile:gp-justify-center":t?.mobile==="center","mobile:gp-justify-end":t?.mobile==="right"}),h=e=>Object.entries(e||{}).reduce((e,[t,r])=>{let i=new Map([["clipPath","clip-path"],["writingMode","writing-mode"],["borderRadius","border-radius"],["transform","transform"],["alignItems","align-items"],["maxWidth","max-width"]]),n=i.get(t)||t;return{...e,[n]:r}},{}),f=e=>({[e?"z-index":"zIndex"]:2}),y=(e,t)=>{let r={};return["desktop","mobile","tablet"].forEach(i=>{let o=n(e,i,null),l=o?.width||t?.wrapperWidth;l&&(r={...r,[i]:l})}),r},P=(e,t)=>{let r={};return["desktop","mobile","tablet"].forEach(i=>{let o=n(e,i,null);r={...r,[i]:o?.height||t?.wrapperHeight}}),r},k=(e,t)=>{let r=i("w",y(t,e)),n=i("h",P(t,e));return{...r,...n}},S=e=>{let t={};return 1!==e||["desktop","mobile","tablet"].forEach(e=>{t={...t,height:0,[`--p${"desktop"!==e?`-${e}`:""}`]:"50% 0"}}),t},I=e=>"desktop"===e?"":`-${e}`,j=(e,t)=>{for(let r of({desktop:["desktop"],tablet:["tablet","desktop"],mobile:["mobile","tablet","desktop"]})[t])if(e?.[r])return e[r]},w=({props:e,product:t,currentVariant:r,moneyFormat:i,useProductCompareAtPrice:n})=>{let{setting:o,"bundle-item":l}=e,u=m(o?.displayContent);return u&&c({currentVariant:r,bundleItem:l,useProductCompareAtPrice:n},i)};export{m as checkDiscountContentProductBadge,c as checkNoDiscountState,h as convertToStyle,I as deviceWithSurfix,b as getAlignShape,p as getBadgeContent,j as getDeviceSpecificStyle,w as getIsNoDiscountState,g as getShapePlacementClass,S as getShapeWrapperPadding,k as getSize,y as getWidthByShapeSize,f as getWrapperStyle};

package/dist/esm/product/components/product-badge/utils/generateLiquidContent.js

@@ -1,4 +1,4 @@
-let generateBadgeContent=(n,i)=>`
+let n=(n,i)=>`
     {% assign content = ${i?JSON.stringify(n):n} %}
 
     {%if content.size > 0 %}
@@ -21,4 +21,4 @@ let generateBadgeContent=(n,i)=>`
       {% assign minPriceKey = "{min_price}" %}
       {% assign inventoryQuantityKey = "{inventory_quantity}" %}
     {% endif %}
-  `;export{generateBadgeContent};
+  `;export{n as generateBadgeContent};

package/dist/esm/product/components/product-badge/utils/getRotateShape.js

@@ -1 +1 @@
-import{SHAPE_ID as t}from"../constants.js";let composeShapeStyleByPosition=(e,o,i)=>{if(!o||!e)return e?.shapeStyle||{};let r=e.shapeStyle||{},n=["desktop","mobile","tablet"];return n.forEach(n=>{let s=o[n]?.placement||"";if(!/\bright\b|\bbottom\b/.test(s))return;let a=`--t${"desktop"===n?"":`-${n}`}`,l="";[t.RIBBON,t.TRIANGLE].includes(e.id)&&!i&&(l=getRotation(s)),isRibbon2Or3(e.id,s)&&!i&&(l="rotate(180deg)"),r={...r,...l?{[a]:l}:{}}}),r},getRotation=t=>{switch(!0){case"bottom-left"===t:return"rotate(-90deg)";case t.includes("bottom"):return"rotate(180deg)";case t.includes("right"):return"rotate(90deg)";default:return""}},isRibbon2Or3=(e,o)=>[t.RIBBON_2,t.RIBBON_3].includes(e)&&o.includes("right")||t.RIBBON_3===e&&"bottom"===o,composeTextStyleByPosition=(e,o,i)=>{if(!o||!e)return e?.textStyle||{};let r=e.textStyle||{},n=["desktop","mobile","tablet"];return n.forEach(n=>{let s=o[n]?.placement||"";if(!/\bright\b|\bbottom\b/.test(s)||i)return;let a="",l=`--t${"desktop"===n?"":`-${n}`}`;e.id!==t.RIBBON||i?e.id!==t.TRIANGLE||i?e.id===t.VERTICAL_RECTANGLE?a=["bottom","bottom-left"].includes(s)?"rotate(-180deg)":"rotate(0)":isRibbon2Or3(e.id,s)&&!i&&(a="rotate(180deg)"):a=`translate(-20%, -75%) ${getRibbonRotation(s)}`:a=`translate(-10%, -30%) ${getRibbonRotation(s)}`,r={...r,...a?{[l]:a}:{}}}),r},getRibbonRotation=t=>!0===t.includes("bottom")?"rotate(135deg)":"rotate(-45deg)";export{composeShapeStyleByPosition,composeTextStyleByPosition};
+import{SHAPE_ID as t}from"../constants.js";let e=(e,l,i)=>{if(!l||!e)return e?.shapeStyle||{};let s=e.shapeStyle||{};return["desktop","mobile","tablet"].forEach(a=>{let d=l[a]?.placement||"";if(!/\bright\b|\bbottom\b/.test(d))return;let n=`--t${"desktop"===a?"":`-${a}`}`,b="";[t.RIBBON,t.TRIANGLE].includes(e.id)&&!i&&(b=o(d)),r(e.id,d)&&!i&&(b="rotate(180deg)"),s={...s,...b?{[n]:b}:{}}}),s},o=t=>{switch(!0){case"bottom-left"===t:return"rotate(-90deg)";case t.includes("bottom"):return"rotate(180deg)";case t.includes("right"):return"rotate(90deg)";default:return""}},r=(e,o)=>[t.RIBBON_2,t.RIBBON_3].includes(e)&&o.includes("right")||t.RIBBON_3===e&&"bottom"===o,l=(e,o,l)=>{if(!o||!e)return e?.textStyle||{};let s=e.textStyle||{};return["desktop","mobile","tablet"].forEach(a=>{let d=o[a]?.placement||"";if(!/\bright\b|\bbottom\b/.test(d)||l)return;let n="",b=`--t${"desktop"===a?"":`-${a}`}`;e.id!==t.RIBBON||l?e.id!==t.TRIANGLE||l?e.id===t.VERTICAL_RECTANGLE?n=["bottom","bottom-left"].includes(d)?"rotate(-180deg)":"rotate(0)":r(e.id,d)&&!l&&(n="rotate(180deg)"):n=`translate(-20%, -75%) ${i(d)}`:n=`translate(-10%, -30%) ${i(d)}`,s={...s,...n?{[b]:n}:{}}}),s},i=t=>!0===t.includes("bottom")?"rotate(135deg)":"rotate(-45deg)";export{e as composeShapeStyleByPosition,l as composeTextStyleByPosition};

package/dist/esm/product/components/product-badge/utils/getShapePosition.js

@@ -1 +1 @@
-import{DEVICES as t}from"@gem-sdk/core";import{getDeviceSpecificStyle as e}from"./common.js";let appendPixelUnitIfNeed=t=>t?.includes("px")?t:`${t}px`,convertAutoToZero=t=>["auto","Auto",void 0].includes(t)?"0px":appendPixelUnitIfNeed(`${t}`),getGapWhenOnlyFeature=t=>{let{device:o,position:a,leftGap:r,rightGap:n}=t,l=e(t?.imageShape,o)?.width||"100%",u=e(t?.imageAlign,o);switch(a){case"left":return"flex-end"===u?`calc((100% - ${l}) + ${r})`:"center"===u?`calc((100% - ${l}) / 2 + ${r})`:r;case"center":return"flex-end"===u?`calc((200% - ${l}) / 2 + ${r})`:"center"===u?"50%":`calc(${l} / 2 + ${r})`;case"right":return"flex-start"===u?`calc((100% - ${l}) + ${n})`:"center"===u?`calc((100% - ${l}) / 2 + ${n})`:n}},getGapWhenNotOnlyFeature=t=>{let{position:e,leftGap:o,rightGap:a}=t;switch(e){case"left":return o;case"center":return"50%";case"right":return a}},getGapCompareProductImage=t=>{let{device:o,imageLayout:a}=t,r=e(a,o);return"only-feature"===r?getGapWhenOnlyFeature(t):getGapWhenNotOnlyFeature(t)},getValuePositon=(t,e,o)=>e?o:getGapCompareProductImage(t),getGapBottom=t=>{let{device:o,bottomGap:a,dotSize:r,dotGapToCarousel:n,key:l,dotStyle:u,imageLayout:s,isLiquid:i}=t,$=e(u,o),c=e(s,o);return i&&"outside"===$?{[`--bottom${l}`]:a}:"none"!==$&&"only-feature"===c?{[`--bottom${l}`]:`calc(${r?.[o]||r?.desktop||0}px + ${n?.[t.device]||n?.desktop||0}px + ${a})`}:{[`--bottom${l}`]:a}},getShapePosition=o=>{let{positionType:a,isLiquid:r,navigationPosition:n,dataImage:l}=o;return t.reduce((t,o)=>{let u="desktop"===o?"":`-${o}`,s=e(a,o)?.placement||"",i=convertAutoToZero(e(a,o)?.topGap),$=convertAutoToZero(e(a,o)?.rightGap),c=convertAutoToZero(e(a,o)?.bottomGap),g=convertAutoToZero(e(a,o)?.leftGap);n?.[o]!=="outside"||["bottom","top"].includes(s)||($=`calc(${$} + 56px)`,g=`calc(${g} + 56px)`);let p=t=>({position:t,device:o,imageLayout:l?.imageLayout,imageAlign:l?.imageAlign,imageShape:l?.imageShape,leftGap:g,rightGap:$}),m={device:o,bottomGap:c,key:u,dotSize:l?.dotSize,dotGapToCarousel:l?.dotGapToCarousel,dotStyle:l?.dotStyle,imageLayout:l?.imageLayout,isLiquid:r},h={};switch(s){case"top-left":h={[`--top${u}`]:i,[`--left${u}`]:getValuePositon(p("left"),r,g),[`--right${u}`]:"unset",[`--bottom${u}`]:"unset",[`--t${u}`]:"unset"};break;case"top":h={[`--top${u}`]:i,[`--left${u}`]:getValuePositon(p("center"),r,"50%"),[`--right${u}`]:"unset",[`--bottom${u}`]:"unset",[`--t${u}`]:"translateX(-50%)"};break;case"top-right":h={[`--top${u}`]:i,[`--right${u}`]:getValuePositon(p("right"),r,$),[`--left${u}`]:"unset",[`--bottom${u}`]:"unset",[`--t${u}`]:"unset"};break;case"left":h={[`--top${u}`]:"50%",[`--left${u}`]:getValuePositon(p("left"),r,g),[`--right${u}`]:"unset",[`--bottom${u}`]:"unset",[`--t${u}`]:"translateY(-50%)"};break;case"right":h={[`--top${u}`]:"50%",[`--right${u}`]:getValuePositon(p("right"),r,$),[`--left${u}`]:"unset",[`--bottom${u}`]:"unset",[`--t${u}`]:"translateY(-50%)"};break;case"bottom-left":h={...getGapBottom(m),[`--left${u}`]:getValuePositon(p("left"),r,g),[`--right${u}`]:"unset",[`--top${u}`]:"unset",[`--t${u}`]:"unset"};break;case"bottom":h={...getGapBottom(m),[`--left${u}`]:getValuePositon(p("center"),r,"50%"),[`--top${u}`]:"unset",[`--right${u}`]:"unset",[`--t${u}`]:"translateX(-50%)"};break;case"bottom-right":h={...getGapBottom(m),[`--right${u}`]:getValuePositon(p("right"),r,$),[`--left${u}`]:"unset",[`--top${u}`]:"unset",[`--t${u}`]:"unset"}}return{...t,...h}},{})};export{getGapBottom,getGapCompareProductImage,getShapePosition};
+import{DEVICES as t}from"@gem-sdk/core";import{getDeviceSpecificStyle as e}from"./common.js";let o=t=>t?.includes("px")?t:`${t}px`,a=t=>["auto","Auto",void 0].includes(t)?"0px":o(`${t}`),r=t=>{let{device:o,position:a,leftGap:r,rightGap:$}=t,n=e(t?.imageShape,o)?.width||"100%",l=e(t?.imageAlign,o);switch(a){case"left":return"flex-end"===l?`calc((100% - ${n}) + ${r})`:"center"===l?`calc((100% - ${n}) / 2 + ${r})`:r;case"center":return"flex-end"===l?`calc((200% - ${n}) / 2 + ${r})`:"center"===l?"50%":`calc(${n} / 2 + ${r})`;case"right":return"flex-start"===l?`calc((100% - ${n}) + ${$})`:"center"===l?`calc((100% - ${n}) / 2 + ${$})`:$}},$=t=>{let{position:e,leftGap:o,rightGap:a}=t;switch(e){case"left":return o;case"center":return"50%";case"right":return a}},n=t=>{let{device:o,imageLayout:a}=t,n=e(a,o);return"only-feature"===n?r(t):$(t)},l=(t,e,o)=>n(t),s=t=>{let{device:o,bottomGap:a,dotSize:r,dotGapToCarousel:$,key:n,dotStyle:l,imageLayout:s}=t,c=e(l,o),i=e(s,o);return"none"!==c&&"only-feature"===i?{[`--bottom${n}`]:`calc(${r?.[o]||r?.desktop||0}px + ${$?.[t.device]||$?.desktop||0}px + ${a})`}:{[`--bottom${n}`]:a}},c=o=>{let{positionType:r,navigationPosition:$,dataImage:n}=o;return t.reduce((t,o)=>{let c="desktop"===o?"":`-${o}`,i=e(r,o)?.placement||"",u=a(e(r,o)?.topGap),p=a(e(r,o)?.rightGap),g=a(e(r,o)?.bottomGap),m=a(e(r,o)?.leftGap);$?.[o]!=="outside"||["bottom","top"].includes(i)||(p=`calc(${p} + 56px)`,m=`calc(${m} + 56px)`);let h=t=>({position:t,device:o,imageLayout:n?.imageLayout,imageAlign:n?.imageAlign,imageShape:n?.imageShape,leftGap:m,rightGap:p}),f={device:o,bottomGap:g,key:c,dotSize:n?.dotSize,dotGapToCarousel:n?.dotGapToCarousel,dotStyle:n?.dotStyle,imageLayout:n?.imageLayout},d={};switch(i){case"top-left":d={[`--top${c}`]:u,[`--left${c}`]:l(h("left")),[`--right${c}`]:"unset",[`--bottom${c}`]:"unset",[`--t${c}`]:"unset"};break;case"top":d={[`--top${c}`]:u,[`--left${c}`]:l(h("center")),[`--right${c}`]:"unset",[`--bottom${c}`]:"unset",[`--t${c}`]:"translateX(-50%)"};break;case"top-right":d={[`--top${c}`]:u,[`--right${c}`]:l(h("right")),[`--left${c}`]:"unset",[`--bottom${c}`]:"unset",[`--t${c}`]:"unset"};break;case"left":d={[`--top${c}`]:"50%",[`--left${c}`]:l(h("left")),[`--right${c}`]:"unset",[`--bottom${c}`]:"unset",[`--t${c}`]:"translateY(-50%)"};break;case"right":d={[`--top${c}`]:"50%",[`--right${c}`]:l(h("right")),[`--left${c}`]:"unset",[`--bottom${c}`]:"unset",[`--t${c}`]:"translateY(-50%)"};break;case"bottom-left":d={...s(f),[`--left${c}`]:l(h("left")),[`--right${c}`]:"unset",[`--top${c}`]:"unset",[`--t${c}`]:"unset"};break;case"bottom":d={...s(f),[`--left${c}`]:l(h("center")),[`--top${c}`]:"unset",[`--right${c}`]:"unset",[`--t${c}`]:"translateX(-50%)"};break;case"bottom-right":d={...s(f),[`--right${c}`]:l(h("right")),[`--left${c}`]:"unset",[`--top${c}`]:"unset",[`--t${c}`]:"unset"}}return{...t,...d}},{})};export{s as getGapBottom,n as getGapCompareProductImage,c as getShapePosition};

package/dist/esm/product/components/product-badge/utils/getStyleAdvanced.js

@@ -1 +1 @@
-import{DEVICES as e}from"@gem-sdk/core";import{deviceWithSurfix as o}from"./common.js";let getStyleAdvanced=(t,c)=>{let a={...c,...t};return e.forEach(e=>{["--top","--left","--right","--bottom","--t"].forEach(l=>{let s;let r=`${l}${o(e)}`;s=checkNoCssValue(t?.[r])?checkNoCssValue(c?.[r])?"":c?.[r]:checkNoCssValue(c?.[r])?checkNoCssValue(t[r])?"":t?.[r]:`calc(${t?.[r]} + ${c?.[r]})`,a[r]=s||a[r]})}),a},checkNoCssValue=e=>!e||"unset"===e.toLocaleLowerCase()||"auto"===e.toLocaleLowerCase();export{getStyleAdvanced};
+import{DEVICES as o}from"@gem-sdk/core";import{deviceWithSurfix as t}from"./common.js";let e=(e,a)=>{let c={...a,...e};return o.forEach(o=>{["--top","--left","--right","--bottom","--t"].forEach(l=>{let m;let f=`${l}${t(o)}`;m=r(e?.[f])?r(a?.[f])?"":a?.[f]:r(a?.[f])?r(e[f])?"":e?.[f]:`calc(${e?.[f]} + ${a?.[f]})`,c[f]=m||c[f]})}),c},r=o=>!o||"unset"===o.toLocaleLowerCase()||"auto"===o.toLocaleLowerCase();export{e as getStyleAdvanced};

package/dist/esm/product/components/product-badge/utils/getWhiteSpace.js

@@ -1 +1 @@
-import{DEVICES as e}from"@gem-sdk/core";import{getDeviceSpecificStyle as t}from"./common.js";let getWhiteSpaceStyle=o=>{let r={};return e.forEach(e=>{let p="desktop"===e?"":`-${e}`,{width:a="",height:m=""}=t(o,e)||{},s="auto"===a.toLowerCase()&&"auto"===m.toLowerCase();r[`--ws${p}`]=s?"pre-wrap":"pre"}),r};export{getWhiteSpaceStyle};
+import{DEVICES as e}from"@gem-sdk/core";import{getDeviceSpecificStyle as o}from"./common.js";let t=t=>{let r={};return e.forEach(e=>{let p="desktop"===e?"":`-${e}`,{width:a="",height:m=""}=o(t,e)||{},s="auto"===a.toLowerCase()&&"auto"===m.toLowerCase();r[`--ws${p}`]=s?"pre-wrap":"pre"}),r};export{t as getWhiteSpaceStyle};

package/dist/esm/product/components/product-badge/utils/renderBadgeILP.js

@@ -1 +1 @@
-import{CompareType as e}from"../types.js";let toggleBadge=(e,r,t)=>{let o=checkShowBadge(e,r,t);return o?"":"!gp-hidden"},checkShowBadge=(e,r,t)=>{if(!t)return;let o=r?.createdAt||"",n=r?.tags||[],i={...t,product_created_at:o,product_tags:n},c=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return inventoryTrigger(i,e);case"discount_price":return discountPriceTrigger(i,e);case"price_range":return priceRangeTrigger(i,e);case"creation_date":return creationDateTrigger(i,e);case"product_tags":return productTagsTrigger(i,e);default:return!1}});return c?.every(e=>!0===e)},compareNumberFunc=(e,r,t)=>{switch(t){case"exact":return e===r.from;case"above":return e>r.from;case"below":return e<r.from;case"exact_or_above":return e>=r.from;case"exact_or_below":return e<=r.from;case"between":return e>=r.from&&e<=r.to;default:return!1}},getMinValueForInventory=r=>r===e.ABOVE?0:r===e.BELOW?2:1,inventoryTrigger=(r,t)=>{if(void 0===r.inventoryQuantity)return!1;if("in_stock"===t.type){if(!1===r.manageInventory||r.inventoryPolicy?.toLowerCase()=="continue")return!0;if(t.conditionType===e.BELOW||t.conditionType===e.EXACT_OR_BELOW){let o=getMinValueForInventory(t.conditionType);return compareNumberFunc(r?.inventoryQuantity,{from:1,to:Number(t.from)-o+1},e.BETWEEN)}return compareNumberFunc(r?.inventoryQuantity,{from:Number(t.from),to:Number(t?.to)},t.conditionType)}return!1!==r.manageInventory&&r.inventoryPolicy?.toLowerCase()!="continue"&&compareNumberFunc(r.inventoryQuantity,{from:0,to:0},e.EXACT_OR_BELOW)},discountPriceTrigger=(e,r)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let t=(e.compare_at_price-e.price)/100,o=t/(e.compare_at_price/100),n="fixed"===r.discountType?t:Math.round(100*o);return compareNumberFunc(n,{from:Number(r.from),to:Number(r.to)},r.conditionType)},priceRangeTrigger=(e,r)=>{if(void 0===e.price)return!1;let t=e.price/100;return compareNumberFunc(t,{from:Number(r.from),to:Number(r.to)},r.conditionType)},creationDateTrigger=(r,t)=>{if(!r.product_created_at)return!1;let o=new Date(new Date(r.product_created_at).setHours(0,0,0,0)),n=new Date(t.from),i=new Date(t.to),c=o.getTime();if("exact_date"===t.type)return compareNumberFunc(c,{from:n.getTime(),to:0},e.EXACT);if("duration"===t.type){let e=new Date().setHours(0,0,0,0),r=(e-o.getTime())/864e5;if(r>=0&&r<=Number(t.days))return!0}return!(n.getTime()>=i.getTime())&&compareNumberFunc(c,{from:n.getTime(),to:i.getTime()},e.BETWEEN)},productTagsTrigger=(e,r)=>{let t=e.product_tags||[],o=r.searchTag;return o.some(e=>t.includes(e))};export{checkShowBadge,toggleBadge};
+import{CompareType as e}from"../types.js";let t=({triggers:e,productDetail:t,productVariant:o,isSameHeightInProductList:n})=>{let i=r(e,t,o);return i?"":n?"!gp-invisible":"!gp-hidden"},r=(e,t,r)=>{if(!r)return;let o=t?.createdAt||"",n=t?.tags||[],p={...r,product_created_at:o,product_tags:n},d=e?.map(e=>{switch(e?.triggerEvent){case"inventory_status":return i(p,e);case"discount_price":return a(p,e);case"price_range":return c(p,e);case"creation_date":return u(p,e);case"product_tags":return m(p,e);default:return!1}});return d?.every(e=>!0===e)},o=(e,t,r)=>{switch(r){case"exact":return e===t.from;case"above":return e>t.from;case"below":return e<t.from;case"exact_or_above":return e>=t.from;case"exact_or_below":return e<=t.from;case"between":return e>=t.from&&e<=t.to;default:return!1}},n=t=>t===e.ABOVE?0:t===e.BELOW?2:1,i=(t,r)=>{if(void 0===t.inventoryQuantity)return!1;if("in_stock"===r.type){if(!1===t.manageInventory||t.inventoryPolicy?.toLowerCase()=="continue")return!0;if(r.conditionType===e.BELOW||r.conditionType===e.EXACT_OR_BELOW){let i=n(r.conditionType);return o(t?.inventoryQuantity,{from:1,to:Number(r.from)-i+1},e.BETWEEN)}return o(t?.inventoryQuantity,{from:Number(r.from),to:Number(r?.to)},r.conditionType)}return!1!==t.manageInventory&&t.inventoryPolicy?.toLowerCase()!="continue"&&o(t.inventoryQuantity,{from:0,to:0},e.EXACT_OR_BELOW)},a=(e,t)=>{if(e?.compare_at_price===void 0||void 0===e.price||e.compare_at_price<e.price)return!1;let r=(e.compare_at_price-e.price)/100,n=r/(e.compare_at_price/100),i="fixed"===t.discountType?r:Math.round(100*n);return o(i,{from:Number(t.from),to:Number(t.to)},t.conditionType)},c=(e,t)=>{if(void 0===e.price)return!1;let r=e.price/100;return o(r,{from:Number(t.from),to:Number(t.to)},t.conditionType)},u=(t,r)=>{if(!t.product_created_at)return!1;let n=new Date(new Date(t.product_created_at).setHours(0,0,0,0)),i=new Date(r.from),a=new Date(r.to),c=n.getTime();if("exact_date"===r.type)return o(c,{from:i.getTime(),to:0},e.EXACT);if("duration"===r.type){let e=new Date().setHours(0,0,0,0),t=(e-n.getTime())/864e5;if(t>=0&&t<=Number(r.days))return!0}return!(i.getTime()>=a.getTime())&&o(c,{from:i.getTime(),to:a.getTime()},e.BETWEEN)},m=(e,t)=>{let r=e.product_tags||[],o=t.searchTag;return o.some(e=>r.includes(e))};export{r as checkShowBadge,t as toggleBadge};

package/dist/esm/product/components/product-badge/utils/renderBadgeLiquid.js

@@ -1,4 +1,4 @@
-import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.ABOVE?0:i===e.BELOW?2:1,renderBadgeInFirstTime=(e,i,n)=>`
+import{CompareType as e}from"../types.js";let i=i=>i===e.ABOVE?0:i===e.BELOW?2:1,n=(e,i,n)=>`
   {% assign isShow = true %}
   {% assign conditionTriggers = "" %}
   {% assign isInventoryStatus = false %}
@@ -6,7 +6,7 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
   {% assign isPriceRange = false %}
   {% assign isCreationDate = false %}
   {% assign isProductTag = false %}
-  ${checkConditionBadge(e)}
+  ${s(e)}
   {% assign trigger_arr = conditionTriggers | split: "," %}
   {% for trigger in trigger_arr %}
     {% if trigger == "false" %}
@@ -27,10 +27,12 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
   {% endif %}
   {% if isShow and isNotDiscount == false %}
     {% assign className = "" %}
+  {% elsif isSettingSameHeightProductList %}
+    {% assign className = "!gp-invisible" %}
   {% else %}
     {% assign className = "!gp-hidden" %}
   {% endif %}
-  `,checkConditionBadge=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return checkDiscountPriceCondition(e);case"price_range":return checkPriceRangeCondition(e);case"inventory_status":return checkInventoryStatusCondition(e);case"product_tags":return checkProductTagCondition(e);case"creation_date":return checkCreationDateCondition(e);default:return""}}).join(" "):"",getNumber=e=>e.replace(/[%$]/g,""),compareValueFunc=()=>`
+  `,s=e=>e?.length?e.map(e=>{switch(e?.triggerEvent){case"discount_price":return t(e);case"price_range":return o(e);case"inventory_status":return g(e);case"product_tags":return c(e);case"creation_date":return d(e);default:return""}}).join(" "):"",a=e=>e.replace(/[%$]/g,""),r=()=>`
     {% assign enabled = false %}
     {% case conditionType %}
       {% when "exact" %}
@@ -60,16 +62,16 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
       {% else %}
         {% assign enabled = false %}
     {% endcase %}
-  `,checkDiscountPriceCondition=e=>{let{from:i,to:n,discountType:a,conditionType:s}=e;return`
+  `,t=e=>{let{from:i,to:n,discountType:s,conditionType:t}=e;return`
     {% assign price = variant.price %}
     {% assign compare_at_price = variant.compare_at_price  %}
     {% if price == null or compare_at_price == null or compare_at_price < price %}
       {% assign isDiscountPrice = false %}
     {% else %}
-      {% assign from = ${getNumber(i??"0")} %}
-      {% assign to = ${getNumber(n??"0")} %}
-      {% assign discountType = "${a}" %}
-      {% assign conditionType = "${s}" %}
+      {% assign from = ${a(i??"0")} %}
+      {% assign to = ${a(n??"0")} %}
+      {% assign discountType = "${s}" %}
+      {% assign conditionType = "${t}" %}
       {% assign price = variant.price | divided_by: 100.0 %}
       {% assign compare_at_price = variant.compare_at_price | divided_by: 100.0 %}
       {% assign discountPrice = compare_at_price | minus: price %}
@@ -78,25 +80,25 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
       {% if discountType == "percent" %}
         {% assign compareValue = discountByPercentage %}
       {% endif %}
-      ${compareValueFunc()}
+      ${r()}
       {% assign isDiscountPrice = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isDiscountPrice %}
-  `},checkPriceRangeCondition=e=>{let{from:i,to:n,conditionType:a}=e;return`
+  `},o=e=>{let{from:i,to:n,conditionType:s}=e;return`
     {% assign price = variant.price %}
     {% if price == null %}
       {% assign isPriceRange = false %}
     {% else %}
-      {% assign from = ${getNumber(i??"0")} %}
-      {% assign to = ${getNumber(n??"0")} %}
-      {% assign conditionType = "${a}" %}
+      {% assign from = ${a(i??"0")} %}
+      {% assign to = ${a(n??"0")} %}
+      {% assign conditionType = "${s}" %}
       {% assign compareValue = variant.price | divided_by: 100.0 %}
-      ${compareValueFunc()}
+      ${r()}
       {% assign isPriceRange = enabled %}
     {% endif %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isPriceRange %}
-  `},checkInventoryStatusCondition=e=>{let{type:i,conditionType:n,from:a,to:s}=e,r=getMinValueForInventory(n);return`
-      {% assign type = "${i}" %}
+  `},g=e=>{let{type:n,conditionType:s,from:t,to:o}=e,g=i(s);return`
+      {% assign type = "${n}" %}
       {% assign shouldContinue = false %}
       {% if variant.inventory_policy == "continue" and type != "out_of_stock" %}
         {% assign shouldContinue = true %}
@@ -106,12 +108,12 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
       {% elsif variant.inventory_quantity != null %}
         {% assign compareValue = variant.inventory_quantity %}
         {% if type == "in_stock" %}
-          {% assign conditionType = "${n}" %}
-          {% assign from = ${getNumber(a)} %}
-          {% assign to = ${getNumber(s??"0")} %}
-          ${compareValueFunc()}
+          {% assign conditionType = "${s}" %}
+          {% assign from = ${a(t)} %}
+          {% assign to = ${a(o??"0")} %}
+          ${r()}
           {% if conditionType == "below" or conditionType == "exact_or_below" %}
-            {% assign min = ${r} %}
+            {% assign min = ${g} %}
             {% assign from = 1 %}
             {% assign to = from | minus: min | plus: 1 %}
             {% if compareValue >= from and compareValue <= to %}
@@ -131,7 +133,7 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
         {% assign conditionTriggers = conditionTriggers | append: "," | append: false %}
       {% endif %}
 
-  `},checkProductTagCondition=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
+  `},c=e=>{let{searchTag:i}=e,n=i.map(e=>e.replaceAll("'","&#039;")).join(", ");return`
     {% assign productTags = product.tags | escape %}
     {% assign searchTag = '${n}' %}
     {% for tag in productTags %}
@@ -141,9 +143,9 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
       {% endif %}
     {% endfor %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isProductTag %}
-  `},checkCreationDateCondition=e=>{let{days:i,from:n,to:a,type:s,conditionType:r}=e;return`
-    {% assign type = "${s}" %}
-    {% assign days = ${getNumber(i)} %}
+  `},d=e=>{let{days:i,from:n,to:s,type:t,conditionType:o}=e;return`
+    {% assign type = "${t}" %}
+    {% assign days = ${a(i)} %}
     {% assign from = "${n}" | date: "%Y-%m-%d" | date: "%s" | times: 1000  %}
     {% assign currentTime = "now" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
     {% assign compareValue = product.created_at | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
@@ -162,14 +164,14 @@ import{CompareType as e}from"../types.js";let getMinValueForInventory=i=>i===e.A
         {% assign enabled = false %}
       {% endif %}
     {% else %}
-      {% assign to = "${a}" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
-      {% assign conditionType = "${r}" %}
+      {% assign to = "${s}" | date: "%Y-%m-%d" | date: "%s" | times: 1000 %}
+      {% assign conditionType = "${o}" %}
       {% if from >= to %}
         {% assign enabled = false %}
       {% else %}
-        ${compareValueFunc()}
+        ${r()}
       {% endif %}
     {% endif %}
     {% assign isCreationDate = enabled %}
     {% assign conditionTriggers = conditionTriggers | append: "," | append: isCreationDate %}
-  `};export{renderBadgeInFirstTime};
+  `};export{n as renderBadgeInFirstTime};

package/dist/esm/product/components/product-badge/utils/shape.js

@@ -1 +1 @@
-import{SHAPE_ID as p}from"../constants.js";let productBadgeShape=[{id:p.SQUARE,wrapperWidth:"100px",wrapperHeight:"100px",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},ratio:1,supportBorder:!0,supportCorner:!0},{id:p.VERTICAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},textStyle:{"--wm":"tb-rl","--t":"rotate(-180deg)"},supportBorder:!0,supportCorner:!0},{id:p.HORIZONTAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",supportBorder:!0,supportCorner:!0},{id:p.RIBBON,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(60% 0, 100% 0%, 0 100%, 0 60%)"},textStyle:{"--t":"translate(-10%, -30%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1},{id:p.STAR_2,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,64.351% 15.354%,85.355% 14.645%,84.646% 35.649%,100% 50%,84.646% 64.351%,85.355% 85.355%,64.351% 84.646%,50% 100%,35.649% 84.646%,14.645% 85.355%,15.354% 64.351%,0% 50%,15.354% 35.649%,14.645% 14.645%,35.649% 15.354%,50% 0%)"}},{id:p.STAR,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,63.394% 17.664%,85.355% 14.645%,82.336% 36.606%,100% 50%,82.336% 63.394%,85.355% 85.355%,63.394% 82.336%,50% 100%,36.606% 82.336%,14.645% 85.355%,17.664% 63.394%,0% 50%,17.664% 36.606%,14.645% 14.645%,36.606% 17.664%,50% 0%)"},ratio:1},{id:p.RIBBON_2,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon(0 0, 0 0, 79.5% 0, 100% 50%, 79.5% 100%, 0 100%, 0 100%)"}},{id:p.RIBBON_3,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon( 0% 100%,14.744% 50%,0% 0%,82.051% 0%,100% 50%,82.051% 100%,0% 100%)"}},{id:p.TRIANGLE,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(0% 0%, 0% 100%, 100% 0%)"},textStyle:{"--t":"translate(-20%, -75%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1}],shapeMap=new Map(productBadgeShape.map(p=>[p.id,p])),getShape=p=>{let t=shapeMap.get(p??"");return t||productBadgeShape[2]};export{getShape};
+import{SHAPE_ID as p}from"../constants.js";let t=[{id:p.SQUARE,wrapperWidth:"100px",wrapperHeight:"100px",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},ratio:1,supportBorder:!0,supportCorner:!0},{id:p.VERTICAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",shapeRadius:{btlr:"3px",btrr:"3px",bblr:"3px",bbrr:"3px"},textStyle:{"--wm":"tb-rl","--t":"rotate(-180deg)"},supportBorder:!0,supportCorner:!0},{id:p.HORIZONTAL_RECTANGLE,wrapperWidth:"auto",wrapperHeight:"auto",supportBorder:!0,supportCorner:!0},{id:p.RIBBON,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(60% 0, 100% 0%, 0 100%, 0 60%)"},textStyle:{"--t":"translate(-10%, -30%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1},{id:p.STAR_2,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,64.351% 15.354%,85.355% 14.645%,84.646% 35.649%,100% 50%,84.646% 64.351%,85.355% 85.355%,64.351% 84.646%,50% 100%,35.649% 84.646%,14.645% 85.355%,15.354% 64.351%,0% 50%,15.354% 35.649%,14.645% 14.645%,35.649% 15.354%,50% 0%)"}},{id:p.STAR,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(50% 0%,63.394% 17.664%,85.355% 14.645%,82.336% 36.606%,100% 50%,82.336% 63.394%,85.355% 85.355%,63.394% 82.336%,50% 100%,36.606% 82.336%,14.645% 85.355%,17.664% 63.394%,0% 50%,17.664% 36.606%,14.645% 14.645%,36.606% 17.664%,50% 0%)"},ratio:1},{id:p.RIBBON_2,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon(0 0, 0 0, 79.5% 0, 100% 50%, 79.5% 100%, 0 100%, 0 100%)"}},{id:p.RIBBON_3,wrapperWidth:"auto",wrapperHeight:"auto",shapeStyle:{"clip-path":"polygon( 0% 100%,14.744% 50%,0% 0%,82.051% 0%,100% 50%,82.051% 100%,0% 100%)"}},{id:p.TRIANGLE,wrapperWidth:"132px",wrapperHeight:"132px",shapeStyle:{"clip-path":"polygon(0% 0%, 0% 100%, 100% 0%)"},textStyle:{"--t":"translate(-20%, -75%) rotate(-45deg)",width:"calc(100% * sqrt(2))"},ratio:1}],r=new Map(t.map(p=>[p.id,p])),e=p=>{let e=r.get(p??"");return e||t[2]};export{e as getShape};

package/dist/esm/product/components/product-badge/utils/stylesV2.js

@@ -1,4 +1,4 @@
-import{makeStyleResponsive as e,DEVICES as t,getSingleColorVariable as r,removeNullUndefined as o,parseValueWithUnit as a}from"@gem-sdk/core";let getStyleBackground=(t,r)=>{if(!t)return{};let o=createResponsiveStateMap(e=>getBackgroundByDevice(r,e));return{...e("bg",o)}},getBackgroundByDevice=(e,t)=>{let o=e?.[t];return r(o??e?.desktop)},getStyleBorder=t=>{if(!t)return{};let r=createResponsiveMap(e=>getBorderColorByDevice(t,e)),a=createResponsiveMap(e=>getBorderWidthByDevice(t,e)),l=createResponsiveMap(e=>getBorderStyleByDevice(t,e)),i=o({...e("bc",r),...e("bw",a),...e("bs",l)});return i},getBorderColorByDevice=(e,t)=>e?.[t]?.color,getBorderWidthByDevice=(e,t)=>e?.[t]?.width,getBorderStyleByDevice=(e,t)=>e?.[t]?.border,getStyleCornerRadius=(t,r)=>{if(!t)return{};let a=["btlr","btrr","bblr","bbrr"],l=a.reduce((a,l)=>({...a,...o(e(l,getCornerValueStyles(l,t,r)))}),{});return l},getCornerValueStyles=(e,t,r)=>createResponsiveMap(o=>getCornerByDevice({corner:e,cornerProps:t,device:o,shapeRadius:r})),getCornerByDevice=e=>{let{cornerProps:t,device:r,corner:o,shapeRadius:a}=e,l=t?.[r]?.[o],i=t?.desktop?.[o],n=a?.[o];return l??i??n},calculateShadow=e=>{let o={};for(let l of t){let t=e[l]||e.desktop;if(!t)continue;let{angle:i,distance:n,blur:d,color:s,enable:c}=t;if(!i||!n||!d||!s||!1===c)continue;let{unit:p}=a(`${n}`),g=`${Math.cos(parseFloat(`${i}`)*Math.PI/180)*parseFloat(`${n}`)}${p}`,u=`${Math.sin(parseFloat(`${i}`)*Math.PI/180)*parseFloat(`${n}`)}${p}`;o[l]=`drop-shadow(${g} ${u} ${d} ${r(s)})`}return o},createResponsiveMap=e=>t.reduce((t,r)=>({...t,[r]:e(r)}),{}),createResponsiveStateMap=e=>t.reduce((t,r)=>({...t,[r]:e(r)}),{}),generateShadowCSS=(e,t)=>{if(!t)return"";let r=calculateShadow(t);return`
+import{makeStyleResponsive as e,DEVICES as t,parseValueWithUnit as r,getSingleColorVariable as o,removeNullUndefined as l}from"@gem-sdk/core";let n=(t,r)=>{if(!t)return{};let o=h(e=>a(r,e));return{...e("bg",o)}},a=(e,t)=>{let r=e?.[t];return o(r??e?.desktop)},d=t=>{if(!t)return{};let r=c(e=>i(t,e)),o=c(e=>s(t,e)),n=c(e=>$(t,e)),a=l({...e("bc",r),...e("bw",o),...e("bs",n)});return a},i=(e,t)=>e?.[t]?.color,s=(e,t)=>e?.[t]?.width,$=(e,t)=>e?.[t]?.border,u=(t,r)=>{if(!t)return{};let o=["btlr","btrr","bblr","bbrr"].reduce((o,n)=>({...o,...l(e(n,p(n,t,r)))}),{});return o},p=(e,t,r)=>c(o=>b({corner:e,cornerProps:t,device:o,shapeRadius:r})),b=e=>{let{cornerProps:t,device:r,corner:o,shapeRadius:l}=e,n=t?.[r]?.[o],a=t?.desktop?.[o],d=l?.[o];return n??a??d},f=e=>{let l={};for(let n of t){let t=e[n]||e.desktop;if(!t)continue;let{angle:a,distance:d,blur:i,color:s,enable:$}=t;if(!a||!d||!i||!s||!1===$)continue;let{unit:u}=r(`${d}`),p=`${Math.cos(parseFloat(`${a}`)*Math.PI/180)*parseFloat(`${d}`)}${u}`,b=`${Math.sin(parseFloat(`${a}`)*Math.PI/180)*parseFloat(`${d}`)}${u}`;l[n]=`drop-shadow(${p} ${b} ${i} ${o(s)})`}return l},c=e=>t.reduce((t,r)=>({...t,[r]:e(r)}),{}),h=e=>t.reduce((t,r)=>({...t,[r]:e(r)}),{}),m=(e,t)=>{if(!t)return"";let r=f(t);return`
      ${e} {
       filter: ${r.desktop};
       transition: filter 0.3s ease;
@@ -15,4 +15,4 @@ import{makeStyleResponsive as e,DEVICES as t,getSingleColorVariable as r,removeN
         filter: ${r.mobile||r.tablet||r.desktop};
       }
     }
-  `};export{generateShadowCSS,getStyleBackground,getStyleBorder,getStyleCornerRadius};
+  `};export{m as generateShadowCSS,n as getStyleBackground,d as getStyleBorder,u as getStyleCornerRadius};

package/dist/esm/product/components/product-bundle/ProductBundleDiscount.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRenderMode as o,useI18nStore as s,isEmptyChildren as n}from"@gem-sdk/core";import{isValidElement as r}from"react";import i from"../../../common/components/NoDataState.js";import{createClass as l,createStyle as d,If as m}from"@gem-sdk/system";import{getSizeSettings as u,getContainerStyles as c}from"./common/styles.js";import{getContainerClasses as a,getNoDiscountClasses as p}from"./common/classes.js";import f from"./hooks/useProductBundleDataState.js";import h from"./hooks/useProductBundleDiscountState.js";import y from"./ProductBundleDiscountChildrenItem.js";let ProductBundleDiscount=({builderAttrs:b,style:I,children:g,setting:j,styles:D,advanced:k})=>{let{isEditMode:S,isPreviewSharePageMode:x}=o(),{isSelected:B,setSelected:P}=h(j),{emitRedirectSetupPage:N,redirectGuideline:T,svgVertical:v,svgHorizontal:A}=f(),{t:C}=s(),q=l(a(j,k?.cssClass)),w=l(p),z=d(u(D)?.gap),M=d(c(z,D,I));if(!j?.bundleItems?.length&&S)return t(i,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:N},{text:C("read guideline"),callback:T}],additionalMedia:j?.layout=="horizontal-layout"?A:v});let O=(e,o)=>{if(j?.hideNoDiscountItem&&e?.discountType==="no_discount")return null;let s=g?.[o];if(r(s))return t(y,{index:o,childItem:s,setting:j,styles:D,isSelected:B(o),setSelected:P,bundleItem:e},o)},V=(n(g)||j?.bundleItems?.length==0)&&!x;return e("div",{...b,className:q,style:M,children:[m(V,t("div",{className:w,children:C("This product has no bundle discount")})),j?.bundleItems?.map((t,e)=>O(t,e))]})};export{ProductBundleDiscount as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRenderMode as o,useI18nStore as s,isEmptyChildren as n}from"@gem-sdk/core";import{isValidElement as r}from"react";import i from"../../../common/components/NoDataState.js";import{createClass as l,createStyle as m,If as d}from"@gem-sdk/system";import{getSizeSettings as c,getContainerStyles as u}from"./common/styles.js";import{getContainerClasses as a,getNoDiscountClasses as p}from"./common/classes.js";import f from"./hooks/useProductBundleDataState.js";import h from"./hooks/useProductBundleDiscountState.js";import y from"./ProductBundleDiscountChildrenItem.js";let b=({builderAttrs:b,style:I,children:g,setting:j,styles:k,advanced:D})=>{let{isEditMode:S,isPreviewSharePageMode:x}=o(),{isSelected:B,setSelected:N}=h(j),{emitRedirectSetupPage:P,redirectGuideline:T,svgVertical:v,svgHorizontal:A}=f(),{t:C}=s(),q=l(a(j,D?.cssClass)),w=l(p),z=m(c(k)?.gap),M=m(u(z,k,I));if(!j?.bundleItems?.length&&S)return e(i,{elementType:"secondary",description:C("Increase AOV with bundle quantity."),descriptionActions:[{text:C("Setup bundle discount"),callback:P},{text:C("read guideline"),callback:T}],additionalMedia:j?.layout=="horizontal-layout"?A:v});let O=(t,o)=>{if(j?.hideNoDiscountItem&&t?.discountType==="no_discount")return null;let s=g?.[o];if(r(s))return e(y,{index:o,childItem:s,setting:j,styles:k,isSelected:B(o),setSelected:N,bundleItem:t},o)},V=(n(g)||j?.bundleItems?.length==0)&&!x;return t("div",{...b,className:q,style:M,children:[d(V,e("div",{className:w,children:C("This product has no bundle discount")})),j?.bundleItems?.map((e,t)=>O(e,t))]})};export{b as default};

package/dist/esm/product/components/product-bundle/ProductBundleDiscount.liquid.js

@@ -1,15 +1,15 @@
-import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as o,createClass as a,createStateOrContext as i,Liquid as n,LiquidIf as p}from"@gem-sdk/system";import{getSizeSettings as l,getContainerStyles as u}from"./common/styles.js";import{getContainerClasses as c}from"./common/classes.js";import m from"./ProductBundleDiscountChildrenItem.liquid.js";let ProductBundleDiscount=({rawChildren:f,setting:g,styles:I,advanced:$,style:P})=>{let y=g?.hasPreSelectItem?g?.selectItemDefault??0:-1,B=t=>y===t,S=(t,e)=>m({index:e,rawChildrenItem:f?.[e],setting:g,styles:I,isSelected:B(e),bundleItem:t}),_=o(l(I)?.gap),h=a(c(g,$?.cssClass)),A=o(u(_,I,P)),D=i({styles:I,settings:{useProductCompareAtPrice:g?.useProductCompareAtPrice,selectItemDefault:g?.selectItemDefault,hideNoDiscountItem:g?.hideNoDiscountItem,hasPreSelectItem:g?.hasPreSelectItem,iconItemColor:g?.iconItemColor,applyToInBetweenQuantities:g?.applyToInBetweenQuantities}}),j=()=>e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return t`
+import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as a,createClass as o,createStateOrContext as i,Liquid as p,LiquidIf as n}from"@gem-sdk/system";import{getSizeSettings as l,getContainerStyles as u}from"./common/styles.js";import{getContainerClasses as c}from"./common/classes.js";import m from"./ProductBundleDiscountChildrenItem.liquid.js";let f=({rawChildren:f,setting:g,styles:I,advanced:$,style:P})=>{let y=g?.hasPreSelectItem?g?.selectItemDefault??0:-1,S=t=>y===t,_=(t,e)=>m({rawChildrenItem:f?.[e],setting:g,styles:I,isSelected:S(e),bundleItem:t}),h=a(l(I)?.gap),B=o(c(g,$?.cssClass)),A=a(u(h,I,P)),j=i({styles:I,settings:{useProductCompareAtPrice:g?.useProductCompareAtPrice,selectItemDefault:g?.selectItemDefault,hideNoDiscountItem:g?.hideNoDiscountItem,hasPreSelectItem:g?.hasPreSelectItem,iconItemColor:g?.iconItemColor,applyToInBetweenQuantities:g?.applyToInBetweenQuantities}});return t`
     <gp-product-bundle-discount
-      gp-data='${JSON.stringify(D)}'
+      gp-data='${JSON.stringify(j)}'
       style="${A}"
-      class="${h}">
-      ${n(`
+      class="${B}">
+      ${p(`
         {%- assign gempages_product_bundle = product.metafields.gp_discount.gp_discount_selected_products -%}
         {%  assign productBundleItem = gempages_product_bundle | split: '($1)'  %}
       `)}
       ${f?.map((e,s)=>t`
           {% for productBundle in productBundleItem %}
-            ${n(`
+            ${p(`
               {% assign attrs = productBundle | split: '($3)' %}
               {% assign parsedAttrs = '' %}
               {% for attr in attrs %}
@@ -22,12 +22,12 @@ import{template as t,RenderIf as e,isLocalEnv as s,baseAssetURL as r}from"@gem-s
                 {% endif %}
               {% endfor %}
             `)}
-            ${p(`forloop.index0 == ${s}`,S("{{ parsedAttrs | strip }}",s))}
+            ${n(`forloop.index0 == ${s}`,_("{{ parsedAttrs | strip }}",s))}
           {% endfor %}
           `).join("")}
     </gp-product-bundle-discount>
 
     {% if productBundleItem %}
-      ${j()}
+      ${e(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-bundle-discount-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-bundle-discount-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     {% endif %}
-  `};export{ProductBundleDiscount as default};
+  `};export{f as default};

package/dist/esm/product/components/product-bundle/ProductBundleDiscountChildrenItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{getItemWrapStyles as o,getIconStyles as t,getSvgActiveStyles as l,getSvgStyles as i,getFlexChildren as n}from"./common/styles.js";import{createStyle as s,createClass as d,If as m}from"@gem-sdk/system";import{getLayoutClasses as a,getIconSectionClasses as c,getItemClasses as u}from"./common/classes.js";import{isValidElement as p}from"react";let ProductBundleDiscountChildrenItem=h=>{let{index:f,isSelected:v,setSelected:w,setting:g,styles:y,childItem:C,bundleItem:k}=h,x=s(o(y,v)),j=d(a(g)),A=s(t(g)),Z=s(l(y)),B=s(i(y)),L=d(c),N=d(u),I=d(n);return e("div",{"aria-hidden":!0,onClick:()=>w?.(f),className:N,style:x,children:r("div",{className:j,children:[g?.enableIcon&&e("div",{className:L,style:A,children:m(v,e("svg",{style:Z,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor","data-id":"493334324348453213",children:e("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Z"})}),e("svg",{style:B,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor","data-id":"508817616304734568",children:e("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z"})}))}),e("div",{className:I,children:p(C)&&e(C.type,{...C.props,"bundle-item":k})})]})})};export{ProductBundleDiscountChildrenItem as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{getItemWrapStyles as o,getIconStyles as t,getSvgActiveStyles as l,getSvgStyles as i,getFlexChildren as s}from"./common/styles.js";import{createStyle as n,createClass as d,If as m}from"@gem-sdk/system";import{getLayoutClasses as a,getIconSectionClasses as c,getItemClasses as p}from"./common/classes.js";import{isValidElement as u}from"react";let h=h=>{let{index:f,isSelected:v,setSelected:w,setting:g,styles:y,childItem:k,bundleItem:x}=h,C=n(o(y,v)),j=d(a(g)),A=n(t(g)),Z=n(l(y)),L=n(i(y)),N=d(c),B=d(p),b=d(s);return e("div",{"aria-hidden":!0,onClick:()=>w?.(f),className:B,style:C,children:r("div",{className:j,children:[g?.enableIcon&&e("div",{className:N,style:A,children:m(v,e("svg",{style:Z,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor","data-id":"493334324348453213",children:e("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Z"})}),e("svg",{style:L,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",fill:"currentColor","data-id":"508817616304734568",children:e("path",{fill:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z"})}))}),e("div",{className:b,children:u(k)&&e(k.type,{...k.props,"bundle-item":x})})]})})};export{h as default};

package/dist/esm/product/components/product-bundle/ProductBundleDiscountChildrenItem.liquid.js

@@ -1,12 +1,12 @@
-import{template as o,RenderChildren as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,If as s}from"@gem-sdk/system";import{getItemWrapStyles as i,getIconStyles as l,getSvgActiveStyles as n,getSvgStyles as d,getFlexChildren as m}from"./common/styles.js";import{getLayoutClasses as u,getIconSectionClasses as c,getItemClasses as a}from"./common/classes.js";let ProductBundleDiscountChildrenItemLiquid=p=>{let{isSelected:v,setting:g,styles:$,bundleItem:w,rawChildrenItem:f}=p,h=e(i($,v)),k=r(u(g)),y=e(l(g)),C=e(n($)),L=e(d($)),x=r(c),A=r(a),Z=r(m);return o`
-  <gp-product-bundle-discount-item ${w} aria-hidden class="${A}" style="${h}">
+import{template as o,RenderChildren as t}from"@gem-sdk/core";import{createStyle as e,createClass as r,If as s}from"@gem-sdk/system";import{getItemWrapStyles as i,getIconStyles as l,getSvgActiveStyles as n,getSvgStyles as d,getFlexChildren as m}from"./common/styles.js";import{getLayoutClasses as c,getIconSectionClasses as u,getItemClasses as a}from"./common/classes.js";let p=p=>{let{isSelected:v,setting:g,styles:$,bundleItem:w,rawChildrenItem:f}=p,h=e(i($,v)),k=r(c(g)),y=e(l(g)),x=e(n($)),A=e(d($)),C=r(u),L=r(a),Z=r(m);return o`
+  <gp-product-bundle-discount-item ${w} aria-hidden class="${L}" style="${h}">
   <div class="${k}">
     ${s(g?.enableIcon,o`
-    <div class="${x}" style="${y}">
-      ${s(v,o`<svg style="${C}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
+    <div class="${C}" style="${y}">
+      ${s(v,o`<svg style="${x}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
           <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round"
             d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Z"></path>
-        </svg>`,o`<svg style="${L}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
+        </svg>`,o`<svg style="${A}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
           <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round"
             d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z">
           </path>
@@ -19,4 +19,4 @@ import{template as o,RenderChildren as t}from"@gem-sdk/core";import{createStyle
     </div>
   </div>
 </gp-product-bundle-discount-item>
-  `};export{ProductBundleDiscountChildrenItemLiquid as default};
+  `};export{p as default};

package/dist/esm/product/components/product-bundle/ProductBundleDiscountItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as t}from"react/jsx-runtime";import{useMemo as o,Children as e}from"react";import{MINIMUM_CHILD as m}from"./common/helpers.js";import n from"../../../grid/components/ChildrenDroppable.js";let ProductBundleDiscountItem=({children:c})=>{let i=o(()=>e.count(c)>=m?c:r(n,{}),[c]);return r(t,{children:i})};export{ProductBundleDiscountItem as default};
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useMemo as t,Children as e}from"react";import{MINIMUM_CHILD as m}from"./common/helpers.js";import n from"../../../grid/components/ChildrenDroppable.js";let i=({children:i})=>{let p=t(()=>e.count(i)>=m?i:r(n,{}),[i]);return r(o,{children:p})};export{i as default};

package/dist/esm/product/components/product-bundle/ProductBundleDiscountItem.liquid.js

@@ -1 +1 @@
-import{isEmptyChildren as t}from"@gem-sdk/core";let ProductBundleDiscountItem=({children:e})=>t(e)?null:e;export{ProductBundleDiscountItem as default};
+import{isEmptyChildren as e}from"@gem-sdk/core";let t=({children:t})=>e(t)?null:t;export{t as default};

package/dist/esm/product/components/product-bundle/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,cls as t}from"@gem-sdk/core";let getLayoutClasses=o=>e(t({"gp-items-center":o?.layout==="vertical-layout"?o?.iconPosition==="center":o?.iconHorizontalPosition==="center","gp-items-start":o?.layout==="vertical-layout"?o?.iconPosition==="baseline":o?.iconHorizontalPosition==="baseline","gp-flex-col":o?.layout==="horizontal-layout"},"gp-flex gp-justify-start")),getNoDiscountClasses=e("gp-w-full gp-p-2 gp-text-center gp-border gp-border-[#3C67FF] gp-text-[#676767]"),getContainerClasses=(o,s)=>e(t({"gp-flex-col":o?.layout==="vertical-layout"},"gp-flex",s)),getIconSectionClasses=e("gp-flex-none bundle-icon-section"),getItemClasses=e("product-bundle-item cursor-pointer");export{getContainerClasses,getIconSectionClasses,getItemClasses,getLayoutClasses,getNoDiscountClasses};
+import{composeClasses as t,cls as e}from"@gem-sdk/core";let o=o=>t(e({"gp-items-center":o?.layout==="vertical-layout"?o?.iconPosition==="center":o?.iconHorizontalPosition==="center","gp-items-start":o?.layout==="vertical-layout"?o?.iconPosition==="baseline":o?.iconHorizontalPosition==="baseline","gp-flex-col":o?.layout==="horizontal-layout"},"gp-flex gp-justify-start")),l=t("gp-w-full gp-p-2 gp-text-center gp-border gp-border-[#3C67FF] gp-text-[#676767]"),i=(o,l)=>t(e({"gp-flex-col":o?.layout==="vertical-layout"},"gp-flex",l)),s=t("gp-flex-none bundle-icon-section"),n=t("product-bundle-item cursor-pointer");export{i as getContainerClasses,s as getIconSectionClasses,n as getItemClasses,o as getLayoutClasses,l as getNoDiscountClasses};

package/dist/esm/product/components/product-bundle/common/helpers.js

@@ -1 +1 @@
-let MINIMUM_CHILD=1;export{MINIMUM_CHILD};
+let I=1;export{I as MINIMUM_CHILD};

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

@@ -1 +1 @@
-import{composeClasses as e,makeGlobalSize as o,makeStyle as t,makeStyleState as n,composeRadius as l,getStyleShadow as d,getStyleShadowState as r,getBorderStyle as a,handleConvertBorderWidth as i,handleConvertBorderStyle as g,handleConvertBorderColor as c,getRadiusStyleActiveState as u,makeStyleResponsive as S,getGlobalColorStateStyle as s}from"@gem-sdk/core";let getSizeSettings=e=>o(e?.size),getItemWrapStyles=(e,o)=>({...getSizeSettings(e).width,...getSizeSettings(e).padding,...o?n("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.normal}):n("bg",e?.backgroundColor),...t({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...o?l({...e?.roundedBundle,hover:e?.roundedBundle?.active??e?.roundedBundle?.normal}):l(e?.roundedBundle),...o?d({value:Object.keys(e?.boxShadowBundle?.active??{})?.length<=0?e?.boxShadowBundle?.normal:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.hasBoxShadowBundle?.active??e?.hasBoxShadowBundle?.normal}):{...r({...e?.boxShadowBundle,active:{}},"box-shadow",{...e?.hasBoxShadowBundle,active:!1})},...o?a(e?.borderBundle?.active):{...i(e?.borderBundle),...g(e?.borderBundle),...c(e?.borderBundle)},...o?u({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),getIconStyles=e=>({...e?.layout!=="horizontal-layout"?t({mr:e?.iconSpacing}):t({mb:e.iconSpacing}),...S("w",e?.iconSize,"px"),...S("h",e?.iconSize,"px")}),getSvgActiveStyles=e=>({...s("c",e?.iconColor),...t({c:e?.iconColor?.active})}),getSvgStyles=e=>({...s("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),getAlignStyle=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...t({ai:o})}},getFlexChildren=e("gp-flex-1"),getContainerStyles=(e,o,t)=>({...e,...getAlignStyle(o),...t});export{getAlignStyle,getContainerStyles,getFlexChildren,getIconStyles,getItemWrapStyles,getSizeSettings,getSvgActiveStyles,getSvgStyles};
+import{composeClasses as e,makeGlobalSize as o,makeStyle as n,getRadiusStyleActiveState as d,getBorderStyle as l,handleConvertBorderColor as r,handleConvertBorderStyle as a,handleConvertBorderWidth as t,getStyleShadow as i,getStyleShadowState as u,composeRadius as c,makeStyleState as g,makeStyleResponsive as b,getGlobalColorStateStyle as B}from"@gem-sdk/core";let S=e=>o(e?.size),h=(e,o)=>({...S(e).width,...S(e).padding,...o?g("bg",{...e?.backgroundColor,hover:e?.backgroundColor?.active??e?.backgroundColor?.normal}):g("bg",e?.backgroundColor),...n({bg:o?e?.backgroundColor?.active:e?.backgroundColor?.normal}),...o?c({...e?.roundedBundle,hover:e?.roundedBundle?.active??e?.roundedBundle?.normal}):c(e?.roundedBundle),...o?i({value:Object.keys(e?.boxShadowBundle?.active??{})?.length<=0?e?.boxShadowBundle?.normal:e?.boxShadowBundle?.active,styleAppliedFor:"box-shadow",isEnableShadow:e?.hasBoxShadowBundle?.active??e?.hasBoxShadowBundle?.normal}):{...u({...e?.boxShadowBundle,active:{}},"box-shadow",{...e?.hasBoxShadowBundle,active:!1})},...o?l(e?.borderBundle?.active):{...t(e?.borderBundle),...a(e?.borderBundle),...r(e?.borderBundle)},...o?d({...e?.roundedBundle,active:{...e?.roundedBundle?.active?e?.roundedBundle?.active:e?.roundedBundle?.normal,radiusType:"custom"}}):{}}),s=e=>({...e?.layout!=="horizontal-layout"?n({mr:e?.iconSpacing}):n({mb:e.iconSpacing}),...b("w",e?.iconSize,"px"),...b("h",e?.iconSize,"px")}),v=e=>({...B("c",e?.iconColor),...n({c:e?.iconColor?.active})}),m=e=>({...B("c",{...e?.iconColor,normal:e?.iconColor?.normal})}),x=e=>{let o=e?.align==="left"?"start":e?.align==="right"?"end":"center";return{...n({ai:o})}},p=e("gp-flex-1"),w=(e,o,n)=>({...e,...x(o),...n});export{x as getAlignStyle,w as getContainerStyles,p as getFlexChildren,s as getIconStyles,h as getItemWrapStyles,S as getSizeSettings,v as getSvgActiveStyles,m as getSvgStyles};