@gem-sdk/components 17.0.0-dev.13 → 17.0.0-dev.130

package/dist/esm/dialog/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Position",controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};
+let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Position",hiddenOnMobile:!0,controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};

package/dist/esm/estimate-delivery/settings/configs/ui-v2.js

@@ -1 +1 @@
-import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};
+import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",hiddenOnMobile:!0,controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(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{e as SettingUIV2};

package/dist/esm/form/settings/contact/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{type:"info",hiddenOnMobile:!0,message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-checkbox/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",hiddenOnMobile:!0,controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-dropdown/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Item management",controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{id:"Width",label:"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}]},layout:"horizontal"},{label:"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:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let i=[{label:"Item management",hiddenOnMobile:!0,controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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}]},layout:"horizontal"},{label:"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:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{i as SettingUIV2};

package/dist/esm/form/settings/form-email/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"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:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"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:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};

package/dist/esm/form/settings/form-textarea/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/newsletter/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"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}]},layout:"horizontal"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"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}]},layout:"horizontal"}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/submit-button/configs/ui-v2.js

@@ -1 +1 @@
-let o=[{messageConfig:{type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(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{o as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"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}}}]},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"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}}}]}]}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};

package/dist/esm/form/settings/text-field/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(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{e as SettingUIV2};

package/dist/esm/grid/components/row/Row.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as m,isValidElement as l,createElement as i}from"react";import s from"next/head";import a from"../ChildrenDroppable.js";import p from"../../../video/components/HTML5Embed.js";import{getYoutubeVideoId as d,youtubeVideoRegex as n}from"../../../video/common/helpers.js";import c from"../../../video/components/LiteYouTubeEmbed.js";import{createClass as f}from"@gem-sdk/system";import{useRowSettings as y}from"../../hooks/useRowSetting.js";import{getAttr as u}from"./common/attrs.js";import{getClass as h}from"./common/classes.js";import{getRowStyle as v}from"./common/styles.js";import{checkHasBackgroundVideo as g}from"./common/helpers.js";import{isEmptyChildren as j}from"@gem-sdk/core";let k=k=>{let{styles:b,setting:C,children:w}=k,{isSection:N,as:T="div"}=C??{},{background:E}=b??{},{builderAttrs:H,bgVideo:x,isRowEmpty:P,rowClassEditorOnly:R,isRenderPlaceholderViewBox:L,isPostPurchase:$,ref:z,postPurchaseVerticalAlign:A}=y(k),{rowStyle:B,backgroundBoxStyle:D,embedVideoStyle:I,sectionStyle:M}=v({rowProps:k,isPostPurchase:$,type:"React"}),{rowAttr:S}=u(k),{rowClass:V,backgroundBoxClass:Y,backgroundBoxInnerClass:q,sectionClass:F,wrapperYoutubeClasses:G,iframeYoutubeClasses:J}=h(k),K=f({[V]:!0,[R]:!0}),O=t(()=>{if(!g(E))return;if(x?.videoType==="html5"&&!x.videoHtml5||x?.videoType==="youtube"&&!x.video)return null;if(x?.videoType==="html5"&&x.videoHtml5)return e(p,{muted:!0,loop:x.loop,controls:!1,autoplay:!0,src:x.videoHtml5,title:"Video",className:"gp-relative",style:I});let o=x?.video??"",r=d(o);if(!n.test(o)||!r)return;let t=`&loop=${x?.loop?1:0}&playlist=${r}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e(c,{id:r,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:I,wrapperClass:G,iframeClass:J})},[E,x,I,J,G]),Q=m.map(w,e=>!!j(e)),U=o("div",{ref:z,...H,...S,style:B($),className:K,children:[!!O&&e("div",{className:Y,style:D,children:e("div",{className:q,children:O})}),L?e(r,{}):P?e(a,{}):m.map(w,e=>l(e)?i(e.type,{hiddenEmptyCol:k.hiddenEmptyCol&&!j(e)&&!Q,...e.props,key:e.key,order:C?.order,layout:C?.layout,justifyContent:$?A():C?.verticalAlign}):null)]});return o(r,{children:[!!b?.preloadBgImage&&o(s,{children:[!!E?.desktop?.image?.src&&e("link",{rel:"preload",href:E.desktop.image.src,as:"image"}),!!E?.tablet?.image?.src&&e("link",{rel:"preload",href:E.tablet.image.src,as:"image"}),!!E?.mobile?.image?.src&&e("link",{rel:"preload",href:E.mobile.image.src,as:"image"})]}),N?e(T,{className:F,style:M,children:U}):U]})};export{k as default};
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as m,isValidElement as i,createElement as l}from"react";import s from"next/head";import a from"../ChildrenDroppable.js";import p from"../../../video/components/HTML5Embed.js";import{getYoutubeVideoId as d,youtubeVideoRegex as n}from"../../../video/common/helpers.js";import c from"../../../video/components/LiteYouTubeEmbed.js";import{createClass as f}from"@gem-sdk/system";import{useRowSettings as y}from"../../hooks/useRowSetting.js";import{getAttr as u}from"./common/attrs.js";import{getClass as h}from"./common/classes.js";import{getRowStyle as v}from"./common/styles.js";import{checkHasBackgroundVideo as g}from"./common/helpers.js";import{isEmptyChildren as j}from"@gem-sdk/core";import k from"../section/lazyload/LazySectionWrapper.js";let b=b=>{let{styles:C,setting:w,children:N}=b,{isSection:T,as:E="div"}=w??{},{background:H}=C??{},{builderAttrs:x,bgVideo:z,isRowEmpty:L,rowClassEditorOnly:P,isRenderPlaceholderViewBox:R,isPostPurchase:S,ref:$,postPurchaseVerticalAlign:A}=y(b),{rowStyle:B,backgroundBoxStyle:D,embedVideoStyle:I,sectionStyle:M}=v({rowProps:b,isPostPurchase:S,type:"React"}),{rowAttr:V}=u(b),{rowClass:W,backgroundBoxClass:Y,backgroundBoxInnerClass:q,sectionClass:F,wrapperYoutubeClasses:G,iframeYoutubeClasses:J}=h(b),K=f({[W]:!0,[P]:!0}),O=t(()=>{if(!g(H))return;if(z?.videoType==="html5"&&!z.videoHtml5||z?.videoType==="youtube"&&!z.video)return null;if(z?.videoType==="html5"&&z.videoHtml5)return e(p,{muted:!0,loop:z.loop,controls:!1,autoplay:!0,src:z.videoHtml5,title:"Video",className:"gp-relative",style:I});let o=z?.video??"",r=d(o);if(!n.test(o)||!r)return;let t=`&loop=${z?.loop?1:0}&playlist=${r}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e(c,{id:r,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:I,wrapperClass:G,iframeClass:J})},[H,z,I,J,G]),Q=m.map(N,e=>!!j(e)),U=o("div",{ref:$,...x,...V,style:B(S),className:K,children:[!!O&&e("div",{className:Y,style:D,children:e("div",{className:q,children:O})}),R?e(r,{}):L?e(a,{}):m.map(N,e=>i(e)?l(e.type,{hiddenEmptyCol:b.hiddenEmptyCol&&!j(e)&&!Q,...e.props,key:e.key,order:w?.order,layout:w?.layout,justifyContent:S?A():w?.verticalAlign}):null)]});return o(r,{children:[!!C?.preloadBgImage&&o(s,{children:[!!H?.desktop?.image?.src&&e("link",{rel:"preload",href:H.desktop.image.src,as:"image"}),!!H?.tablet?.image?.src&&e("link",{rel:"preload",href:H.tablet.image.src,as:"image"}),!!H?.mobile?.image?.src&&e("link",{rel:"preload",href:H.mobile.image.src,as:"image"})]}),T?e(k,{children:e(E,{className:F,style:M,children:U})}):U]})};export{b as default};

package/dist/esm/grid/components/row/Row.liquid.js

