npm - @gem-sdk/components - Versions diffs - 7.0.5 → 8.0.0-dev.102 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (608) hide show

package/dist/esm/product/settings/product-properties/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:{en:"Type"},controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:{en:"Option management"},conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:{en:"Options"},setting:{id:"childItem"}}]},{label:{en:"Size"},conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Icon & text gap"},conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:{en:"Background"},conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Color"},setting:{id:"valueBgColor",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Border"},setting:{id:"borderInput",state:"normal"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"normal"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.normal?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput?.normal?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Checkbox item"},conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Radio item"},conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Input text style"},conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:{en:"Placeholder"},popoverLabel:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Text style"},conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:{en:"Label"},setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:{en:"Content"},controls:[{label:{en:"Content"},setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"borderInput",state:"hover"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"hover"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.hover?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput?.hover?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"hover"}}]},{label:{en:"Focus effect"},conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:{en:"Background"},setting:{id:"valueBgColor",state:"focus"}},{label:{en:"Text color"},setting:{id:"valueTextColor",state:"focus"}},{label:{en:"Border"},setting:{id:"borderInput",state:"focus"}},{label:{en:"Corner"},setting:{id:"borderRadius",state:"focus"}},{label:{en:"Shadow"},setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput?.focus?.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput?.focus?.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Active effect"},conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:{en:"Text color"},setting:{id:"valueTextColor",state:"active"}}]},{label:{en:"Configuration"},controls:[{label:{en:"Field name"},type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:{en:"Content"},setting:{id:"name"},layout:"vertical"}]},{label:{en:"Required"},conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:{en:"Number only"},conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:{en:"Min character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:{en:"Max character"},conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:{en:"Min number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:{en:"Max number"},conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:{en:"Predefine value"},type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:{en:"Error message"},conditionDisplay:'["text", "textarea", "email"].includes(type) \|\| (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:{en:"Invalid length"},iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:{en:"Invalid number"},iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:{en:"Invalid email"},iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:{en:"Missing required"},iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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-quantity/configs/presets.js CHANGED Viewed

@@ -17,4 +17,4 @@ let ProductQuantityPresets=[{id:"product-quantity",name:{en:"Product Quantity"},
           </clipPath>
           </defs>
         </svg>
-      `},components:[{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1",attrs:{color:"text-1"}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];export{ProductQuantityPresets};
+      `},components:[{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1",attrs:{color:"text-1"}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}],toolbarActiveConfig:{tag:"ProductQuantity",path:0}}];export{ProductQuantityPresets};

package/dist/esm/product/settings/product-variant/configs/presets.js CHANGED Viewed

@@ -14,7 +14,7 @@ import{rectangleListPresetConfig as C}from"../swatches-style-config/rectangle-li
         </clipPath>
         </defs>
         </svg>
-      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-1"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
+      `},components:[{tag:"ProductVariants",settings:{showAsSwatches:!0},styles:{optionBgColor:{normal:"#FFFFFF"},optionTextColor:{normal:"text-2"},optionRounded:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-variant",name:{en:"Product Variants"},icon:{desktop:`
         <svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M4.94585 5.54545C4.90323 5.18561 4.73041 4.90625 4.42738 4.70739C4.12435 4.50852 3.75266 4.40909 3.31232 4.40909C2.99035 4.40909 2.70863 4.46117 2.46715 4.56534C2.22804 4.66951 2.04102 4.81274 1.90607 4.99503C1.7735 5.17732 1.70721 5.38447 1.70721 5.61648C1.70721 5.81061 1.75337 5.97751 1.8457 6.11719C1.9404 6.2545 2.06114 6.36932 2.20792 6.46165C2.3547 6.55161 2.50858 6.62618 2.66957 6.68537C2.83055 6.74219 2.97852 6.78835 3.11346 6.82386L3.8521 7.02273C4.04149 7.07244 4.25219 7.1411 4.4842 7.22869C4.71857 7.31629 4.94229 7.43584 5.15536 7.58736C5.3708 7.73651 5.54835 7.92827 5.68803 8.16264C5.82771 8.39702 5.89755 8.68466 5.89755 9.02557C5.89755 9.41856 5.79457 9.77367 5.5886 10.0909C5.385 10.4081 5.08671 10.6603 4.69371 10.8473C4.30309 11.0343 3.82842 11.1278 3.26971 11.1278C2.74888 11.1278 2.29788 11.0438 1.91673 10.8757C1.53794 10.7076 1.23964 10.4732 1.02184 10.1726C0.806404 9.87192 0.684482 9.52273 0.656072 9.125H1.56516C1.58884 9.39962 1.68117 9.62689 1.84215 9.80682C2.0055 9.98437 2.21147 10.117 2.46005 10.2045C2.711 10.2898 2.98088 10.3324 3.26971 10.3324C3.60588 10.3324 3.90773 10.2779 4.17525 10.169C4.44277 10.0578 4.65465 9.90388 4.8109 9.70739C4.96715 9.50852 5.04528 9.27652 5.04528 9.01136C5.04528 8.76989 4.97781 8.57339 4.84286 8.42188C4.70792 8.27036 4.53036 8.14725 4.31019 8.05256C4.09002 7.95786 3.8521 7.875 3.59641 7.80398L2.70153 7.5483C2.13335 7.38494 1.68353 7.15175 1.3521 6.84872C1.02066 6.54569 0.854936 6.14915 0.854936 5.65909C0.854936 5.25189 0.965021 4.89678 1.18519 4.59375C1.40773 4.28835 1.70603 4.05161 2.08008 3.88352C2.4565 3.71307 2.87672 3.62784 3.34073 3.62784C3.80948 3.62784 4.22615 3.71188 4.59073 3.87997C4.95532 4.04569 5.24414 4.27296 5.45721 4.56179C5.67264 4.85062 5.78628 5.1785 5.79812 5.54545H4.94585ZM7.23189 11V5.54545H8.06996V11H7.23189ZM7.65803 4.63636C7.49467 4.63636 7.35381 4.58073 7.23544 4.46946C7.11944 4.35819 7.06143 4.22443 7.06143 4.06818C7.06143 3.91193 7.11944 3.77817 7.23544 3.6669C7.35381 3.55563 7.49467 3.5 7.65803 3.5C7.82138 3.5 7.96106 3.55563 8.07706 3.6669C8.19543 3.77817 8.25462 3.91193 8.25462 4.06818C8.25462 4.22443 8.19543 4.35819 8.07706 4.46946C7.96106 4.58073 7.82138 4.63636 7.65803 4.63636ZM9.44869 11V10.3608L12.5453 6.38352V6.3267H9.54812V5.54545H13.6248V6.21307L10.6135 10.1619V10.2188H13.7243V11H9.44869ZM17.1458 11.1136C16.6202 11.1136 16.1668 10.9976 15.7857 10.7656C15.4069 10.5312 15.1145 10.2045 14.9086 9.78551C14.705 9.36411 14.6032 8.87405 14.6032 8.31534C14.6032 7.75663 14.705 7.2642 14.9086 6.83807C15.1145 6.40956 15.401 6.07576 15.7679 5.83665C16.1373 5.59517 16.5681 5.47443 17.0605 5.47443C17.3446 5.47443 17.6252 5.52178 17.9022 5.61648C18.1792 5.71117 18.4313 5.86506 18.6586 6.07812C18.8858 6.28883 19.0669 6.56818 19.2019 6.91619C19.3368 7.2642 19.4043 7.69271 19.4043 8.2017V8.55682H15.1998V7.83239H18.552C18.552 7.52462 18.4905 7.25 18.3674 7.00852C18.2466 6.76705 18.0738 6.57647 17.8489 6.43679C17.6264 6.29711 17.3636 6.22727 17.0605 6.22727C16.7267 6.22727 16.4379 6.31013 16.1941 6.47585C15.9526 6.6392 15.7667 6.85227 15.6365 7.11506C15.5063 7.37784 15.4412 7.65956 15.4412 7.96023V8.44318C15.4412 8.85511 15.5123 9.20431 15.6543 9.49077C15.7987 9.77486 15.9988 9.99148 16.2544 10.1406C16.5101 10.2874 16.8072 10.3608 17.1458 10.3608C17.3659 10.3608 17.5648 10.33 17.7424 10.2685C17.9223 10.2045 18.0774 10.1098 18.2076 9.98438C18.3378 9.85653 18.4384 9.69792 18.5094 9.50852L19.3191 9.7358C19.2338 10.0104 19.0906 10.2519 18.8894 10.4602C18.6882 10.6662 18.4396 10.8272 18.1436 10.9432C17.8477 11.0568 17.5151 11.1136 17.1458 11.1136Z" fill="#D6D6D6"/>
         <path d="M13.1695 28.0455C13.1269 27.6856 12.954 27.4062 12.651 27.2074C12.348 27.0085 11.9763 26.9091 11.536 26.9091C11.214 26.9091 10.9323 26.9612 10.6908 27.0653C10.4517 27.1695 10.2646 27.3127 10.1297 27.495C9.99713 27.6773 9.93084 27.8845 9.93084 28.1165C9.93084 28.3106 9.97701 28.4775 10.0693 28.6172C10.164 28.7545 10.2848 28.8693 10.4316 28.9616C10.5783 29.0516 10.7322 29.1262 10.8932 29.1854C11.0542 29.2422 11.2021 29.2884 11.3371 29.3239L12.0757 29.5227C12.2651 29.5724 12.4758 29.6411 12.7078 29.7287C12.9422 29.8163 13.1659 29.9358 13.379 30.0874C13.5944 30.2365 13.772 30.4283 13.9117 30.6626C14.0513 30.897 14.1212 31.1847 14.1212 31.5256C14.1212 31.9186 14.0182 32.2737 13.8122 32.5909C13.6086 32.9081 13.3103 33.1603 12.9173 33.3473C12.5267 33.5343 12.0521 33.6278 11.4933 33.6278C10.9725 33.6278 10.5215 33.5438 10.1404 33.3757C9.76157 33.2076 9.46328 32.9732 9.24547 32.6726C9.03004 32.3719 8.90811 32.0227 8.87971 31.625H9.7888C9.81247 31.8996 9.9048 32.1269 10.0658 32.3068C10.2291 32.4844 10.4351 32.617 10.6837 32.7045C10.9346 32.7898 11.2045 32.8324 11.4933 32.8324C11.8295 32.8324 12.1314 32.7779 12.3989 32.669C12.6664 32.5578 12.8783 32.4039 13.0345 32.2074C13.1908 32.0085 13.2689 31.7765 13.2689 31.5114C13.2689 31.2699 13.2014 31.0734 13.0665 30.9219C12.9316 30.7704 12.754 30.6473 12.5338 30.5526C12.3137 30.4579 12.0757 30.375 11.82 30.304L10.9252 30.0483C10.357 29.8849 9.90717 29.6518 9.57573 29.3487C9.24429 29.0457 9.07857 28.6491 9.07857 28.1591C9.07857 27.7519 9.18865 27.3968 9.40882 27.0938C9.63136 26.7884 9.92966 26.5516 10.3037 26.3835C10.6801 26.2131 11.1003 26.1278 11.5644 26.1278C12.0331 26.1278 12.4498 26.2119 12.8144 26.38C13.1789 26.5457 13.4678 26.773 13.6808 27.0618C13.8963 27.3506 14.0099 27.6785 14.0218 28.0455H13.1695Z" fill="#AAABAC"/>

package/dist/esm/product/settings/product-variant/configs/settings.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}~~,custom:{fontFamily:"Assistant",letterSpacing:{desktop:"0.6px"~~}}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-1"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-1"},compoDefaultValue:{normal:"text-1"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];export{ProductVariantSettings};
1	+ import{rectangleListPresetConfig as e}from"../swatches-style-config/rectangle-list.js";import{colorPresetConfig as t}from"../swatches-style-config/color.js";import{imagePresetConfig as l}from"../swatches-style-config/image.js";import{imageShopifyPresetConfig as a}from"../swatches-style-config/image-shopify.js";import{dropdownPresetConfig as i}from"../swatches-style-config/dropdown.js";let ProductVariantSettings=[{id:"setting",controls:[{id:"variantsOption",type:"group",label:"Variants Options",controls:[{id:"optionType",label:"Option Label",type:"select",default:"singleOption",options:[{label:"Separated",value:"singleOption"},{label:"Combine",value:"groupOption"}]},{id:"label",label:"Option Label",type:"toggle",default:!0},{id:"optionAlign",label:"Alignment",type:"segment",devices:{desktop:{default:"left"}},options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}]},{id:"price",label:"Option Price",type:"option:value",hide:!0,default:!0,options:[{value:!0,label:"Yes"},{value:!1,label:"No"}]},{id:"showAsSwatches",label:"Use Option Swatches",type:"swatchesLink",hide:!0,default:!0,hyperlinkInfo:{beforeText:"Go to ",hyperlinkText:"Manage Swatches",afterText:" to configure options display as swatches",modal:"manage_swatches"}},{id:"combineFullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"combineWidth",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"combineHeight",type:"input:unit",label:"Height",placeholder:"Auto",min:0,units:["px"],default:"45px"},{id:"variantPresets",label:"Use Option Swatches",type:"variant:presets",default:[{optionName:"base",optionType:"rectangle_list",presets:{...t,...e,...l,...a,...i}}],hyperlinkInfo:{modal:"manage_swatches"}},{id:"soldOutStyle",type:"select",default:"line",options:[{label:"None",value:"none"},{label:"Unclickable",value:"disable"},{label:"Cross-out",value:"line",icon:"gp-cross-out-one-line"}]}]},{id:"options",type:"group",label:"Options",controls:[{id:"layout",label:"Layout",type:"option:illustration",iconViewBox:"0 0 66 45",enableItemBackground:!0,devices:{desktop:{default:"vertical"}},options:[{label:"Vertical",value:"vertical",type:"arrange",svgName:"gp-arrange-vertical"},{label:"Horizontal",value:"horizontal",type:"arrange",svgName:"gp-arrange-horizontal"}]},{id:"column",label:"Column",type:"select",devices:{desktop:{default:1}},options:[{label:"1 column",value:1},{label:"2 columns",value:2},{label:"3 columns",value:3},{label:"4 columns",value:4}]}]},{id:"variantDisplay",type:"group",label:"Variant Display",controls:[{id:"hasPreSelected",type:"toggle",label:"hasPreSelected",default:!0},{id:"selectVariantDefault",type:"select-variant",label:"Select Default Variant",hide:!0}]},{id:"blankText",label:"Blank Option Text",type:"input",hide:!0,default:"Please select an option"},{id:"hasOnlyDefaultVariant",label:"Blank Option Text",type:"variant:default",hide:!0,default:!1}]},{id:"style",controls:[{id:"dimension",type:"group",label:"Variants Dimension",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"optionSpacing",label:"Option Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"30px"},{id:"labelGap",label:"Gap",type:"input:slider",units:["px"],ignoreMax:!0,max:40,default:"8px"}]},{id:"swatchDimension",type:"group",label:"Swatch Dimension",controls:[{id:"swatchAutoWidth",label:"Auto Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"swatchWidth",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"80px"}}},{id:"swatchHeight",type:"input:unit",label:"Height",placeholder:"Auto Height",min:0,units:["px"],devices:{desktop:{default:"45px"}}},{id:"swatchSpacing",label:"Swatch Spacing",type:"input:unit",units:["px"],placeholder:"Auto",default:"var(--g-s-m)"},{id:"marginBottom",label:"Margin Bottom",type:"input:slider",units:["px"],ignoreMax:!0,max:40,devices:{desktop:{default:"16px"}}}]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"labelGroup",type:"group",label:"Label",controls:[{id:"labelTypo",type:"typography-combo",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"labelColor",type:"color-picker-v2",label:"Text Color",default:"text-1"}]},{id:"labelGroup",type:"group",label:"Option Value",controls:[{id:"optionTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2"},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{},ignoreReRender:!0}]},{id:"behavior-state",type:"behavior-state",label:"Option Value",controls:[{id:"optionBgColor",type:"color-picker-v2",label:"Background Color",default:{normal:"#FFFFFF"},compoDefaultValue:{normal:"#FFFFFF",hover:"highlight",active:"highlight"},state:{active:!0,hover:!0,normal:!0}},{id:"optionTextColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-2"},compoDefaultValue:{normal:"text-2"},state:{active:!0,hover:!0,normal:!0}},{id:"optionBorder",type:"border",label:"Border",default:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},compoDefaultValue:{normal:{borderType:"style-2",border:"solid",color:"line-2"}}},{id:"optionRounded",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},{id:"optionHasShadow",type:"toggle",default:{normal:!1}},{id:"optionShadow",type:"shadow-v2",label:"Shadow",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",enable:!0,distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.20)",angle:45}}}]},{id:"dropdownItemWidth",type:"segment",label:"Dropdown Width",devices:{desktop:{default:"fill"},mobile:{default:"fill"},tablet:{default:"fill"}},options:[{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"},mobile:{default:"240px"},tablet:{default:"240px"}}},{id:"swatchItemWidth",type:"segment",label:"Swatch Width",devices:{desktop:{default:"auto"}},options:[{label:"Fill",value:"auto"},{label:"Fixed",value:"fixed"}]},{id:"fixedDropdownWidth",type:"input:unit",label:"Fixed Width",units:["px","%"],devices:{desktop:{default:"240px"}}}]}];export{ProductVariantSettings};

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

	@@ -1 +1 @@
1	- let SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];export{SettingUIV1};
1	+ let SettingUIV1=[{type:"group",label:{en:"Variants settings"},controls:[{type:"control",label:{en:"Type"},setting:{id:"optionType"}},{type:"control",label:{en:"Options price"},setting:{id:"price"},condition:"optionType == 'groupOption'"},{type:"control",label:{en:"Sold out style"},setting:{id:"soldOutStyle"}}]},{type:"control",condition:"false",layout:"vertical",label:{en:"Variant style"},setting:{id:"showAsSwatches"}},{type:"control",condition:"optionType == 'singleOption'",layout:"vertical",label:{en:"Variant style"},setting:{id:"variantPresets"}},{type:"group",condition:"optionType === 'groupOption'",layout:"vertical",label:{en:"Variant style"},controls:[{type:"control",label:{en:""},setting:{id:"hasOnlyDefaultVariant"},layout:"vertical",condition:"hasOnlyDefaultVariant === true"},{type:"control",label:{en:"Width"},setting:{id:"combineWidth"},condition:"hasOnlyDefaultVariant === false"},{type:"control",label:{en:"Height"},setting:{id:"combineHeight"},condition:"hasOnlyDefaultVariant === false"},{type:"tab",label:{en:"States"},isMoreSetting:!0,condition:"hasOnlyDefaultVariant === false",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"normal"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"normal"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"normal"}},{type:"control",label:{en:""},condition:"optionHasShadow?.normal === true",layout:"vertical",setting:{id:"optionShadow",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"hover"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"hover"}},{type:"control",label:{en:""},condition:"optionHasShadow?.hover === true",layout:"vertical",setting:{id:"optionShadow",state:"hover"}}]},{type:"group",label:{en:"Active"},controls:[{type:"control",label:{en:"Background color"},setting:{id:"optionBgColor",state:"active"}},{type:"control",label:{en:"Text color"},setting:{id:"optionTextColor",state:"active"}},{type:"control",options:{labelPosition:"start"},label:{en:"Border"},setting:{id:"optionBorder",state:"active"}},{type:"control",label:{en:"Corner"},setting:{id:"optionRounded",state:"active"}},{type:"control",label:{en:"Shadow"},setting:{id:"optionHasShadow",state:"active"}},{type:"control",label:{en:""},layout:"vertical",condition:"optionHasShadow?.active === true",setting:{id:"optionShadow",state:"active"}}]}]}]},{type:"group",label:{en:""},condition:"optionType !== 'groupOption'",controls:[{type:"control",label:{en:"Title"},setting:{id:"label"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",setting:{id:"labelTypo"},layout:"vertical"},{type:"control",condition:"label == true",setting:{id:"labelTypography"},layout:"vertical"},{type:"control",condition:"label == true",label:{en:"Arrangement"},setting:{id:"layout"}},{type:"control",condition:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}}]},{type:"group",label:{en:"Option value text"},controls:[{type:"control",setting:{id:"optionTypography"},layout:"vertical"},{type:"control",setting:{id:"optionTypo"},layout:"vertical"}]},{type:"group",label:{en:""},controls:[{type:"control",label:{en:"Pre-selected option"},setting:{id:"hasPreSelected"},options:{label:"large",styleControl:{width:"auto"}}},{type:"control",condition:"hasPreSelected == true",layout:"vertical",setting:{id:"selectVariantDefault"},options:{styleControl:{"max-width":"100%"}}},{type:"control",condition:"hasPreSelected == false",label:{en:"Blank option text"},setting:{id:"blankText"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{type:"control",label:{en:"Width"},condition:"fullWidth == false",setting:{id:"width"}},{type:"control",label:{en:"Spacing"},setting:{id:"marginBottom"}}]},{type:"control",label:{en:"Align"},setting:{id:"align"},options:{label:"large"}}];export{SettingUIV1};

package/dist/esm/product/settings/product-variant/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.active.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow.active.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow.hover.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow.hover.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.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};
1	+ let SettingUIV2=[{controls:[{label:{en:"Type"},setting:{id:"optionType"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Product source"},controlConfig:{id:"gp-to-product",type:"product-source"},layout:"vertical",options:{labelVariant:"primary"}}]},{label:{en:"Option gap"},conditionDisplay:"optionType === 'singleOption'",controls:[{label:{en:"Gap"},setting:{id:"marginBottom"}}]},{conditionDisplay:"optionType !== 'groupOption'",controls:[{label:{en:"Option title"},setting:{id:"label"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"label == true",label:{en:"Position"},setting:{id:"layout"}},{conditionDisplay:"label == true",label:{en:"Gap"},setting:{id:"labelGap"}},{conditionDisplay:"label == true",label:{en:"Text style"},setting:{id:"labelTypo"}}]},{conditionDisplay:"optionType === 'singleOption'",controls:[{layout:"vertical",setting:{id:"variantPresets"}}]},{label:{en:"Option value text"},conditionDisplay:"optionType === 'singleOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",controlConfig:{id:"optionTypo",type:"typography-v2",hiddenSetting:{color:!0,textAlign:!0,textShadow:!0}}}]},{label:{en:"Text style"},conditionDisplay:"optionType === 'groupOption'",controls:[{setting:{id:"optionTypo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"optionTextColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"optionTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"setting",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Option style"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Width"},setting:{id:"combineWidth"}},{label:{en:"Height"},setting:{id:"combineHeight"}},{label:{en:"Background"},setting:{id:"optionBgColor",state:"normal"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"normal"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"optionHasShadow",state:"active"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.active?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!0}},{condition:"optionShadow?.active?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:"optionType === 'groupOption'",controls:[{label:{en:"Background"},setting:{id:"optionBgColor",state:"hover"}},{label:{en:"Text color"},setting:{id:"optionTextColor",state:"hover"}},{label:{en:"Border"},setting:{id:"optionBorder",state:"hover"}},{label:{en:"Corner"},setting:{id:"optionRounded",state:"hover"}},{label:{en:"Shadow"},setting:{id:"optionShadow",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"optionHasShadow",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"optionShadow?.hover?.enable === true",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!0}},{condition:"optionShadow?.hover?.enable === false",source:["optionShadow","optionHasShadow"],action:{controlId:"optionHasShadow",groupType:"setting",controlType:"setting",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Sold out style"},controls:[{label:{en:"Type"},setting:{id:"soldOutStyle"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{layout:"vertical",setting:{id:"selectVariantDefault"}},{conditionDisplay:"productSetting?.hasPreSelected === false \|\| (productSetting?.hasPreSelected === undefined && hasPreSelected == false)",label:{en:"Placeholder"},setting:{id:"blankText"}},{conditionDisplay:"optionType === 'groupOption'",label:{en:"Variant price"},setting:{id:"price"}}]},{controls:[{label:{en:"Align"},conditionEnable:'optionType === "singleOption" \|\| (optionType === "groupOption" && !(parseInt(combineWidth) >= 100 && combineWidth?.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-view-more/configs/translate.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ let ProductViewMore={label:{id:"label"}};export{ProductViewMore};

package/dist/esm/product/settings/product-view-more/configs/ui-v1.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Open in"},setting:{id:"target"}},{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"}},{condition:"hasBoxShadowBtn.normal == true",type:"control",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",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};
1	+ let SettingUIV1=[{type:"group",controls:[{type:"control",label:{en:"Icon"},options:{label:"large"},setting:{id:"iconVisible"}},{type:"group",condition:"iconVisible == true",controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"iconSvg"}},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"}},{type:"control",label:{en:"Spacing"},setting:{id:"iconSpacing"},options:{styleWrapper:{marginBottom:"0 !important"}}}]}]},{type:"control",label:{en:"Open in"},setting:{id:"target"}},{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"}},{condition:"hasBoxShadowBtn?.normal == true",type:"control",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",layout:"vertical",setting:{id:"typo"}}]},{type:"control",label:{en:"Align"},condition:"globalSize?.width !== '100%'",options:{label:"large"},setting:{id:"align"}}];export{SettingUIV1};

package/dist/esm/product/settings/product-view-more/configs/ui-v2.js CHANGED Viewed

	@@ -1 +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:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",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}]},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}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{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",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",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}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{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};
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:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",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}]},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}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{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",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover"},setting:{id:"enableHoverEffect"},state:"hover",controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",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}}},{label:{en:"Shadow"},setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{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/sticky/common/styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=i=>{let{~~style~~:o,background:p}=i;return{...t({m:"0 auto"}),...getStylePadding(o),...filterStyles(o),...e(p),...l(p)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};
1	+ import{makeStyle as t,getStyleBackgroundByDevice as e,getGradientImageBgrStyleByDevice as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as i}from"../../common/const.js";import{getBackgroundTranslated as o}from"../../helpers.js";import{Sticky as a}from"../settings/configs/translate.js";let getCSSPosition=t=>"top"==t?"sticky":"fixed",getDisplayStyle=(t,e,l)=>{let i={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:getCSSPosition(l)};switch(e){case"after-first-cart-button":i[`--d${t}`]="none";break;case"always":i[`--d${t}`]="block"}return i},displayConditionStyle=(t,e)=>({...getDisplayStyle("",t?.desktop,e?.desktop),...getDisplayStyle("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...getDisplayStyle("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),getCSSAlignByDevice=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),getCSSAlign=t=>({...getCSSAlignByDevice(t?.desktop,""),...getCSSAlignByDevice(t?.tablet??t?.desktop,"-tablet"),...getCSSAlignByDevice(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),getContainerStyles=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...getCSSAlign(e),...displayConditionStyle(l,e),"z-index":i.STICKY}},getContentStyles=({setting:i,style:p,uid:r,pageContext:s,type:n="React"})=>{let{background:b}=i\|\|{},S="Liquid"===n?o({background:b,uid:r,enableTranslate:!!a?.background?.id,pageContext:s,isTranslateVideo:!1}):b;return{...t({m:"0 auto"}),...getStylePadding(p),...filterStyles(p),...e(S\|\|b),...l(S\|\|b)}},getStylePadding=t=>{let e=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"],l={};return e.forEach(e=>{t?.[e]&&(l[e]=t[e])}),l},filterStyles=t=>{let e={...t},l=["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"];return l.forEach(t=>{delete e?.[t]}),e};export{displayConditionStyle,filterStyles,getContainerStyles,getContentStyles,getDisplayStyle,getStylePadding};

package/dist/esm/sticky/components/Sticky.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as i}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import l from"../hooks/useSticky.js";import{createStyle as d,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:f,builderAttrs:g,setting:k,style:h,builderProps:u,advanced:y})=>{let j=s(),{background:b,preloadBgImage:x,width:C,isScrollToTop:S}=k??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=l(k),K=d({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==j&&q}),L=d(n({width:C,style:h,background:b})),N=c(p({uid:u?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(r,{children:[!!x&&e(o,{children:[!!b?.desktop?.image?.src&&i("link",{rel:"preload",href:b.desktop.image.src,as:"image"}),!!b?.tablet?.image?.src&&i("link",{rel:"preload",href:b.tablet.image.src,as:"image"}),!!b?.mobile?.image?.src&&i("link",{rel:"preload",href:b.mobile.image.src,as:"image"})]}),i("div",{className:N,id:u?.uid,style:{...D,...K},children:i("div",{...g,"data-id":u?.uid,style:L,children:m(f)?i(t,{}):f})})]})};export{Sticky as default};
+import{jsxs as e,Fragment as i,jsx as r}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import d from"../hooks/useSticky.js";import{createStyle as l,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:g,builderAttrs:f,setting:u,style:k,builderProps:h,advanced:y,pageContext:j})=>{let b=s(),{background:x,preloadBgImage:C,isScrollToTop:S}=u??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=d(u),K=l({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==b&&q}),L=l(n({setting:u,style:k,uid:h?.uid,pageContext:j})),N=c(p({uid:h?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(i,{children:[!!C&&e(o,{children:[!!x?.desktop?.image?.src&&r("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&r("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&r("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),r("div",{className:N,id:h?.uid,style:{...D,...K},children:r("div",{...f,"data-id":h?.uid,style:L,children:m(g)?r(t,{}):g})})]})};export{Sticky as default};

package/dist/esm/sticky/components/Sticky.liquid.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:$,setting:n,style:k,builderProps:f,advanced:y})=>{let{width:u,position:b,display:S,preloadBgImage:v,background:h,isScrollToTop:j}=n??{},E=y?.d,w=d({...s("w",u),...m({position:b,style:k,display:S})}),A=d(p({width:u,style:k,background:h})),C=l(c({uid:f?.uid,isScrollToTop:j,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:E}}),N=`.drawer-page-content {
+import{makeStyleResponsive as s,template as e,RenderIf as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:n,setting:$,style:k,builderProps:f,advanced:y,pageContext:u})=>{let{width:b,position:S,display:v,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=y?.d,C=d({...s("w",b),...m({position:S,style:k,display:v})}),x=d(p({setting:$,style:k,uid:f?.uid,pageContext:u})),A=l(c({uid:f?.uid,isScrollToTop:E,cssClass:y?.cssClass,isLiquid:!0})),G=o({uid:f?.uid,setting:{display:{desktop:v?.desktop,tablet:v?.tablet??v?.desktop,mobile:v?.mobile??v?.tablet??v?.desktop}},advanced:{d:w}}),N=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e`
-    ${t(!!v,`${t(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}${t(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}${t(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
+    ${t(!!h,`${t(!!j?.desktop?.image?.src,`<link rel="preload" href="${j?.desktop?.image?.src}" as="image" />`)}${t(!!j?.tablet?.image?.src,`<link rel="preload" href="${j?.tablet?.image?.src}" as="image" />`)}${t(!!j?.mobile?.image?.src,`<link rel="preload" href="${j?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
     data-id="${f?.uid}"
       gp-data='${JSON.stringify(G)}'
       id="${f?.uid}"
       data-id="${f?.uid}"
-      class="${C} ${a("gps-lazy")}"
-      style="${w}"
+      class="${A} ${r("gps-lazy")}"
+      style="${C}"
     >
       <style>${N}</style>
-      <div ${{...$}} style="${{...A}}">
+      <div ${{...n}} style="${{...x}}">
         ${g}
       </div>
     </gp-sticky>
-    ${t(i,`<script ${a('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a('class="gps-link" delay',"src")}="${r}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${t(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-sticky-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${a}/assets-v2/gp-sticky-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{Sticky as default};

package/dist/esm/sticky/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"react/jsx-runtime";import"@gem-sdk/core";import"next/head";import"react";import"@gem-sdk/system";import t from"./settings/Sticky.js";let stickySetting={Sticky:t};export{stickySetting};
1	+ import"react/jsx-runtime";import"@gem-sdk/core";import"next/head";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/Sticky.js";let stickySetting={Sticky:t};export{stickySetting};

package/dist/esm/sticky/settings/configs/presets.js CHANGED Viewed

@@ -9,7 +9,7 @@ let StickyPreset={id:"sticky",name:{en:"Sticky Add to Cart"},icon:{desktop:`
       <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
       <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
       </svg>
-		`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}]},StickyPresetScrollToTop={id:"sticky-scroll-to-top",name:{en:"Sticky Back to top"},icon:{desktop:`
+		`},components:[{tag:"Sticky",label:"Sticky",settings:{width:{desktop:"100%"}},advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"16px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}},StickyPresetScrollToTop={id:"sticky-scroll-to-top",name:{en:"Sticky Back to top"},icon:{desktop:`
     <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect width="40" height="40" rx="20" fill="#424242"/>
     <path d="M13.6001 14C13.6001 13.5581 13.9583 13.2 14.4001 13.2H25.6001C26.0419 13.2 26.4001 13.5581 26.4001 14C26.4001 14.4418 26.0419 14.8 25.6001 14.8H14.4001C13.9583 14.8 13.6001 14.4418 13.6001 14Z" fill="#F9F9F9"/>
@@ -28,4 +28,4 @@ let StickyPreset={id:"sticky",name:{en:"Sticky Add to Cart"},icon:{desktop:`
       <circle cx="64.2674" cy="46.5138" r="1.15512" fill="white"/>
       <circle cx="69.5565" cy="46.5138" r="1.15512" fill="white"/>
       </svg>
-		`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}]};export{StickyPreset,StickyPresetProduct,StickyPresetScrollToTop};
+		`},components:[{tag:"Sticky",label:"Sticky",advanced:{hasBoxShadow:{desktop:{normal:!0}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"0px",blur:"10px",spread:"0px",color:"rgba(0, 0, 0, 0.1)",angle:90}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Product",label:"Product",settings:{productSetting:{productStatus:"dynamic"},layout:{desktop:{cols:[4,8],display:"fill"},mobile:{cols:[12]}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"},isSyncProduct:!0},styles:{verticalGutter:{desktop:"8px",tablet:"8px"},verticalGutterMobile:{desktop:"0px"},fullWidth:{desktop:!1}},advanced:{"spacing-setting":{desktop:{margin:{},padding:{left:"4px",right:"4px",top:"4px",bottom:"4px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px",tablet:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"0px",width:"0px",color:"#121212",isCustom:!0}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}}},op:{desktop:"100%"}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductImagesV2",label:"Product Images",settings:{hoverEffect:"none"},styles:{position:{desktop:"only-feature",mobile:"only-feature"},ftShape:{desktop:{shape:"square",shapeValue:"1/1",width:"32px",height:void 0}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductTitle",label:"Product Title",settings:{htmlTag:"h1",linkProduct:!1},styles:{typo:{type:"subheading-3",custom:{fontSize:{desktop:"18px",tablet:"18px",mobile:"18px"},fontWeight:"400",lineHeight:"24px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},textAlign:{desktop:"left"},hasLineClamp:{desktop:!0},lineClamp:{desktop:1},color:{normal:"text-2"},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}},{tag:"ProductPrice",label:"Product Price",settings:{priceType:"regular"},styles:{typo:{type:"subheading-2",default:{type:"subheading-2"},custom:{fontSize:{desktop:"14px"},fontWeight:"400",lineHeight:"20px",letterSpacing:{desktop:"0.6px"},fontStyle:"normal"}},lineThrough:!0,thickness:1,lineColor:"text-1",color:{normal:"text-2"},hasTextShadow:{normal:!1},textShadow:{normal:{type:"shadow-1"}},textAlign:{desktop:"left"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]},{tag:"Col",label:"Block",childrens:[{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[6,3,3],display:"fill"},mobile:{cols:[12],display:"fill"}},horizontalAlign:{desktop:"start"},verticalAlign:{desktop:"center"}},styles:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},verticalGutter:{desktop:"8px"},background:{desktop:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}},preloadBgImage:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}},childrens:[{tag:"Col",label:"Block",childrens:[{tag:"ProductVariants",label:"Product Variants & Swatches",settings:{optionType:"groupOption",label:!0,optionAlign:{desktop:"left"},price:!0,showAsSwatches:!0,combineFullWidth:{desktop:!0},combineWidth:{desktop:"400px"},combineHeight:"40px",variantPresets:[{optionName:"base",optionType:"rectangle_list",presets:{color:{width:{desktop:"45px",tablet:"45px",mobile:"45px"},height:"45px",spacing:"16px"},rectangle_list:{width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px",spacing:"16px"},image:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},image_shopify:{width:{desktop:"64px",tablet:"64px",mobile:"64px"},height:"64px",spacing:"16px"},dropdown:{fullWidth:{desktop:!0,tablet:!0,mobile:!0},width:{desktop:"auto",tablet:"auto",mobile:"auto"},height:"45px"}}}],soldOutMark:!0,layout:{desktop:"vertical"},column:{desktop:1},hasPreSelected:!0,blankText:"Please select an option"},styles:{fullWidth:{desktop:!0},width:{desktop:"400px"},optionSpacing:"30px",labelGap:"8px",swatchAutoWidth:{desktop:!0},swatchWidth:{desktop:"80px"},swatchHeight:{desktop:"40px"},swatchSpacing:"var(--g-s-m)",marginBottom:{desktop:"var(--g-s-xl)",mobile:"var(--g-s-xl)"},align:{desktop:"left"},labelTypo:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},labelColor:"text-2",optionTypo:{type:"paragraph-2"},optionBgColor:{normal:"bg-3",hover:"bg-3",active:"bg-3"},optionTextColor:{normal:"text-2",hover:"text-2",active:"text-2"},optionBorder:{normal:{borderType:"style-2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"},active:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"2px 2px 2px 2px",borderWidth:"2px"},hover:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,width:"1px 1px 1px 1px",borderWidth:"1px"}},optionRounded:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"custom"},hover:{radiusType:"none"},active:{radiusType:"none"}},optionHasShadow:{normal:!1},optionShadow:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},dropdownItemWidth:{desktop:"fill",mobile:"fill",tablet:"fill"},fixedDropdownWidth:{desktop:"240px"},swatchItemWidth:{desktop:"auto"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductQuantity",label:"Product Quantity",settings:{hasButton:!0,enableHoverButton:!0},styles:{inputHeight:{desktop:"40px"},buttonWidth:{desktop:"40px"},iconSizeCustom:{desktop:"20px"},typo:{type:"paragraph-2",attrs:{color:"text-1"}},align:{desktop:"left"},inputBackgroundColor:"bg-3",textColor:"text-2",buttonBackgroundColor:{normal:"bg-3"},iconColor:{normal:"text-2"},borderBtn:{normal:{},hover:{borderType:"style-3",border:"solid",width:"1px 1px 1px 1px",color:"line-3",isCustom:!1}},corner:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}}}},advanced:{rounded:{desktop:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"none"}}},"spacing-setting":{desktop:{margin:{bottom:"0px"}}},d:{desktop:!0,tablet:!0,mobile:!1}}}]},{tag:"Col",label:"Block",childrens:[{tag:"ProductButton",label:"Product Cart Button",settings:{label:"Add to cart",outOfStockLabel:"Out of stock",actionEffect:"open-cart-drawer",customURL:{link:"/cart",target:"_self"},successMessage:"Add product to cart successfully",errorMessage:"Cannot add product to cart",buttonLayout:"cart-only",iconAlign:"left",errorType:"built-in"},styles:{backgroundColor:{normal:"brand",hover:"highlight"},backgroundColorV2:{normal:"brand",hover:"highlight"},textColor:{normal:"text-3"},borderBtn:{normal:{border:"solid",color:"#121212",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"},hover:{border:"solid",color:"#4D4D4D",isCustom:!0,position:"all",borderWidth:"0px",width:"0px 0px 0px 0px"}},hasBoxShadowBtn:{normal:!1,hover:!1},boxShadowBtn:{normal:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},roundedBtnV2:{normal:{btrr:"4px",bblr:"4px",bbrr:"4px",btlr:"4px",radiusType:"rounded"}},align:{desktop:"left"},typo:{type:"paragraph-1"},transform:"default",btnSpacing:{type:"medium"},fullWidth:{desktop:!0},iconSizeAuto:!0,size:{desktop:"1em"},iconDimension:{desktop:"24px"},spacing:"8px",successTypo:{type:"paragraph-2"},successColor:"success",errorTypo:{type:"paragraph-2"},errorColor:"error",isCustomOutOfStock:!1,oosBackground:"brand",oosTextColor:"text-3",oosBorder:{normal:{borderType:"style-3",border:"solid",color:"line-3",isCustom:!1,borderWidth:"0px",width:"0px 0px 0px 0px"}},oosEnableShadow:!1,oosShadow:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},oosRounded:{radiusType:"none"},globalSize:{desktop:{width:"100%"}},enableIcon:!1,enablePrice:!1,enableSeparator:!1},advanced:{"spacing-setting":{desktop:{margin:{bottom:"0px"}}}}}]}]}]}]}]}]}],toolbarActiveConfig:{tag:"Product",path:0}};export{StickyPreset,StickyPresetProduct,StickyPresetScrollToTop};

package/dist/esm/sticky/settings/configs/settings.js CHANGED Viewed

	@@ -1 +1 @@
1	- let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};
1	+ let StickySettings=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit-width",label:"Width",min:0,units:["px","%"],devices:{desktop:{default:"100%"}}},{id:"background",type:"background",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"translate",type:"input",default:[{id:"background",fields:["image.src"]}]},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Position",type:"layout-segment",iconViewBox:"0 0 64 48",enableItemBackground:!0,options:[{label:"Bottom",value:"bottom",type:"sticky-position"},{label:"Top",value:"top",type:"sticky-position"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"sticky-display",devices:{desktop:{default:"always"}}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{StickySettings};

package/dist/esm/sticky/settings/configs/translate.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ let Sticky={background:{id:"background",fields:["image.src"]}};export{Sticky};

package/dist/esm/sticky/settings/configs/ui-v1.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};
1	+ let SettingUIV1=[{type:"group",label:{en:"Display"},controls:[{type:"control",label:{en:""},layout:"vertical",setting:{id:"display"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Full width"},setting:{id:"fullWidth"}},{condition:"fullWidth === false",type:"control",setting:{id:"width"},label:{en:"Width"},layout:"horizontal"}]},{type:"group",controls:[{type:"control",label:{en:"Background"},options:{label:"large",styleLabel:{marginBottom:"4px"}},setting:{id:"background"},layout:"vertical"},{label:{en:"Preload"},type:"control",setting:{id:"preloadBgImage"},condition:'background?.type == "image"'}]},{type:"control",label:{en:"Position"},options:{label:"large"},setting:{id:"position"}}];export{SettingUIV1};

package/dist/esm/sticky/settings/configs/ui-v2.js CHANGED Viewed

	@@ -1 +1 @@
1	- let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};
1	+ let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"position"},layout:"vertical"}]},{label:{en:"Size"},controls:[{setting:{id:"width"},label:{en:"Width"}},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow?.normal?.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow?.normal?.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display option"},controls:[{label:{en:"Condition"},setting:{id:"display"}}]}];export{SettingUIV2};