@gem-sdk/components 3.0.0 → 3.0.1-staging.1135

package/dist/esm/countdown-timer/settings/configs/setting.js

@@ -1 +1 @@
-import{getEndTime as e}from"../../common/helpers.js";let CountdownSettings=[{id:"setting",controls:[{id:"countdownSettings",label:"Countdown Settings",type:"group",controls:[{id:"segment",type:"group",controls:[{id:"behaviour",label:"Type",type:"select",default:"standard",options:[{label:"End at",value:"standard"},{label:"Auto-renew",value:"daily"},{label:"Manual",value:"evergreen"}]},{id:"dateStandard",label:"Date",type:"dateTimePicker",default:e(7,0,0)},{id:"timeZone",label:"Time Zone",type:"select",options:[{value:"UTC-12",label:"UTC-12"},{value:"UTC-11",label:"UTC-11"},{value:"UTC-10",label:"UTC-10"},{value:"UTC-9:30",label:"UTC-9:30"},{value:"UTC-9",label:"UTC-9"},{value:"UTC-8",label:"UTC-8"},{value:"UTC-7",label:"UTC-7"},{value:"UTC-6",label:"UTC-6"},{value:"UTC-5",label:"UTC-5"},{value:"UTC-4",label:"UTC-4"},{value:"UTC-3",label:"UTC-3"},{value:"UTC-2:30",label:"UTC-2:30"},{value:"UTC-2",label:"UTC-2"},{value:"UTC-1",label:"UTC-1"},{value:"UTC+0",label:"UTC+0"},{value:"UTC+1",label:"UTC+1"},{value:"UTC+2",label:"UTC+2"},{value:"UTC+3",label:"UTC+3"},{value:"UTC+3:30",label:"UTC+3:30"},{value:"UTC+4",label:"UTC+4"},{value:"UTC+4:30",label:"UTC+4:30"},{value:"UTC+5",label:"UTC+5"},{value:"UTC+5:30",label:"UTC+5:30"},{value:"UTC+5:45",label:"UTC+5:45"},{value:"UTC+6",label:"UTC+6"},{value:"UTC+6:30",label:"UTC+6:30"},{value:"UTC+7",label:"UTC+7"},{value:"UTC+8",label:"UTC+8"},{value:"UTC+8:45",label:"UTC+8:45"},{value:"UTC+9",label:"UTC+9"},{value:"UTC+9:30",label:"UTC+9:30"},{value:"UTC+10",label:"UTC+10"},{value:"UTC+10:30",label:"UTC+10:30"},{value:"UTC+11",label:"UTC+11"},{value:"UTC+12",label:"UTC+12"},{value:"UTC+12:45",label:"UTC+12:45"}],default:"UTC-4"},{id:"timerDaily",type:"countdown:daily",default:{hours:10,mins:0,format:"am"}},{id:"timerEverygreen",type:"countdown:evergreen",default:{days:0,hours:3,mins:0,endTime:new Date().getTime()+108e5,startTime:new Date().getTime()}}]},{id:"loopAfterFinish",label:"Loop (refresh after finish)",type:"toggle",default:!0},{id:"autoHideWhenTimeout",label:"Auto Hide when timeout",type:"toggle",info:"The countdown will automatically hide after it finishes instead of showing 0 value.",default:!1}]},{id:"countdownLabel",type:"group",label:"Label",controls:[{id:"enableDay",label:"Day",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"dayLabel",label:"Label",type:"input",default:"Day",hide:!1},{id:"enableHour",label:"Hour",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"hourLabel",label:"Label",type:"input",default:"Hour",hide:!1},{id:"enableMinute",label:"Minute",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"minuteLabel",label:"Label",type:"input",default:"Minute",hide:!1},{id:"enableSecond",label:"Second",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"secondLabel",label:"Label",type:"input",default:"Second",hide:!1},{id:"enableWeek",label:"Week",type:"option:value",default:!1,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"weekLabel",label:"Label",type:"input",default:"Week",hide:!1}]},{id:"translate",type:"input",default:"dayLabel,hourLabel,minuteLabel,secondLabel,weekLabel"},{id:"redirectUrl",type:"pick-link",customLabel:{en:"Action"},default:{type:"stay-on-page",link:"",target:"_self"}}]},{id:"style",controls:[{id:"enableLabelTextStyle",label:"",type:"toggle",default:!0},{id:"textNumberGroup",label:"Text Number",type:"group",controls:[{id:"numTypo",type:"typography-v2",label:"Typography",default:{type:"subheading-2",attrs:{color:"text-2",bold:!0}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorNumber",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textLabel",label:"Text Label",type:"group",controls:[{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorLabel",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}}},{id:"itemSettingGroup",type:"group",label:"Item Settings",controls:[{id:"backgroundItemColor",type:"color-picker-v2",label:"Background Color",default:"bg-2"},{id:"verticalGap",label:"Vertical Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"8px"},{id:"horizontalGap",label:"Horizontal Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"16px"},{id:"itemPadding",label:"Padding",type:"padding-v2",devices:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}},compoDefaultValue:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderState",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0}},{id:"roundedState",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]}]}];export{CountdownSettings};
+import{getEndTime as e}from"../../common/helpers.js";let CountdownSettings=[{id:"setting",controls:[{id:"countdownSettings",label:"Countdown Settings",type:"group",controls:[{id:"segment",type:"group",controls:[{id:"behaviour",label:"Type",type:"select",default:"standard",options:[{label:"End at",value:"standard"},{label:"Auto-renew",value:"daily"},{label:"Manual",value:"evergreen"}]},{id:"dateStandard",label:"Date",type:"dateTimePicker",default:e(7,0,0)},{id:"timeZone",label:"Time Zone",type:"select",options:[{value:"UTC-12",label:"UTC-12"},{value:"UTC-11",label:"UTC-11"},{value:"UTC-10",label:"UTC-10"},{value:"UTC-9:30",label:"UTC-9:30"},{value:"UTC-9",label:"UTC-9"},{value:"UTC-8",label:"UTC-8"},{value:"UTC-7",label:"UTC-7"},{value:"UTC-6",label:"UTC-6"},{value:"UTC-5",label:"UTC-5"},{value:"UTC-4",label:"UTC-4"},{value:"UTC-3",label:"UTC-3"},{value:"UTC-2:30",label:"UTC-2:30"},{value:"UTC-2",label:"UTC-2"},{value:"UTC-1",label:"UTC-1"},{value:"UTC+0",label:"UTC+0"},{value:"UTC+1",label:"UTC+1"},{value:"UTC+2",label:"UTC+2"},{value:"UTC+3",label:"UTC+3"},{value:"UTC+3:30",label:"UTC+3:30"},{value:"UTC+4",label:"UTC+4"},{value:"UTC+4:30",label:"UTC+4:30"},{value:"UTC+5",label:"UTC+5"},{value:"UTC+5:30",label:"UTC+5:30"},{value:"UTC+5:45",label:"UTC+5:45"},{value:"UTC+6",label:"UTC+6"},{value:"UTC+6:30",label:"UTC+6:30"},{value:"UTC+7",label:"UTC+7"},{value:"UTC+8",label:"UTC+8"},{value:"UTC+8:45",label:"UTC+8:45"},{value:"UTC+9",label:"UTC+9"},{value:"UTC+9:30",label:"UTC+9:30"},{value:"UTC+10",label:"UTC+10"},{value:"UTC+10:30",label:"UTC+10:30"},{value:"UTC+11",label:"UTC+11"},{value:"UTC+12",label:"UTC+12"},{value:"UTC+12:45",label:"UTC+12:45"}],default:"UTC-4"},{id:"timerDaily",type:"countdown:daily",default:{hours:10,mins:0,format:"am"}},{id:"timerEverygreen",type:"countdown:evergreen",default:{days:0,hours:3,mins:0,endTime:new Date().getTime()+108e5,startTime:new Date().getTime()}}]},{id:"loopAfterFinish",label:"Loop (refresh after finish)",type:"toggle",default:!0},{id:"autoHideWhenTimeout",label:"Auto Hide when timeout",type:"toggle",info:"The countdown will automatically hide after it finishes instead of showing 0 value.",default:!1}]},{id:"countdownLabel",type:"group",label:"Label",controls:[{id:"enableDay",label:"Day",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"dayLabel",label:"Label",type:"input",default:"Day",hide:!1},{id:"enableHour",label:"Hour",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"hourLabel",label:"Label",type:"input",default:"Hour",hide:!1},{id:"enableMinute",label:"Minute",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"minuteLabel",label:"Label",type:"input",default:"Minute",hide:!1},{id:"enableSecond",label:"Second",type:"option:value",default:!0,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"secondLabel",label:"Label",type:"input",default:"Second",hide:!1},{id:"enableWeek",label:"Week",type:"option:value",default:!1,options:[{value:!0,label:"Show"},{value:!1,label:"Hide"}]},{id:"weekLabel",label:"Label",type:"input",default:"Week",hide:!1}]},{id:"translate",type:"input",default:"dayLabel,hourLabel,minuteLabel,secondLabel,weekLabel"},{id:"redirectUrl",type:"pick-link",customLabel:{en:"Action"},default:{type:"stay-on-page",link:"",target:"_self"}}]},{id:"style",controls:[{id:"enableLabelTextStyle",label:"",type:"toggle",default:!0},{id:"textNumberGroup",label:"Text Number",type:"group",controls:[{id:"numTypo",type:"typography-v2",label:"Typography",default:{type:"subheading-2",attrs:{color:"text-2",bold:!0}},compoDefaultValue:{attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorNumber",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textLabel",label:"Text Label",type:"group",controls:[{id:"labelTypo",type:"typography-v2",label:"Typography",default:{type:"paragraph-2",attrs:{color:"text-1"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"colorLabel",type:"colorpicker",label:"Color",default:"text-2"}]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"custom",top:"12px",left:"24px",bottom:"12px",right:"24px"}}}}},{id:"itemSettingGroup",type:"group",label:"Item Settings",controls:[{id:"backgroundItemColor",type:"color-picker-v2",label:"Background Color",default:"bg-2"},{id:"verticalGap",label:"Vertical Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"8px"},{id:"horizontalGap",label:"Horizontal Gap",type:"input:slider",min:0,max:120,ignoreMax:!0,units:["px"],default:"16px"},{id:"itemPadding",label:"Padding",type:"padding-v2",devices:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}},compoDefaultValue:{desktop:{default:{top:"8px",bottom:"8px",left:"24px",right:"24px"}}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"borderState",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0}},{id:"roundedState",type:"radius-preset",label:"Border Radius",default:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0}}]}]}];export{CountdownSettings};

package/dist/esm/coupon/settings/configs/settings.js

@@ -2,4 +2,4 @@ let CouponSettings=[{id:"setting",controls:[{id:"couponLayout",label:"Layout",ty
             <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z" />
           </svg>
         `,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"group-icon",type:"group",label:"Icon",controls:[{id:"iconSvg",label:"SVG icon",type:"icon",hide:!0,default:`<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414779109605736">
-            <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight",active:"#2C934E"},compoDefaultValue:{normal:"brand",hover:"highlight",active:"#2C934E"}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0,active:!0}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1"},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",useOnlyUnitInit:!0,isNumber:!0,label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,devices:{desktop:{default:"8px"}},ignoreMax:!0},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},hiddenSettings:["shape","gap"]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}},{id:"borderBtnV2",type:"border-v2",compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0,active:!0}},{id:"roundedBtnV2",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0,active:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}}]}];export{CouponSettings};
+            <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"segment",hide:!0,options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"enableActiveEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight",active:"#2C934E"},compoDefaultValue:{normal:"brand",hover:"highlight",active:"#2C934E"}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},compoDefaultValue:{normal:"text-3"},state:{hover:!0,normal:!0,active:!0}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1"},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",useOnlyUnitInit:!0,isNumber:!0,label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,devices:{desktop:{default:"8px"}},ignoreMax:!0},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},hiddenSettings:["shape","gap"]},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}},{id:"borderBtnV2",type:"border-v2",compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}},state:{hover:!0,normal:!0,active:!0}},{id:"roundedBtnV2",type:"corner-v2",compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}},state:{hover:!0,normal:!0,active:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}}]}];export{CouponSettings};

