@gem-sdk/components 7.0.5 → 8.0.0-dev.102

package/dist/esm/product/components/product-variants/ProductVariants.liquid.js

@@ -1,6 +1,8 @@
-import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as i,isLocalEnv as a,baseAssetURL as o}from"@gem-sdk/core";import n from"../../../text/components/Text.liquid.js";import r from"./components/variants/index.liquid.js";import p from"./components/dropdown-swatches/Dropdown.liquid.js";import l from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{mappingVariantStyles as m}from"./utils/mappingVariantStyles.js";import{createClass as c,createStyle as u,createStateOrContext as g,createAttr as $,Liquid as v,LiquidIf as f,If as y,LiquidFor as _}from"@gem-sdk/system";import{getAttrs as h}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as S,getWrapperStyle as V}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as I}from"./common/main/classes.js";import{getTextVariantTitleData as A,getDropdownGroupData as w}from"./common/main/getData.js";import{getWrapVariantOptionClass as b}from"./common/variants/classes.js";import{getStyleOfObject as P}from"../../helpers/function.js";import{getMarginBottomStyle as T}from"./common/variants/styles.js";let DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=N=>{let{builderProps:D,styles:x,setting:E,advanced:O}=N,{align:U,swatchItemWidth:C,dropdownItemWidth:K,swatchSpacing:q,optionTypo:k,marginBottom:F}=x??{},{label:G,optionType:J,showAsSwatches:L,layout:R,hasPreSelected:W}=E??{},z=O?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:H}=D??{},M="groupOption"===J,Q=()=>{let e={};return s.forEach(t=>{let s=i(C,t);e[t]="auto"===s}),e},Y=()=>{let e={};return s.forEach(t=>{e[t]=K?.[t]==="fill"}),e},B=e(()=>{let e=m(E?.variantPresets,x);return{...E,variantPresets:e}},[E?.variantPresets,x]),X=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},Z=()=>E?.variantPresets?.map(e=>`${X(e.optionName)}($2)${e.optionType}`).join("($1)"),ee=()=>E?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),et=c(j(U)),es=u(S(q,q)),ei=A(N,"Liquid"),ea=c(b(R,U)),eo=()=>t`
-      ${v(`{%- assign presets = "${Z()}" | split: '($1)' -%}`)}
-      ${v(`{% assign hiddenPresetOptions = "${ee()}" | split: ',' %}`)}
+import{template as e,isLocalEnv as t,baseAssetURL as s,DEVICES as i,getResponsiveValueByScreen as o}from"@gem-sdk/core";import a from"../../../text/components/Text.liquid.js";import n from"./components/variants/index.liquid.js";import r from"./components/dropdown-swatches/Dropdown.liquid.js";import p from"./components/dropdown-group/DropdownGroup.liquid.js";import{getSettingPreloadData as l}from"../../../helpers.js";import{mappingVariantStyles as d}from"./utils/mappingVariantStyles.js";import{createClass as m,createStyle as c,createAttr as u,Liquid as v,LiquidFor as f,LiquidIf as _,If as $}from"@gem-sdk/system";import{getAttrs as g}from"./common/main/getAttr.js";import{getVariantOptionGroupStyle as h,getWrapperStyle as y}from"./common/main/styles.js";import{getVariantOptionGroupClass as j,getWrapDropdownClass as w}from"./common/main/classes.js";import{getTextVariantTitleData as S,getDropdownGroupData as P}from"./common/main/getData.js";import{getWrapVariantOptionClass as b}from"./common/variants/classes.js";import{getStyleOfObject as A}from"../../helpers/function.js";import{getMarginBottomStyle as D}from"./common/variants/styles.js";import{renderOptionValuesNewFormatSwatches as N}from"./OptionVariantsNewFormat.liquid.js";import{renderOptionValuesOld as V}from"./OptionVariantsOldFormat.liquid.js";let DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=E=>{let{builderProps:O,styles:T,setting:x,advanced:q}=E,{align:F,swatchItemWidth:G,dropdownItemWidth:C,swatchSpacing:I,optionTypo:k,marginBottom:L}=T??{},{label:J,optionType:z,showAsSwatches:M,layout:U,hasPreSelected:W}=x??{},R=q?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:Y}=O??{},H="groupOption"===z,K=()=>{let e={};return i.forEach(t=>{let s=o(G,t);e[t]="auto"===s}),e},Q=()=>{let e={};return i.forEach(t=>{e[t]=C?.[t]==="fill"}),e},B=x?.variantPresets?d(x?.variantPresets,T):[],X=B?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),Z={...x,variantPresets:X},ee=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},et=()=>x?.variantPresets?.map(e=>`${ee(e.optionName)}($2)${e.optionType}`).join("($1)"),es=()=>x?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),ei=({showDropdown:t,isRenderDefault:s,typeOfOption:i})=>e`
+    ${f("value in values",n({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:M,uid:Y,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...T,...Z,swatchAutoWidth:K(),optionTypo:k,isRenderDefault:s}))}
+      ${_(t?'type == "dropdown"':"false",r({...T,...Z,swatchAutoWidth:Q(),optionTypo:k}))}`,eo=x?.variantPresets?.map(e=>({name:ee(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),ea={renderVariantItem:ei,variantPresetsLiquid:eo??""},en=m(j(F)),er=c(h(I,I)),ep=S(E,"Liquid"),el=m(b(U,F)),ed=()=>e`
+      ${v(`{%- assign presets = "${et()}" | split: '($1)' -%}`)}
+      ${v(`{% assign hiddenPresetOptions = "${es()}" | split: ',' %}`)}
       
       ${v(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
@@ -27,23 +29,23 @@ import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as
       
       ${v("{% assign last_option_name = filtered_options_array | last %}")}
       
-      ${_("option in options",`
+      ${f("option in options",`
         <div
         option-name="{{option.name | escape}}"
-        class="${ea} ${f("hiddenPresetOptions contains option.name","gp-hidden")}"
-        style="${P(T(F))}${v("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
+        class="${el} ${_("hiddenPresetOptions contains option.name","gp-hidden")}"
+        style="${A(D(L))}${v("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
         >
           ${v("{%- assign showVariantClass = 'variant-display' -%}")}
           ${v("{%- assign optionName = option.name  -%}")}
-          ${_("preset in presets",`
+          ${f("preset in presets",`
             ${v("{%- assign presetDetail = preset | split: '($2)' -%}")}
-            ${f("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${v("{%- assign showVariantClass = '' -%}")} ${v("{%- break -%}")}`)}
+            ${_("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${v("{%- assign showVariantClass = '' -%}")} ${v("{%- break -%}")}`)}
           `)}
-          ${y(G,n(ei)," ")}
+          ${$(J,a(ep)," ")}
           <div
               variant-option-name="{{option.name | escape}}"
-              class="${et}"
-              style="${P(es)}"
+              class="${en}"
+              style="${A(er)}"
             >
               ${v("{%- assign values = option.values -%}")}
               ${v("{%- assign rootForloop = forloop.index0 -%}")}
@@ -56,76 +58,24 @@ import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as
                   {%- assign selectedValue = variant.option3 -%}
                 {%- endif -%}
               `)}
-              ${y(!W,v("{%- assign selectedValue = null -%}"),"")}
-              ${y(L,er(),ep())}
+              ${$(!W,v("{%- assign selectedValue = null -%}"),"")}
+              ${$(M,em(),ei({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
           </div>
       </div>`)}
-    `,en=E?.variantPresets?.map(e=>({name:X(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),er=()=>t`
-    ${v("{%- assign optionRendered = false -%}")}
-    ${v("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
-    ${v("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
-
-    ${_("swatchesItem in swatchesItems",`
-      ${v('{%- assign colorArraysString = "" -%}')}
-      ${v('{%- assign labelsString = "" -%}')}
-      ${v('{%- assign imageUrlsString = "" -%}')}
-      ${v("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
-
-      ${_("attrItem in attrItems",`${v("{%- assign attrs = attrItem | split: '($2)' -%}")}
-          ${v("{%- assign optionKey = attrs[0] -%}")}
-          ${v("{%- assign optionValue = attrs[1] -%}")}
-          ${v(`
-            {% if optionKey == 'optionTitle' %}
-            {% assign optionTitle = optionValue %}
-            {% elsif optionKey == 'optionType' %}
-              {% assign optionType = optionValue %}
-            {% endif %}
-          `)}
-
-          ${f("optionKey == 'optionValues'",`${v("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
-            ${_("opValueItem in opValueItems",`${v("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
-              ${_("opValueItemAttr in opValueItemAttrs",`${v("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
-                ${v("{%- assign opValueItemKey = attrs[0] -%}")}
-                ${v("{%- assign opValueItemValue = attrs[1] -%}")}
-
-                ${f("opValueItemKey == 'label'",`${v("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}${v('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
-
-                ${f("opValueItemKey == 'colors'",`${v("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}${v('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
-
-                ${f("opValueItemKey == 'imageUrl'",`${v("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}${v('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}`)}`)}`)}
-        `)}
-
-      ${v("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${v("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${v("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
-
-      ${f("optionTitle == option.name",`
-        ${v(`{%- assign variantPresetString = "${en}" -%}`)}
-        ${v('{%- assign optionName = option.name | replace: "\'", "&apos;" | replace: \'"\', "&quot;" -%}')}
-        ${v("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${v("{%- assign type = 'dropdown' -%}")}
-        ${_("item in items",`
-          ${v("{%- assign itemPreset = item | split:'($1)' -%}")}
-          ${f("itemPreset[0] == optionName",v("{%- assign type = itemPreset[1] -%}"))}
-          ${f('itemPreset[0] == "base"',v("{%- assign type = itemPreset[1] -%}"))}
-          `)}
-        ${v("{%- assign optionRendered = true -%}")}
-        ${_("value in values",r({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:L,uid:H,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",optionType:"optionType",activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...x,...B,swatchAutoWidth:Q(),optionTypo:k}))}
-        ${f("type == 'dropdown'",p({...x,...B,swatchAutoWidth:Y(),optionTypo:k}))}
-      `)}
-    `)}
-
-    ${f("optionRendered == false",ep())}
-    `,ep=()=>_("value in values",r({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:L,uid:H,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:W?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:"optionType",activeClass:W?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...x,...B,swatchAutoWidth:Q(),optionTypo:k,isRenderDefault:!0})),el=c(I(U)),ed=w(N),em=()=>`
-      <div className="${el}">
-        ${l(ed)}
+    `,em=()=>e`
+      ${_("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",N(ea),V(ea))}
+      `,ec=m(w(F)),eu=P(E),ev=()=>`
+      <div className="${ec}">
+        ${p(eu)}
       </div>
-    `;g({setting:B,styles:JSON.stringify(x),variants:"{{ product.variants | json | escape }}",optionsWithValues:"{{ product.options_with_values | json | escape }}",variantSelected:"{{ variant | json | escape }}",variantInventoryQuantity:"{{ product.variants | map: 'inventory_quantity' | json | escape }}",variantInventoryPolicy:"{{ product.variants | map: 'inventory_policy' | json | escape }}",moneyFormat:"{{ shop.money_format | json | escape }}",productId:"{{ product.id | json | escape }}",productUrl:"{{ product.url | json | escape }}",productHandle:"{{ product.handle | json | escape }}",displayState:`${JSON.stringify(z)}`,totalVariantCombinations:"{{ total_combinations }}",firstAvailableVariant:"{{ product.selected_or_first_available_variant | json | escape }}"});let ec=$(h({uid:H,hasPreSelected:W,cssClass:O?.cssClass})),eu=u(V(N)),eg=c({"gp-flex gp-flex-col !gp-ml-0":!0}),e$=()=>{let e=a?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${o}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${d('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return t`
+    `,ef=u(g({uid:Y,hasPreSelected:W,cssClass:q?.cssClass})),e_=c(y(E)),e$=m({"gp-flex gp-flex-col !gp-ml-0":!0}),eg=()=>{let e=t?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${l('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return e`
+    ${v("{%- assign total_combinations = 1 -%}")}
+    ${f("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     <gp-product-variants
-      ${ec}
+      ${ef}
       gp-data='{
-        "setting":${JSON.stringify(B)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(x)},
+        "setting":${JSON.stringify(Z)?.replaceAll("'","&#039;")},
+        "styles":${JSON.stringify(T)},
         "variants":{{product.variants | json | escape}},
         "optionsWithValues": {{product.options_with_values | json | escape}},
         "variantSelected": {{ variant | json | escape }},
@@ -135,7 +85,7 @@ import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as
         "productId": {{product.id | json | escape}},
         "productUrl": {{product.url | json | escape}},
         "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify(z)},
+        "displayState": ${JSON.stringify(R)},
         "totalVariantCombinations": {{total_combinations}},
         "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
       }
@@ -143,13 +93,13 @@ import{composeMemo as e,template as t,DEVICES as s,getResponsiveValueByScreen as
       <div class="gp-hidden" style="--hvr-shadow: none; --hvr-shadow-tablet: none; --hvr-shadow-mobile: none"></div>
       ${v("{%- assign options = product.options_with_values -%}")}
       ${v("{%- assign variants = product.variants -%}")}
-      ${f("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",t`<div
-            class="${eg}"
-            style="${eu}"
+      ${_("options.size == 0 or options.size == 1 and variants.size == 1 and variants[0].title == 'Default Title' and variants[0].option1 == 'Default Title'","<div></div>",e`<div
+            class="${e$}"
+            style="${e_}"
           >
-          ${y(M,em(),eo())}
+          ${$(H,ev(),ed())}
         </div>`)}
     </gp-product-variants>
 
-    ${e$()}
+    ${eg()}
   `};export{ProductVariants as default};

package/dist/esm/product/components/product-variants/common/base/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as l,composeRadius as i,getGlobalColorStateStyle as p,handleConvertBorderStyle as a,handleConvertBorderWidth as n,handleConvertBorderColor as d,makeStyleResponsive as h}from"@gem-sdk/core";import{filterTruthyObject as c}from"../../../../../helpers.js";let getColorStyleWidth=e=>{let t=e?.height||"32px",o=e?.width||{desktop:t},r=Object.fromEntries(Object.entries(o).map(([e,o])=>{let r=o&&"undefined"!==o&&"auto"!==o?o:t;return[e,r]}));return h("minw",r)},getWrapperStyleActive=i=>{let{preset:p,optionTypography:a,optionTypo:n,typeOfOption:d}=i,h=p?.optionBgColor,g=p?.optionTextColor,s=p?.optionBorder,b=p?.optionHasShadow,m=p?.optionShadow,u=p?.optionRounded,w="color"===d,x="image"===d||"image_shopify"===d,y=e(n,a),S=e=>{let t=h?.active??h?.normal,o=s?.active??s?.normal;return r({bg:e&&l(t),bs:o?.border,bw:o?.width,bc:l(o?.color)})},v=m?.active??m?.normal,C=b?.active??b?.normal,f=g?.active??g?.normal;return c({...S(!w),...t(u),...o({value:v,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:C},!0),...y,...!w&&!x&&r({c:l(f)}),...w&&getColorStyleWidth(p),...r({h:p?.height})})},getWrapperStyleNormalAndHover=e=>{let{preset:t,optionTransform:l,optionTypography:h,optionTypo:g,typeOfOption:s}=e,b=t?.optionBgColor,m=t?.optionTextColor,u=t?.optionBorder,w=t?.optionHasShadow,x=t?.optionShadow,y=t?.optionRounded,S="color"===s,v="image"===s||"image_shopify"===s,C=["normal","hover"].reduce((e,t)=>({...e,...o({value:x?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:w?.[t]})}),{});return c({...i(y),...C,...!S&&p("bg",b),...!S&&a(u),...!S&&n(u),...!S&&d(u),...!S&&!v&&r({c:l}),...!S&&!v&&p("c",m),...typoStyleNotIn(g,h,["--c"]),...S&&getColorStyleWidth(t),...r({h:t?.height})})};function typoStyleNotIn(t,o,r){let l=e(t,o);return r&&0!==r.length?Object.fromEntries(Object.entries(l).filter(([e])=>!r.includes(e))):l}let getWrapperTextStyle=e=>{let{preset:o,typeOfOption:r,checked:l}=e,p=o?.optionBorder,h=o?.optionRounded,g="color"===r,s=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},b={...h,active:{...h?.active||{},radiusType:"custom"}},m=l?t(b):i(h),u=!l&&g?{...a(p),...n(p),...d(p)}:{};return c({...!g&&s(),...g&&m,...u})},getColorStyle=({optionBorder:e,optionRounded:t,isActive:o,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},p=t=>t?{"--bs":"none"}:a(e),h=o=>({"--d":"flex","--jc":"center","	--ai":"center","--w":"100%","--h":"100%","--of":"hidden",...p(o),...n(e),...d(e),...i(t),...l()});return h(!!o)},getTextStyle=({optionTypo:t,optionTypography:o})=>{let r=e(t,o);return delete r["--c"],c({...r})};export{getColorStyle,getTextStyle,getWrapperStyleActive,getWrapperStyleNormalAndHover,getWrapperTextStyle};
+import{composeTypographyStyle as e,getRadiusStyleActiveState as t,getStyleShadow as o,makeStyle as r,getSingleColorVariable as l,composeRadius as i,getGlobalColorStateStyle as p,handleConvertBorderStyle as a,handleConvertBorderWidth as n,handleConvertBorderColor as d,makeStyleResponsive as h}from"@gem-sdk/core";import{filterTruthyObject as c}from"../../../../../helpers.js";let getColorStyleWidth=e=>{let t=e?.height||"32px",o=e?.width||{desktop:t},r=Object.fromEntries(Object.entries(o).map(([e,o])=>{let r=o&&"undefined"!==o&&"auto"!==o?o:t;return[e,r]}));return h("minw",r)},getWrapperStyleActive=i=>{let{preset:p,optionTypography:a,optionTypo:n,typeOfOption:d}=i,h=p?.optionBgColor,s=p?.optionTextColor,g=p?.optionBorder,b=p?.optionHasShadow,m=p?.optionShadow,u=p?.optionRounded,w="color"===d,x="image"===d||"image_shopify"===d,y=e(n,a),S=e=>{let t=h?.active??h?.normal,o=g?.active??g?.normal;return r({bg:e&&l(t),bs:o?.border,bw:o?.width,bc:l(o?.color)})},v=m?.active??m?.normal,C=b?.active??b?.normal,f=s?.active??s?.normal;return c({...S(!w),...t(u),...o({value:v,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:C},!0),...y,...!w&&!x&&r({c:l(f)}),...w&&getColorStyleWidth(p),...r({h:p?.height})})},getWrapperStyleNormalAndHover=e=>{let{preset:t,optionTransform:l,optionTypography:h,optionTypo:s,typeOfOption:g}=e,b=t?.optionBgColor,m=t?.optionTextColor,u=t?.optionBorder,w=t?.optionHasShadow,x=t?.optionShadow,y=t?.optionRounded,S="color"===g,v="image"===g||"image_shopify"===g,C=["normal","hover"].reduce((e,t)=>({...e,...o({value:x?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:w?.[t]})}),{});return c({...i(y),...C,...!S&&p("bg",b),...!S&&a(u),...!S&&n(u),...!S&&d(u),...!S&&!v&&r({c:l}),...!S&&!v&&p("c",m),...typoStyleNotIn(s,h,["--c"]),...S&&getColorStyleWidth(t),...r({h:t?.height})})};function typoStyleNotIn(t,o,r){let l=e(t,o);return r&&0!==r.length?Object.fromEntries(Object.entries(l).filter(([e])=>!r.includes(e))):l}let getWrapperTextStyle=e=>{let{preset:o,typeOfOption:r,checked:l}=e,p=o?.optionBorder,h=o?.optionRounded,s="color"===r,g=()=>{let e="16px",t={"--pl":"0px","--pr":"0px","--pl-tablet":"0px","--pr-tablet":"0px","--pl-mobile":"0px","--pr-mobile":"0px","--pt":"0px","--pb":"0px"};return o?.width?.desktop?.toLowerCase()!=="auto"&&o?.width?.desktop||(t["--pl"]=e,t["--pr"]=e),o?.width?.tablet?.toLowerCase()!=="auto"&&o?.width?.tablet||(t["--pl-tablet"]=e,t["--pr-tablet"]=e),o?.width?.mobile?.toLowerCase()!=="auto"&&o?.width?.mobile||(t["--pl-mobile"]=e,t["--pr-mobile"]=e),(o?.height?.toLowerCase()==="auto"||o?.height)&&(t["--pt"]="8px",t["--pb"]="8px"),t},b={...h,active:{...h?.active||{},radiusType:"custom"}},m=l?t(b):i(h),u=!l&&s?{...a(p),...n(p),...d(p)}:{};return c({...!s&&g(),...s&&m,...u})},getColorStyle=({optionBorder:e,optionRounded:t,isActive:o,color:r})=>{let l=()=>r?r?.startsWith("linear-gradient")?{backgroundImage:r}:{backgroundColor:r}:{},p=t=>t?{"--bs":"none"}:a(e),h=o=>({"--d":"flex","--jc":"center","	--ai":"center","--w":"100%","--h":"100%","--of":"hidden","--hvr-c":"unset",...p(o),...n(e),...d(e),...i(t),...l()});return h(!!o)},getTextStyle=({optionTypo:t,optionTypography:o})=>{let r=e(t,o);return delete r["--c"],c({...r})};export{getColorStyle,getTextStyle,getWrapperStyleActive,getWrapperStyleNormalAndHover,getWrapperTextStyle};

package/dist/esm/product/components/product-variants/common/const.js

@@ -0,0 +1 @@
+let OPTION_VALUES_DELIMITER="|||";export{OPTION_VALUES_DELIMITER};

package/dist/esm/product/components/product-variants/common/dropdown/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as e,makeStyle as t,getSingleColorVariable as o,getStyleShadow as r,makeStyleResponsive as c,makeWidth as a,getGlobalColorStateStyle as i,handleConvertBorderStyle as s,handleConvertBorderWidth as l,handleConvertBorderColor as p,composeRadius as n}from"@gem-sdk/core";import{filterTruthyObject as b}from"../../../../../helpers.js";let getSelectStyle=({width:d,height:g,optionTypo:h,optionTypography:v,optionBgColor:m,optionTextColor:u,optionRounded:w,optionHasShadow:S,optionShadow:f,optionBorder:k,optionTransform:y,isCombine:x})=>{let j=e(h,v),A=t({bg:o(m?.active),bs:k?.active?.border,bw:k?.active?.width,bc:k?.active?.color}),E=[x?"active":"normal","hover"].reduce((e,t)=>({...e,...r({value:f?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:S?.[t]})}),{});return b({...c("w",a(d)),...t({h:g}),...E,...A,...t({tt:y}),...j,...i("c",u),...i("bg",m),...s(k),...l(k),...p(k),...n(w),appearance:"none","background-image":"url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031)","background-repeat":"no-repeat","background-position":"right 16px center"})};export{getSelectStyle};
+import{composeTypographyStyle as e,makeStyleResponsive as t,makeStyle as o,getSingleColorVariable as a,getStyleShadow as r,makeWidth as c,getGlobalColorStateStyle as s,handleConvertBorderStyle as l,handleConvertBorderWidth as i,handleConvertBorderColor as d,composeRadius as p}from"@gem-sdk/core";import{filterTruthyObject as h}from"../../../../../helpers.js";let getSelectStyle=({width:n,height:b,optionTypo:g,optionTypography:m,optionBgColor:u,optionTextColor:v,optionRounded:w,optionHasShadow:S,optionShadow:x,optionBorder:y,optionTransform:f,isCombine:k,textAlign:A})=>{let E=e(g,m),F=A?t("ta",A):{},j=o({bg:a(u?.active),bs:y?.active?.border,bw:y?.active?.width,bc:y?.active?.color}),T=[k?"active":"normal","hover"].reduce((e,t)=>({...e,...r({value:x?.[t],state:t,styleAppliedFor:"box-shadow",isEnableShadow:S?.[t]})}),{});return h({...t("w",c(n)),...o({h:b}),...T,...j,...o({tt:f}),...E,...s("c",v),...s("bg",u),...l(y),...i(y),...d(y),...p(w),...r({value:g?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:g?.custom?.hasShadowText}),...F,appearance:"none","background-image":"url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031)","background-repeat":"no-repeat","background-position":"right 16px center"})};export{getSelectStyle};

package/dist/esm/product/components/product-variants/components/color/color.liquid.js

@@ -1,4 +1,4 @@
-import{template as o}from"@gem-sdk/core";import l from"../base/base.liquid.js";import{optionRoundedColorDefault as r}from"../../utils/mappingVariantStyles.js";let ColorVariant=({isVariantOutStock:i,swatchValue:s,...n})=>o`
+import{template as o}from"@gem-sdk/core";import r from"../base/base.liquid.js";import{optionRoundedColorDefault as l}from"../../utils/mappingVariantStyles.js";import{OPTION_VALUES_DELIMITER as i}from"../../common/const.js";let ColorVariant=({isVariantOutStock:s,swatchValue:n,...t})=>o`
     {% assign colorsString = null %}
     {% assign colors = null %}
     {% for label in labels %}
@@ -7,7 +7,7 @@ import{template as o}from"@gem-sdk/core";import l from"../base/base.liquid.js";i
       {% endif %}
     {% endfor %}
     {% if colorsString != null %}
-      {% assign colors = colorsString | split: '($7)' %}
+      {% assign colors = colorsString | split: '${i}' %}
     {% endif %}
-    ${l({...n,typeOfOption:"color",optionRounded:r})}
+    ${r({...t,typeOfOption:"color",optionRounded:l})}
   `;export{ColorVariant as default};

package/dist/esm/product/components/product-variants/components/dropdown-swatches/Dropdown.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import e from"../dropdown-option/VariantOption.js";import i from"../dropdown-option/DropdownOption.js";import{getSelectClass as n}from"../../common/dropdown/classes.js";import{createClass as r,createStyle as a,createAttr as p,If as m}from"@gem-sdk/system";import{getSelectStyle as d}from"../../common/dropdown/styles.js";import{getSelectAttr as s}from"../../common/dropdown/attrs.js";import{useDropdownSwatches as l}from"./hooks/useDropdownSwatches.js";let DropdownVariant=c=>{let{option:w,optionPosition:h,optionNumber:u,variantGroup:f,variants:j,price:v,blankText:b,swatchHeight:g,optionTypography:k,optionTransform:y,initValue:C,hasPreSelected:D,optionTypo:N,combineHeight:S,combineWidth:x,soldOutStyle:O}=c,{optionBgColor:P,optionTextColor:V,optionRounded:B,optionShadow:R,optionHasShadow:H,optionBorder:M}=c,{value:T,preset:q,handleOnChangeSelect:z,checkVariantInStock:A}=l(c),E="disable"===O;f||(P=q?.optionBgColor,V=q?.optionTextColor,M=q?.optionBorder,H=q?.optionHasShadow,R=q?.optionShadow,B=q?.optionRounded);let F=r(n({optionTypo:N,optionTypography:k,optionBgColor:P,optionBorder:M,optionTextColor:V})),G=a(d({width:f?x:q?.width,height:f?S:q?.height,optionTypo:N,optionTypography:k,optionBgColor:P,optionTextColor:V,optionRounded:B,optionShadow:R,optionHasShadow:H,optionBorder:M,optionTransform:y,swatchHeight:g,isCombine:f})),I=p(s({optionName:w?.name,value:T??C,type:"React"})),J=()=>j?.map(o=>t(e,{disabled:!A(o)&&E,value:o?.id,variant:o,includePrice:v},o?.id)),K=()=>w?.values?.map(o=>t(i,{value:o,optionName:w.name,optionPosition:h,optionNumber:u,isSoldOutMark:E},o?.id));return o("select",{...I,className:F,style:G,onChange:o=>z(o),children:[m(!D,t("option",{value:"blank",children:b??"Please select an option"})," "),m(f,J(),K())]})};export{DropdownVariant as default};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import e from"../dropdown-option/VariantOption.js";import i from"../dropdown-option/DropdownOption.js";import{getSelectClass as n}from"../../common/dropdown/classes.js";import{createClass as r,createStyle as a,createAttr as p,If as m}from"@gem-sdk/system";import{getSelectStyle as s}from"../../common/dropdown/styles.js";import{getSelectAttr as d}from"../../common/dropdown/attrs.js";import{useDropdownSwatches as l}from"./hooks/useDropdownSwatches.js";let DropdownVariant=c=>{let{option:w,optionPosition:h,optionNumber:u,variantGroup:f,variants:g,price:j,blankText:v,swatchHeight:b,optionTypography:x,optionTransform:k,initValue:y,hasPreSelected:C,optionTypo:D,combineHeight:N,combineWidth:S,soldOutStyle:O}=c,{optionBgColor:P,optionTextColor:V,optionRounded:A,optionShadow:B,optionHasShadow:R,optionBorder:H}=c,{value:M,preset:T,handleOnChangeSelect:q,checkVariantInStock:z}=l(c),E="disable"===O;f||(P=T?.optionBgColor,V=T?.optionTextColor,H=T?.optionBorder,R=T?.optionHasShadow,B=T?.optionShadow,A=T?.optionRounded);let F=r(n({optionTypo:D,optionTypography:x,optionBgColor:P,optionBorder:H,optionTextColor:V})),G=a(s({width:f?S:T?.width,height:f?N:T?.height,optionTypo:D,optionTypography:x,optionBgColor:P,optionTextColor:V,optionRounded:A,optionShadow:B,optionHasShadow:R,optionBorder:H,optionTransform:k,swatchHeight:b,isCombine:f,textAlign:D?.attrs?.textAlign})),I=p(d({optionName:w?.name,value:M??y,type:"React"})),J=()=>g?.map(o=>t(e,{disabled:!z(o)&&E,value:o?.id,variant:o,includePrice:j},o?.id)),K=()=>w?.values?.map(o=>t(i,{value:o,optionName:w.name,optionPosition:h,optionNumber:u,isSoldOutMark:E},o?.id));return o("select",{...I,className:F,style:G,onChange:o=>q(o),children:[m(!C,t("option",{value:"blank",children:v??"Please select an option"})," "),m(f,J(),K())]})};export{DropdownVariant as default};

package/dist/esm/product/components/product-variants/components/dropdown-swatches/Dropdown.liquid.js

@@ -1,9 +1,9 @@
-import{template as o}from"@gem-sdk/core";import{createClass as r,createStyle as t,createAttr as e,If as m}from"@gem-sdk/system";import{getSelectClass as s}from"../../common/dropdown/classes.js";import{getSelectStyle as d}from"../../common/dropdown/styles.js";import{getSelectAttr as i}from"../../common/dropdown/attrs.js";import{renderBlankOption as n,renderDropdownOptions as p}from"../dropdown-option/render-liquid/index.js";let DropdownVariant=l=>{let{variantGroup:a,blankText:c,swatchAutoWidth:f,swatchHeight:w,optionTypography:$,optionBgColor:j,optionTextColor:u,optionRounded:y,optionShadow:g,optionHasShadow:h,optionBorder:b,optionTransform:k,hasPreSelected:q,optionTypo:x,combineHeight:D,combineWidth:V,soldOutStyle:C,children:L}=l,v="disable"===C,z=r(s({optionTypo:x,optionTypography:$,optionBgColor:j,optionBorder:b,optionTextColor:u})),A=t(d({width:a?V:f,height:a?D:w,optionTypo:x,optionTypography:$,optionBgColor:j,optionTextColor:u,optionRounded:y,optionHasShadow:h,optionShadow:g,optionBorder:b,optionTransform:k,isCombine:a})),B=e(i({variantGroup:a,type:"Liquid"})),E=()=>L;return o`
+import{template as o}from"@gem-sdk/core";import{createClass as t,createStyle as r,createAttr as e,If as s}from"@gem-sdk/system";import{getSelectClass as m}from"../../common/dropdown/classes.js";import{getSelectStyle as i}from"../../common/dropdown/styles.js";import{getSelectAttr as d}from"../../common/dropdown/attrs.js";import{renderBlankOption as n,renderDropdownOptions as p}from"../dropdown-option/render-liquid/index.js";let DropdownVariant=l=>{let{variantGroup:a,blankText:c,swatchAutoWidth:f,swatchHeight:w,optionTypography:g,optionBgColor:$,optionTextColor:j,optionRounded:u,optionShadow:x,optionHasShadow:y,optionBorder:h,optionTransform:b,hasPreSelected:k,optionTypo:q,combineHeight:A,combineWidth:D,soldOutStyle:V,children:C}=l,L="disable"===V,v=t(m({optionTypo:q,optionTypography:g,optionBgColor:$,optionBorder:h,optionTextColor:j})),z=r(i({width:a?D:f,height:a?A:w,optionTypo:q,optionTypography:g,optionBgColor:$,optionTextColor:j,optionRounded:u,optionHasShadow:y,optionShadow:x,optionBorder:h,optionTransform:b,isCombine:a,textAlign:q?.attrs?.textAlign})),B=e(d({variantGroup:a,type:"Liquid"})),E=()=>C;return o`
     <select
       ${B}
-      class="${z}"
-      style="${A}"
+      class="${v}"
+      style="${z}"
     >
-      ${m(!q,n(c))}
-      ${m(a,E(),p(v,q))}
+      ${s(!k,n(c))}
+      ${s(a,E(),p(L,k))}
     </select>`};export{DropdownVariant as default};

package/dist/esm/product/components/product-view-more/ProductViewMore.liquid.js

@@ -1,6 +1,6 @@
 import{If as e}from"@gem-sdk/system";import{getButtonStyle as r}from"./common/styles.js";import{getSettingPreloadData as s}from"../../../helpers.js";import o from"../../../button/components/Button.liquid.js";import{template as t,isLocalEnv as m,baseAssetURL as p}from"@gem-sdk/core";import{getButtonSettings as i,getButtonLiquidSettings as d}from"./common/helpers.js";let ProductViewMore=({style:c,styles:l,setting:a,advanced:u,builderProps:f,builderAttrs:n,pageContext:v})=>t`
     <gp-product-view-more>
-      ${o({styles:l,advanced:u,builderProps:f,builderAttrs:n,setting:{...i(a),...d(a)},style:{...r(c,l)},pageContext:v,className:"btn-view-more"})}
+      ${o({styles:l,advanced:u,builderProps:f,builderAttrs:n,setting:{...i(a),...d(a,v)},style:{...r(c,l)},pageContext:v,className:"btn-view-more"})}
       ${e(m,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${p}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-product-view-more>
   `;export{ProductViewMore as default};

package/dist/esm/product/components/product-view-more/common/helpers.js

@@ -1 +1 @@
-let getButtonSettings=t=>{let{label:e,iconSvg:n,iconAlign:i,iconVisible:u,shouldClearSpace:g,enableHoverEffect:l}=t??{};return{label:e,iconSvg:n,iconAlign:i,iconVisible:u,shouldClearSpace:g,htmlType:"submit",enableHoverEffect:l}},getButtonLiquidSettings=t=>{let{translate:e,redirectNewTab:n}=t??{};return{translate:e,btnLink:{link:"{{ product.url }}",target:n?"_blank":"_self"},enableBtnLink:!0}};export{getButtonLiquidSettings,getButtonSettings};
+let getButtonSettings=t=>{let{label:e,iconSvg:n,iconAlign:l,iconVisible:i,shouldClearSpace:u,enableHoverEffect:o}=t??{};return{label:e,iconSvg:n,iconAlign:l,iconVisible:i,shouldClearSpace:u,htmlType:"submit",enableHoverEffect:o}},getButtonLiquidSettings=(t,e)=>{let{translate:n,redirectNewTab:l}=t??{},i=e?.hasCollectionHandle?"{% if collection %}{{ collection.url }}/products/{{ product.handle }}{% else %}{{ product.url }}{% endif %}":"{{ product.url }}";return{translate:n,btnLink:{link:i,target:l?"_blank":"_self"},enableBtnLink:!0}};export{getButtonLiquidSettings,getButtonSettings};

package/dist/esm/product/components/product-wrap/Product.liquid.js

@@ -1,14 +1,14 @@
-import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-sdk/core";import r from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as a,If as n,Liquid as d,LiquidFor as s}from"@gem-sdk/system";import{getSettingPreloadData as c,getStaticLocale as p}from"../../../helpers.js";import{getData as l,DYNAMIC_PRODUCT_STATUS as u,STATIC_PRODUCT_STATUS as f,PRODUCT_ID_LATEST as m}from"./common/helpers.js";let Product=g=>{let{children:_,setting:v,style:y,builderProps:$,rawChildren:b,advanced:I}=g,{isSyncProduct:S}=v??{},{rowSetting:j,rowStyles:h,formatVariantId:q,formatProductId:V,productStatus:P,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=l(g),x=()=>t`
+import{template as t,RenderIf as e,isLocalEnv as r,baseAssetURL as i}from"@gem-sdk/core";import a from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as o,If as d}from"@gem-sdk/system";import{getSettingPreloadData as n,getStaticLocale as s}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as p,STATIC_PRODUCT_STATUS as l,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let Product=f=>{let{children:m,setting:g,style:y,builderProps:v,rawChildren:_,advanced:$}=f,{isSyncProduct:S,productSetting:I}=g??{},b=I?.hasPreSelected??!1,{rowSetting:j,rowStyles:h,formatVariantId:q,formatProductId:P,productStatus:V,preSelectedOptionIds:k,productHandle:w,advancedStyle:E}=c(f),x=()=>t`
       {%- liquid
         if request.page_type == 'product'
-          if '${P}' == '${f}'
-            if '${V}' == '${m}'
+          if '${V}' == '${l}'
+            if '${P}' == '${u}'
               paginate collections.all.products by 100000
                 assign product = collections.all.products | sort: 'created_at' | reverse | first
               endpaginate
             else
               assign product = all_products['${w}']
-              assign productId = '${V}' | times: 1
+              assign productId = '${P}' | times: 1
               if product == empty or product == null
                 paginate collections.all.products by 100000
                   for item in collections.all.products
@@ -21,13 +21,13 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-s
             endif
           endif
         else
-          if '${V}' == '${m}'
+          if '${P}' == '${u}'
             paginate collections.all.products by 100000
               assign product = collections.all.products | sort: 'created_at'| reverse | first
             endpaginate
           else
             assign product = all_products['${w}']
-            assign productId = '${V}' | times: 1
+            assign productId = '${P}' | times: 1
             if product == empty or product == null
               paginate collections.all.products by 100000
                 for item in collections.all.products
@@ -44,7 +44,7 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-s
       {%- liquid
         if request.page_type != 'product'
           assign product = all_products['${w}']
-          assign productId = '${V}' | times: 1
+          assign productId = '${P}' | times: 1
           if product == empty or product == null
             paginate collections.all.products by 100000
               for item in collections.all.products
@@ -58,12 +58,10 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-s
       -%}
     `,B=()=>t`
       {%- assign gpBkProduct = product -%}
-      ${n(P==u,A(),x())}
+      ${d(V==p,A(),x())}
     `,G=()=>t`
-    ${d("{%- assign total_combinations = 1 -%}")}
-    ${s("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
       {%- assign initVariantId = ${q} -%}
-      {%- assign product_form_id = 'product-form-' | append: "${$?.uid}" -%}
+      {%- assign product_form_id = 'product-form-' | append: "${v?.uid}" -%}
       ${q?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
       ${q?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
       {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
@@ -73,15 +71,15 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-s
         {%- assign variant = product.selected_or_first_available_variant -%}
       {%- endif -%}
     `,H=()=>t`
-      <div class="gp-text-center">${p("Product","product_not_found")}</div>
+      <div class="gp-text-center">${s("Product","product_not_found")}</div>
     `,O=()=>t`
       ${G()}
       <gp-product
-        data-uid="${$?.uid}"
-        data-id="${$?.uid}"
+        data-uid="${v?.uid}"
+        data-id="${v?.uid}"
         style="${E}"
-        class="${I?.cssClass}"
-        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${k}], "isSyncProduct": "${S}", "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
+        class="${$?.cssClass}"
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${k}], "isSyncProduct": "${S}", "hasPreSelected": ${b}, "variantSelected": {{ variant | json | escape }},  "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
         gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
       >
         <product-form class="product-form">
@@ -89,13 +87,13 @@ import{template as t,RenderIf as e,isLocalEnv as i,baseAssetURL as o}from"@gem-s
             <input type="hidden" name="id" value="{{ variant.id }}" />
             <input type="hidden" name="quantity" value="{{ quantity }}" />
             <button type="submit" onclick="return false;" style="display:none;"></button>
-            ${r({builderProps:{...$,uid:$?.uid,uidInteraction:`${$?.uid}-row`},style:y,styles:h,setting:j,children:_,rawChildren:b})}
+            ${a({builderProps:{...v,uid:v?.uid,uidInteraction:`${v?.uid}-row`},style:y,styles:h,setting:j,children:m,rawChildren:_})}
           {%- endform -%}
         </product-form>
       </gp-product>
       {%- assign product = gpBkProduct -%}
     `;return t`
     ${B()}
-    ${a("product != empty and product != null",O(),H())}
-    ${e(i,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${o("product != empty and product != null",O(),H())}
+    ${e(r,`<script ${n('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${n('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Product as default};

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

@@ -1 +1 @@
-import{formatMoney as t}from"@gem-sdk/core";import{DiscountType as e}from"../components/constants/product-bundle.js";let noDiscount=e=>({discountPercentAmount:0,discountAmount:t("0",e)}),applyBundleDiscountAmount=n=>{let{currentVariant:o,bundleItem:u,options:c}=n;if(!c?.useProductCompareAtPrice&&u?.discountType===e.NoDiscount||!u||!o?.price)return noDiscount(c?.moneyFormat||"${{amount}}");let r=Number(o?.price),i=Number(o?.salePrice)||r,a=Number(u?.quantity),m=calculateBundleFixedDiscount(r,u),s=discountPercentAmount(m,a*r),d=r*a-m,l=i*a;return i<=r&&m<=0?noDiscount(c?.moneyFormat||"${{amount}}"):{discountPercentAmount:c?.useProductCompareAtPrice?calculateDiffPercentPrice(d,l):s,discountAmount:c?.useProductCompareAtPrice?calculateDiffFixedPrice(d,l,c?.moneyFormat):t(m.toString(),c?.moneyFormat)}},calculateDiffPercentPrice=(t,e)=>{let n=(e-t)/e*100;return Math.round(n)},calculateDiffFixedPrice=(e,n,o)=>t((n-e).toString(),o),calculateBundleFixedDiscount=(t,n)=>{let o=parseInt(n?.discountValue);return n?.discountType===e.Percentage?t*n.quantity*o/100:n?.discountType===e.FixedAmount?o:0},discountPercentAmount=(t,e)=>Math.round(t/e*100);export{applyBundleDiscountAmount};
+import{convertDecimalToNumber as t,formatMoney as e}from"@gem-sdk/core";import{DiscountType as n}from"../components/constants/product-bundle.js";let noDiscount=t=>({discountPercentAmount:0,discountAmount:e("0",t)}),applyBundleDiscountAmount=o=>{let{currentVariant:u,bundleItem:c,options:r}=o;if(!r?.useProductCompareAtPrice&&c?.discountType===n.NoDiscount||!c||!u?.price)return noDiscount(r?.moneyFormat||"${{amount}}");let i=t(u?.price)??0,a=t(u?.salePrice)??i,m=Number(c?.quantity),s=calculateBundleFixedDiscount(i,c),d=discountPercentAmount(s,m*i),l=i*m-s,p=a*m;return a<=i&&s<=0?noDiscount(r?.moneyFormat||"${{amount}}"):{discountPercentAmount:r?.useProductCompareAtPrice?calculateDiffPercentPrice(l,p):d,discountAmount:r?.useProductCompareAtPrice?calculateDiffFixedPrice(l,p,r?.moneyFormat):e(s.toString(),r?.moneyFormat)}},calculateDiffPercentPrice=(t,e)=>{let n=(e-t)/e*100;return Math.round(n)},calculateDiffFixedPrice=(t,n,o)=>e((n-t).toString(),o),calculateBundleFixedDiscount=(t,e)=>{let o=parseInt(e?.discountValue);return e?.discountType===n.Percentage?t*e.quantity*o/100:e?.discountType===n.FixedAmount?o:0},discountPercentAmount=(t,e)=>Math.round(t/e*100);export{applyBundleDiscountAmount};

package/dist/esm/product/settings/bundle-layout/horizontal-three.js

@@ -1 +1 @@
-let horizontalThree=[{advanced:{},childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{css:".{{rootClassName}} > div > div{\nwidth:100%;\n}",rootClassName:"{{rootClassName}}"},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"static"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"Auto",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-d6e2c48e-485d-4db2-a00e-9fe3bde2c3d5.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{gap:"",height:"",shape:"original",shapeLinked:!0,width:"100%"}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gdzIKI_0T_"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gn1nFyt3q6"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Deluxe choice</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gRom-20zjM"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gzjaV2bhnA"},{childrens:[{childrens:[],label:"Product Price",settings:{hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,priceType:"regular",textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gPxDKeAt0Y"}],label:"Block",settings:{},tag:"Col",uid:"gaMYmxtRAS"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gQvPWxec6X"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gY3R2wmMlG"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalThree};
+let horizontalThree=[{advanced:{},childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"relative"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"100%",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-d6e2c48e-485d-4db2-a00e-9fe3bde2c3d5.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{gap:"",height:"",shape:"original",shapeLinked:!0,width:"100%"}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gdzIKI_0T_"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gn1nFyt3q6"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Deluxe choice</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gRom-20zjM"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gzjaV2bhnA"},{childrens:[{childrens:[],label:"Product Price",settings:{hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,priceType:"regular",textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gPxDKeAt0Y"}],label:"Block",settings:{},tag:"Col",uid:"gaMYmxtRAS"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gQvPWxec6X"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gY3R2wmMlG"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalThree};

package/dist/esm/product/settings/bundle-layout/horizontal-two.js

@@ -1 +1 @@
-let horizontalTwo=[{childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{css:".{{rootClassName}} > div > div{\nwidth:100%;\n}",rootClassName:"{{rootClassName}}"},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"static"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"Auto",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-b286a16e-98e6-48ba-889d-a36b64249436.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{shape:"original",shapeLinked:!0}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gRq0Y_6o_C"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gZCW_UZNgX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Great value</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gXozhYepEX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-1"},lineThrough:!0,thickness:2,lineColor:"text-1",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gU7z9j0jbp"},{childrens:[{childrens:[],label:"Product Price",settings:{priceType:"regular",hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gP9Tq9YUJq"}],label:"Block",settings:{},tag:"Col",uid:"gEOSPx4VOT"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gVq8mfQa7w"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gM8gt27sCy"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalTwo};
+let horizontalTwo=[{childrens:[{childrens:[{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{},hasBoxShadow:{desktop:{normal:!1}},left:{desktop:"0px"},op:{desktop:"100%"},pos:{desktop:"relative"},right:{desktop:"0px"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"8px"}}},z:{desktop:1}},label:"Product Badge",settings:{contentType:"text",displayContent:"SALE {percent_discount}",translate:"displayContent",displayTrigger:[{conditionType:"exact_or_above",from:"1",priority:0,quantityType:"exact_or_above",to:"15",triggerEvent:"inventory_status",type:"in_stock"}],image:{src:"https://cdn.shopify.com/s/files/1/0697/6182/7064/files/gempages_523190969722471488-fc9fecb6-26b8-4836-b417-2dfb9ea43bd5.png?v=1723733677"},positionWithImage:"outside",shape:"horizontal_rectangle"},styles:{align:{desktop:"left"},badgeColorV2:{desktop:"#FF614C"},borderRadius:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"custom"},hasShadow:!1,imageSize:{desktop:{disableShapeLinked:!0,height:"auto",shape:"original",shapeLinked:!0,width:"20%"}},position:{desktop:{bottomGap:"0",leftGap:"0",placement:"top-left",rightGap:"0",topGap:"0"}},shapeShadow:{angle:90,blur:"12px",color:"#121212",distance:"4px",spread:"0px",type:"shadow-1"},textColor:"text-3",textSize:{desktop:{disableShapeLinked:!0,gap:"",height:"Auto",hiddenShape:!0,padding:{bottom:"8px",left:"12px",right:"12px",top:"8px"},shape:"custom",shapeLinked:!1,width:"100%"}},typo:{attrs:{color:"text-3"},custom:{fontSize:{desktop:"15px"}},type:"paragraph-1"},textSizeV2:{desktop:{width:"100%",height:"auto",shapeLinked:!1,disableShapeLinked:!0,hiddenShape:!0,shape:"custom",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},tag:"ProductBadge",uid:"gXAaVIfN3P",childrens:[]},{advanced:{d:{desktop:!0,mobile:!0,tablet:!0},editorData:{cssPlaceholder:".{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}"},hasBoxShadow:{desktop:{normal:!1}},op:{desktop:"100%"},rounded:{desktop:{normal:{bblr:"0px",bbrr:"0px",btlr:"0px",btrr:"0px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{}}}},label:"Image",settings:{image:{height:1678,src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237},imageLink:{link:"",target:"_self"},isAdaptive:!0,isNotLazyload:!1,priority:!1,quality:70,srcSet:{desktop:{height:240,src:"https://cdn.shopify.com/s/files/1/0617/5296/7323/files/gempages_516637113702155432-b286a16e-98e6-48ba-889d-a36b64249436.png",storage:"FILE_CONTENT",width:241}}},styles:{align:{desktop:"center"},borderImg:{normal:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!1,width:"1px 1px 1px 1px"}},borderRadius:{radiusType:"none"},boxShadowImg:{normal:{angle:90,blur:"12px",color:"rgba(0, 0, 0, 0.20)",distance:"4px",spread:"0px",type:"shadow-1"}},hasActiveShadow:!1,hasBoxShadowImg:{normal:!1},objectFit:{desktop:"cover"},opacity:{normal:0},opacityColor:{normal:"#242424"},shadow:{angle:40,blur:"12px",color:"rgba(18, 18, 18, 0.77)",distance:"10px",spread:"10px",type:"custom"},shape:{desktop:{shape:"original",shapeLinked:!0}},wrapperBorder:{border:"none",borderType:"none",borderWidth:"1px",color:"#000000",isCustom:!0,position:"all",width:"1px 1px 1px 1px"}},tag:"Image",uid:"gRq0Y_6o_C"},{childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"bundle-title",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{bold:!0,color:"#121212"},type:"subheading-2"}},tag:"Text",uid:"gZCW_UZNgX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[],label:"Text Block",settings:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},globalSize:{desktop:{padding:{type:"custom"},width:"100%"}},htmlTag:"div",text:"<p>Great value</p>",translate:"text"},styles:{align:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:1,mobile:1,tablet:1},textAlign:{desktop:"center"},typo:{attrs:{color:"#121212"},type:"paragraph-1"}},tag:"Text",uid:"gXozhYepEX"},{advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}},childrens:[{childrens:[{tag:"ProductPrice",label:"Product Price",settings:{priceType:"compare"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-2"},lineThrough:!0,thickness:2,lineColor:"text-2",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"}},defaultPresetConfig:{typo:{type:"subheading-2",default:{type:"subheading-2"}},color:{normal:"text-1"},lineThrough:!0,thickness:2,lineColor:"text-1",disableHoverColor:!0,hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"},"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},d:{desktop:!0,tablet:!0,mobile:!0},border:{desktop:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{}}},op:{desktop:"100%"},animation:{desktop:{enabled:!1,trigger:"appear",triggerConfig:{appear:{animation:"fade",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!0,easing:"ease-out",zoomDirection:"in",scale:{in:[80,100],out:[120,100]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}},hover:{animation:"none",setting:{fade:{delay:"0",speed:1.7,easing:"ease-out"},zoom:{delay:"0",speed:1.7,isFade:!1,easing:"ease-out",zoomDirection:"in",scale:{in:[100,120],out:[100,80]}},slide:{delay:"0",speed:1.7,easing:"ease-out",direction:"left",isCustomDistance:!1},shake:{delay:"0",speed:.7,loop:!1,intensity:11,easing:"linear"}}}}}},priceType:"compare"}}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gU7z9j0jbp"},{childrens:[{childrens:[],label:"Product Price",settings:{priceType:"regular",hasOnlyDefaultVariant:!1},styles:{color:{normal:"#242424"},hasTextShadow:{normal:!1},lineColor:"text-1",lineThrough:!0,textAlign:{desktop:"right"},textShadow:{normal:{type:"shadow-1"}},thickness:1,typo:{type:"subheading-2"}},tag:"ProductPrice",uid:"gP9Tq9YUJq"}],label:"Block",settings:{},tag:"Col",uid:"gEOSPx4VOT"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"center"},inlineAlignment:"start",layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!1,mobile:!1,tablet:!1},preloadBgImage:!1,verticalGutter:{desktop:"8px"},width:{desktop:"100%"}},tag:"Row",uid:"gVq8mfQa7w"}],label:"Block",settings:{},styles:{},tag:"Col",uid:"gM8gt27sCy"}],label:"Row",settings:{blockAlignment:"start",horizontalAlign:{desktop:"space-between"},inlineAlignment:"start",layout:{desktop:{cols:[12],display:"fill"},mobile:{cols:[12],display:"fill"}},verticalAlign:{desktop:"center"}},styles:{background:{desktop:{attachment:"scroll",color:"transparent",image:{height:0,src:"",width:0},position:{x:50,y:50},repeat:"no-repeat",size:"cover",type:"color"}},columnGap:{desktop:"1%"},fullWidth:{desktop:!0,mobile:!0,tablet:!0},preloadBgImage:!1,verticalGutter:{desktop:"16px"},width:{}},tag:"Row"}];export{horizontalTwo};

package/dist/esm/product/settings/dynamic-checkout/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"control",condition:"hasBoxShadowBtn.normal == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
+let SettingUIV1=[{type:"group",label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",setting:{id:"globalSize"},layout:"vertical"}]},{type:"group",label:{en:"States"},options:{labelSpacing:"small"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"normal"}},{type:"control",condition:"hasBoxShadowBtn?.normal == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"backgroundColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"textColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"borderBtn",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"roundedBtn",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"}},{type:"control",condition:"hasBoxShadowBtn?.hover == true",layout:"vertical",setting:{id:"boxShadowBtn",state:"hover"}}]}]}]},{type:"group",label:{en:"Text"},controls:[{type:"control",setting:{id:"typo"},layout:"vertical"}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/product/settings/dynamic-checkout/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"28px",showValue:!0},{label:"Medium",value:"36px",showValue:!0},{label:"Large",value:"44px",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.normal?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn?.normal?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},controls:[{type:"group",label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{type:"group",label:{en:"Text"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{type:"group",label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn?.hover?.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn?.hover?.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product/configs/ui-v1.js

@@ -1 +1 @@
-let SettingUIV1=[{type:"control",label:{en:"Select product"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Discount & shipping fee"},controls:[{type:"control",label:{en:"Discount"},setting:{id:"discountType"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:" "},setting:{id:"discountValue"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Shipping fee"},setting:{id:"shippingFeeType"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:" "},condition:"shippingFeeType !== 'free' && pageType == \"POST_PURCHASE\"",setting:{id:"shippingFeeValue"}}]},{type:"control",label:{en:"Select Variant"},layout:"vertical",setting:{id:"selectVariantDefault"},options:{label:"large",styleControl:{"max-width":"100%"}}},{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:""},condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Manage variants & quantity"},layout:"vertical",setting:{id:"isSyncProduct"},options:{label:"large"},isMoreSetting:!0}]}];export{SettingUIV1};
+let SettingUIV1=[{type:"control",label:{en:"Select product"},setting:{id:"productSetting"},layout:"vertical"},{type:"group",label:{en:"Discount & shipping fee"},controls:[{type:"control",label:{en:"Discount"},setting:{id:"discountType"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:" "},setting:{id:"discountValue"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:"Shipping fee"},setting:{id:"shippingFeeType"},condition:'pageType == "POST_PURCHASE"'},{type:"control",label:{en:" "},condition:"shippingFeeType !== 'free' && pageType == \"POST_PURCHASE\"",setting:{id:"shippingFeeValue"}}]},{type:"control",label:{en:"Select Variant"},layout:"vertical",setting:{id:"selectVariantDefault"},options:{label:"large",styleControl:{"max-width":"100%"}}},{type:"control",label:{en:"Layout"},setting:{id:"layout"},layout:"vertical"},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Column gap"},setting:{id:"verticalGutter"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Column gap"},setting:{id:"columnGap"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType == "POST_PURCHASE"'}]},{type:"group",label:{en:"Align"},condition:"layout?.display !== 'fill' || (layout?.display === 'fill' && !!layout?.cols && layout?.cols?.length > 1)",controls:[{type:"control",label:{en:"Vertical"},setting:{id:"verticalAlign"},condition:'!!layout?.cols && layout?.cols?.length > 1 && pageType != "POST_PURCHASE"'},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",setting:{id:"horizontalAlign"}},{type:"control",label:{en:"Horizontal"},condition:"layout?.display !== 'fill' && pageType == \"POST_PURCHASE\"",setting:{id:"inlineAlignment"}}]},{type:"group",label:{en:""},condition:'pageType != "POST_PURCHASE"',controls:[{type:"control",label:{en:"Manage variants & quantity"},layout:"vertical",setting:{id:"isSyncProduct"},options:{label:"large"},isMoreSetting:!0}]}];export{SettingUIV1};