@@ -1,5 +1,10 @@
-import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as m}from"../../../helpers.js";import p from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as k,checkHasBackgroundVideo as j,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let h=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},T=L?"section":"div",V=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext??{}}),{stateData:x}=k(h,V),{rowStyle:z,backgroundBoxStyle:A,embedVideoStyle:N,sectionStyle:R}=y({rowProps:h,type:"Liquid",translatedBackground:V}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!j(P))return;let e=w(P||{});if(v(P))return p({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:N});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,style:N,wrapperClass:B,iframeClass:H})}},D=e`
-    <gp-row gp-data='${x}' ${{..._}} class="${U}" style="${z()}">
+import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,hasTranslatedLiquid as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getBackgroundTranslated as l,getSettingPreloadData as p}from"../../../helpers.js";import m from"../../../video/components/HTML5Embed.liquid.js";import{createClass as d,If as n}from"@gem-sdk/system";import{getYoutubeVideoId as c}from"../../../video/common/helpers.js";import u from"../../../video/components/LiteYouTubeEmbed.liquid.js";import{getAttr as f}from"./common/attrs.js";import{Row as g}from"../../settings/configs/row/translate.js";import{getClass as $}from"./common/classes.js";import{getRowStyle as y}from"./common/styles.js";import{getData as j,checkHasBackgroundVideo as k,isRenderHtmlVideo as v,isRenderYoutubeVideo as b}from"./common/helpers.js";import{getResponsiveSetting as w}from"../../../hero-banner/common/helpers.js";let h=h=>{let{styles:C,setting:E,rawChildren:S,builderProps:q}=h,{isSection:L}=E??{},{background:P}=C??{},T=L?"section":"div",V=l({background:P,uid:q?.uid,enableTranslate:!!g?.background?.id,pageContext:h.pageContext??{}}),{stateData:x}=j(h,V),{rowStyle:z,backgroundBoxStyle:A,embedVideoStyle:N,sectionStyle:R}=y({rowProps:h,type:"Liquid",translatedBackground:V}),{rowAttr:_}=f(h),{rowClass:G,backgroundBoxClass:I,backgroundBoxInnerClass:M,sectionClass:O,wrapperYoutubeClasses:B,iframeYoutubeClasses:H}=$(h),U=d({[G]:!0}),Y=()=>{if(!k(P))return;let e=w(P||{});if(v(P))return m({uid:q?.uid,muted:!0,loop:e.desktop?.loop,controls:!1,autoplay:!0,src:"",title:"Video",className:"gp-relative",style:N});if(b(P)){let o=e?.desktop?.video??"",s=c(o)||"",r=t(o),i=`&loop=false&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return u({uid:q?.uid,id:s,autoplay:!0,title:"Video",translatedVideoUrl:r?o:"",controls:!1,params:i,adNetwork:!1,noCookie:!0,muted:!0,lazy:e?.desktop?.lazyLoad??!0,style:N,wrapperClass:B,iframeClass:H})}},D=e`
+    <gp-row
+      ${{..._}}
+      class="${U}"
+      style="${z()}"
+    >
+      <script gp-data type="application/json">${x}</script>
       ${n(!!Y(),e`
           <div class="${I}" style="${A}">
             <div class="${M}">${Y()}</div>
@@ -8,8 +13,8 @@ import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,h
 
       ${o({uid:q?.uid||"",customProps:S?.[0].customProps},S?.map(e=>{if(e)return s({...e,order:E?.order,layout:E?.layout,justifyContent:E?.verticalAlign})}))}
 