package/dist/esm/dialog/common/classes.js

@@ -1 +1 @@
-import{isTransparentColor as e}from"../../helpers.js";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getContainClasses=e=>{let s="gp-dialog gp-bg-transparent gp-z-[999999]";return e&&(s+=` ${e}`),{...composeClasses(s)}},getBackdropClasses=e=>{let s="gp-fixed gp-inset-0 gp-z-50 gp-flex gp-overflow-y-auto gp-overflow-x-hidden gp-shadow-xl";return"center"===e&&(s+=" gp-items-center gp-justify-center"),"top"===e&&(s+=" gp-justify-center gp-items-start"),"top-right"===e&&(s+=" gp-justify-end gp-items-start"),"top-left"===e&&(s+=" gp-justify-start gp-items-start"),"bottom"===e&&(s+=" gp-items-end gp-justify-center"),"left"===e&&(s+=" gp-items-center gp-justify-start"),"right"===e&&(s+=" gp-items-center gp-justify-end"),"bottom-left"===e&&(s+=" gp-items-end gp-justify-start"),"bottom-right"===e&&(s+=" gp-items-end gp-justify-end"),{...composeClasses(s)}},getOverlayClasses=()=>({...composeClasses("gp-fixed gp-inset-0 gp-block gp-transition-all gp-duration-100")}),getDialogContentClasses=({setting:s,enableEffect:t,isILP:o})=>{let{effectType:g,background:n,closeButtonPosition:p}=s??{},a="gp-relative gp-max-h-full gp-max-w-full";return"fade"===g&&t&&(a+=" gp-animate-[fadeIn_0.4s_ease-in]"),"zoom"===g&&t&&(a+=" gp-animate-[zoomIn_0.3s_ease-in]"),"zoom-out"===g&&t&&(a+=" gp-animate-[zoomOut_0.3s_ease-in]"),"horizontal"===g&&t&&(a+=" gp-animate-[slideInLeft_0.3s_ease-in]"),"vertical"===g&&t&&(a+=" gp-animate-[slideInUp_0.3s_ease-in]"),"unfold"===g&&t&&(a+=" gp-animate-[unfold_0.3s_ease-in-out]"),"outside"!==p&&(a+=" gp-overflow-hidden"),e(n?.desktop?.color)||(a+=" gp-shadow-xl"),!t&&o&&(a+=" gp-animate-[fadeOut_0.2s_ease-out]"),{...composeClasses(a)}},getHeadContentClasses=()=>({...composeClasses("gp-inline-block gp-h-screen gp-align-middle")}),getButtonContentClasses=e=>{let s="gp-absolute gp-top-0 gp-right-0 gp-inline-flex gp-items-center gp-justify-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-overflow-hidden gp-z-1";return"outside"===e&&(s+=" gp-translate-x-1/2 -gp-translate-y-1/2 gp-shadow-md gp-z-[999999]"),{...composeClasses(s)}},getSvgContentClasses=()=>({...composeClasses("[&>svg]:!gp-w-auto [&>svg]:!gp-h-[var(--height-icon)]")}),getBodyContentClasses=()=>({...composeClasses("gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen")});export{getBackdropClasses,getBodyContentClasses,getButtonContentClasses,getContainClasses,getDialogContentClasses,getHeadContentClasses,getOverlayClasses,getSvgContentClasses};
+import{isTransparentColor as e}from"../../helpers.js";function composeClasses(e){return e.split(" ").reduce((e,t)=>(e[t]=!0,e),{})}let getContainClasses=(e,t)=>{let s="gp-dialog gp-bg-transparent gp-z-[999999]";return 0==Number(t)&&(s+=" backdrop:!gp-bg-transparent"),e&&(s+=` ${e}`),{...composeClasses(s)}},getBackdropClasses=e=>{let t="gp-fixed gp-inset-0 gp-z-50 gp-flex gp-overflow-y-auto gp-overflow-x-hidden gp-shadow-xl";return"center"===e&&(t+=" gp-items-center gp-justify-center"),"top"===e&&(t+=" gp-justify-center gp-items-start"),"top-right"===e&&(t+=" gp-justify-end gp-items-start"),"top-left"===e&&(t+=" gp-justify-start gp-items-start"),"bottom"===e&&(t+=" gp-items-end gp-justify-center"),"left"===e&&(t+=" gp-items-center gp-justify-start"),"right"===e&&(t+=" gp-items-center gp-justify-end"),"bottom-left"===e&&(t+=" gp-items-end gp-justify-start"),"bottom-right"===e&&(t+=" gp-items-end gp-justify-end"),{...composeClasses(t)}},getOverlayClasses=()=>({...composeClasses("gp-fixed gp-inset-0 gp-block gp-transition-all gp-duration-100")}),getDialogContentClasses=({setting:t,enableEffect:s,isILP:o})=>{let{effectType:g,background:n,closeButtonPosition:p}=t??{},a="gp-relative gp-max-h-full gp-max-w-full";return"fade"===g&&s&&(a+=" gp-animate-[fadeIn_0.4s_ease-in]"),"zoom"===g&&s&&(a+=" gp-animate-[zoomIn_0.3s_ease-in]"),"zoom-out"===g&&s&&(a+=" gp-animate-[zoomOut_0.3s_ease-in]"),"horizontal"===g&&s&&(a+=" gp-animate-[slideInLeft_0.3s_ease-in]"),"vertical"===g&&s&&(a+=" gp-animate-[slideInUp_0.3s_ease-in]"),"unfold"===g&&s&&(a+=" gp-animate-[unfold_0.3s_ease-in-out]"),"outside"!==p&&(a+=" gp-overflow-hidden"),e(n?.desktop?.color)||(a+=" gp-shadow-xl"),!s&&o&&(a+=" gp-animate-[fadeOut_0.2s_ease-out]"),{...composeClasses(a)}},getHeadContentClasses=()=>({...composeClasses("gp-inline-block gp-h-screen gp-align-middle")}),getButtonContentClasses=e=>{let t="gp-absolute gp-top-0 gp-right-0 gp-inline-flex gp-items-center gp-justify-center gp-outline-none focus-visible:gp-shadow-none focus-visible:gp-outline-none gp-overflow-hidden gp-z-1";return"outside"===e&&(t+=" gp-translate-x-1/2 -gp-translate-y-1/2 gp-shadow-md gp-z-[999999]"),{...composeClasses(t)}},getSvgContentClasses=()=>({...composeClasses("[&>svg]:!gp-w-auto [&>svg]:!gp-h-[var(--height-icon)]")}),getBodyContentClasses=()=>({...composeClasses("gp-h-full gp-w-full gp-overflow-y-auto gp-overflow-x-hidden !gp-max-h-screen")});export{getBackdropClasses,getBodyContentClasses,getButtonContentClasses,getContainClasses,getDialogContentClasses,getHeadContentClasses,getOverlayClasses,getSvgContentClasses};

package/dist/esm/dialog/components/Dialog.js

