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

package/dist/cjs/product/components/product-variants/OptionVariantsNewFormat.liquid.js

@@ -0,0 +1,41 @@
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),_const=require("./common/const.js");const renderOptionValuesNewFormatSwatches=e=>{let{renderVariantItem:s,variantPresetsLiquid:i}=e;return core.template`
+    ${system.Liquid("{%- assign optionRendered = false -%}")}
+    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatchesJSONFormat.value -%}")}
+
+    ${system.Liquid(`{% for swatch in swatches %}
+      {%- assign optionTitle = swatch.optionTitle -%}
+      {%- assign optionType = swatch.optionType -%}
+      {%- assign labelsString = "" -%}
+      {%- assign colorArraysString = "" -%}
+      {%- assign imageUrlsString = "" -%}
+
+      {% for optionValue in swatch.optionValues %}
+        {%- assign labelsString = labelsString | append: optionValue.label | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign colorsJoined = optionValue.colors | join: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign colorArraysString = colorArraysString | append: colorsJoined | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
+        {%- assign imageUrlsString = imageUrlsString | append: optionValue.imageUrl | append: '${_const.OPTION_VALUES_DELIMITER}' -%}
+      {% endfor %}
+
+      {%- assign labels = labelsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, labelsString.size -%}
+      {%- assign colorStrings = colorArraysString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, colorArraysString.size -%}
+      {%- assign imageUrls = imageUrlsString | split: '${_const.OPTION_VALUES_DELIMITER}' | slice: 0, imageUrlsString.size -%}
+
+      {% if optionTitle == option.name %}
+        {%- assign variantPresetString = "${i}" -%}
+        {%- assign optionName = option.name | replace: "'", "'" | replace: '"', """ -%}
+        {%- assign items = variantPresetString | split: '($2)' -%}
+        {%- assign type = 'dropdown' -%}
+
+        {% for item in items %}
+          {%- assign itemPreset = item | split: '($1)' -%}
+          {% if itemPreset[0] == optionName %}{%- assign type = itemPreset[1] -%}{% endif %}
+          {% if itemPreset[0] == 'base' %}{%- assign type = itemPreset[1] -%}{% endif %}
+        {% endfor %}
+        {%- assign optionRendered = true -%}
+
+        ${s({showDropdown:!0})}
+      {% endif %}
+    {% endfor %}`)}
+
+    ${system.LiquidIf("optionRendered == false",s({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};exports.renderOptionValuesNewFormatSwatches=renderOptionValuesNewFormatSwatches;

package/dist/cjs/product/components/product-variants/OptionVariantsOldFormat.liquid.js

@@ -0,0 +1,66 @@
+"use strict";var system=require("@gem-sdk/system"),core=require("@gem-sdk/core");const renderOptionValuesOld=s=>{let{renderVariantItem:e,variantPresetsLiquid:i}=s;return core.template`
+    ${system.Liquid("{%- assign optionRendered = false -%}")}
+    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
+    ${system.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
+
+    ${system.LiquidFor("swatchesItem in swatchesItems",`
+      ${system.Liquid('{%- assign colorArraysString = "" -%}')}
+      ${system.Liquid('{%- assign labelsString = "" -%}')}
+      ${system.Liquid('{%- assign imageUrlsString = "" -%}')}
+      ${system.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
+
+      ${system.LiquidFor("attrItem in attrItems",`
+          ${system.Liquid("{%- assign attrs = attrItem | split: '($2)' -%}")}
+          ${system.Liquid("{%- assign optionKey = attrs[0] -%}")}
+          ${system.Liquid("{%- assign optionValue = attrs[1] -%}")}
+          ${system.Liquid(`
+            {% if optionKey == 'optionTitle' %}
+              {% assign optionTitle = optionValue %}
+            {% elsif optionKey == 'optionType' %}
+              {% assign optionType = optionValue %}
+            {% endif %}
+          `)}
+
+          ${system.LiquidIf('optionKey == "optionValues"',`
+            ${system.Liquid("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
+            ${system.LiquidFor("opValueItem in opValueItems",`
+                ${system.Liquid("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
+                ${system.LiquidFor("opValueItemAttr in opValueItemAttrs",`
+                    ${system.Liquid("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
+                    ${system.Liquid("{%- assign opValueItemKey = attrs[0] -%}")}
+                    ${system.Liquid("{%- assign opValueItemValue = attrs[1] -%}")}
+
+                    ${system.LiquidIf('opValueItemKey == "label"',`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
+
+                    ${system.LiquidIf('opValueItemKey == "colors"',`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
+
+                    ${system.LiquidIf('opValueItemKey == "imageUrl"',`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}
+                       ${system.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}
+                  `)}
+              `)}
+            `)}
+        `)}
+
+      ${system.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
+      ${system.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
+      ${system.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
+
+      ${system.LiquidIf("optionTitle == option.name",`
+        ${system.Liquid(`{%- assign variantPresetString = "${i}" -%}`)}
+        ${system.Liquid('{%- assign optionName = option.name | replace: "\'", "'" | replace: \'"\', """ -%}')}
+        ${system.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
+        ${system.Liquid("{%- assign type = 'dropdown' -%}")}
+        ${system.LiquidFor("item in items",`
+            ${system.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
+            ${system.LiquidIf("itemPreset[0] == optionName",system.Liquid("{%- assign type = itemPreset[1] -%}"))}
+            ${system.LiquidIf('itemPreset[0] == "base"',system.Liquid("{%- assign type = itemPreset[1] -%}"))}
+          `)}
+        ${system.Liquid("{%- assign optionRendered = true -%}")}
+        ${e({showDropdown:!0})}
+      `)}
+    `)}
+
+    ${system.LiquidIf("optionRendered == false",e({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
+  `};exports.renderOptionValuesOld=renderOptionValuesOld;

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

@@ -1,6 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),index_liquid=require("./components/variants/index.liquid.js"),Dropdown_liquid=require("./components/dropdown-swatches/Dropdown.liquid.js"),DropdownGroup_liquid=require("./components/dropdown-group/DropdownGroup.liquid.js"),helpers=require("../../../helpers.js"),mappingVariantStyles=require("./utils/mappingVariantStyles.js"),system=require("@gem-sdk/system"),getAttr=require("./common/main/getAttr.js"),styles=require("./common/main/styles.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),classes$1=require("./common/variants/classes.js"),_function=require("../../helpers/function.js"),styles$1=require("./common/variants/styles.js");const DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=e=>{let{builderProps:s,styles:t,setting:i,advanced:a}=e,{align:o,swatchItemWidth:n,dropdownItemWidth:r,swatchSpacing:l,optionTypo:p,marginBottom:d}=t??{},{label:u,optionType:m,showAsSwatches:c,layout:y,hasPreSelected:g}=i??{},$=a?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:v}=s??{},q="groupOption"===m,f=()=>{let e={};return core.DEVICES.forEach(s=>{let t=core.getResponsiveValueByScreen(n,s);e[s]="auto"===t}),e},_=()=>{let e={};return core.DEVICES.forEach(s=>{e[s]=r?.[s]==="fill"}),e},L=core.composeMemo(()=>{let e=mappingVariantStyles.mappingVariantStyles(i?.variantPresets,t);return{...i,variantPresets:e}},[i?.variantPresets,t]),S=e=>{let s={"'":"'",'"':"""},t=e;for(let i in s)e.indexOf(i)>=0&&(t=t.replaceAll(i,s[i]));return t},h=()=>i?.variantPresets?.map(e=>`${S(e.optionName)}($2)${e.optionType}`).join("($1)"),I=()=>i?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),V=system.createClass(classes.getVariantOptionGroupClass(o)),j=system.createStyle(styles.getVariantOptionGroupStyle(l,l)),w=getData.getTextVariantTitleData(e,"Liquid"),b=system.createClass(classes$1.getWrapVariantOptionClass(y,o)),A=()=>core.template`
-      ${system.Liquid(`{%- assign presets = "${h()}" | split: '($1)' -%}`)}
-      ${system.Liquid(`{% assign hiddenPresetOptions = "${I()}" | split: ',' %}`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Text_liquid=require("../../../text/components/Text.liquid.js"),index_liquid=require("./components/variants/index.liquid.js"),Dropdown_liquid=require("./components/dropdown-swatches/Dropdown.liquid.js"),DropdownGroup_liquid=require("./components/dropdown-group/DropdownGroup.liquid.js"),helpers=require("../../../helpers.js"),mappingVariantStyles=require("./utils/mappingVariantStyles.js"),system=require("@gem-sdk/system"),getAttr=require("./common/main/getAttr.js"),styles=require("./common/main/styles.js"),classes=require("./common/main/classes.js"),getData=require("./common/main/getData.js"),classes$1=require("./common/variants/classes.js"),_function=require("../../helpers/function.js"),styles$1=require("./common/variants/styles.js"),OptionVariantsNewFormat_liquid=require("./OptionVariantsNewFormat.liquid.js"),OptionVariantsOldFormat_liquid=require("./OptionVariantsOldFormat.liquid.js");const DEFAULT_ADVANCED_DISPLAY_SETTING={desktop:!0,tablet:!0,mobile:!0},ProductVariants=e=>{let{builderProps:t,styles:s,setting:i,advanced:a}=e,{align:o,swatchItemWidth:n,dropdownItemWidth:r,swatchSpacing:l,optionTypo:p,marginBottom:d}=s??{},{label:u,optionType:m,showAsSwatches:c,layout:y,hasPreSelected:v}=i??{},g=a?.d??DEFAULT_ADVANCED_DISPLAY_SETTING,{uid:_}=t??{},f="groupOption"===m,q=()=>{let e={};return core.DEVICES.forEach(t=>{let s=core.getResponsiveValueByScreen(n,t);e[t]="auto"===s}),e},$=()=>{let e={};return core.DEVICES.forEach(t=>{e[t]=r?.[t]==="fill"}),e},h=i?.variantPresets?mappingVariantStyles.mappingVariantStyles(i?.variantPresets,s):[],S=h?.map(e=>({...e,presets:{[e.optionType]:e.presets[e.optionType]}})),w={...i,variantPresets:S},L=e=>{let t={"'":"'",'"':"""},s=e;for(let i in t)e.indexOf(i)>=0&&(s=s.replaceAll(i,t[i]));return s},j=()=>i?.variantPresets?.map(e=>`${L(e.optionName)}($2)${e.optionType}`).join("($1)"),O=()=>i?.variantPresets?.filter(e=>!!e?.hide)?.map(e=>e.optionName).join(","),V=({showDropdown:e,isRenderDefault:t,typeOfOption:i})=>core.template`
+    ${system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:_,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:v?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:i,activeClass:v?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...s,...w,swatchAutoWidth:q(),optionTypo:p,isRenderDefault:t}))}
+      ${system.LiquidIf(e?'type == "dropdown"':"false",Dropdown_liquid.default({...s,...w,swatchAutoWidth:$(),optionTypo:p}))}`,D=i?.variantPresets?.map(e=>({name:L(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),A={renderVariantItem:V,variantPresetsLiquid:D??""},b=system.createClass(classes.getVariantOptionGroupClass(o)),P=system.createStyle(styles.getVariantOptionGroupStyle(l,l)),E=getData.getTextVariantTitleData(e,"Liquid"),x=system.createClass(classes$1.getWrapVariantOptionClass(y,o)),N=()=>core.template`
+      ${system.Liquid(`{%- assign presets = "${j()}" | split: '($1)' -%}`)}
+      ${system.Liquid(`{% assign hiddenPresetOptions = "${O()}" | split: ',' %}`)}
       
       ${system.Liquid(`{% assign all_option_names = options | map: 'name' %}
       {% assign filtered_options_string = '' %}
@@ -30,7 +32,7 @@
       ${system.LiquidFor("option in options",`
         <div
         option-name="{{option.name | escape}}"
-        class="${b} ${system.LiquidIf("hiddenPresetOptions contains option.name","gp-hidden")}"
+        class="${x} ${system.LiquidIf("hiddenPresetOptions contains option.name","gp-hidden")}"
         style="${_function.getStyleOfObject(styles$1.getMarginBottomStyle(d))}${system.Liquid("{% if forloop.last or option.name == last_option_name %}--mb:0;--mb-mobile:0;--mb-tablet:0;{% endif %}")}"
         >
           ${system.Liquid("{%- assign showVariantClass = 'variant-display' -%}")}
@@ -39,11 +41,11 @@
             ${system.Liquid("{%- assign presetDetail = preset | split: '($2)' -%}")}
             ${system.LiquidIf("presetDetail[1] == 'dropdown' and presetDetail[0] == optionName",`${system.Liquid("{%- assign showVariantClass = '' -%}")} ${system.Liquid("{%- break -%}")}`)}
           `)}
-          ${system.If(u,Text_liquid.default(w)," ")}
+          ${system.If(u,Text_liquid.default(E)," ")}
           <div
               variant-option-name="{{option.name | escape}}"
-              class="${V}"
-              style="${_function.getStyleOfObject(j)}"
+              class="${b}"
+              style="${_function.getStyleOfObject(P)}"
             >
               ${system.Liquid("{%- assign values = option.values -%}")}
               ${system.Liquid("{%- assign rootForloop = forloop.index0 -%}")}
@@ -56,78 +58,24 @@
                   {%- assign selectedValue = variant.option3 -%}
                 {%- endif -%}
               `)}
-              ${system.If(!g,system.Liquid("{%- assign selectedValue = null -%}"),"")}
-              ${system.If(c,P(),T())}
+              ${system.If(!v,system.Liquid("{%- assign selectedValue = null -%}"),"")}
+              ${system.If(c,T(),V({showDropdown:!1,isRenderDefault:!0,typeOfOption:"optionType"}))}
           </div>
       </div>`)}
-    `,D=i?.variantPresets?.map(e=>({name:S(e.optionName),type:e.optionType})).map(e=>`${e.name}($1)${e.type}`).join("($2)").toString(),P=()=>core.template`
-    ${system.Liquid("{%- assign optionRendered = false -%}")}
-    ${system.Liquid("{%- assign swatches = shop.metafields.GEMPAGES.swatches -%}")}
-    ${system.Liquid("{%- assign swatchesItems = swatches | split: '($1)' -%}")}
-
-    ${system.LiquidFor("swatchesItem in swatchesItems",`
-      ${system.Liquid('{%- assign colorArraysString = "" -%}')}
-      ${system.Liquid('{%- assign labelsString = "" -%}')}
-      ${system.Liquid('{%- assign imageUrlsString = "" -%}')}
-      ${system.Liquid("{%- assign attrItems = swatchesItem | split: '($3)' -%}")}
-
-      ${system.LiquidFor("attrItem in attrItems",`${system.Liquid("{%- assign attrs = attrItem | split: '($2)' -%}")}
-          ${system.Liquid("{%- assign optionKey = attrs[0] -%}")}
-          ${system.Liquid("{%- assign optionValue = attrs[1] -%}")}
-          ${system.Liquid(`
-            {% if optionKey == 'optionTitle' %}
-            {% assign optionTitle = optionValue %}
-            {% elsif optionKey == 'optionType' %}
-              {% assign optionType = optionValue %}
-            {% endif %}
-          `)}
-
-          ${system.LiquidIf("optionKey == 'optionValues'",`${system.Liquid("{%- assign opValueItems = optionValue | split: '($4)' -%}")}
-            ${system.LiquidFor("opValueItem in opValueItems",`${system.Liquid("{%- assign opValueItemAttrs = opValueItem | split: '($6)' -%}")}
-              ${system.LiquidFor("opValueItemAttr in opValueItemAttrs",`${system.Liquid("{%- assign attrs = opValueItemAttr | split: '($5)' -%}")}
-                ${system.Liquid("{%- assign opValueItemKey = attrs[0] -%}")}
-                ${system.Liquid("{%- assign opValueItemValue = attrs[1] -%}")}
-
-                ${system.LiquidIf("opValueItemKey == 'label'",`${system.Liquid("{%- assign labelsString = labelsString | append: opValueItemValue -%}")}${system.Liquid('{%- assign labelsString = labelsString | append: "($8)" -%}')}`)}
-
-                ${system.LiquidIf("opValueItemKey == 'colors'",`${system.Liquid("{%- assign colorArraysString = colorArraysString | append: opValueItemValue -%}")}${system.Liquid('{%- assign colorArraysString = colorArraysString | append: "($8)" -%}')}`)}
-
-                ${system.LiquidIf("opValueItemKey == 'imageUrl'",`${system.Liquid("{%- assign imageUrlsString = imageUrlsString | append: opValueItemValue -%}")}${system.Liquid('{%- assign imageUrlsString = imageUrlsString | append: "($8)" -%}')}`)}`)}`)}`)}
-        `)}
-
-      ${system.Liquid("{%- assign labels = labelsString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign colorStrings = colorArraysString | split: '($8)' -%}")}
-      ${system.Liquid("{%- assign imageUrls = imageUrlsString | split: '($8)' -%}")}
-
-      ${system.LiquidIf("optionTitle == option.name",`
-        ${system.Liquid(`{%- assign variantPresetString = "${D}" -%}`)}
-        ${system.Liquid('{%- assign optionName = option.name | replace: "\'", "&apos;" | replace: \'"\', "&quot;" -%}')}
-        ${system.Liquid("{%- assign items = variantPresetString | split:'($2)' -%}")}
-        ${system.Liquid("{%- assign type = 'dropdown' -%}")}
-        ${system.LiquidFor("item in items",`
-          ${system.Liquid("{%- assign itemPreset = item | split:'($1)' -%}")}
-          ${system.LiquidIf("itemPreset[0] == optionName",system.Liquid("{%- assign type = itemPreset[1] -%}"))}
-          ${system.LiquidIf('itemPreset[0] == "base"',system.Liquid("{%- assign type = itemPreset[1] -%}"))}
-          `)}
-        ${system.Liquid("{%- assign optionRendered = true -%}")}
-        ${system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:v,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:g?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",optionType:"optionType",activeClass:g?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...t,...L,swatchAutoWidth:f(),optionTypo:p}))}
-        ${system.LiquidIf("type == 'dropdown'",Dropdown_liquid.default({...t,...L,swatchAutoWidth:_(),optionTypo:p}))}
-      `)}
-    `)}
-
-    ${system.LiquidIf("optionRendered == false",T())}
-    `,T=()=>system.LiquidFor("value in values",index_liquid.default({id:"{{option.name | escape}}-{{value | escape}}",variantKey:"{{option.name | escape}}-{{option.position}}-{{ forloop.index }}",showAsSwatches:c,uid:v,name:"{{option.name | escape}}",value:{label:"{{value | escape}}"},checked:g?"{%- if option.selected_value == value -%}true{% else %}false{%- endif -%}":"false",optionPosition:"rootForloop",typeOfOption:"optionType",activeClass:g?"{%- if option.selected_value == value -%}option-item-active{%- endif -%}":"",...t,...L,swatchAutoWidth:f(),optionTypo:p,isRenderDefault:!0})),x=system.createClass(classes.getWrapDropdownClass(o)),O=getData.getDropdownGroupData(e),C=()=>`
-      <div className="${x}">
-        ${DropdownGroup_liquid.default(O)}
+    `,T=()=>core.template`
+      ${system.LiquidIf("shop.metafields.GEMPAGES.swatchesJSONFormat and shop.metafields.GEMPAGES.swatchesJSONFormat != blank",OptionVariantsNewFormat_liquid.renderOptionValuesNewFormatSwatches(A),OptionVariantsOldFormat_liquid.renderOptionValuesOld(A))}
+      `,I=system.createClass(classes.getWrapDropdownClass(o)),F=getData.getDropdownGroupData(e),C=()=>`
+      <div className="${I}">
+        ${DropdownGroup_liquid.default(F)}
       </div>
-    `;system.createStateOrContext({setting:L,styles:JSON.stringify(t),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($)}`,totalVariantCombinations:"{{ total_combinations }}",firstAvailableVariant:"{{ product.selected_or_first_available_variant | json | escape }}"});let E=system.createAttr(getAttr.getAttrs({uid:v,hasPreSelected:g,cssClass:a?.cssClass})),N=system.createStyle(styles.getWrapperStyle(e)),F=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0}),U=()=>{let e=core.isLocalEnv?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
+    `,G=system.createAttr(getAttr.getAttrs({uid:_,hasPreSelected:v,cssClass:a?.cssClass})),k=system.createStyle(styles.getWrapperStyle(e)),W=system.createClass({"gp-flex gp-flex-col !gp-ml-0":!0}),J=()=>{let e=core.isLocalEnv?"{{ 'gp-product-variant-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-variant-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return core.template`
     ${system.Liquid("{%- assign total_combinations = 1 -%}")}
     ${system.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     <gp-product-variants
-      ${E}
+      ${G}
       gp-data='{
-        "setting":${JSON.stringify(L)?.replaceAll("'","&#039;")},
-        "styles":${JSON.stringify(t)},
+        "setting":${JSON.stringify(w)?.replaceAll("'","&#039;")},
+        "styles":${JSON.stringify(s)},
         "variants":{{product.variants | json | escape}},
         "optionsWithValues": {{product.options_with_values | json | escape}},
         "variantSelected": {{ variant | json | escape }},
@@ -137,7 +85,7 @@
         "productId": {{product.id | json | escape}},
         "productUrl": {{product.url | json | escape}},
         "productHandle": {{product.handle | json | escape}},
-        "displayState": ${JSON.stringify($)},
+        "displayState": ${JSON.stringify(g)},
         "totalVariantCombinations": {{total_combinations}},
         "firstAvailableVariant": {{product.selected_or_first_available_variant | json | escape}}
       }
@@ -146,12 +94,12 @@
       ${system.Liquid("{%- assign options = product.options_with_values -%}")}
       ${system.Liquid("{%- assign variants = product.variants -%}")}
       ${system.LiquidIf("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>",core.template`<div
-            class="${F}"
-            style="${N}"
+            class="${W}"
+            style="${k}"
           >
-          ${system.If(q,C(),A())}
+          ${system.If(f,C(),N())}
         </div>`)}
     </gp-product-variants>
 
-    ${U()}
+    ${J()}
   `};exports.default=ProductVariants;

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

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

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

@@ -0,0 +1 @@
+"use strict";const OPTION_VALUES_DELIMITER="|||";exports.OPTION_VALUES_DELIMITER="|||";

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getSelectStyle=({width:e,height:r,optionTypo:o,optionTypography:t,optionBgColor:c,optionTextColor:l,optionRounded:a,optionHasShadow:s,optionShadow:i,optionBorder:n,optionTransform:d,isCombine:S})=>{let h=core.composeTypographyStyle(o,t),p=core.makeStyle({bg:core.getSingleColorVariable(c?.active),bs:n?.active?.border,bw:n?.active?.width,bc:n?.active?.color}),g=[S?"active":"normal","hover"].reduce((e,r)=>({...e,...core.getStyleShadow({value:i?.[r],state:r,styleAppliedFor:"box-shadow",isEnableShadow:s?.[r]})}),{});return helpers.filterTruthyObject({...core.makeStyleResponsive("w",core.makeWidth(e)),...core.makeStyle({h:r}),...g,...p,...core.makeStyle({tt:d}),...h,...core.getGlobalColorStateStyle("c",l),...core.getGlobalColorStateStyle("bg",c),...core.handleConvertBorderStyle(n),...core.handleConvertBorderWidth(n),...core.handleConvertBorderColor(n),...core.composeRadius(a),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"})};exports.getSelectStyle=getSelectStyle;
+"use strict";var core=require("@gem-sdk/core"),helpers=require("../../../../../helpers.js");const getSelectStyle=({width:e,height:o,optionTypo:t,optionTypography:r,optionBgColor:a,optionTextColor:l,optionRounded:c,optionHasShadow:s,optionShadow:i,optionBorder:d,optionTransform:S,isCombine:h,textAlign:n})=>{let p=core.composeTypographyStyle(t,r),y=n?core.makeStyleResponsive("ta",n):{},g=core.makeStyle({bg:core.getSingleColorVariable(a?.active),bs:d?.active?.border,bw:d?.active?.width,bc:d?.active?.color}),b=[h?"active":"normal","hover"].reduce((e,o)=>({...e,...core.getStyleShadow({value:i?.[o],state:o,styleAppliedFor:"box-shadow",isEnableShadow:s?.[o]})}),{});return helpers.filterTruthyObject({...core.makeStyleResponsive("w",core.makeWidth(e)),...core.makeStyle({h:o}),...b,...g,...core.makeStyle({tt:S}),...p,...core.getGlobalColorStateStyle("c",l),...core.getGlobalColorStateStyle("bg",a),...core.handleConvertBorderStyle(d),...core.handleConvertBorderWidth(d),...core.handleConvertBorderColor(d),...core.composeRadius(c),...core.getStyleShadow({value:t?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:t?.custom?.hasShadowText}),...y,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"})};exports.getSelectStyle=getSelectStyle;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),base_liquid=require("../base/base.liquid.js"),mappingVariantStyles=require("../../utils/mappingVariantStyles.js");const ColorVariant=({isVariantOutStock:e,swatchValue:o,...i})=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),base_liquid=require("../base/base.liquid.js"),mappingVariantStyles=require("../../utils/mappingVariantStyles.js"),_const=require("../../common/const.js");const ColorVariant=({isVariantOutStock:o,swatchValue:e,...r})=>core.template`
     {% assign colorsString = null %}
     {% assign colors = null %}
     {% for label in labels %}
@@ -7,7 +7,7 @@
       {% endif %}
     {% endfor %}
     {% if colorsString != null %}
-      {% assign colors = colorsString | split: '($7)' %}
+      {% assign colors = colorsString | split: '${_const.OPTION_VALUES_DELIMITER}' %}
     {% endif %}
-    ${base_liquid.default({...i,typeOfOption:"color",optionRounded:mappingVariantStyles.optionRoundedColorDefault})}
+    ${base_liquid.default({...r,typeOfOption:"color",optionRounded:mappingVariantStyles.optionRoundedColorDefault})}
   `;exports.default=ColorVariant;

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

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

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../../common/dropdown/classes.js"),styles=require("../../common/dropdown/styles.js"),attrs=require("../../common/dropdown/attrs.js"),index=require("../dropdown-option/render-liquid/index.js");const DropdownVariant=e=>{let{variantGroup:s,blankText:t,swatchAutoWidth:r,swatchHeight:o,optionTypography:d,optionBgColor:n,optionTextColor:i,optionRounded:l,optionShadow:a,optionHasShadow:c,optionBorder:m,optionTransform:p,hasPreSelected:y,optionTypo:u,combineHeight:q,combineWidth:w,soldOutStyle:g,children:x}=e,j="disable"===g,S=system.createClass(classes.getSelectClass({optionTypo:u,optionTypography:d,optionBgColor:n,optionBorder:m,optionTextColor:i})),$=system.createStyle(styles.getSelectStyle({width:s?w:r,height:s?q:o,optionTypo:u,optionTypography:d,optionBgColor:n,optionTextColor:i,optionRounded:l,optionHasShadow:c,optionShadow:a,optionBorder:m,optionTransform:p,isCombine:s})),f=system.createAttr(attrs.getSelectAttr({variantGroup:s,type:"Liquid"})),b=()=>x;return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../../common/dropdown/classes.js"),styles=require("../../common/dropdown/styles.js"),attrs=require("../../common/dropdown/attrs.js"),index=require("../dropdown-option/render-liquid/index.js");const DropdownVariant=e=>{let{variantGroup:t,blankText:s,swatchAutoWidth:r,swatchHeight:o,optionTypography:n,optionBgColor:i,optionTextColor:d,optionRounded:l,optionShadow:a,optionHasShadow:c,optionBorder:m,optionTransform:p,hasPreSelected:y,optionTypo:u,combineHeight:g,combineWidth:q,soldOutStyle:w,children:x}=e,j="disable"===w,S=system.createClass(classes.getSelectClass({optionTypo:u,optionTypography:n,optionBgColor:i,optionBorder:m,optionTextColor:d})),$=system.createStyle(styles.getSelectStyle({width:t?q:r,height:t?g:o,optionTypo:u,optionTypography:n,optionBgColor:i,optionTextColor:d,optionRounded:l,optionHasShadow:c,optionShadow:a,optionBorder:m,optionTransform:p,isCombine:t,textAlign:u?.attrs?.textAlign})),f=system.createAttr(attrs.getSelectAttr({variantGroup:t,type:"Liquid"})),A=()=>x;return core.template`
     <select
       ${f}
       class="${S}"
       style="${$}"
     >
-      ${system.If(!y,index.renderBlankOption(t))}
-      ${system.If(s,b(),index.renderDropdownOptions(j,y))}
+      ${system.If(!y,index.renderBlankOption(s))}
+      ${system.If(t,A(),index.renderDropdownOptions(j,y))}
     </select>`};exports.default=DropdownVariant;

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var system=require("@gem-sdk/system"),styles=require("./common/styles.js"),helpers$1=require("../../../helpers.js"),Button_liquid=require("../../../button/components/Button.liquid.js"),core=require("@gem-sdk/core"),helpers=require("./common/helpers.js");const ProductViewMore=({style:e,styles:s,setting:t,advanced:r,builderProps:o,builderAttrs:i,pageContext:l})=>core.template`
     <gp-product-view-more>
-      ${Button_liquid.default({styles:s,advanced:r,builderProps:o,builderAttrs:i,setting:{...helpers.getButtonSettings(t),...helpers.getButtonLiquidSettings(t)},style:{...styles.getButtonStyle(e,s)},pageContext:l,className:"btn-view-more"})}
+      ${Button_liquid.default({styles:s,advanced:r,builderProps:o,builderAttrs:i,setting:{...helpers.getButtonSettings(t),...helpers.getButtonLiquidSettings(t,l)},style:{...styles.getButtonStyle(e,s)},pageContext:l,className:"btn-view-more"})}
       ${system.If(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-product-view-more>
   `;exports.default=ProductViewMore;

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

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

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:d}=e,{isSyncProduct:s}=r??{},{rowSetting:n,rowStyles:c,formatVariantId:l,formatProductId:p,productStatus:u,preSelectedOptionIds:f,productHandle:g,advancedStyle:m}=helpers.getData(e),_=()=>core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),Row_liquid=require("../../../grid/components/row/Row.liquid.js"),system=require("@gem-sdk/system"),helpers$1=require("../../../helpers.js"),helpers=require("./common/helpers.js");const Product=e=>{let{children:t,setting:r,style:i,builderProps:a,rawChildren:o,advanced:d}=e,{isSyncProduct:s,productSetting:n}=r??{},c=n?.hasPreSelected??!1,{rowSetting:l,rowStyles:p,formatVariantId:u,formatProductId:f,productStatus:g,preSelectedOptionIds:m,productHandle:_,advancedStyle:y}=helpers.getData(e),v=()=>core.template`
       {%- liquid
         if request.page_type == 'product'
-          if '${u}' == '${helpers.STATIC_PRODUCT_STATUS}'
-            if '${p}' == '${helpers.PRODUCT_ID_LATEST}'
+          if '${g}' == '${helpers.STATIC_PRODUCT_STATUS}'
+            if '${f}' == '${helpers.PRODUCT_ID_LATEST}'
               paginate collections.all.products by 100000
                 assign product = collections.all.products | sort: 'created_at' | reverse | first
               endpaginate
             else
-              assign product = all_products['${g}']
-              assign productId = '${p}' | times: 1
+              assign product = all_products['${_}']
+              assign productId = '${f}' | times: 1
               if product == empty or product == null
                 paginate collections.all.products by 100000
                   for item in collections.all.products
@@ -21,13 +21,13 @@
             endif
           endif
         else
-          if '${p}' == '${helpers.PRODUCT_ID_LATEST}'
+          if '${f}' == '${helpers.PRODUCT_ID_LATEST}'
             paginate collections.all.products by 100000
               assign product = collections.all.products | sort: 'created_at'| reverse | first
             endpaginate
           else
-            assign product = all_products['${g}']
-            assign productId = '${p}' | times: 1
+            assign product = all_products['${_}']
+            assign productId = '${f}' | times: 1
             if product == empty or product == null
               paginate collections.all.products by 100000
                 for item in collections.all.products
@@ -40,11 +40,11 @@
           endif
         endif
       -%}
-    `,y=()=>core.template`
+    `,$=()=>core.template`
       {%- liquid
         if request.page_type != 'product'
-          assign product = all_products['${g}']
-          assign productId = '${p}' | times: 1
+          assign product = all_products['${_}']
+          assign productId = '${f}' | times: 1
           if product == empty or product == null
             paginate collections.all.products by 100000
               for item in collections.all.products
@@ -56,30 +56,30 @@
           endif
         endif
       -%}
-    `,v=()=>core.template`
+    `,S=()=>core.template`
       {%- assign gpBkProduct = product -%}
-      ${system.If(u==helpers.DYNAMIC_PRODUCT_STATUS,y(),_())}
-    `,$=()=>core.template`
-      {%- assign initVariantId = ${l} -%}
+      ${system.If(g==helpers.DYNAMIC_PRODUCT_STATUS,$(),v())}
+    `,h=()=>core.template`
+      {%- assign initVariantId = ${u} -%}
       {%- assign product_form_id = 'product-form-' | append: "${a?.uid}" -%}
-      ${l?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
-      ${l?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
+      ${u?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
+      ${u?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
       {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
         {%- assign productSelectedVariant = product.selected_or_first_available_variant -%}
       {%- endif -%}
       {%-if variant == empty or variant == null -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
       {%- endif -%}
-    `,S=()=>core.template`
-      <div class="gp-text-center">${helpers$1.getStaticLocale("Product","product_not_found")}</div>
     `,I=()=>core.template`
-      ${$()}
+      <div class="gp-text-center">${helpers$1.getStaticLocale("Product","product_not_found")}</div>
+    `,q=()=>core.template`
+      ${h()}
       <gp-product
         data-uid="${a?.uid}"
         data-id="${a?.uid}"
-        style="${m}"
+        style="${y}"
         class="${d?.cssClass}"
-        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${f}], "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 }}" }'
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${m}], "isSyncProduct": "${s}", "hasPreSelected": ${c}, "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">
@@ -87,13 +87,13 @@
             <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>
-            ${Row_liquid.default({builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-row`},style:i,styles:c,setting:n,children:t,rawChildren:o})}
+            ${Row_liquid.default({builderProps:{...a,uid:a?.uid,uidInteraction:`${a?.uid}-row`},style:i,styles:p,setting:l,children:t,rawChildren:o})}
           {%- endform -%}
         </product-form>
       </gp-product>
       {%- assign product = gpBkProduct -%}
     `;return core.template`
-    ${v()}
-    ${system.LiquidIf("product != empty and product != null",I(),S())}
+    ${S()}
+    ${system.LiquidIf("product != empty and product != null",q(),I())}
     ${core.RenderIf(core.isLocalEnv,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers$1.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};exports.default=Product;

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

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

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

@@ -1 +1 @@
-"use strict";const 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"}];exports.horizontalThree=horizontalThree;
+"use strict";const 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"}];exports.horizontalThree=horizontalThree;