-      ${(()=>{if(j(P))return e`
-      ${r(i,`<script ${m('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${m('class="gps-link" delay',"src")}="${a}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${(()=>{if(k(P))return e`
+      ${r(i,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-row-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${a}/assets-v2/gp-row-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     `})()}
     </gp-row>
   `;return e`
@@ -19,7 +24,7 @@ import{template as e,WrapRenderChildren as o,RenderChildren as s,RenderIf as r,h
 
     ${n(L,e`
         <${T}
-          class="${O} ${L?m("gps-lazy"):""}"
+          class="${O} ${L?p("gps-lazy"):""}"
           style="${R}"
         >
           ${D}

package/dist/esm/grid/components/section/Section.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import"@gem-sdk/core";import r from"../row/Row.js";let i=i=>{let m=o(()=>{let{builderProps:t}=i;return t?.builderData?.name==="SectionLoading"},[i]);return m?t(e,{}):t(r,{...i,setting:{...i.setting,as:"section",isSection:!0}})};export{i as default};
+import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import{useEditorMode as r}from"@gem-sdk/core";import i from"../row/Row.js";let m=m=>{let n=r(),s=o(()=>{let{builderProps:t}=m;return"edit"===n&&t?.builderData?.name==="SectionLoading"},[m,n]);return s?t(e,{}):t(i,{...m,setting:{...m.setting,as:"section",isSection:!0}})};export{m as default};

package/dist/esm/grid/components/section/lazyload/LazySectionWrapper.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as n,isValidElement as o,cloneElement as a}from"react";import{useEditorMode as l,useLazyPriority as m}from"@gem-sdk/core";import{isInteracted as c,subscribeInteraction as u}from"./lazyInteractionTrigger.js";import{startCascade as d,resetCascade as s,notifySectionRendered as f,enqueueSection as p}from"./lazySectionCoordinator.js";let g=({children:t})=>{let i=l(),n=m();return"edit"===i||null===n?r(e,{children:t}):r(h,{isFirst:n,children:t})},h=({children:l,isFirst:m})=>{let[g,h]=t(()=>m||c()),y=i(null);return(n(()=>{if(m)return requestAnimationFrame(()=>{d(y.current?.clientHeight??0)}),()=>s()},[m]),n(()=>{g&&!m&&requestAnimationFrame(()=>{f(y.current?.clientHeight??0)})},[g,m]),n(()=>{if(g||m)return;let r=p(()=>h(!0)),e=u(()=>h(!0));return()=>{r(),e()}},[g,m]),g)?o(l)?a(l,{ref:y}):r(e,{children:l}):r("div",{"data-lazyload-section":!0})};export{g as default};

package/dist/esm/grid/components/section/lazyload/lazyInteractionTrigger.js

@@ -0,0 +1 @@
+let e=["keydown","mousemove","wheel","touchmove","touchstart","touchend"],t=!1,o=new Set,n=()=>{t||(t=!0,o.forEach(e=>e()),o.clear(),e.forEach(e=>window.removeEventListener(e,n)))};"undefined"!=typeof window&&e.forEach(e=>window.addEventListener(e,n,{passive:!0}));let d=e=>t?(e(),()=>{}):(o.add(e),()=>o.delete(e)),r=()=>t;export{r as isInteracted,d as subscribeInteraction};

package/dist/esm/grid/components/section/lazyload/lazySectionCoordinator.js

@@ -0,0 +1 @@
+let e=[],t=0,n=!1,i=t=>(e.push(t),()=>{let n=e.indexOf(t);-1!==n&&e.splice(n,1)}),d=()=>{e.length=0,t=0,n=!1},o=e=>{n||(n=!0,t=e,s())},r=e=>{t+=e,s()},s=()=>{if("undefined"==typeof window||t>=window.innerHeight)return;let n=e.shift();n&&n()};export{i as enqueueSection,r as notifySectionRendered,d as resetCascade,o as startCascade};

package/dist/esm/grid/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import e from"./settings/Row.js";import i from"./settings/Col.js";let r={Root:t,Section:o,Row:e,Col:i};export{r as gridSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"./components/section/lazyload/lazyInteractionTrigger.js";import t from"./settings/Root.js";import o from"./settings/Section.js";import e from"./settings/Row.js";import i from"./settings/Col.js";let r={Root:t,Section:o,Row:e,Col:i};export{r as gridSetting};

package/dist/esm/grid/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let m=o(()=>import("./components/root/Root.js"),{loading:t}),n=o(()=>import("./components/section/Section.js"),{loading:t}),r=o(()=>import("./components/row/Row.js"),{loading:t}),i=o(()=>import("./components/col/Col.js"),{loading:t});var e={Row:r,Col:i,Section:n,Root:m};export{e as default};
+import o from"./components/root/Root.js";import t from"./components/row/Row.js";import r from"./components/col/Col.js";import m from"./components/section/Section.js";var n={Row:t,Col:r,Section:m,Root:o};export{n as default};

package/dist/esm/grid/settings/configs/row/ui-v2.js

@@ -1 +1 @@
-let o=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"Gap",setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align column",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:"Align",setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];export{o as SettingUIV2};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",hiddenOnMobile:!0,conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"Gap",setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",hiddenOnMobile:!0,options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"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:"Align column",hiddenOnMobile:!0,controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];export{o as SettingUIV2};

package/dist/esm/grid/settings/configs/section/ui-v2.js

@@ -1 +1 @@
-let o=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:'layout?.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:'layout?.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"Width",layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:"Page padding",help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},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:"Align",conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{o as SettingUIV2};
+let o=[{controls:[{setting:{id:"layout"},layout:"vertical"}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:"childrens > 1",controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:'layout?.cols.length > 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:'layout?.cols.length === 1 && pageType !== "POST_PURCHASE"',controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{label:"Column gap",setting:{id:"columnGap"},conditionDisplay:'pageType == "POST_PURCHASE"',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",setting:{id:"width"},label:"Width",layout:"horizontal",conditionDisplay:'pageType !== "POST_PURCHASE"'},{label:"Width",layout:"horizontal",controlConfig:{id:"width-post-purchase",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,linkWithSetting:{name:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},conditionDisplay:'pageType === "POST_PURCHASE"'},{label:"Padding",hiddenOnMobile:!0,controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{desktop:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}},tablet:{default:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},conditionDisplay:'pageType !== "POST_PURCHASE"'},{setting:{id:"enablePagePadding"},label:"Page padding",help:{content:"Page padding controls the <br> space between the browser <br> edge and sections. Adjust it in <br> Global Style > Page Padding."},conditionDisplay:'pageType !== "POST_PURCHASE"'}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},controlConfig:{id:"boxShadow",type:"shadow-v2"},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:"Align",hiddenOnMobile:!0,conditionDisplay:"pageType != \"POST_PURCHASE\" && (layout?.display !== 'fill' || (!!layout?.cols && layout?.cols.length > 1))",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout?.cols && layout?.cols.length > 1"},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill'",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]}];export{o as SettingUIV2};

package/dist/esm/header/components/kind/basic/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as l}from"@gem-sdk/core";import r from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let m=r(()=>import("./MobileMenu.js")),n=r(()=>import("./DesktopMenu.js")),c=({btnBgColor:r,btnBorder:c,btnRounded:g,btnSpacing:d,btnTextColor:b,btnTypography:h,btnType:f,btnWidth:u,openMode:y,buyNow:x,breakpoint:j,...k})=>{let v=!!k.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:l("h",k.height),children:[v?e(t,{children:[o(m,{...k,className:i({"gp-flex":"desktop"===j,"gp-hidden tablet:gp-flex":"tablet"===j,"gp-hidden mobile:gp-flex":"mobile"===j})}),o(n,{...k,className:i({"!gp-hidden":"desktop"===j,"tablet:!gp-hidden":"tablet"===j,"mobile:!gp-hidden":"mobile"===j})})]}):null,!!k.logo&&o("div",{className:i({"gp-justify-center":"desktop"===j&&v,"tablet:gp-justify-center":"tablet"===j&&v,"mobile:gp-justify-center":"mobile"===j&&v,"gp-flex gp-items-center":"desktop"===j,"tablet:gp-flex tablet:gp-items-center":"tablet"===j,"mobile:gp-flex mobile:gp-items-center":"mobile"===j,"gp-order-first":"desktop"!==j,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===j}),children:o(s,{style:l("maxh",k.height),setting:{srcSet:k.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:k.customAspectRadio,aspectRatio:k.logoAspectRatio,width:k.logoWidth,objectFit:k.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[x&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:y},styles:{backgroundColor:r,borderBtn:c,roundedBtn:g,btnSpacing:d,textColor:b,typography:h,type:f,width:u}}),o(p,{setting:{iconOnly:!0,svgIcon:k.cartIcon,enableHoverEffect:k.cardEnableHoverEffect??!0},styles:{iconColor:k.cartIconColor}})]})]})};export{c as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as r}from"@gem-sdk/core";import l from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let n=l(()=>import("./MobileMenu.js")),m=l(()=>import("./DesktopMenu.js")),c=({btnBgColor:l,btnBorder:c,btnRounded:g,btnSpacing:d,btnTextColor:b,btnTypography:h,btnType:f,btnWidth:y,openMode:u,buyNow:x,breakpoint:j,...k})=>{let v=!!k.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:r("h",k.height),children:[v?e(t,{children:[o(n,{...k,className:i({"gp-flex":"desktop"===j,"gp-hidden tablet:gp-flex":"tablet"===j,"gp-hidden mobile:gp-flex":"mobile"===j})}),o(m,{...k,className:i({"!gp-hidden":"desktop"===j,"tablet:!gp-hidden":"tablet"===j,"mobile:!gp-hidden":"mobile"===j})})]}):null,!!k.logo&&o("div",{className:i({"gp-justify-center":"desktop"===j&&v,"tablet:gp-justify-center":"tablet"===j&&v,"mobile:gp-justify-center":"mobile"===j&&v,"gp-flex gp-items-center":"desktop"===j,"tablet:gp-flex tablet:gp-items-center":"tablet"===j,"mobile:gp-flex mobile:gp-items-center":"mobile"===j,"gp-order-first":"desktop"!==j,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===j}),children:o(s,{style:r("maxh",k.height),setting:{srcSet:k.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:k.customAspectRadio,aspectRatio:k.logoAspectRatio,width:k.logoWidth,objectFit:k.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[x&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:u},styles:{backgroundColor:l,borderBtn:c,roundedBtn:g,btnSpacing:d,textColor:b,typography:h,type:f,width:y}}),o(p,{setting:{iconOnly:!0,svgIcon:k.cartIcon,enableHoverEffect:k.cardEnableHoverEffect??!0},styles:{iconColor:k.cartIconColor}})]})]})};export{c as default};

package/dist/esm/header/components/kind/modern/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let m=m=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",m.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:m.cardEnableHoverEffect??!0}})})]});export{m as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let i=i=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",i.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:i.cardEnableHoverEffect??!0}})})]});export{i as default};

package/dist/esm/header/index.js

@@ -1 +1 @@
-export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import t from"./settings/Header.js";let e={Header:t};export{e as headerSetting};
+export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import t from"./settings/Header.js";let e={Header:t};export{e as headerSetting};

package/dist/esm/heading/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let t=o(()=>import("./components/Heading.js"),{loading:m});var r={Heading:t};export{r as default};
+import a from"./components/Heading.js";var e={Heading:a};export{e as default};