@@ -1,4 +1,4 @@
 'use client';
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as c,getAttrContainer as d,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as y,getBackdropStyle as u,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as N}from"../common/styles.js";import{getContainClasses as k,getBackdropClasses as C,getOverlayClasses as D,getDialogContentClasses as L,getHeadContentClasses as x,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H}=E,J=G?.d,{name:K,fullScreen:O,width:P,height:Q,position:R,overlayColor:T,overlayOpacity:U,iconSize:V,closeButtonPosition:W,iconSvg:X}=M??{},Y=o(),{ref:Z,overlay:$,handleClickOverlay:_,closeModal:ee,open:el,dialogId:eo}=z(M,A,"edit"===Y),es="edit"!==Y,et=i({...c({uid:A?.uid||""})}),ea=r({...g(J)}),ei=m({...k(G?.cssClass)}),er=i({...d({uid:eo||""})}),em=r({...y()}),en=m({...C(R)}),ec=r({...u(F)}),ed=i({...p()}),ep=m({...D()}),ef=r({...b(U,T,F)}),eg=r({...h({style:F,width:P,height:Q,fullScreen:O})}),ey=m({...L({setting:M,enableEffect:el,isILP:es})}),eu=i({...f()}),eb=m({...x()}),eh=r({...v(M)}),ev=m({...B(W)}),ej=r({...j(V)}),eN=m({...I()}),ek=r({...N(M,F)}),eC=m({...S()});return e("div",{...et,style:ea,children:(el||"edit"!==Y)&&e("dialog",{ref:Z,open:el,"aria-label":K,...er,className:ei,style:em,children:l("div",{"aria-label":"Backdrop",className:en,style:ec,children:[n(!!T,e("div",{ref:$,...ed,className:ep,style:ef,onClick:_,"aria-hidden":!0})),e("span",{className:eb}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eg,children:[e("button",{...eu,type:"button",tabIndex:-1,className:ev,style:eh,onClick:ee,children:e(w,{iconSvg:X??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useEditorMode as o,isEmptyChildren as s,filterToolbarPreview as t}from"@gem-sdk/core";import a from"../../grid/components/ChildrenDroppable.js";import{createAttr as i,createStyle as r,createClass as m,If as n}from"@gem-sdk/system";import{getAttr as c,getAttrContainer as d,getAttrOverlay as p,getAttrClose as f}from"../common/attrs.js";import{getWrapperStyle as g,getContainStyle as y,getBackdropStyle as u,getOverlayStyle as b,getDialogContentStyle as h,getButtonContentStyle as v,getSvgContentStyle as j,getBodyContentStyle as N}from"../common/styles.js";import{getContainClasses as k,getBackdropClasses as C,getOverlayClasses as D,getDialogContentClasses as L,getHeadContentClasses as x,getButtonContentClasses as B,getSvgContentClasses as I,getBodyContentClasses as S}from"../common/classes.js";import w from"../../button/components/ButtonIcon.js";import{useDialog as z}from"../hooks/useDialog.js";let Dialog=E=>{let{setting:M,children:q,builderProps:A,style:F,advanced:G,builderAttrs:H}=E,J=G?.d,{name:K,fullScreen:O,width:P,height:Q,position:R,overlayColor:T,overlayOpacity:U,iconSize:V,closeButtonPosition:W,iconSvg:X}=M??{},Y=o(),{ref:Z,overlay:$,handleClickOverlay:_,closeModal:ee,open:el,dialogId:eo}=z(M,A,"edit"===Y),es="edit"!==Y,et=i({...c({uid:A?.uid||""})}),ea=r({...g(J)}),ei=m({...k(G?.cssClass,U)}),er=i({...d({uid:eo||""})}),em=r({...y()}),en=m({...C(R)}),ec=r({...u(F)}),ed=i({...p()}),ep=m({...D()}),ef=r({...b(U,T,F)}),eg=r({...h({style:F,width:P,height:Q,fullScreen:O})}),ey=m({...L({setting:M,enableEffect:el,isILP:es})}),eu=i({...f()}),eb=m({...x()}),eh=r({...v(M)}),ev=m({...B(W)}),ej=r({...j(V)}),eN=m({...I()}),ek=r({...N(M,F)}),eC=m({...S()});return e("div",{...et,style:ea,children:(el||"edit"!==Y)&&e("dialog",{ref:Z,open:el,"aria-label":K,...er,className:ei,style:em,children:l("div",{"aria-label":"Backdrop",className:en,style:ec,children:[n(!!T,e("div",{ref:$,...ed,className:ep,style:ef,onClick:_,"aria-hidden":!0})),e("span",{className:eb}),l("div",{role:"dialog","aria-label":"Dialog content",...H,className:ey,style:eg,children:[e("button",{...eu,type:"button",tabIndex:-1,className:ev,style:eh,onClick:ee,children:e(w,{iconSvg:X??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
                   <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
                 </svg>`,styles:ej,classes:eN})}),e("div",{"aria-label":"Dialog body",style:ek,className:eC,children:s(q)?e(a,{}):t(q)}),t(q,!0)]})]})})})};export{Dialog as default};

package/dist/esm/dialog/components/Dialog.liquid.js

@@ -1,4 +1,4 @@
-import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as r,If as d}from"@gem-sdk/system";import{getAttr as $,getAttrContainer as p,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as m,getContainStyle as n,getBackdropStyle as v,getOverlayStyle as f,getDialogContentStyle as y,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as S}from"../common/styles.js";import{getContainClasses as j,getBackdropClasses as L,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as D,getButtonContentClasses as k,getSvgContentClasses as x,getBodyContentClasses as C}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O}=z,P=N?.d,{frequency:_=3,triggerPercentage:w=0,trigger:J,triggerTime:R,frequencyMode:T="once",mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F}=A??{},{name:H,fullScreen:K,width:Q,height:U,position:W,overlayColor:X,overlayOpacity:Y,iconSize:Z,closeButtonPosition:ss,iconSvg:sl}=A??{},sa=A?.dialogId??G?.uid,se=t({dialogId:sa,trigger:J,triggerTime:R,frequency:_,triggerPercentage:w,mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F,frequencyMode:T,display:P}),st=i({...$({uid:G?.uid||""})}),si=o({...m(P)}),so=r({...j(N?.cssClass)}),sr=i({...p({uid:sa||""})}),sd=o({...n()}),s$=r({...L(W)}),sp=o({...v(M)}),sc=i({...c()}),sg=r({...h()}),sm=o({...f(Y,X,M)}),sn=o({...y({style:M,width:Q,height:U,fullScreen:K})}),sv=r({...E({setting:A,enableEffect:!0,isILP:!1})}),sf=i({...g()}),sy=r({...D()}),su=o({...u(A)}),sb=r({...k(ss)}),sS=o({...b(Z)}),sj=r({...x()}),sL=o({...S(A,M)}),sh=r({...C()}),sE=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
+import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as r,If as d}from"@gem-sdk/system";import{getAttr as $,getAttrContainer as p,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as m,getContainStyle as n,getBackdropStyle as v,getOverlayStyle as f,getDialogContentStyle as y,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as S}from"../common/styles.js";import{getContainClasses as j,getBackdropClasses as L,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as D,getButtonContentClasses as k,getSvgContentClasses as x,getBodyContentClasses as C}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O}=z,P=N?.d,{frequency:_=3,triggerPercentage:w=0,trigger:J,triggerTime:R,frequencyMode:T="once",mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F}=A??{},{name:H,fullScreen:K,width:Q,height:U,position:W,overlayColor:X,overlayOpacity:Y,iconSize:Z,closeButtonPosition:ss,iconSvg:sl}=A??{},sa=A?.dialogId??G?.uid,se=t({dialogId:sa,trigger:J,triggerTime:R,frequency:_,triggerPercentage:w,mobileTrigger:V,mobileTriggerTime:q,closeOnClickOutside:F,frequencyMode:T,display:P}),st=i({...$({uid:G?.uid||""})}),si=o({...m(P)}),so=r({...j(N?.cssClass,Y)}),sr=i({...p({uid:sa||""})}),sd=o({...n()}),s$=r({...L(W)}),sp=o({...v(M)}),sc=i({...c()}),sg=r({...h()}),sm=o({...f(Y,X,M)}),sn=o({...y({style:M,width:Q,height:U,fullScreen:K})}),sv=r({...E({setting:A,enableEffect:!0,isILP:!1})}),sf=i({...g()}),sy=r({...D()}),su=o({...u(A)}),sb=r({...k(ss)}),sS=o({...b(Z)}),sj=r({...x()}),sL=o({...S(A,M)}),sh=r({...C()}),sE=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
     <gp-dialog
       ${{...st}}
       class="${I("gps-lazy")}"

package/dist/esm/form/components/textarea/TextArea.liquid.js

@@ -1,4 +1,4 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../helpers.js";import{createStyle as r,createClass as o,If as a}from"@gem-sdk/system";import{composeContainerStyles as s,composeTextareaStyles as m}from"./common/styles.js";import{composeContainerClasses as l,composeTextareaClasses as d}from"./common/classes.js";let FormTextarea=({setting:i,builderProps:c,className:$,builderAttrs:p,advanced:n,pageContext:u,styles:f})=>{let{text:v,name:x,placeholder:y,required:g}=i??{},h=""===x||void 0===x?"contact[note]":x,{translate:j}=n??{},k=t({val:y,uid:c?.uid,settingId:"placeholder",pageContext:u,translate:j}),F=r(s(n,i)),T=r(m(n,i,f)),q=o(l(n,c)),I=o(d(i,c,$??""));return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../helpers.js";import{createStyle as r,createClass as o,If as a}from"@gem-sdk/system";import{composeContainerStyles as s,composeTextareaStyles as m}from"./common/styles.js";import{composeContainerClasses as l,composeTextareaClasses as d}from"./common/classes.js";let FormTextarea=({setting:i,builderProps:c,className:$,builderAttrs:p,advanced:n,pageContext:u,styles:f})=>{let{text:v,name:x,placeholder:y,required:g,translate:h}=i??{},j=""===x||void 0===x?"contact[note]":x,k=t({val:y,uid:c?.uid,settingId:"placeholder",pageContext:u,translate:h}),F=r(s(n,i)),T=r(m(n,i,f)),q=o(l(n,c)),I=o(d(i,c,$??""));return e`
     <div
       ${p}
       data-id="${c?.uid}"
@@ -10,7 +10,7 @@ import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}fro
         style="${T}"
         placeholder="${k}"
         ${a(g,"required")}
-        name="${h}"
+        name="${j}"
         value="${v}"
       ></textarea>
     </div>

package/dist/esm/form/components/textfield/common/classes.js

@@ -1 +1 @@
-import{filterTruthy as s}from"../../../common/helpers.js";import{composeTypographyClassName as e,getGlobalColorClass as o,genSizeClass as p}from"@gem-sdk/core";let composeClasses=e=>s(e),composeContainerClasses=(s,e)=>composeClasses({[e?.uid]:!!e?.uid,[s?.cssClass]:!!s?.cssClass}),composeTextFieldClasses=(s,t,l)=>{let{typography:m}=s??{},i=e(s?.typo,m),r=o("text",s?.color);return composeClasses({[l]:!!l,[t?.uid]:!!t?.uid,[i]:!!i,[r]:!!r,[`${p(s?.size?.type)}`]:!!s?.size?.type,"gp-form-item !gp-outline-none !gp-bg-none":!0})};export{composeContainerClasses,composeTextFieldClasses};
+import{filterTruthy as s}from"../../../common/helpers.js";import{composeTypographyClassName as e,getGlobalColorClass as o,genSizeClass as p}from"@gem-sdk/core";let composeClasses=e=>s(e),composeContainerClasses=(s,e)=>composeClasses({[e?.uid]:!!e?.uid,[s?.cssClass]:!!s?.cssClass}),composeTextFieldClasses=(s,t,l)=>{let{typography:m}=s??{},i=e(s?.typo,m),r=o("text",s?.color);return composeClasses({[l]:!!l,[t?.uid]:!!t?.uid,[i]:!!i,[r]:!!r,[`${p(s?.size?.type)}`]:!!s?.size?.type,"gp-form-item !gp-outline-none !gp-bg-none !gp-bg-white":!0})};export{composeContainerClasses,composeTextFieldClasses};

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

@@ -1 +1 @@
-let FormCheckboxSettings=[{id:"setting",controls:[{id:"name",type:"input",label:"name",default:"contact[agree]"},{id:"description",type:"textarea",label:"Description",default:"Yes, sign me up to receive exclusive offers, news and more!",minHeight:58,autoHeight:!0},{id:"translate",type:"input",default:"description"},{id:"required",type:"toggle",label:"Required",default:!0},{id:"selected",type:"toggle",label:"Selected as default",default:!1},{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-2"}},compoDefaultValue:{attrs:{color:"text-2"}},ignoreReRender:!0,hiddenSetting:{textShadow:!0}},{id:"textColor",type:"colorpicker",label:"Text color",default:"text-1"},{id:"horizontalSpacing",units:["px"],type:"input:slider",step:1,min:0,max:40,devices:{desktop:{default:"4px"}},ignoreMax:!0},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadow",type:"boxShadow",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{FormCheckboxSettings as default};
+let FormCheckboxSettings=[{id:"setting",controls:[{id:"name",type:"input",label:"name",default:"contact[agree]"},{id:"description",type:"textarea",label:"Description",default:"Yes, sign me up to receive exclusive offers, news and more!",minHeight:58,autoHeight:!0},{id:"translate",type:"input",default:"description"},{id:"required",type:"toggle",label:"Required",default:!0},{id:"selected",type:"toggle",label:"Selected as default",default:!1},{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textShadow:!0}},{id:"textColor",type:"colorpicker",label:"Text color",default:"text-1"},{id:"horizontalSpacing",units:["px"],type:"input:slider",step:1,min:0,max:40,devices:{desktop:{default:"4px"}},ignoreMax:!0},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"wrapperBorder",type:"border",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#000000",isCustom:!0}},{id:"borderRadius",type:"radius-preset",label:"Corner",default:{radiusType:"none"},compoDefaultValue:{bblr:"20px",btrr:"20px",bbrr:"20px",btlr:"20px",radiusType:"rounded"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"shadow",type:"boxShadow",label:"Button Shadow",default:{type:"none",distance:"10px",blur:"12px",spread:"10px",color:"rgba(18, 18, 18, 0.77)",angle:40}}]}];export{FormCheckboxSettings as default};

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

@@ -1,3 +1,3 @@
 let SubmitButtonSettings=[{id:"setting",controls:[{id:"buttonLayoutGroup",type:"group",controls:[{id:"layout",type:"button-layout",default:"default",options:[{id:"default",value:"default",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10 flex items-center justify-center gap-4">SUBMIT</div>',icon:!0},{id:"rounded",value:"rounded",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10 flex items-center justify-center gap-4">SUBMIT</div>',icon:!0},{id:"bordered",value:"bordered",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10">SUBMIT</div>',icon:!1},{id:"underlined",value:"underlined",name:'<div class="h-40 w-[200px] rounded-medium bg-dark-200 p-10">SUBMIT</div>',icon:!1}]}]},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"label",label:"Text",type:"input",default:"<p>Submit</p>"},{id:"translate",type:"input",default:"label"},{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!1},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="paper-plane-tilt-filled" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508418468415996264">
               <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M231.4,44.34s0,.1,0,.15l-58.2,191.94a15.88,15.88,0,0,1-14,11.51q-.69.06-1.38.06a15.86,15.86,0,0,1-14.42-9.15L107,164.15a4,4,0,0,1,.77-4.58l57.92-57.92a8,8,0,0,0-11.31-11.31L96.43,148.26a4,4,0,0,1-4.58.77L17.08,112.64a16,16,0,0,1,2.49-29.8l191.94-58.2.15,0A16,16,0,0,1,231.4,44.34Z" /></svg>
-          `,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderBtn",type:"border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{hover:"text-3"}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}},{id:"roundedBtn",type:"radius-preset",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:void 0}}},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}}]}];export{SubmitButtonSettings as default};
+          `,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"#121212",angle:45,enable:!1}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0},hover:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"borderBtn",type:"border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",default:{normal:"text-3"},compoDefaultValue:{hover:"text-3"}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1}},{id:"roundedBtn",type:"radius-preset",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},compoDefaultValue:{attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:void 0}}},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}}]}];export{SubmitButtonSettings as default};

package/dist/esm/grid/components/row/common/classes.js

@@ -1 +1 @@
-import{createClass as g}from"@gem-sdk/system";let getClass=l=>{let{builderProps:p,advanced:e,className:a}=l,o=g({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0":!0}),s=g({"gp-bg-video gp-relative gp-h-full":!0}),t=g({...a&&{[a]:!0},...p?.uid&&{[p.uid]:!0},"gp-relative gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),u=g({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),r=g({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),i=g({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:t,backgroundBoxClass:o,backgroundBoxInnerClass:s,sectionClass:u,wrapperYoutubeClasses:r,iframeYoutubeClasses:i}};export{getClass};
+import{createClass as g}from"@gem-sdk/system";let getClass=l=>{let{builderProps:p,advanced:e,className:a}=l,o=g({"gp-background-video gp-absolute gp-overflow-hidden gp-w-full gp-h-full left-0 top-0 !gp-block":!0}),s=g({"gp-bg-video gp-relative gp-h-full":!0}),t=g({...a&&{[a]:!0},...p?.uid&&{[p.uid]:!0},"gp-relative gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]":!0,...e?.cssClass&&{[e?.cssClass]:!0}}),u=g({"gp-mx-auto gp-max-w-full [&_*]:gp-max-w-full":!0}),r=g({"gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-background-article":!0}),i=g({"!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]":!0});return{rowClass:t,backgroundBoxClass:o,backgroundBoxInnerClass:s,sectionClass:u,wrapperYoutubeClasses:r,iframeYoutubeClasses:i}};export{getClass};

package/dist/esm/grid/components/row/common/helpers.js

@@ -1 +1 @@
-import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";import{getResponsiveSetting as o}from"../../../../carousel/components/arrow/common/helpers.js";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t,r)=>t?.[e]===!0?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"0px"}:r?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:r?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:r?.[e]!==void 0?{contentWidth:r?.[e],wrapperWidth:`calc(${r?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=(e,t)=>{let r=getStyleByDevice("desktop",t,e),d=getStyleByDevice("tablet",t,e),o=getStyleByDevice("mobile",t,e);return{content:{desktop:r.contentWidth,tablet:d.contentWidth,mobile:o.contentWidth},wrapper:{desktop:r.wrapperWidth,tablet:d.wrapperWidth,mobile:o.wrapperWidth},padding:{desktop:r.wrapperPadding,tablet:d.wrapperPadding,mobile:o.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:o}=t,a=d({background:r?.background,uid:o?.uid});return{stateData:e(a).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],a=t?.[d];o&&a&&(r[d]=reduceRadiusForState(o.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==a},isRenderYoutubeVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==a};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};
+import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";import{getResponsiveSetting as o}from"../../../../carousel/components/arrow/common/helpers.js";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:o}=t,a=d({background:r?.background,uid:o?.uid});return{stateData:e(a).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],a=t?.[d];o&&a&&(r[d]=reduceRadiusForState(o.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==a},isRenderYoutubeVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==a};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};

package/dist/esm/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,composeGridLayout as i,makeStyle as l,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let getRowStyle=(g,f)=>{let{children:u,setting:c,builderProps:h,styles:k,style:x,advanced:v,isNotFullWidth:w,parentStyle:y}=g,{isSection:j,layout:R,horizontalAlign:S,responsive:T,inlineAlignment:O}=c??{},{width:q,columnGap:z,rowGap:C,fullWidth:D,background:H,verticalGutter:L,verticalGutterMobile:Y,enablePagePadding:A,height:B}=k??{},E=m(v?.border,v?.rounded),F=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},G=e("of",{desktop:F(E.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:F(E.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:F(E.mobile,t(v?.border,"mobile"))?"hidden":void 0}),I=h?.builderData?.childrens?.length,J={...e("aspect",{desktop:"16/9"})},K=o(u)||!I,M={desktop:q?.desktop==="default"?"1200px":q?.desktop,tablet:q?.tablet==="default"?"1200px":q?.tablet,mobile:q?.mobile==="default"?"1200px":q?.mobile},N=s(f?M:q,D),[P,Q]=r(["pos","top","left","bottom","right","z"],x),U=()=>({...j?Q:x,...e("cg",L),...e("rg",Y),...R?i(R):e("gtc",T),...e("w",N.content),...e("h",B),...j?{}:G}),V=()=>({"--mb":"0px","--mt":"0px",...e("cg",z),...l({pc:O,rg:C?b[C]:"0px"})}),W=t=>({...d(H,t),...n(H,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",S)}),X=()=>{let e=w&&!K;return e?{marginLeft:"0px",marginRight:"0px"}:{}},Z=()=>({...p(E)}),$=(e=!1)=>a({...U(),...W(),...X(),...e?V():{},...c?.sameHeightSubgridContainer&&y}),_=a({...Z()}),ee=a({...J,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),et=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},eo={desktop:et(A?.desktop),tablet:et(A?.tablet),mobile:et(A?.mobile)},er=a({...P,...e("w",N.wrapper),...e("pl",eo),...e("pr",eo)});return{embedVideoStyle:ee,backgroundBoxStyle:_,rowStyle:$,sectionStyle:er}};export{getRowStyle};
+import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,composeGridLayout as i,makeStyle as l,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let getRowStyle=(g,f)=>{let{children:u,setting:c,builderProps:h,styles:k,style:x,advanced:v,isNotFullWidth:w,parentStyle:y}=g,{isSection:j,layout:R,horizontalAlign:S,responsive:T,inlineAlignment:O}=c??{},{width:q,columnGap:z,rowGap:C,background:D,verticalGutter:H,verticalGutterMobile:L,enablePagePadding:Y,height:A}=k??{},B=m(v?.border,v?.rounded),E=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},F=e("of",{desktop:E(B.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:E(B.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:E(B.mobile,t(v?.border,"mobile"))?"hidden":void 0}),G=h?.builderData?.childrens?.length,I={...e("aspect",{desktop:"16/9"})},J=o(u)||!G,K={desktop:q?.desktop==="default"?"1200px":q?.desktop,tablet:q?.tablet==="default"?"1200px":q?.tablet,mobile:q?.mobile==="default"?"1200px":q?.mobile},M=s(f?K:q),[N,P]=r(["pos","top","left","bottom","right","z"],x),Q=()=>({...j?P:x,...e("cg",H),...e("rg",L),...R?i(R):e("gtc",T),...e("w",M.content),...e("h",A),...j?{}:F}),U=()=>({"--mb":"0px","--mt":"0px",...e("cg",z),...l({pc:O,rg:C?b[C]:"0px"})}),V=t=>({...d(D,t),...n(D,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",S)}),W=()=>{let e=w&&!J;return e?{marginLeft:"0px",marginRight:"0px"}:{}},X=()=>({...p(B)}),Z=(e=!1)=>a({...Q(),...V(),...W(),...e?U():{},...c?.sameHeightSubgridContainer&&y}),$=a({...X()}),_=a({...I,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),ee=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},et={desktop:ee(Y?.desktop),tablet:ee(Y?.tablet),mobile:ee(Y?.mobile)},eo=a({...N,...e("w",M.wrapper),...e("pl",et),...e("pr",et)});return{embedVideoStyle:_,backgroundBoxStyle:$,rowStyle:Z,sectionStyle:eo}};export{getRowStyle};

package/dist/esm/header/settings/configs/settings.js

@@ -1,4 +1,4 @@
 let HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
 </svg>
-`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}}]}]}];export{HeaderSettings};
+`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-1"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-1"}}]}]}];export{HeaderSettings};

package/dist/esm/heading/settings/configs/settings.js

@@ -1 +1 @@
-let HeadingSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Your heading text goes here"},{id:"translate",type:"input",default:"text"},{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:1,title:"H1"},{value:2,title:"H2"},{value:3,title:"H3"},{value:4,title:"H4"},{value:5,title:"H5"},{value:6,title:"H6"},{value:0,title:"Div"}],default:2},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"heading-1",attrs:{color:"text-1"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{HeadingSettings};
+let HeadingSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Your heading text goes here"},{id:"translate",type:"input",default:"text"},{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:1,title:"H1"},{value:2,title:"H2"},{value:3,title:"H3"},{value:4,title:"H4"},{value:5,title:"H5"},{value:6,title:"H6"},{value:0,title:"Div"}],default:2},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",padding:{type:"custom"}}}},settingConfig:{width:{displayOptions:["full","auto","default"]},padding:{paddingConfig:{small:{vertical:"4px",horizontal:"4px"},medium:{vertical:"8px",horizontal:"8px"},large:{vertical:"16px",horizontal:"16px"},custom:{vertical:"0px",horizontal:"0px"}}}},hiddenSettings:["shape","height","gap"]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,video:"https://youtu.be/KOxfzBp72uk",videoHtml5:"https://media.w3.org/2010/05/sintel/trailer.mp4",videoType:"youtube",loop:!0}}}}]},{id:"style",controls:[{id:"typo",type:"typography-v2",ignoreReRender:!0,default:{type:"heading-1",attrs:{color:"text-2"}},compoDefaultValue:{attrs:{color:"text-2"}}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}},compoDefaultValue:{desktop:{default:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{HeadingSettings};

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

@@ -1 +1 @@
-import{getGlobalColorStateClass as e,getValueByDevice as s}from"@gem-sdk/core";import{getClassAlignBanner as o,getResponsiveSetting as l,getClassContentPosition as a,getContentPosition as t,getClassForContentByFitContent as g,getClassForStretchContent as p,opacityEnabledData as r,getClassSpaceBetween as n,getClassSpaceBetweenLeftRight as i}from"./helpers.js";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({setting:e,builderProps:s,advancedCssClass:a})=>{let t="gp-group/hero gp-flex gp-w-full gp-flex-col gp-self-center gp-transition-colors gp-duration-200 gp-ease-in-out";return a&&(t+=` ${a}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(t),...o(l(e?.alignBanner||{}))}},getLinkClasses=()=>({...composeClasses("gp-cursor-pointer gp-h-full")}),getContainerClasses=(e,s)=>({...composeClasses("gp-relative gp-flex gp-w-full gp-flex-col gp-items-center gp-overflow-hidden hero-banner-container"),...a(t(e?.layout,s?.contentPosition1Col,s?.contentPosition2Col)||{})}),getOverlayClasses=s=>{let{overlayColor:o}=s??{},l="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-z-1 gp-transition-all gp-duration-300 ",{disableHoverOpacity:a,disableOpacity:t}=r(s);return a||(l+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),e("bg",o,t,a)&&(l+=` ${e("bg",o,t,a)}`),composeClasses(l)},getRowClasses=(e,s)=>{let{sizeSetting:o,background:l}=e??{},{verticalAlign:a}=s??{},t=g(o,l),r=p(a),u=n(s?.layout||{},e?.contentPosition1Col||{},e?.contentPosition2Col||{}),c=i(s?.layout||{}),C=`gp-hero-banner-row ${t}  ${r}`;return{...composeClasses(C),...u,...c}},getAdaptiveClasses=()=>composeClasses("adaptive-hero-banner"),getAdaptivePictureClasses=()=>composeClasses("gp-w-full"),getBackgroundClasses=(e,s)=>{let o="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return s&&(o+=" gp_lazybg"),e&&(o+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),composeClasses(o)},getContainBackgroundClasses=()=>composeClasses("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),getHtml5VideoClasses=(e,o=!1)=>{let l="gp-relative",a=s(e,"tablet"),t=s(e,"mobile");return o&&(l+=" gp-hidden"),a&&(l+=" tablet:gp-h-full tablet:gp-object-cover"),t&&(l+=" mobile:gp-h-full mobile:gp-object-cover"),composeClasses(l)},getWrapperYoutubeClasses=()=>composeClasses("gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none"),getIframeYoutubeClasses=()=>composeClasses("!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]"),getLazyBackgroundClasses=e=>{let s="gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg";return"tablet"===e&&(s+=" gp_lazybg_tl"),"mobile"===e&&(s+=" gp_lazybg_mb"),composeClasses(s)};export{getAdaptiveClasses,getAdaptivePictureClasses,getBackgroundClasses,getClasses,getContainBackgroundClasses,getContainerClasses,getHtml5VideoClasses,getIframeYoutubeClasses,getLazyBackgroundClasses,getLinkClasses,getOverlayClasses,getRowClasses,getWrapperYoutubeClasses};
+import{getGlobalColorStateClass as e,getValueByDevice as s}from"@gem-sdk/core";import{getClassAlignBanner as o,getResponsiveSetting as l,getClassContentPosition as a,getContentPosition as t,getClassForContentByFitContent as r,getClassForStretchContent as g,getClassSpaceBetween as p,opacityEnabledData as n,getClassSpaceBetweenLeftRight as i,getOpacityHover as u}from"./helpers.js";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({setting:e,builderProps:s,advancedCssClass:a})=>{let t="gp-group/hero gp-flex gp-w-full gp-flex-col gp-self-center gp-transition-colors gp-duration-200 gp-ease-in-out";return a&&(t+=` ${a}`),{...s?.uid&&{[s.uid]:!0},...composeClasses(t),...o(l(e?.alignBanner||{}))}},getLinkClasses=()=>({...composeClasses("gp-cursor-pointer gp-h-full")}),getContainerClasses=(e,s)=>({...composeClasses("gp-relative gp-flex gp-w-full gp-flex-col gp-items-center gp-overflow-hidden hero-banner-container"),...a(t(e?.layout,s?.contentPosition1Col,s?.contentPosition2Col)||{})}),enableTransitionHover=e=>{let{overlayColor:s}=e??{},o=s?.hover||s?.normal;return o&&"transparent"!==o&&"0%"!=u(e)},getOverlayClasses=s=>{let{overlayColor:o,hoverEffect:l}=s??{},{disableOpacity:a}=n(s),t="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-z-1";return enableTransitionHover(s)&&(t+=" gp-transition-all gp-duration-300"),l&&(t+=" group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]"),e("bg",o,a,!l)&&(t+=` ${e("bg",o,a,!l)}`),composeClasses(t)},getRowClasses=(e,s)=>{let{sizeSetting:o,background:l}=e??{},{verticalAlign:a}=s??{},t=r(o,l),n=g(a),u=p(s?.layout||{},e?.contentPosition1Col||{}),c=i(s?.layout||{}),C=`gp-hero-banner-row ${t}  ${n}`;return{...composeClasses(C),...u,...c}},getAdaptiveClasses=()=>composeClasses("adaptive-hero-banner"),getAdaptivePictureClasses=()=>composeClasses("gp-w-full"),getBackgroundClasses=(e,s)=>{let o="hero-banner-bg gp-hero-banner-image-background hero-banner-bg-parallax";return s&&(o+=" gp_lazybg"),e&&(o+=" gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)] gp-transition-transform"),composeClasses(o)},getContainBackgroundClasses=()=>composeClasses("gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0"),getHtml5VideoClasses=(e,o=!1)=>{let l="gp-relative",a=s(e,"tablet"),t=s(e,"mobile");return o&&(l+=" gp-hidden"),a&&(l+=" tablet:gp-h-full tablet:gp-object-cover"),t&&(l+=" mobile:gp-h-full mobile:gp-object-cover"),composeClasses(l)},getWrapperYoutubeClasses=()=>composeClasses("gp-pb-[56.25%] gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none"),getIframeYoutubeClasses=()=>composeClasses("!gp-w-[500%] !gp-ml-[-200%] !gp-h-full !gp-max-w-none gp-scale-[104%]"),getLazyBackgroundClasses=e=>{let s="gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg";return"tablet"===e&&(s+=" gp_lazybg_tl"),"mobile"===e&&(s+=" gp_lazybg_mb"),composeClasses(s)};export{enableTransitionHover,getAdaptiveClasses,getAdaptivePictureClasses,getBackgroundClasses,getClasses,getContainBackgroundClasses,getContainerClasses,getHtml5VideoClasses,getIframeYoutubeClasses,getLazyBackgroundClasses,getLinkClasses,getOverlayClasses,getRowClasses,getWrapperYoutubeClasses};

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

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e,getAspectRatioGlobalSize as t,makeStyleResponsive as l,DEVICES as o,getValueByDevice as i,GRADIENT_BGR_KEY as n,cls as a}from"@gem-sdk/core";import{getImageSrc as r,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";let getContentPosition=(t,l,i)=>{let n={};return o.map(o=>{let a=e(t,o),r=e(l,o),s=e(i,o);n={...n,[o]:1>=(a?.cols?.length||1)?r:s}}),n},getAspectRatioSettings=(t,l)=>{let o={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},i={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},n={desktop:l?.desktop==="custom"?`${e(o,"desktop")}/${e(i,"desktop")}`:l?.desktop==="cover"?"unset":l?.desktop,tablet:l?.tablet==="custom"?`${e(o,"tablet")}/${e(i,"tablet")}`:l?.tablet==="cover"?"unset":l?.tablet,mobile:l?.mobile==="custom"?`${e(o,"mobile")}/${e(i,"mobile")}`:l?.mobile==="cover"?"unset":l?.mobile};return n},getEnableBgImageByDevice=(t,l)=>{if(!e(getBgImage(l),t))return!1;if(!l?.[t]){if("mobile"===t)return l?.tablet?.type==="image"||l?.desktop?.type==="image"&&!l?.tablet;if("tablet"===t)return l?.desktop?.type==="image"}return l?.[t]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(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)}},getBgImageByScreen=(t,l,o,i)=>{if(!t)return"";let a=getBgImage(t),s=e(t,l),g=o?`url(${imagePlaceholder(t)[l]})`:`url(${r(e(a,l),l,i)})`,p=s?.color?`, ${s.color}`:"";return s?.color?.includes(n)&&s?.type==="image"?`${g}${p}`:s?.color?.includes(n)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?g:"url()"},getBackgroundImageHeroBanner=(e,t=!1,i=!1)=>{if(!e)return;let n={};return o.forEach(l=>{n={...n,[l]:getBgImageByScreen(e,l,t,i)}}),l("bgi",n)},getAttachmentDevice=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let o=e?.[l]?.attachment;t={...t,[l]:"fixed"===o?"fixed":"absolute"}}),t},horizontalAlign=(e,t,l)=>mapContentPositionToHorizontal(getContentPosition(e,t,l)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(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}}},getVisibilityStyle=e=>e?Object.keys(e).filter(e=>["--d","--d-tablet","--d-mobile"].includes(e)).reduce((t,l)=>({...t,[l]:e?.[l]!=="none"?"flex":e?.[l]}),{}):{},getStyleAspectRatioHeroBannerCustom=(o,i,n)=>{let a=t(i),r=["desktop","mobile","tablet"];return r.forEach(t=>{let l=e(i,t),r=!!getDataVideoHeroBannerResponsive(t,o),s=l?.shape,g=l?.height,p="original"===s&&"fit-content"!==g,b=p&&r;b&&(a={...a,[t]:"16/9"}),n&&n[t]&&getDataVideoHeroBannerResponsive(t,o)?.data?.videoType==="html5"&&(a={...a,[t]:n[t]})}),l("aspect",a)},mapContentPositionToHorizontal=e=>{let t={};for(let l in e)"top"===e[l]?t[l]="start":"bottom"===e[l]?t[l]="end":t[l]="center";return t},getDisplayStyleByFitContent=(t,o)=>{let i={desktop:"none",tablet:"none",mobile:"none"},n=["desktop","mobile","tablet"];return n.forEach(l=>{let n=e(t,l),a=!!getDataVideoHeroBannerResponsive(l,o),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s&&!a;i={...i,[l]:g?"block":"none"}}),l("d",i)},getWidth=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let o=e?.[l];o&&(t={...t,[l]:"default"===o?"var(--g-ct-w, 1200px)":o})}),t},getPercentageVisible=(e,t)=>{let{top:l,height:o}=e,i=-o;if(l<i)return 0;if(l>t)return 100;let n=(l-i)/(t-i)*100;return Math.min(Math.max(n,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(l=>{let i=isScaleImage({enableParallax:t,attachment:e[l]?.attachment});o={...o,[l]:t?"150%":i?"100vh":"100%"}}),l("h",o)},getWidthHeroBanner=(e,t)=>{let o={},i=["desktop","mobile","tablet"];return i.forEach(l=>{let i=isScaleImage({enableParallax:t,attachment:e[l]?.attachment});o={...o,[l]:i?"100vw":"100%"}}),l("w",o)},getTopHeroBanner=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(l=>{t={...t,[l]:e[l]?.attachment==="fixed"?"0px":""}}),l("top",t)},getStyleHeroBannerBg=(e,t)=>{let l=getHeightHeroBanner(e,t),o=getWidthHeroBanner(e,t),i=getTopHeroBanner(e);return{...l,...o,...i}},calcRounderClipPath=(e,t=0,l=0)=>{let o=t,i=t;if(t>l?o=l:i=l,e>=999){let t=e-o;return t>0?t:0}let n=e-i;return n>0?n:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[l,o,i,n]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:a,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(a??"0"),l,n),b=calcRounderClipPath(parseInt(r??"0"),l,o),c=calcRounderClipPath(parseInt(s??"0"),o,i),d=calcRounderClipPath(parseInt(g??"0"),i,n);return`inset(0 0 0 round ${p}px ${b}px ${c}px ${d}px)`},getClassAlignBanner=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}),getClassSpaceBetween=(e,t,l)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),n=getResponsiveSetting(l),a=1>=(o?.desktop?.cols?.length||1)?i.desktop:n.desktop,r=1>=(o?.tablet?.cols?.length||1)?i.tablet:n.tablet,s=1>=(o?.mobile?.cols?.length||1)?i.mobile:n.mobile;return{"!gp-h-full !gp-content-stretch [&>*]:!gp-justify-between [&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.desktop?.cols?.length===1&&"space-between"===a,"!gp-content-stretch [&>*]:!gp-justify-start":o.desktop?.cols?.length===1&&"top"===a,"tablet:!gp-h-full tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-between tablet:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.tablet?.cols?.length===1&&"space-between"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-start":o.tablet?.cols?.length===1&&"top"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-center":o.tablet?.cols?.length===1&&"center"===r,"tablet:!gp-content-stretch tablet:[&>*]:!gp-justify-end":o.tablet?.cols?.length===1&&"bottom"===r,"mobile:!gp-h-full mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-between mobile:[&>*:nth-child(2)]:gp-absolute [&>*:nth-child(2)]:gp-hidden":o.mobile?.cols?.length===1&&"space-between"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-start":o.mobile?.cols?.length===1&&"top"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-center":o.mobile?.cols?.length===1&&"center"===s,"mobile:!gp-content-stretch mobile:[&>*]:!gp-justify-end":o.mobile?.cols?.length===1&&"bottom"===s}},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(e),l=t?.desktop?.type=="left-distributed"||t?.desktop?.type=="right-distributed",o=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":l,"tablet:!gp-h-full tablet:[&>*]:!gp-justify-between mobile:gp-h-auto":o,"mobile:!gp-h-full mobile:[&>*]:!gp-justify-between":i,"mobile:!gp-h-auto":!i}},getClassForStretchContent=t=>{let l={desktop:"none",tablet:"none",mobile:"none"},o=["desktop","mobile","tablet"];return o.forEach(o=>{let i=e(t,o);l={...l,[o]:i}}),a("space-between"===l.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===l.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===l.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},getClassForContentByFitContent=(t,l)=>{let o={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let n=e(t,i),a=!!getDataVideoHeroBannerResponsive(i,l),r=n?.shape,s=n?.height,g="original"===r&&"fit-content"!==s;o={...o,[i]:g&&!a}}),a(o.desktop?"!gp-absolute":"",o.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",o.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=e=>{let t={center:"center",top:"start",bottom:"end","space-between":"between"},l=e.desktop||"center",o=e.tablet||l,i=e.mobile||o;return{[`gp-justify-${t[l||"center"]}`]:!!l,[`tablet:gp-justify-${t[o||"center"]}`]:!!o,[`mobile:gp-justify-${t[i||"center"]}`]:!!i}},getResponsiveSetting=e=>{let t=e.desktop,l=e.tablet?e.tablet:t,o=e.mobile?e.mobile:l;return{desktop:t,tablet:l,mobile:o}},showVideoType=e=>o.some(t=>{let l=i(e,t);return l?.type!=="color"&&l?.type!=="image"&&!!l&&(l?.videoType==="html5"&&l?.videoHtml5||l?.videoType==="youtube"&&l?.video)});function debounce(e,t){let l;return function(...o){clearTimeout(l),l=setTimeout(()=>e.apply(this,o),t)}}let fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:g,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:l,hoverEffect:o}=e??{},i=!t?.normal||l?.normal=="0%"||!l?.normal,n=!o;return{disableOpacity:i,disableHoverOpacity:n}};export{debounce,fallbackImg,formatHoverScale,getAspectRatioSettings,getAttachmentDevice,getBackgroundImageHeroBanner,getBannerLink,getBgImage,getClassAlignBanner,getClassContentPosition,getClassForContentByFitContent,getClassForStretchContent,getClassSpaceBetween,getClassSpaceBetweenLeftRight,getClipPath,getContentPosition,getDataVideoHeroBannerResponsive,getDisplayStyleByFitContent,getEnableBgImageByDevice,getPercentageVisible,getResponsiveSetting,getStyleAspectRatioHeroBannerCustom,getStyleHeroBannerBg,getVisibilityStyle,getWidth,horizontalAlign,imagePlaceholder,isScaleImage,mapContentPositionToHorizontal,opacityEnabledData,scrollToContentBanner,showVideoType};
+import{getResponsiveValueByScreen as e,getAspectRatioGlobalSize as t,makeStyleResponsive as o,DEVICES as l,getValueByDevice as i,GRADIENT_BGR_KEY as a,cls as n}from"@gem-sdk/core";import{getImageSrc as r,createBlurDataURL as s}from"../../image/common/helpers.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";let getContentPosition=(t,o,i)=>{let a={};return l.map(l=>{let n=e(t,l),r=e(o,l),s=e(i,l);a={...a,[l]:1>=(n?.cols?.length||1)?r:s}}),a},getAspectRatioSettings=(t,o)=>{let l={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},i={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},a={desktop:o?.desktop==="custom"?`${e(l,"desktop")}/${e(i,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(l,"tablet")}/${e(i,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(l,"mobile")}/${e(i,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return a},getEnableBgImageByDevice=(t,o)=>{if(!e(getBgImage(o),t))return!1;if(!o?.[t]){if("mobile"===t)return o?.tablet?.type==="image"||o?.desktop?.type==="image"&&!o?.tablet;if("tablet"===t)return o?.desktop?.type==="image"}return o?.[t]?.type==="image"},getBgImage=e=>{if(!e)return{};let t={desktop:e?.desktop?.image,tablet:e?.tablet?.image,mobile:e?.mobile?.image};return t},imagePlaceholder=e=>{let t=getBgImage(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)}},getBgImageByScreen=(t,o,l,i)=>{if(!t)return"";let n=getBgImage(t),s=e(t,o),g=l?`url(${imagePlaceholder(t)[o]})`:`url(${r(e(n,o),o,i)})`,p=s?.color?`, ${s.color}`:"";return s?.color?.includes(a)&&s?.type==="image"?`${g}${p}`:s?.color?.includes(a)&&s?.type!=="image"?`${s.color}`:s?.type==="image"?g:"url()"},getBackgroundImageHeroBanner=(e,t=!1,i=!1)=>{if(!e)return;let a={};return l.forEach(o=>{a={...a,[o]:getBgImageByScreen(e,o,t,i)}}),o("bgi",a)},getAttachmentDevice=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o]?.attachment;t={...t,[o]:"fixed"===l?"fixed":"absolute"}}),t},horizontalAlign=(e,t,o)=>mapContentPositionToHorizontal(getContentPosition(e,t,o)),scrollToContentBanner=e=>e?.target?.closest("div.gp-hero-banner-row")?.scrollTo(0,0),getDataVideoHeroBannerResponsive=(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}}},getVisibilityStyle=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]}),{}):{},getStyleAspectRatioHeroBannerCustom=(l,i,a)=>{let n=t(i),r=["desktop","mobile","tablet"];return r.forEach(t=>{let o=e(i,t),r=!!getDataVideoHeroBannerResponsive(t,l),s=o?.shape,g=o?.height,p="original"===s&&"fit-content"!==g,b=p&&r;b&&(n={...n,[t]:"16/9"}),a&&a[t]&&getDataVideoHeroBannerResponsive(t,l)?.data?.videoType==="html5"&&(n={...n,[t]:a[t]})}),o("aspect",n)},mapContentPositionToHorizontal=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},getDisplayStyleByFitContent=(t,l)=>{let i={desktop:"none",tablet:"none",mobile:"none"},a=["desktop","mobile","tablet"];return a.forEach(o=>{let a=e(t,o),n=!!getDataVideoHeroBannerResponsive(o,l),r=a?.shape,s=a?.height,g="original"===r&&"fit-content"!==s&&!n;i={...i,[o]:g?"block":"none"}}),o("d",i)},getWidth=e=>{let t={},o=["desktop","mobile","tablet"];return o.forEach(o=>{let l=e?.[o];l&&(t={...t,[o]:"default"===l?"var(--g-ct-w, 1200px)":l})}),t},getPercentageVisible=(e,t)=>{let{top:o,height:l}=e,i=-l;if(o<i)return 0;if(o>t)return 100;let a=(o-i)/(t-i)*100;return Math.min(Math.max(a,0),100)},isScaleImage=({enableParallax:e=!1,attachment:t="scroll"})=>!!e||"fixed"===t,getHeightHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:t?"150%":i?"100vh":"100%"}}),o("h",l)},getWidthHeroBanner=(e,t)=>{let l={},i=["desktop","mobile","tablet"];return i.forEach(o=>{let i=isScaleImage({enableParallax:t,attachment:e[o]?.attachment});l={...l,[o]:i?"100vw":"100%"}}),o("w",l)},getTopHeroBanner=e=>{let t={},l=["desktop","mobile","tablet"];return l.forEach(o=>{t={...t,[o]:e[o]?.attachment==="fixed"?"0px":""}}),o("top",t)},getStyleHeroBannerBg=(e,t)=>{let o=getHeightHeroBanner(e,t),l=getWidthHeroBanner(e,t),i=getTopHeroBanner(e);return{...o,...l,...i}},calcRounderClipPath=(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 a=e-i;return a>0?a:0},getClipPath=(e,t)=>{if(!t||!e)return"inset(0 0 0)";let[o,l,i,a]=e.split(" ").map(e=>parseInt(e??"0")),{btlr:n,btrr:r,bbrr:s,bblr:g}=t,p=calcRounderClipPath(parseInt(n??"0"),o,a),b=calcRounderClipPath(parseInt(r??"0"),o,l),c=calcRounderClipPath(parseInt(s??"0"),l,i),d=calcRounderClipPath(parseInt(g??"0"),i,a);return`inset(0 0 0 round ${p}px ${b}px ${c}px ${d}px)`},getClassAlignBanner=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}),get1ColLayout=({device:e,settingLayoutRes:t,contentPosition1ColRes:o})=>{let l=t[e]?.cols??[],i=l.length<=1,a=o[e];if(!i||!a)return;let n=["space-between","top","center","bottom"];return n.includes(a)?a:void 0},getClassSpaceBetween=(e,t)=>{let o=getResponsiveSetting(e),i=getResponsiveSetting(t),a={desktop:get1ColLayout({device:"desktop",settingLayoutRes:o,contentPosition1ColRes:i}),tablet:get1ColLayout({device:"tablet",settingLayoutRes:o,contentPosition1ColRes:i}),mobile:get1ColLayout({device:"mobile",settingLayoutRes:o,contentPosition1ColRes:i})},n={"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"}},r={};return l.forEach(e=>{let t=a[e],o=n?.[t]?.[e];r[o]=!0}),r},getClassSpaceBetweenLeftRight=e=>{let t=getResponsiveSetting(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}},getClassForStretchContent=t=>{let o={desktop:"none",tablet:"none",mobile:"none"},l=["desktop","mobile","tablet"];return l.forEach(l=>{let i=e(t,l);o={...o,[l]:i}}),n("space-between"===o.desktop?"[&>*>*]:!gp-justify-between":"","space-between"===o.tablet?"tablet:[&>*>*]:!gp-justify-between ":`tablet:[&>*>*]:!gp-justify-${t?.tablet}`,"space-between"===o.mobile?"mobile:[&>*>*]:!gp-justify-between ":`mobile:[&>*>*]:!gp-justify-${t?.mobile}`)},getClassForContentByFitContent=(t,o)=>{let l={desktop:!1,tablet:!1,mobile:!1},i=["desktop","mobile","tablet"];return i.forEach(i=>{let a=e(t,i),n=!!getDataVideoHeroBannerResponsive(i,o),r=a?.shape,s=a?.height,g="original"===r&&"fit-content"!==s;l={...l,[i]:g&&!n}}),n(l.desktop?"!gp-absolute":"",l.tablet?"tablet:!gp-absolute":"tablet:!gp-relative",l.mobile?"mobile:!gp-absolute":"mobile:!gp-relative")},getClassContentPosition=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||"center"]}`]:!!o,[`tablet:gp-justify-${t[l||"center"]}`]:!!l,[`mobile:gp-justify-${t[i||"center"]}`]:!!i}},getResponsiveSetting=e=>{let t=e.desktop,o=e.tablet?e.tablet:t,l=e.mobile?e.mobile:o;return{desktop:t,tablet:o,mobile:l}},showVideoType=e=>l.some(t=>{let o=i(e,t);return o?.type!=="color"&&o?.type!=="image"&&!!o&&(o?.videoType==="html5"&&o?.videoHtml5||o?.videoType==="youtube"&&o?.video)});function debounce(e,t){let o;return function(...l){clearTimeout(o),o=setTimeout(()=>e.apply(this,l),t)}}let fallbackImg="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnLTE5MjAtOTAwIj4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjIwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjUwJSIgLz4KICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDUxLCA1MSwgNTEsIDApIiBvZmZzZXQ9IjcwJSIgLz4KICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjkwMCIgZmlsbD0icmdiYSg1MSwgNTEsIDUxLCAwKSIgLz4KICAgIDxyZWN0IGlkPSJyIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZy0xOTIwLTkwMCkiIC8+CiAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTE5MjAiIHRvPSIxOTIwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgPC9zdmc+",getBannerLink=e=>{let t=e?.link;return t?.type==="go-to-sales-page"?{type:"go-to-sales-page",link:g,target:"_self"}:t},formatHoverScale=e=>e?String(e).includes("%")?`${e}`:`${e}%`:"100%",opacityEnabledData=e=>{let{overlayColor:t,overlayOpacity:o}=e??{},l=!t?.normal||o?.normal=="0%"||!o?.normal;return{disableOpacity:l}},getOpacityHover=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};export{debounce,fallbackImg,formatHoverScale,getAspectRatioSettings,getAttachmentDevice,getBackgroundImageHeroBanner,getBannerLink,getBgImage,getClassAlignBanner,getClassContentPosition,getClassForContentByFitContent,getClassForStretchContent,getClassSpaceBetween,getClassSpaceBetweenLeftRight,getClipPath,getContentPosition,getDataVideoHeroBannerResponsive,getDisplayStyleByFitContent,getEnableBgImageByDevice,getOpacityHover,getPercentageVisible,getResponsiveSetting,getStyleAspectRatioHeroBannerCustom,getStyleHeroBannerBg,getVisibilityStyle,getWidth,horizontalAlign,imagePlaceholder,isScaleImage,mapContentPositionToHorizontal,opacityEnabledData,scrollToContentBanner,showVideoType};

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

@@ -1 +1 @@
-import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as i,getRadiusStyleActiveState as n,getStyleBgColor as y,getStyleShadow as g,makeStyleState as a,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as h,getAspectRatioSettings as d,getDisplayStyleByFitContent as p,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as m,getClipPath as w,opacityEnabledData as v,getResponsiveSetting as T}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(o,i,n)=>{let{sizeSetting:y,background:g}=o??{},{ratioOptions:a,aspectRatio:u}=i??{},s={...n,...S(n),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...h(g,y,d(a,u)),...r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:a,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:p}=e??{},{ratioOptions:b,aspectRatio:f}=t??{},m={...r("h",l(a)),...h(u,a,d(b,f)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:i(s?.color)}),...n({...c,active:{...c||{},radiusType:"custom"}}),...u?{...y(u)}:{},...g({value:S,styleAppliedFor:"box-shadow",isEnableShadow:p})};return filterTruthyStyles(m)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r}=e??{},l=a("op",{...r,hover:r?.hover||r?.normal}),{disableOpacity:o,disableHoverOpacity:i}=v(e),n=u("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete n?.["--bgc"],delete l?.["--op"]),i&&(delete n?.["--hvr-bgc"],delete l?.["--hvr-op"]);let y={...n,...l,"--top":"0","--left":"0"};return filterTruthyStyles(y)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:i,background:n}=o??{},y={...p(i,n),...r("h",l(i)),...e("w",t(i,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:i,hoverEffectDuration:n}=e??{},y={...b(T(i||{}),t),...c(i,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":`${parseInt(`${n}`)??0}s`,"--scale":f(o),...r("pos",m(i)),transform:l,transition:"transform 300ms cubic-bezier(0,0,0,1)"};return filterTruthyStyles(y)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":w(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};
+import{makeStyleWithDefault as e,getWidthByShapeGlobalSize as t,makeStyleResponsive as r,getHeightByShapeGlobalSize as l,makeStyle as o,getSingleColorVariable as n,getRadiusStyleActiveState as i,getStyleBgColor as y,getStyleShadow as a,makeStyleState as g,getGlobalColorStateStyle as u,getResponsiveStylePadding as s,getStyleBackgroundByDevice as c}from"@gem-sdk/core";import{getVisibilityStyle as S,getStyleAspectRatioHeroBannerCustom as d,getAspectRatioSettings as h,getOpacityHover as p,getDisplayStyleByFitContent as m,getStyleHeroBannerBg as b,formatHoverScale as f,getAttachmentDevice as w,getClipPath as v,opacityEnabledData as T,getResponsiveSetting as k}from"./helpers.js";function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let getStyle=(o,n,i)=>{let{sizeSetting:y,background:a}=o??{},{ratioOptions:g,aspectRatio:u}=n??{},s={...i,...S(i),...e("w",t(y,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),...d(a,y,h(g,u)),...r("h",l(y))};return filterTruthyStyles(s)},getContainerStyle=(e,t)=>{let{sizeSetting:g,background:u,borderBg:s,cornerBg:c,shadowBg:S,hasActiveShadow:p}=e??{},{ratioOptions:m,aspectRatio:b}=t??{},f={...r("h",l(g)),...d(u,g,h(m,b)),...o({bs:s?.border??s?.border,bw:s?.width??s?.width,bc:n(s?.color)}),...i({...c,active:{...c||{},radiusType:"custom"}}),...u?{...y(u)}:{},...a({value:S,styleAppliedFor:"box-shadow",isEnableShadow:p})};return filterTruthyStyles(f)},getOverlayStyle=e=>{let{overlayColor:t,overlayOpacity:r,hoverEffect:l}=e??{},{disableOpacity:o}=T(e),n="number"!=typeof r?.normal||isNaN(r?.normal)?"string"==typeof r?.normal?`${parseInt(r?.normal)}%`:"0%":`${r?.normal}%`,i=g("op",{normal:n,hover:p(e)}),y=u("bgc",{...t,hover:t?.hover||t?.normal});o&&(delete y?.["--bgc"],delete i?.["--op"]),l||(delete y?.["--hvr-bgc"],delete i?.["--hvr-op"]);let a={...y,...i,"--top":"0","--left":"0"};return filterTruthyStyles(a)},getRowStyle=e=>{let{contentPadding:t}=e??{},r={...s(t)};return filterTruthyStyles(r)},getAdaptiveStyle=o=>{let{sizeSetting:n,background:i}=o??{},y={...m(n,i),...r("h",l(n)),...e("w",t(n,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),"--op":0,"--z":-1};return filterTruthyStyles(y)},getBackgroundStyle=(e,t,l)=>{let{hoverEffectScale:o,background:n,hoverEffectDuration:i}=e??{},y=`${parseFloat(`${i}`)??.5}s`,a={...b(k(n||{}),t),...c(n,{ignoreBgAttachment:!0,ignoreBackgroundImage:!0}),"--duration":y,"--scale":f(o),...r("pos",w(n)),transform:l,transition:`transform ${y} cubic-bezier(0,0,0,1)`};return filterTruthyStyles(a)},getContainBackgroundStyle=e=>{let{borderBg:t,cornerBg:r}=e??{},l={"clip-path":v(t?.width,r)};return filterTruthyStyles(l)},getHtml5VideoStyle=e=>{let t={...r("aspect",e)};return filterTruthyStyles(t)},getYoutubeIframeStyle=e=>{let t={...r("aspect",e),"pointer-event":"none"};return filterTruthyStyles(t)};export{getAdaptiveStyle,getBackgroundStyle,getContainBackgroundStyle,getContainerStyle,getHtml5VideoStyle,getOverlayStyle,getRowStyle,getStyle,getYoutubeIframeStyle};

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

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

package/dist/esm/hero-banner/components/HeroBannerItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as l,filterToolbarPreview as r,getAspectRatioGlobalSize as a}from"@gem-sdk/core";import s from"../../grid/components/row/Row.js";import{createStyle as i,createClass as m}from"@gem-sdk/system";import p from"../../image/components/AdaptiveImage.js";import d from"../../video/components/HTML5Embed.js";import{getContainerStyle as n,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as b,getHtml5VideoStyle as h}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as k,getAdaptivePictureClasses as N,getAdaptiveClasses as H,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as T,getWrapperYoutubeClasses as B,getIframeYoutubeClasses as C}from"../common/classes.js";import{getAspectRatioSettings as L,getBackgroundImageHeroBanner as z,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{l();let{enableLazyLoadImage:Y,setting:q,styles:D,children:F,elementRef:G,transform:J,dataVideo:K,bgRef:P,isShowVideoHtml5:Q,layoutResponsive:U}=W,{layout:X,verticalAlign:Z,enableParallax:_,alt:ee,title:eo}=q??{},{background:et,overlayColor:el,verticalGutter:er,sizeSetting:ea,contentWidth:es,hoverEffect:ei,contentPosition1Col:em,contentPosition2Col:ep}=D??{},ed=!(et?.desktop?.preload||et?.tablet?.preload||et?.mobile?.preload)&&Y&&!1,en=L(q?.ratioOptions,q?.aspectRatio),ec=i({...n(D,q)}),ey=m({...g(q,D)}),ef=i({...c(D)}),eu=m({...j(D)}),ev=i({...y(D)}),eb=m({...k(D,q)}),eh=i({...f(D)}),eg=m({...N()}),ej=m({...H()}),ek=m({...w(ei,ed)}),eN=i({...z(et,ed,!0),...u(D,_,J)}),eH=m({...I()}),ew=i({...v(D)}),eI=m({...T(q?.aspectRatio,!Q)}),eT=i({...b(en)}),eB=i({...h(en)}),eC=m({...B()}),eL=m({...C()}),ez=t(()=>{if(!R(et))return;if(K?.videoType==="html5"&&!K.videoHtml5||K?.videoType==="youtube"&&!K.video)return null;if(K?.type==="video"&&K?.videoType==="html5"&&K?.videoHtml5)return e(d,{muted:!0,loop:K?.loop,controls:!1,autoplay:!0,src:K?.videoHtml5||"",title:"Video",style:eB,className:eI});let o=K?.video??"",t=M(o),l=K?.loop?1:0,r=`&loop=${l}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(K?.type==="video"&&K?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:r,adNetwork:!1,noCookie:!0,muted:!0,lazy:K?.lazyLoad??!0,style:eT,wrapperClass:eC,iframeClass:eL})},[K,et,eI,eL,eC,eT,eB]);return o("div",{className:ey,style:ec,children:[o("div",{ref:G,"aria-label":"Background Image",role:"banner",className:eH,style:ew,children:[e("div",{ref:P,className:ek,style:eN,children:ez}),!!el&&e("div",{"aria-label":"Overlay",role:"banner",className:eu,style:ef})]}),e(s,{className:eb,style:ev,setting:{layout:X,horizontalAlign:E(X,em,ep),verticalAlign:Z},styles:{verticalGutter:er,width:x(es),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:U?.cols?.length===1,onBlur:e=>A(e),children:r(F)}),e(p,{pictureClass:eg,srcSet:O(et),className:ej,aspectRatio:a(ea),style:eh,alt:ee,title:eo,enableLazyLoadImage:ed,fallbackImg:V})]})};export{HeroBannerItem as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{useEditorMode as r,filterToolbarPreview as l,getAspectRatioGlobalSize as s}from"@gem-sdk/core";import a from"../../grid/components/row/Row.js";import{createStyle as i,createClass as m}from"@gem-sdk/system";import n from"../../image/components/AdaptiveImage.js";import p from"../../video/components/HTML5Embed.js";import{getContainerStyle as d,getOverlayStyle as c,getRowStyle as y,getAdaptiveStyle as f,getBackgroundStyle as u,getContainBackgroundStyle as v,getYoutubeIframeStyle as b,getHtml5VideoStyle as h}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as j,getRowClasses as N,getAdaptivePictureClasses as k,getAdaptiveClasses as H,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as T,getWrapperYoutubeClasses as B,getIframeYoutubeClasses as C}from"../common/classes.js";import{getAspectRatioSettings as L,getBackgroundImageHeroBanner as z,showVideoType as R,horizontalAlign as E,getWidth as x,scrollToContentBanner as A,getBgImage as O,fallbackImg as V}from"../common/helpers.js";import $ from"../../video/components/LiteYouTubeEmbed.js";import{getYoutubeVideoId as M,youtubeVideoRegex as S}from"../../video/common/helpers.js";let HeroBannerItem=W=>{r();let{setting:Y,styles:q,children:D,elementRef:F,transform:G,dataVideo:J,bgRef:K,isShowVideoHtml5:P,layoutResponsive:Q}=W,{layout:U,verticalAlign:X,enableParallax:Z,alt:_,title:ee}=Y??{},{background:eo,overlayColor:et,verticalGutter:er,sizeSetting:el,contentWidth:es,hoverEffect:ea,contentPosition1Col:ei,contentPosition2Col:em}=q??{},en=L(Y?.ratioOptions,Y?.aspectRatio),ep=i({...d(q,Y)}),ed=m({...g(Y,q)}),ec=i({...c(q)}),ey=m({...j(q)}),ef=i({...y(q)}),eu=m({...N(q,Y)}),ev=i({...f(q)}),eb=m({...k()}),eh=m({...H()}),eg=m({...w(ea,!1)}),ej=i({...z(eo,!1,!0),...u(q,Z,G)}),eN=m({...I()}),ek=i({...v(q)}),eH=m({...T(Y?.aspectRatio,!P)}),ew=i({...b(en)}),eI=i({...h(en)}),eT=m({...B()}),eB=m({...C()}),eC=t(()=>{if(!R(eo))return;if(J?.videoType==="html5"&&!J.videoHtml5||J?.videoType==="youtube"&&!J.video)return null;if(J?.type==="video"&&J?.videoType==="html5"&&J?.videoHtml5)return e(p,{muted:!0,loop:J?.loop,controls:!1,autoplay:!0,src:J?.videoHtml5||"",title:"Video",style:eI,className:eH});let o=J?.video??"",t=M(o),r=J?.loop?1:0,l=`&loop=${r}&playlist=${t}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(J?.type==="video"&&J?.videoType==="youtube"&&t&&S.test(o))return e($,{id:t,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:l,adNetwork:!1,noCookie:!0,muted:!0,lazy:J?.lazyLoad??!0,style:ew,wrapperClass:eT,iframeClass:eB})},[J,eo,eH,eB,eT,ew,eI]);return o("div",{className:ed,style:ep,children:[o("div",{ref:F,"aria-label":"Background Image",role:"banner",className:eN,style:ek,children:[e("div",{ref:K,className:eg,style:ej,children:eC}),!!et&&e("div",{"aria-label":"Overlay",role:"banner",className:ey,style:ec})]}),e(a,{className:eu,style:ef,setting:{layout:U,horizontalAlign:E(U,ei,em),verticalAlign:X},styles:{verticalGutter:er,width:x(es),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},hiddenEmptyCol:Q?.cols?.length===1,onBlur:e=>A(e),children:l(D)}),e(n,{pictureClass:eb,srcSet:O(eo),className:eh,aspectRatio:s(el),style:ev,alt:_,title:ee,enableLazyLoadImage:!1,fallbackImg:V})]})};export{HeroBannerItem as default};

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

@@ -1,18 +1,18 @@
-import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as t,DEVICES as s,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as l,If as a}from"@gem-sdk/system";import m from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as d,getOverlayStyle as n,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as b,getHtml5VideoStyle as v}from"../common/styles.js";import{getContainerClasses as g,getOverlayClasses as $,getRowClasses as j,getAdaptivePictureClasses as k,getAdaptiveClasses as h,getBackgroundClasses as w,getContainBackgroundClasses as I,getHtml5VideoClasses as N,getWrapperYoutubeClasses as q,getIframeYoutubeClasses as H,getLazyBackgroundClasses as L}from"../common/classes.js";import{getAspectRatioSettings as z,getBackgroundImageHeroBanner as B,horizontalAlign as C,getWidth as R,getBgImage as A,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";let HeroBannerItem=F=>{let{enableLazyLoadImage:G,setting:J,styles:K,children:P,builderProps:Q,rawChildren:U}=F,{layout:X,verticalAlign:Z,enableParallax:_,alt:ee,title:eo}=J??{},{background:et,overlayColor:es,verticalGutter:ei,sizeSetting:er,contentWidth:el,hoverEffect:ea,contentPosition1Col:em,contentPosition2Col:ep}=K??{},ed=!(et?.desktop?.preload||et?.tablet?.preload||et?.mobile?.preload)&&G,en=z(J?.ratioOptions,J?.aspectRatio),ec=O(et||{}).desktop,eu=r({...d(K,J)}),ef=l({...g(J,K)}),ey=r({...n(K)}),eb=l({...$(K)}),ev=r({...c(K)}),eg=l({...j(K,J)}),e$=r({...u(K)}),ej=l({...k()}),ek=l({...h()}),eh=l({...w(ea,ed)}),ew=r({...B(et,ed,!1),...f(K,_,"")}),eI=l({...I()}),eN=r({...y(K)}),eq=l({...N(J?.aspectRatio,!1)}),eH=r({...b(en)}),eL=l({...q()}),ez=r({...v(en)}),eB=l({...H()}),eC=e=>l({...L(e)}),eR=()=>{if(!(et?.desktop?.preload||et?.tablet?.preload||et?.mobile?.preload))return s.map(e=>a(x(e,et),V({src:S(i(A(et),e),e),alt:ee,title:eo,className:eC(e),isDisableAspectStyle:!0,enableLazyLoadImage:G}))).join("")},eA=()=>{if(!E(et))return;if(Y(et))return p({uid:Q?.uid,muted:!0,loop:ec?.loop,controls:!1,autoplay:!0,src:ec?.videoHtml5||"",title:"Video",style:ez,className:eq});let e=ec?.video??"",o=M(e),t=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ec?.type==="video"&&ec?.videoType==="youtube"&&o&&W.test(e))return D({uid:Q?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:ec?.lazyLoad??!0,preload:!0,style:eH,wrapperClass:eL,iframeClass:eB})};return o`
-  <div class="${ef}" style="${eu}">
+import e from"../../grid/components/row/Row.liquid.js";import{template as o,getAspectRatioGlobalSize as s,DEVICES as t,getResponsiveValueByScreen as i}from"@gem-sdk/core";import{createStyle as r,createClass as m,If as a}from"@gem-sdk/system";import l from"../../image/components/AdaptiveImage.liquid.js";import p from"../../video/components/HTML5Embed.liquid.js";import{getContainerStyle as n,getOverlayStyle as d,getRowStyle as c,getAdaptiveStyle as u,getBackgroundStyle as f,getContainBackgroundStyle as y,getYoutubeIframeStyle as v,getHtml5VideoStyle as g}from"../common/styles.js";import{getContainerClasses as j,getOverlayClasses as $,getRowClasses as b,getAdaptivePictureClasses as h,getAdaptiveClasses as k,getBackgroundClasses as w,getContainBackgroundClasses as N,getHtml5VideoClasses as q,getWrapperYoutubeClasses as H,getIframeYoutubeClasses as I,getLazyBackgroundClasses as B}from"../common/classes.js";import{getAspectRatioSettings as C,getBackgroundImageHeroBanner as R,horizontalAlign as z,getWidth as A,getBgImage as L,fallbackImg as T,getEnableBgImageByDevice as x,showVideoType as E,getResponsiveSetting as O}from"../common/helpers.js";import{getImageSrc as S}from"../../image/common/helpers.js";import V from"../../image/components/NextImage.liquid.js";import D from"../../video/components/LiteYouTubeEmbed.liquid.js";import{getYoutubeVideoId as M,youtubeVideoRegex as W}from"../../video/common/helpers.js";import{isRenderHtmlVideo as Y}from"../../grid/components/row/common/helpers.js";import{PRIORITY_LOAD_ATTRS as F}from"../../image/constants.js";let HeroBannerItem=G=>{let{enableLazyLoadImage:J=!0,setting:K,styles:P,children:Q,builderProps:U,rawChildren:X}=G,{layout:Z,verticalAlign:_,enableParallax:ee,alt:eo,title:es,preload:et}=K??{},{background:ei,overlayColor:er,verticalGutter:em,sizeSetting:ea,contentWidth:el,hoverEffect:ep,contentPosition1Col:en,contentPosition2Col:ed}=P??{},ec=!et&&J,eu=C(K?.ratioOptions,K?.aspectRatio),ef=O(ei||{}).desktop,ey=r({...n(P,K)}),ev=m({...j(K,P)}),eg=r({...d(P)}),ej=m({...$(P)}),e$=r({...c(P)}),eb=m({...b(P,K)}),eh=r({...u(P)}),ek=m({...h()}),ew=m({...k()}),eN=m({...w(ep,ec)}),eq=r({...R(ei,ec,!1),...f(P,ee,"")}),eH=m({...N()}),eI=r({...y(P)}),eB=m({...q(K?.aspectRatio,!1)}),eC=r({...v(eu)}),eR=m({...H()}),ez=r({...g(eu)}),eA=m({...I()}),eL=e=>m({...B(e)}),eT=()=>{if(!et)return t.map(e=>a(x(e,ei),V({src:S(i(L(ei),e),e),alt:eo,title:es,className:eL(e),isDisableAspectStyle:!0,enableLazyLoadImage:J}))).join("")},ex=()=>{if(!E(ei))return;if(Y(ei))return p({uid:U?.uid,muted:!0,loop:ef?.loop,controls:!1,autoplay:!0,src:ef?.videoHtml5||"",title:"Video",style:ez,className:eB});let e=ef?.video??"",o=M(e),s=`&loop=false&playlist=${o}&showinfo=0&rel=0&fs=0&enablejsapi=1`;if(ef?.type==="video"&&ef?.videoType==="youtube"&&o&&W.test(e))return D({uid:U?.uid,id:o,isHeroBanner:!0,autoplay:!0,title:"Video",controls:!1,params:s,adNetwork:!1,noCookie:!0,muted:!0,lazy:ef?.lazyLoad??!0,preload:!0,style:eC,wrapperClass:eR,iframeClass:eA})};return o`
+  <div class="${ev}" style="${ey}">
       <div
         aria-label="Background Image"
         role="banner"
-        class="${eI}"
-        style="${eN}"
+        class="${eH}"
+        style="${eI}"
       >
-        <div class="${eh}" style="${ew}">
-          ${eR()}
-          ${eA()}
+        <div class="${eN}" style="${eq}">
+          ${eT()}
+          ${ex()}
         </div>
-        ${a(!!es,o`<div aria-label="Overlay" role="banner" class="${eb}" style="${ey}"> </div>`)}
+        ${a(!!er,o`<div aria-label="Overlay" role="banner" class="${ej}" style="${eg}"> </div>`)}
       </div>
-      ${e({className:eg,style:ev,setting:{layout:X,horizontalAlign:C(X,em,ep),verticalAlign:Z},styles:{verticalGutter:ei,width:R(el),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:P,rawChildren:U})}
-        ${m({pictureClass:ej,srcSet:A(et),className:ek,aspectRatio:t(er),style:e$,alt:ee,title:eo,enableLazyLoadImage:ed,fallbackImg:T})}
+      ${e({className:eb,style:e$,setting:{layout:Z,horizontalAlign:z(Z,en,ed),verticalAlign:_},styles:{verticalGutter:em,width:A(el),fullWidth:{desktop:!1,tablet:!1,mobile:!1}},children:Q,rawChildren:X})}
+        ${l({pictureClass:ek,srcSet:L(ei),className:ew,...et&&F,aspectRatio:s(ea),style:eh,alt:eo,title:es,enableLazyLoadImage:J,fallbackImg:T})}
   </div>
 `};export{HeroBannerItem as default};