package/dist/esm/heading/settings/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},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:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{controls:[{label:"Align",conditionEnable:'!(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{t as SettingUIV2};
+let e=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},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:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(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{e as SettingUIV2};

package/dist/esm/headless.js

@@ -0,0 +1 @@
+import t from"./accordion/next.js";import o from"./article/next.js";import r from"./hero-banner/next.js";import m from"./breadcrumb/next.js";import e from"./button/next.js";import i from"./carousel-v3/next.js";import n from"./carousel/next.js";import s from"./cart/next.js";import p from"./code/next.js";import x from"./collection/next.js";import f from"./countdown-timer/next.js";import j from"./coupon/next.js";import a from"./dialog/next.js";import c from"./estimate-delivery/next.js";import d from"./form/next.js";import l from"./grid/next.js";import u from"./header/next.js";import h from"./heading/next.js";import g from"./icon/next.js";import b from"./icon-list/next.js";import v from"./icon-list-hoz/next.js";import y from"./icon-list-v2/next.js";import k from"./image/next.js";import q from"./image-comparison/next.js";import w from"./input/next.js";import z from"./line/next.js";import A from"./link/next.js";import B from"./marquee/next.js";import C from"./menu/next.js";import D from"./modal/next.js";import E from"./pagination/next.js";import F from"./product/next.js";import G from"./radio/next.js";import H from"./select/next.js";import I from"./tab/next.js";import J from"./text/next.js";import K from"./textarea/next.js";import L from"./video/next.js";import M from"./third-party-instant/next.js";import N from"./stock-counter/next.js";import O from"./third-party-slot/next.js";import P from"./sticky/next.js";var Q={...t,...o,...r,...m,...e,...n,...i,...s,...p,...x,...f,...j,...a,...c,...d,...l,...u,...h,...g,...b,...v,...y,...k,...q,...w,...z,...A,...B,...C,...D,...E,...F,...G,...H,...I,...J,...K,...L,...M,...N,...O,...P};export{Q as default};

package/dist/esm/helpers.js

@@ -1 +1 @@
-import{globalEvent as t,getThemeSectionTranslateKey as e,replaceOuterTagContent as r,SectionMode as i,cloneDeep as l,DEVICES as n}from"@gem-sdk/core";import o from"./link/components/Link.js";import{HeroBanner as s}from"./hero-banner/settings/configs/translate.js";let a=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),c=(t,e)=>{let r=new RegExp(/^https?:\/\//i);return t&&!r.test(e)&&a.test(e)},p=(t,e)=>"scroll-to"==t?e?.link:"{{article.url}}",u=t=>!!t&&(t.startsWith("#")?f(t):t.startsWith("rgb")?g(t):"transparent"==t),g=t=>{let e=t.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(t=>!isNaN(t))??[0,0,0,1];return 0===e[e.length-1]},f=t=>{let e=!1,r=t.slice(t.startsWith("#")?1:0);3===r.length?r=[...r].map(t=>t+t).join(""):8===r.length&&(e=!0);let i=parseInt(r,16),l=e?255&i:void 0;return 0===l||!!l},d=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,h=(t,e)=>`g${t}_${e}`,m=({id:t,index:e,suffix:r})=>t?"number"==typeof e&&e>=0?`${t}_${e}`:r?`${t}_${r}`:t:"",$=({val:t,uid:l,settingId:n,isLiquid:o,pageContext:s,isCapitalize:a,defaultVal:c="",isReplaceLocationOrigin:p,isReplaceMaxSize:u,isReplaceInventoryQuantity:g})=>{let f;let d=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(t?.toString()??""),m=s?.mode===i.GLOBAL,$=s?.schema??"",y=s?.isTranslateWithLocale?1e3:5e3;if(!n||!t?.toString().trim()||t.toString().length>y||d||s?.isPreviewing)return t??c;let k=`section.settings.${f=m?e({uid:l,settingId:n,schema:$,value:t?.toString()??c??""}):h(l,n)}`;return(s?.isTranslateWithLocale&&(k=`'sections.${s.sectionName}.${f}_html' | t`),p&&(k+=" | replace: '$locationOrigin', locationOrigin"),u&&(k+=" | replace: '$max_size', '10MB'"),g&&(k+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),a&&(k=`${k} | downcase`),o)?k:m?r(t?.toString()??c??"",void 0,`{{ ${k} }}`):`{{ ${k} }}`},y=(t,e)=>`{{ 'gempages.${t}.${e}' | t }}`,k=(t,e)=>`{% if section.settings.section_preload == "false" %}${t} ${e?`{% else %}${e}`:""}{% endif %}`,b=t=>t?t.match(/^https?:\/\//i)?t:`http://${t}`:"";function v(t){if(t.startsWith("mailto:")){let[e,r]=t.split("?");if(r){let i=r.replace(/\+/g,"%20");t=`${e}?${i}`}}return t}let S=(t,e,r)=>{let i=e?.link!==void 0&&""!==e.link,l=e?.link??"",n="/"===l,s=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),a=i&&s.test(l);a&&(l=b(l)),i&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=v(l));let p=a||c(i,l)||!!(["#","mailto:","tel:"].find(t=>l.startsWith(t))||["product.url"].find(t=>l.includes(t)))||n||w(e?.type);(c(i,l)||n)&&(l=e?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=p?e?.isLiquid?"a":o:t,g={href:l,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},f=p?g:i?{...g,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:p}},w=t=>"go-to-sales-page"===t,T=t=>t?.type==="scroll-to"&&t?.link==="#scroll-to-top",x=t=>t?.type==="open-popup"&&t?.link?.startsWith("#el-"),L=({setting:t,htmlType:e,defaultWrap:r,isLiquid:i=!1,enableImageLink:l=!1})=>{let n=t?.link??"",s="/"===n,a=t?.link!==void 0&&""!==t.link,p=new RegExp(/^https?:\/\//i),u=a&&p.test(n);a&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=v(n));let g=l&&(u||c(a,n)||!!(["product.url"].find(t=>n.includes(t))||["#","mailto:","tel:"].find(t=>n.startsWith(t)))||s||w(t?.type)),f=n;i&&(c(a,n)||s)&&(f=t?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let d={href:f,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},h=g?d:a?{...d,type:e}:{type:e};return{Wrapper:g?i?"a":o:r,urlData:h,shouldRenderLink:g}},_=(t,e)=>{if(t&&/<a\s[^>]*>.*?<\/a>/.test(t)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=t.toString();for(;null!==(r=i.exec(l));){let t=r[1],{urlData:i}=S("",{link:t,isTranslate:e});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return t};function O(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}function j(t){return Object.fromEntries(Object.entries(t||{}).filter(([,t])=>!!t))}let E=(t,e)=>{let r={};return n.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${t(i)?"none":e}`}}),r},W=(t,e)=>{if(!t)return e;if("number"==typeof t)return t;let r="string"==typeof t?t.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):e;return isNaN(Number(r))?e:Number(r)},I=t=>{let e;if(!t)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(e=r.exec(t));)e[1]&&i.push(e[1]);return i},A=(t,e)=>{let r;if(!t)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(t));)r[1]&&(t=t.replace(r[1],e[l]??""),l++);return t};function D(t){return 0===Object.keys(t).length&&"object"==typeof t}let P=(e,r)=>{if("edit"!==r){if(T(e)){window.scrollTo({top:0,behavior:"smooth"});return}if(x(e)){let r=e?.link?.replace("#el-","#");t.dispatch("onOpenDialog",{popupUId:r});return}e?.link?.startsWith("#")&&t.dispatch("onOpenDialog",{popupUId:e?.link})}},N=({valueTranslate:t,uid:e,settingId:r,pageContext:i})=>{if(!e||!s?.[r]?.id)return t;let l=$({val:t,settingId:m({id:s?.[r]?.id}),uid:e,pageContext:i});return null!=l?String(l):t},R=({background:t,enableTranslate:e,uid:r,pageContext:i,isTranslateVideo:n=!0})=>{if(!t)return{};if(!e||!r||i?.isPreviewing)return t;let o=l(t);for(let t in o){let e=o[t];if(e){if(e.image?.src){let l=$({val:e.image.src,uid:r,settingId:m({id:"background",suffix:`${t}_image_src`}),pageContext:i});e.image.src=String(l)}if(n){if("youtube"===e.videoType&&e.video){let l=$({val:e.video,uid:r,settingId:m({id:"background",suffix:`${t}_video`}),pageContext:i});e.video=String(l)}if("html5"===e.videoType&&e.videoHtml5){let l=$({val:e.videoHtml5,uid:r,settingId:m({id:"background",suffix:`${t}_videoHtml5`}),pageContext:i});e.videoHtml5=String(l)}}}}return o},q=t=>t.replace("gid://shopify/Product/",""),H=t=>{if(!t)return;let{schema:e,mode:r,...i}=t;return i};export{a as REGEX_PAGE_TYPE,x as checkIsOpenPopup,T as checkIsScrollToTop,W as convertUnitToNumber,m as createSettingId,h as createTranslateKey,q as extractProductID,H as filterPageContext,j as filterTruthyObject,O as filterTruthyStyles,I as getAllHrefFromString,R as getBackgroundTranslated,E as getDisplayStyle,$ as getDynamicSourceLocales,S as getInsertLinkData,p as getLinkArticle,L as getLinkData,N as getSeoTranslated,k as getSettingPreloadData,y as getStaticLocale,P as handleClickLink,D as isEmptyObject,f as isHexTransparent,w as isLinkedToSalesPage,c as isShopifyDomain,u as isTransparentColor,g as isTransparentRGBA,v as normalizeMailto,A as replaceAllHrefFromString,_ as replaceLinkData,d as youtubeShortsRegex};
+import{globalEvent as e,getThemeSectionTranslateKey as t,replaceOuterTagContent as r,SectionMode as i,cloneDeep as l,DEVICES as n}from"@gem-sdk/core";import o from"./link/components/Link.js";import{HeroBanner as a}from"./hero-banner/settings/configs/translate.js";let s=new RegExp(/^\/?(?:collections|pages|products|blogs|checkout|cart|policies)\/?/i),c=(e,t)=>{let r=new RegExp(/^https?:\/\//i);return e&&!r.test(t)&&s.test(t)},p=(e,t)=>"scroll-to"==e?t?.link:"{{article.url}}",u=e=>!!e&&(e.startsWith("#")?f(e):e.startsWith("rgb")?g(e):"transparent"==e),g=e=>{let t=e.replace(/\s/g,"").match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i)?.map(Number).filter(e=>!isNaN(e))??[0,0,0,1];return 0===t[t.length-1]},f=e=>{let t=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(t=!0);let i=parseInt(r,16),l=t?255&i:void 0;return 0===l||!!l},d=/^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i,h=(e,t)=>`g${e}_${t}`,m=({id:e,index:t,suffix:r})=>e?"number"==typeof t&&t>=0?`${e}_${t}`:r?`${e}_${r}`:e:"",$=({val:e,uid:l,settingId:n,isLiquid:o,pageContext:a,isCapitalize:s,defaultVal:c="",isReplaceLocationOrigin:p,isReplaceMaxSize:u,isReplaceInventoryQuantity:g})=>{let f;let d=new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(e?.toString()??""),m=a?.mode===i.GLOBAL,$=a?.schema??"",k=a?.isTranslateWithLocale?1e3:5e3;if(!n||!e?.toString().trim()||e.toString().length>k||d||a?.isPreviewing)return e??c;let y=`section.settings.${f=m?t({uid:l,settingId:n,schema:$,value:e?.toString()??c??""}):h(l,n)}`;return(a?.isTranslateWithLocale&&(y=`'sections.${a.sectionName}.${f}_html' | t`),p&&(y+=" | replace: '$locationOrigin', locationOrigin"),u&&(y+=" | replace: '$max_size', '10MB'"),g&&(y+=" | replace: '<$quantity$>', inventory_quantity | replace: '&lt;$quantity$&gt;', inventory_quantity"),s&&(y=`${y} | downcase`),o)?y:m?r(e?.toString()??c??"",void 0,`{{ ${y} }}`):`{{ ${y} }}`},k=(e,t)=>`{{ 'gempages.${e}.${t}' | t }}`,y=(e,t)=>`{% if section.settings.section_preload == 'false' %}${e} ${t?`{% else %}${t}`:""}{% endif %}`,v=e=>e?e.match(/^https?:\/\//i)?e:`http://${e}`:"";function b(e){if(e.startsWith("mailto:")){let[t,r]=e.split("?");if(r){let i=r.replace(/\+/g,"%20");e=`${t}?${i}`}}return e}let w=(e,t,r)=>{let i=t?.link!==void 0&&""!==t.link,l=t?.link??"",n="/"===l,a=new RegExp(/^(?:https?:\/\/)?[\w.-]+\.[a-z]{2,}/i),s=i&&a.test(l);s&&(l=v(l)),i&&l.toLowerCase().startsWith("mailto:")&&l.includes("+")&&(l=b(l));let p=s||c(i,l)||!!(["#","mailto:","tel:"].find(e=>l.startsWith(e))||["product.url"].find(e=>l.includes(e)))||n||S(t?.type);(c(i,l)||n)&&(l=t?.isTranslate?"$locationOrigin"+l:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+l);let u=p?t?.isLiquid?"a":o:e,g={href:l,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},f=p?g:i?{...g,type:r}:{type:r};return{Wrap:u,urlData:f,shouldRenderLink:p}},S=e=>"go-to-sales-page"===e,T=e=>e?.type==="scroll-to"&&e?.link==="#scroll-to-top",x=e=>e?.type==="open-popup"&&e?.link?.startsWith("#el-"),L=e=>e?.type==="open-page"&&!!e?.link,O=({setting:e,htmlType:t,defaultWrap:r,isLiquid:i=!1,enableImageLink:l=!1})=>{let n=e?.link??"",a="/"===n,s=e?.link!==void 0&&""!==e.link,p=new RegExp(/^https?:\/\//i),u=s&&p.test(n);s&&n.toLowerCase().startsWith("mailto:")&&n.includes("+")&&(n=b(n));let g=l&&(u||c(s,n)||!!(["product.url"].find(e=>n.includes(e))||["#","mailto:","tel:"].find(e=>n.startsWith(e)))||a||S(e?.type)),f=n;i&&(c(s,n)||a)&&(f=e?.isTranslate?"$locationOrigin"+n:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+n);let d={href:f,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},h=g?d:s?{...d,type:t}:{type:t};return{Wrapper:g?i?"a":o:r,urlData:h,shouldRenderLink:g}},_=(e,t)=>{if(e&&/<a\s[^>]*>.*?<\/a>/.test(e)){let r;let i=/<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi,l=e.toString();for(;null!==(r=i.exec(l));){let e=r[1],{urlData:i}=w("",{link:e,isTranslate:t});l=l.replace(r[0],r[0].replace(/(href=['"])([^'"]*)(['"])/i,`$1${i.href}$3`))}return l}return e};function j(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}function E(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let W=(e,t)=>{let r={};return n.forEach(i=>{r={...r,[`--d${"desktop"===i?"":`-${i}`}`]:`${e(i)?"none":t}`}}),r},I=(e,t)=>{if(!e)return t;if("number"==typeof e)return e;let r="string"==typeof e?e.replaceAll("px","").replaceAll("%","").replaceAll("rem","").replaceAll("em",""):t;return isNaN(Number(r))?t:Number(r)},P=e=>{let t;if(!e)return[];let r=/href="([^"]*)"/g,i=[];for(;null!==(t=r.exec(e));)t[1]&&i.push(t[1]);return i},A=(e,t)=>{let r;if(!e)return"";let i=/href="([^"]*)"/g,l=0;for(;null!==(r=i.exec(e));)r[1]&&(e=e.replace(r[1],t[l]??""),l++);return e};function D(e){return 0===Object.keys(e).length&&"object"==typeof e}let N=(t,r)=>{if("edit"!==r){if(T(t)){window.scrollTo({top:0,behavior:"smooth"});return}if(L(t)){window.open(t?.link,t?.target,t?.noFollow?"nofollow":void 0);return}if(x(t)){let r=t?.link?.replace("#el-","#");e.dispatch("onOpenDialog",{popupUId:r});return}t?.link?.startsWith("#")&&e.dispatch("onOpenDialog",{popupUId:t?.link})}},R=({valueTranslate:e,uid:t,settingId:r,pageContext:i})=>{if(!t||!a?.[r]?.id)return e;let l=$({val:e,settingId:m({id:a?.[r]?.id}),uid:t,pageContext:i});return null!=l?String(l):e},q=({background:e,enableTranslate:t,uid:r,pageContext:i,isTranslateVideo:n=!0})=>{if(!e)return{};if(!t||!r||i?.isPreviewing)return e;let o=l(e);for(let e in o){let t=o[e];if(t){if(t.image?.src){let l=$({val:t.image.src,uid:r,settingId:m({id:"background",suffix:`${e}_image_src`}),pageContext:i});t.image.src=String(l)}if(n){if("youtube"===t.videoType&&t.video){let l=$({val:t.video,uid:r,settingId:m({id:"background",suffix:`${e}_video`}),pageContext:i});t.video=String(l)}if("html5"===t.videoType&&t.videoHtml5){let l=$({val:t.videoHtml5,uid:r,settingId:m({id:"background",suffix:`${e}_videoHtml5`}),pageContext:i});t.videoHtml5=String(l)}}}}return o},H=e=>e.replace("gid://shopify/Product/",""),C=e=>{if(!e)return;let{schema:t,mode:r,...i}=e;return i};export{s as REGEX_PAGE_TYPE,L as checkIsOpenPage,x as checkIsOpenPopup,T as checkIsScrollToTop,I as convertUnitToNumber,m as createSettingId,h as createTranslateKey,H as extractProductID,C as filterPageContext,E as filterTruthyObject,j as filterTruthyStyles,P as getAllHrefFromString,q as getBackgroundTranslated,W as getDisplayStyle,$ as getDynamicSourceLocales,w as getInsertLinkData,p as getLinkArticle,O as getLinkData,R as getSeoTranslated,y as getSettingPreloadData,k as getStaticLocale,N as handleClickLink,D as isEmptyObject,f as isHexTransparent,S as isLinkedToSalesPage,c as isShopifyDomain,u as isTransparentColor,g as isTransparentRGBA,b as normalizeMailto,A as replaceAllHrefFromString,_ as replaceLinkData,d as youtubeShortsRegex};

package/dist/esm/hero-banner/common/helpers.js

@@ -1 +1 @@
-import{DEVICES as e,makeStyleResponsive as t,getValueByDevice as o,getAspectRatioGlobalSize as l,getResponsiveValueByScreen as i,cls as r,GRADIENT_BGR_KEY as a}from"@gem-sdk/core";import{getImageSrc as n,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as p}from"../../constant.js";import{DEFAULT_CLIP_PATH as b,VIDEO_IFRAME_SCALE as g}from"./const.js";let d=(t,o,l)=>{let r={};return e.map(e=>{let a=i(t,e),n=i(o,e),s=i(l,e);r={...r,[e]:1>=(a?.cols?.length||1)?n:s}}),r},c=(e,t)=>{if(!i(m(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},m=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},u=e=>{let t=m(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},h=(e,t,o,l)=>{if(!e)return"";let r=m(e),s=i(e,t),p=o?`url(${u(e)[t]})`:`url(${n(i(r,t),t,l)})`,b=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${p}${b}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?p:"url()"},y=(o,l=!1,i=!1)=>{if(!o)return;let r={};return e.forEach(e=>{r={...r,[e]:h(o,e,l,i)}}),t("bgi",r)},f=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},I=(e,t,o)=>S(d(e,t,o)),v=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),k=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},w=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},C=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},A=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:l})=>{let i=C(e,t);return i?{...l,[o]:i}:l},j=(e,o)=>{let r=l(o);return["desktop","mobile","tablet"].forEach(t=>{let l=i(o,t),a=!!k(t,e);a&&(r=A({shapeByDevice:l,fallbackRatio:"auto",device:t,currentResult:r}))}),t("aspect",r)},S=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},Z=(e,o)=>{let l={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=!!k(t,o),n=r?.shape,s=r?.height;l={...l,[t]:"original"!==n||"fit-content"===s||a?"none":"block"}}),t("d",l)},B=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},P=(t,o)=>{let l=!1,r=e.reduce((e,r)=>{let a=i(t,r),n=i(o,r),s=B(a,n?.type==="video");return s&&(e[r]=s,l=!0),e},{});return{aspectRatio:l?r:void 0}},x=(t,l,i)=>e.reduce((e,r)=>{let a=o(t,r),n=a?.type==="video"?a?.videoType:void 0,s=o(l,r),p=i?.[r];return p&&"youtube"===n&&"cover"!==s&&(e[r]=p),e},{}),$=(e,t)=>{let{aspectRatio:o}=P(e,t);return o},D=(e,t,o)=>{let l=x(e,t,o);return Object.keys(l).length?l:void 0},R=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},T=(e,t)=>{let{top:o,height:l}=e,i=-l;return o<i?0:o>t?100:Math.min(Math.max((o-i)/(t-i)*100,0),100)},V=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,z=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:a?"150%":n?"100vh":"100%"}}),t("h",l)},M=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:n?"100vw":"100%"}}),t("w",l)},W=e=>{let o={};return["desktop","mobile","tablet"].forEach(t=>{o={...o,[t]:e[t]?.attachment==="fixed"?"0px":""}}),t("top",o)},E=(e,t)=>{let o=z(e,t),l=M(e,t),i=W(e);return{...o,...l,...i}},G=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let r=e-i;return r>0?r:0},L=(e,t)=>{if(!t)return`${b}`;let[o,l,i,r]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:s,bblr:p}=t,g=G(parseInt(a??"0")||0,o,r),d=G(parseInt(n??"0")||0,o,l),c=G(parseInt(s??"0")||0,l,i),m=G(parseInt(p??"0")||0,i,r);return[g,d,c,m].every(e=>0===e)?`${b}`:`inset(0 0 0 round ${g}px ${d}px ${c}px ${m}px)`},H=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),N=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,r=o[e];if(i&&r)return["space-between","top","center","bottom"].includes(r)?r:void 0},J=(t,o)=>{let l=Y(t),i=Y(o),r={desktop:N({device:"desktop",settingLayoutRes:l,contentPosition1ColRes:i}),tablet:N({device:"tablet",settingLayoutRes:l,contentPosition1ColRes:i}),mobile:N({device:"mobile",settingLayoutRes:l,contentPosition1ColRes:i})},a={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute tablet:[&>*:nth-child(2)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute  mobile:[&>*:nth-child(2)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},n={};return e.forEach(e=>{let t=r[e],o=a?.[t]?.[e];n[o]=!0}),n},K=e=>{let t=Y(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},O=e=>{let t={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=i(e,o);t={...t,[o]:l}}),r("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},X=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let r=i(e,l),a=!!k(l,t),n=r?.shape,s=r?.height;o={...o,[l]:"original"===n&&"fit-content"!==s&&!a}}),r(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},F=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[l]}`]:!0,[`mobile:gp-justify-${t[i]}`]:!0}},Y=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},U=t=>e.some(e=>{let l=o(t,e);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function Q(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let _="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",q=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:p,target:"_self"}:t},ee=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",et=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},eo=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l},el=(e,t)=>{if(!e||!t)return 16/9;let o=i(e,t),l=o?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},ei=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},er=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},ea=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},en=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},es=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${g})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${g})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${g})`}}},ep=(e,t)=>{if(!e)return;let o=es(t);e.style.top=o.top,e.style.transform=o.transform},eb=({iframeEl:e,containerRatio:t,videoObjectFit:o,background:l,currentDevice:r,isYoutubeVideoMigrated:a})=>{let n,s;let p=el(l,r),b=i(l,r);if(!e||!t)return;let d=b?.videoAlign||"top",c=es(d);if("contain"===o){Object.assign(e.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${g})`});return}t>=p?(n=100,s=t/p*100):(s=100,n=p/t*100),Object.assign(e.style,{position:"absolute",top:c.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${s}%`,maxWidth:"none",transform:c.transform})};export{P as collectAspectRatioByDevice,x as collectYoutubeAspectRatio,Q as debounce,_ as fallbackImg,ee as formatHoverScale,$ as getAspectRatio,f as getAttachmentDevice,y as getBackgroundImageHeroBanner,q as getBannerLink,m as getBgImage,H as getClassAlignBanner,F as getClassContentPosition,X as getClassForContentByFitContent,O as getClassForStretchContent,J as getClassSpaceBetween,K as getClassSpaceBetweenLeftRight,L as getClipPath,en as getContainerRatio,d as getContentPosition,k as getDataVideoHeroBannerResponsive,Z as getDisplayStyleByFitContent,c as getEnableBgImageByDevice,eo as getOpacityHover,T as getPercentageVisible,Y as getResponsiveSetting,j as getStyleAspectRatioHeroBannerCustom,E as getStyleHeroBannerBg,el as getVideoAspectRatio,w as getVisibilityStyle,R as getWidth,D as getYoutubeAspectRatio,I as horizontalAlign,u as imagePlaceholder,V as isScaleImage,S as mapContentPositionToHorizontal,et as opacityEnabledData,ei as resetVideoIframeStyle,ea as resetVideoWrapperStyle,v as scrollToContentBanner,ep as setVideoIframeAlign,er as setVideoWrapperStyle,U as showVideoType,eb as updateVideoIframeSize};
+import{DEVICES as e,makeStyleResponsive as t,getValueByDevice as o,getAspectRatioGlobalSize as l,getResponsiveValueByScreen as i,cls as r,GRADIENT_BGR_KEY as a}from"@gem-sdk/core";import{getImageSrc as n,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as p}from"../../constant.js";import{DEFAULT_CLIP_PATH as b,VIDEO_IFRAME_SCALE as g}from"./const.js";let d=(t,o,l)=>{let r={};return e.map(e=>{let a=i(t,e),n=i(o,e),s=i(l,e);r={...r,[e]:1>=(a?.cols?.length||1)?n:s}}),r},c=(e,t)=>{if(!i(m(t),e))return!1;if(!t?.[e]){if("mobile"===e)return t?.tablet?.type==="image"||t?.desktop?.type==="image"&&!t?.tablet;if("tablet"===e)return t?.desktop?.type==="image"}return t?.[e]?.type==="image"},m=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},u=e=>{let t=m(e);return{desktop:s(t?.desktop?.width??0,t?.desktop?.height??0),tablet:s(t?.tablet?.width??t?.desktop?.width??0,t?.tablet?.height??t?.desktop?.width??0),mobile:s(t?.mobile?.width??t?.tablet?.width??t?.desktop?.width??0,t?.mobile?.height??t?.tablet?.height??t?.desktop?.width??0)}},h=(e,t,o,l)=>{if(!e)return"";let r=m(e),s=i(e,t),p=o?`url(${u(e)[t]})`:`url(${n(i(r,t),t,l)})`,b=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${p}${b}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?p:"url()"},y=(o,l=!1,i=!1)=>{if(!o)return;let r={};return e.forEach(e=>{r={...r,[e]:h(o,e,l,i)}}),t("bgi",r)},f=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},I=(e,t,o)=>S(d(e,t,o)),v=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),k=(e,t)=>{switch(e){case"desktop":if(t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"tablet":if(t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.tablet&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop};break;case"mobile":if(t?.mobile?.type==="video")return{device:"mobile",data:t.mobile};if(!t?.mobile&&t?.tablet?.type==="video")return{device:"tablet",data:t.tablet};if(!t?.mobile&&!t?.tablet?.type&&t?.desktop?.type==="video")return{device:"desktop",data:t.desktop}}},w=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,o)=>({...t,[o]:e?.[o]!=="none"?"flex":e?.[o]}),{}):{},C=(e,t)=>{if(!e)return t;let o=e?.shapeVideo;return"custom"===o?e?.shapeValue||t:void 0!==o?o:e?.shapeValue??t},A=({shapeByDevice:e,fallbackRatio:t,device:o,currentResult:l})=>{let i=C(e,t);return i?{...l,[o]:i}:l},j=(e,o)=>{let r=l(o);return["desktop","mobile","tablet"].forEach(t=>{let l=i(o,t),a=!!k(t,e);a&&(r=A({shapeByDevice:l,fallbackRatio:"auto",device:t,currentResult:r}))}),t("aspect",r)},S=e=>{let t={};for(let o in e)"top"===e[o]?t[o]="start":"bottom"===e[o]?t[o]="end":t[o]="center";return t},Z=(e,o)=>{let l={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=!!k(t,o),n=r?.shape,s=r?.height;l={...l,[t]:"original"!==n||"fit-content"===s||a?"none":"block"}}),t("d",l)},B=(e,t)=>{if(!e)return;if(!t)return e.shapeValue;let o=e.shapeVideo;return"custom"===o?e.shapeValue:o},P=(t,o)=>{let l=!1,r=e.reduce((e,r)=>{let a=i(t,r),n=i(o,r),s=B(a,n?.type==="video");return s&&(e[r]=s,l=!0),e},{});return{aspectRatio:l?r:void 0}},x=(t,l,i)=>e.reduce((e,r)=>{let a=o(t,r),n=a?.type==="video"?a?.videoType:void 0,s=o(l,r),p=i?.[r];return p&&"youtube"===n&&"cover"!==s&&(e[r]=p),e},{}),$=(e,t)=>{let{aspectRatio:o}=P(e,t);return o},D=(e,t,o)=>{let l=x(e,t,o);return Object.keys(l).length?l:void 0},R=e=>{let t={};return["desktop","mobile","tablet"].forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},T=(e,t)=>{let{top:o,height:l}=e,i=-l;return o<i?0:o>t?100:Math.min(Math.max((o-i)/(t-i)*100,0),100)},V=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,z=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:a?"150%":n?"100vh":"100%"}}),t("h",l)},M=(e,o)=>{let l={};return["desktop","mobile","tablet"].forEach(t=>{let r=i(e,t),a=r?.type==="image"&&o,n=V({enableParallax:a,attachment:e[t]?.attachment});l={...l,[t]:n?"100vw":"100%"}}),t("w",l)},W=e=>{let o={};return["desktop","mobile","tablet"].forEach(t=>{o={...o,[t]:e[t]?.attachment==="fixed"?"0px":""}}),t("top",o)},E=(e,t)=>{let o=z(e,t),l=M(e,t),i=W(e);return{...o,...l,...i}},G=(e,t=0,o=0)=>{let l=t,i=t;if(t>o?l=o:i=o,e>=999){let t=e-l;return t>0?t:0}let r=e-i;return r>0?r:0},L=(e,t)=>{if(!t)return`${b}`;let[o,l,i,r]=(e??"0 0 0 0").split(" ").map(e=>parseInt(e??"0")||0),{btlr:a,btrr:n,bbrr:s,bblr:p}=t,g=G(parseInt(a??"0")||0,o,r),d=G(parseInt(n??"0")||0,o,l),c=G(parseInt(s??"0")||0,l,i),m=G(parseInt(p??"0")||0,i,r);return[g,d,c,m].every(e=>0===e)?`${b}`:`inset(0 0 0 round ${g}px ${d}px ${c}px ${m}px)`},H=e=>({"!gp-self-start":"left"===e.desktop,"!gp-self-center":"center"===e.desktop,"!gp-self-end":"right"===e.desktop,"tablet:!gp-self-start":"left"===e.tablet,"tablet:!gp-self-center":"center"===e.tablet,"tablet:!gp-self-end":"right"===e.tablet,"mobile:!gp-self-start":"left"===e.mobile,"mobile:!gp-self-center":"center"===e.mobile,"mobile:!gp-self-end":"right"===e.mobile}),N=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,r=o[e];if(i&&r)return["space-between","top","center","bottom"].includes(r)?r:void 0},J=(t,o)=>{let l=Y(t),i=Y(o),r={desktop:N({device:"desktop",settingLayoutRes:l,contentPosition1ColRes:i}),tablet:N({device:"tablet",settingLayoutRes:l,contentPosition1ColRes:i}),mobile:N({device:"mobile",settingLayoutRes:l,contentPosition1ColRes:i})},a={"space-between":{desktop:"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(3)]:gp-absolute [&>*:nth-child(3)]:gp-hidden",tablet:"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(3)]:gp-absolute tablet:[&>*:nth-child(3)]:gp-hidden",mobile:"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(3)]:gp-absolute  mobile:[&>*:nth-child(3)]:gp-hidden"},top:{desktop:"!gp-content-stretch [&>*]:!gp-justify-start",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start"},center:{desktop:"!gp-content-stretch [&>*]:!gp-justify-center",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center"},bottom:{desktop:"!gp-content-stretch [&>*]:!gp-justify-end",tablet:"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end",mobile:"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end"}},n={};return e.forEach(e=>{let t=r[e],o=a?.[t]?.[e];n[o]=!0}),n},K=e=>{let t=Y(e),o=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",l=t?.tablet?.type=="left-distributed"||t?.tablet?.type=="right-distributed",i=t?.mobile?.type=="left-distributed"||t?.mobile?.type=="right-distributed";return{"gp-h-full tablet:gp-h-auto mobile:gp-h-auto [&>*]:!gp-justify-between":o,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":l,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},O=e=>{let t={desktop:"none",tablet:"none",mobile:"none"};return["desktop","mobile","tablet"].forEach(o=>{let l=i(e,o);t={...t,[o]:l}}),r("space-between"===t.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===t.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${e?.tablet}`,"space-between"===t.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${e?.mobile}`)},X=(e,t)=>{let o={desktop:!1,tablet:!1,mobile:!1};return["desktop","mobile","tablet"].forEach(l=>{let r=i(e,l),a=!!k(l,t),n=r?.shape,s=r?.height;o={...o,[l]:"original"===n&&"fit-content"!==s&&!a}}),r(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},F=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},o=e.desktop||"center",l=e.tablet||o,i=e.mobile||l;return{[`gp-justify-${t[o]}`]:!0,[`tablet:gp-justify-${t[l]}`]:!0,[`mobile:gp-justify-${t[i]}`]:!0}},Y=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},U=t=>e.some(e=>{let l=o(t,e);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function Q(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let _="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",q=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:p,target:"_self"}:t},ee=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",et=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},eo=e=>{let{overlayOpacity:t}=e??{},o="number"!=typeof t?.hover||isNaN(t?.hover)?"string"==typeof t?.hover?`${parseInt(t?.hover)}%`:"":`${t?.hover}%`,l="number"!=typeof t?.normal||isNaN(t?.normal)?"string"==typeof t?.normal?`${parseInt(t?.normal)}%`:"0%":`${t?.normal}%`;return o||l},el=(e,t)=>{if(!e||!t)return 16/9;let o=i(e,t),l=o?.videoCustomRatio;if(l?.width&&l?.height){let e=Number(l.width),t=Number(l.height);if(e>0&&t>0)return e/t}return 16/9},ei=e=>{e&&(e.style.removeProperty("width"),e.style.removeProperty("height"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("transform"),e.style.removeProperty("position"))},er=e=>{Object.assign(e.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"})},ea=e=>{e.style.removeProperty("position"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("width"),e.style.removeProperty("height")},en=e=>{if(!e)return 0;let{width:t,height:o}=e.getBoundingClientRect();return t&&o?t/o:0},es=e=>{switch(e){case"top":default:return{top:"0%",transform:`translate(-50%, 0%) scale(${g})`};case"bottom":return{top:"100%",transform:`translate(-50%, -100%) scale(${g})`};case"center":return{top:"50%",transform:`translate(-50%, -50%) scale(${g})`}}},ep=(e,t)=>{if(!e)return;let o=es(t);e.style.top=o.top,e.style.transform=o.transform},eb=({iframeEl:e,containerRatio:t,videoObjectFit:o,background:l,currentDevice:r,isYoutubeVideoMigrated:a})=>{let n,s;let p=el(l,r),b=i(l,r);if(!e||!t)return;let d=b?.videoAlign||"top",c=es(d);if("contain"===o){Object.assign(e.style,{position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",maxWidth:"none",transform:`translate(-50%, -50%) scale(${g})`});return}t>=p?(n=100,s=t/p*100):(s=100,n=p/t*100),Object.assign(e.style,{position:"absolute",top:c.top,left:"50%",width:a?"500%":`${n}%`,height:a?"100%":`${s}%`,maxWidth:"none",transform:c.transform})};export{P as collectAspectRatioByDevice,x as collectYoutubeAspectRatio,Q as debounce,_ as fallbackImg,ee as formatHoverScale,$ as getAspectRatio,f as getAttachmentDevice,y as getBackgroundImageHeroBanner,q as getBannerLink,m as getBgImage,H as getClassAlignBanner,F as getClassContentPosition,X as getClassForContentByFitContent,O as getClassForStretchContent,J as getClassSpaceBetween,K as getClassSpaceBetweenLeftRight,L as getClipPath,en as getContainerRatio,d as getContentPosition,k as getDataVideoHeroBannerResponsive,Z as getDisplayStyleByFitContent,c as getEnableBgImageByDevice,eo as getOpacityHover,T as getPercentageVisible,Y as getResponsiveSetting,j as getStyleAspectRatioHeroBannerCustom,E as getStyleHeroBannerBg,el as getVideoAspectRatio,w as getVisibilityStyle,R as getWidth,D as getYoutubeAspectRatio,I as horizontalAlign,u as imagePlaceholder,V as isScaleImage,S as mapContentPositionToHorizontal,et as opacityEnabledData,ei as resetVideoIframeStyle,ea as resetVideoWrapperStyle,v as scrollToContentBanner,ep as setVideoIframeAlign,er as setVideoWrapperStyle,U as showVideoType,eb as updateVideoIframeSize};

package/dist/esm/hero-banner/components/HeroBanner.liquid.js

@@ -1,13 +1,13 @@
-import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as s,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{dataStringify as m,template as p,RenderIf as f,isLocalEnv as u,baseAssetURL as g}from"@gem-sdk/core";import{getBackgroundTranslated as h,getInsertLinkData as v,getSettingPreloadData as b}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as j}from"../common/helpers.js";import{HeroBanner as k}from"../settings/configs/translate.js";let E=E=>{let{builderAttrs:y,builderProps:C,setting:P,styles:S,style:x,children:B,advanced:T,pageContext:V}=E,{enableLazyLoadImage:H}=V??{},{enableLink:M,enableParallax:N}=P??{},O=h({background:S?.background,uid:C?.uid,enableTranslate:!!k?.background?.id,pageContext:V??{},isTranslateVideo:!0}),R=j(P),{cssClass:_}=T??{},{urlData:w}=v("",R),z=i({background:$(O||{}),uid:C?.uid,enableParallax:N&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:R?.target??"_self",href:w?.href??"",linkType:R?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),A=!!R?.link&&M,D=n({...r({uid:C?.uid||""})}),F=n(t()),G=l({...o(S,P,x)}),I=d({...s({setting:P,builderProps:C,advancedCssClass:_})}),Y=d({...a()}),q=()=>e({setting:P,translatedBackground:O,styles:S,children:B,enableLazyLoadImage:H,rawChildren:E.rawChildren,builderProps:C,pageContext:V});return p`
+import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}from"../common/attrs.js";import{getStyle as o}from"../common/styles.js";import{getClasses as s,getLinkClasses as a}from"../common/classes.js";import{createStateOrContext as i,createAttr as n,createStyle as l,createClass as d,If as c}from"@gem-sdk/system";import{dataStringify as p,template as m,RenderIf as f,isLocalEnv as u,baseAssetURL as g}from"@gem-sdk/core";import{getBackgroundTranslated as h,getInsertLinkData as v,getSettingPreloadData as b}from"../../helpers.js";import{getResponsiveSetting as $,getBannerLink as j}from"../common/helpers.js";import{HeroBanner as k}from"../settings/configs/translate.js";let y=y=>{let{builderAttrs:E,builderProps:C,setting:P,styles:S,style:x,children:B,advanced:T,pageContext:V}=y,{enableLazyLoadImage:H}=V??{},{enableLink:M,enableParallax:N}=P??{},O=h({background:S?.background,uid:C?.uid,enableTranslate:!!k?.background?.id,pageContext:V??{},isTranslateVideo:!0}),R=j(P),{cssClass:_}=T??{},{urlData:w}=v("",R),z=i({background:$(O||{}),uid:C?.uid,enableParallax:N&&Number(P?.speedParallax||0)>0,speedParallax:Number(P?.speedParallax)||0,hoverEffect:S?.hoverEffect,hoverEffectScale:S?.hoverEffectScale,layout:P?.layout,contentPosition1Col:S?.contentPosition1Col,contentPosition2Col:S?.contentPosition2Col,aspectRatio:P?.aspectRatio,sizeSetting:$(S?.sizeSetting||{}),videoObjectFit:$(S?.videoObjectFit||{}),target:R?.target??"_self",href:w?.href??"",linkType:R?.type??"",hoverEffectDuration:S?.hoverEffectDuration,isYoutubeVideoMigrated:P?.isYoutubeVideoMigrated}),A=!!R?.link&&M,D=n({...r({uid:C?.uid||""})}),F=n(t()),G=l({...o(S,P,x)}),I=d({...s({setting:P,builderProps:C,advancedCssClass:_})}),Y=d({...a()}),q=()=>e({setting:P,translatedBackground:O,styles:S,children:B,enableLazyLoadImage:H,rawChildren:y.rawChildren,builderProps:C,pageContext:V});return m`
       <gp-hero-banner
-        ${{...y}}
+        ${{...E}}
         ${{...D}}
         class="${I}"
         style="${G}"
-        gp-data='${m(z)}'
       >
+        <script gp-data type="application/json">${p(z)}</script>
         ${c(!A,q())}
-        ${c(A,p`
+        ${c(A,m`
           <div
             ${{...F}}
             aria-hidden="true"
@@ -18,4 +18,4 @@ import e from"./HeroBannerItem.liquid.js";import{getAttr as r,getAttrLink as t}f
       </gp-hero-banner>
        ${f(u,`<script ${b('class="gps-link" delay',"src")}="{{ 'gp-hero-banner-v2-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${b('class="gps-link" delay',"src")}="${g}/assets-v2/gp-hero-banner-v2-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
 `)}
-  `};export{E as default};
+  `};export{y as default};

package/dist/esm/hero-banner/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};