@gem-sdk/components 11.2.4 → 12.0.0-dev.101

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

@@ -0,0 +1 @@
+let TextField={placeholder:{id:"placeholder"}};export{TextField};

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

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

package/dist/esm/form/settings/text-input/TextInput.js

@@ -1,9 +1,9 @@
-import{SettingUIV1 as C}from"./configs/ui-v1.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import e from"./configs/settings.js";let config={tag:"TextInput",label:"Text Input",icon:`
+import{SettingUIV2 as C}from"./configs/ui-v2.js";import t from"./configs/settings.js";let config={tag:"TextInput",label:"Text Input",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"  xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3322 10.8964L9.87367 9.66713H7.82073L7.36908 10.8964H6.5L8.38871 6H9.3399L11.2286 10.8964H10.3322ZM8.8472 6.89779L8.10814 8.90055H9.58625L8.8472 6.89779ZM12.7003 11C12.0023 11 11.5711 10.5166 11.5711 9.98481C11.5711 9.38398 12.0091 9.05249 12.5771 8.96961L13.4325 8.8384C13.6241 8.81077 13.6788 8.71409 13.6788 8.59669C13.6788 8.31354 13.4872 8.08564 13.0493 8.08564C12.6318 8.08564 12.3992 8.35497 12.3649 8.69337L11.6396 8.52762C11.7012 7.94751 12.2212 7.42956 13.0424 7.42956C14.0689 7.42956 14.4589 8.01657 14.4589 8.68646V10.3577C14.4589 10.6616 14.4932 10.8619 14.5 10.8964H13.7609C13.7541 10.8757 13.7267 10.7376 13.7267 10.4682C13.5693 10.7238 13.2409 11 12.7003 11ZM12.3649 9.93646C12.3649 10.1644 12.536 10.3715 12.8508 10.3715C13.2956 10.3715 13.6788 10.1575 13.6788 9.50138V9.34945L12.8097 9.48066C12.5634 9.5221 12.3649 9.66022 12.3649 9.93646ZM17.37 9.2467H19.5C20.2956 9.2467 21.0587 9.54118 21.6213 10.0653C22.1839 10.5895 22.5 11.3004 22.5 12.0417V15.9548C22.5 16.6961 22.1839 17.407 21.6213 17.9312C21.0587 18.4553 20.2956 18.7498 19.5 18.7498H4.5C3.70435 18.7498 2.94129 18.4553 2.37868 17.9312C1.81607 17.407 1.5 16.6961 1.5 15.9548V11.7622C1.51562 11.1035 1.80649 10.4765 2.31074 10.0145C2.81499 9.55253 3.49281 9.29211 4.2 9.28863C4.39891 9.28863 4.58968 9.36225 4.73033 9.49329C4.87098 9.62433 4.95 9.80206 4.95 9.98739C4.95 10.1727 4.87098 10.3504 4.73033 10.4815C4.58968 10.6125 4.39891 10.6861 4.2 10.6861C3.88174 10.6861 3.57652 10.8039 3.35147 11.0136C3.12643 11.2233 3 11.5076 3 11.8042V15.9967C3 16.3673 3.15804 16.7228 3.43934 16.9849C3.72064 17.247 4.10218 17.3942 4.5 17.3942H19.5C19.697 17.3942 19.892 17.3581 20.074 17.2878C20.256 17.2176 20.4214 17.1147 20.5607 16.9849C20.6999 16.8551 20.8104 16.7011 20.8858 16.5315C20.9612 16.362 21 16.1802 21 15.9967V12.0417C21 11.6711 20.842 11.3156 20.5607 11.0535C20.2794 10.7915 19.8978 10.6442 19.5 10.6442H17.37C17.1711 10.6442 16.9803 10.5706 16.8397 10.4396C16.699 10.3085 16.62 10.1308 16.62 9.94546C16.62 9.76014 16.699 9.58241 16.8397 9.45136C16.9803 9.32032 17.1711 9.2467 17.37 9.2467Z" fill="currentColor"/>
   </svg>
 
-  `,settings:e,ui:C,uiV2:t,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-text-input",name:{en:"Text Input"},icon:{desktop:`
+  `,settings:t,ui:[],uiV2:C,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-text-input",name:"Text Input",icon:{desktop:`
           <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#474747"/>
           <path d="M21.1049 14.2102V13.2727H27.6504V14.2102H24.9061V22H23.8493V14.2102H21.1049ZM30.9402 22.1364C30.3095 22.1364 29.7654 21.9972 29.3081 21.7188C28.8535 21.4375 28.5027 21.0455 28.2555 20.5426C28.0112 20.0369 27.889 19.4489 27.889 18.7784C27.889 18.108 28.0112 17.517 28.2555 17.0057C28.5027 16.4915 28.8464 16.0909 29.2868 15.804C29.7299 15.5142 30.247 15.3693 30.8379 15.3693C31.1788 15.3693 31.5154 15.4261 31.8478 15.5398C32.1802 15.6534 32.4828 15.8381 32.7555 16.0938C33.0282 16.3466 33.2456 16.6818 33.4075 17.0994C33.5694 17.517 33.6504 18.0312 33.6504 18.642V19.0682H28.6049V18.1989H32.6277C32.6277 17.8295 32.5538 17.5 32.4061 17.2102C32.2612 16.9205 32.0538 16.6918 31.7839 16.5241C31.5169 16.3565 31.2015 16.2727 30.8379 16.2727C30.4373 16.2727 30.0907 16.3722 29.7981 16.571C29.5083 16.767 29.2853 17.0227 29.1291 17.3381C28.9728 17.6534 28.8947 17.9915 28.8947 18.3523V18.9318C28.8947 19.4261 28.9799 19.8452 29.1504 20.1889C29.3237 20.5298 29.5637 20.7898 29.8706 20.9688C30.1774 21.1449 30.5339 21.233 30.9402 21.233C31.2044 21.233 31.443 21.196 31.6561 21.1222C31.872 21.0455 32.0581 20.9318 32.2143 20.7812C32.3706 20.6278 32.4913 20.4375 32.5765 20.2102L33.5481 20.483C33.4458 20.8125 33.274 21.1023 33.0325 21.3523C32.791 21.5994 32.4927 21.7926 32.1376 21.9318C31.7825 22.0682 31.3833 22.1364 30.9402 22.1364ZM35.7544 15.4545L37.3226 18.1307L38.8908 15.4545H40.0499L37.9363 18.7273L40.0499 22H38.8908L37.3226 19.4602L35.7544 22H34.5953L36.6749 18.7273L34.5953 15.4545H35.7544ZM44.3315 15.4545V16.3068H40.9395V15.4545H44.3315ZM41.9281 13.8864H42.9338V20.125C42.9338 20.4091 42.975 20.6222 43.0574 20.7642C43.1426 20.9034 43.2505 20.9972 43.3812 21.0455C43.5147 21.0909 43.6554 21.1136 43.8031 21.1136C43.9139 21.1136 44.0048 21.108 44.0758 21.0966C44.1468 21.0824 44.2037 21.071 44.2463 21.0625L44.4508 21.9659C44.3826 21.9915 44.2875 22.017 44.1653 22.0426C44.0431 22.071 43.8883 22.0852 43.7008 22.0852C43.4167 22.0852 43.1383 22.0241 42.8656 21.902C42.5957 21.7798 42.3713 21.5938 42.1923 21.3438C42.0162 21.0938 41.9281 20.7784 41.9281 20.3977V13.8864ZM49.3556 22V13.2727H54.5886V14.2102H50.4125V17.1591H54.1966V18.0966H50.4125V22H49.3556ZM56.2623 22V15.4545H57.2679V22H56.2623ZM56.7736 14.3636C56.5776 14.3636 56.4086 14.2969 56.2665 14.1634C56.1273 14.0298 56.0577 13.8693 56.0577 13.6818C56.0577 13.4943 56.1273 13.3338 56.2665 13.2003C56.4086 13.0668 56.5776 13 56.7736 13C56.9696 13 57.1373 13.0668 57.2765 13.2003C57.4185 13.3338 57.4895 13.4943 57.4895 13.6818C57.4895 13.8693 57.4185 14.0298 57.2765 14.1634C57.1373 14.2969 56.9696 14.3636 56.7736 14.3636ZM61.8542 22.1364C61.2235 22.1364 60.6795 21.9972 60.2221 21.7188C59.7676 21.4375 59.4167 21.0455 59.1696 20.5426C58.9252 20.0369 58.8031 19.4489 58.8031 18.7784C58.8031 18.108 58.9252 17.517 59.1696 17.0057C59.4167 16.4915 59.7605 16.0909 60.2008 15.804C60.644 15.5142 61.161 15.3693 61.752 15.3693C62.0929 15.3693 62.4295 15.4261 62.7619 15.5398C63.0943 15.6534 63.3968 15.8381 63.6696 16.0938C63.9423 16.3466 64.1596 16.6818 64.3216 17.0994C64.4835 17.517 64.5645 18.0312 64.5645 18.642V19.0682H59.519V18.1989H63.5417C63.5417 17.8295 63.4679 17.5 63.3201 17.2102C63.1752 16.9205 62.9679 16.6918 62.698 16.5241C62.4309 16.3565 62.1156 16.2727 61.752 16.2727C61.3514 16.2727 61.0048 16.3722 60.7122 16.571C60.4224 16.767 60.1994 17.0227 60.0431 17.3381C59.8869 17.6534 59.8088 17.9915 59.8088 18.3523V18.9318C59.8088 19.4261 59.894 19.8452 60.0645 20.1889C60.2377 20.5298 60.4778 20.7898 60.7846 20.9688C61.0914 21.1449 61.448 21.233 61.8542 21.233C62.1184 21.233 62.3571 21.196 62.5701 21.1222C62.786 21.0455 62.9721 20.9318 63.1284 20.7812C63.2846 20.6278 63.4054 20.4375 63.4906 20.2102L64.4622 20.483C64.3599 20.8125 64.188 21.1023 63.9466 21.3523C63.7051 21.5994 63.4068 21.7926 63.0517 21.9318C62.6966 22.0682 62.2974 22.1364 61.8542 22.1364ZM67.1 13.2727V22H66.0943V13.2727H67.1ZM71.4135 22.1364C70.8681 22.1364 70.3865 21.9986 69.9689 21.723C69.5513 21.4446 69.2246 21.0526 68.9888 20.5469C68.753 20.0384 68.6351 19.4375 68.6351 18.7443C68.6351 18.0568 68.753 17.4602 68.9888 16.9545C69.2246 16.4489 69.5527 16.0582 69.9732 15.7827C70.3936 15.5071 70.8794 15.3693 71.4306 15.3693C71.8567 15.3693 72.1934 15.4403 72.4405 15.5824C72.6905 15.7216 72.8809 15.8807 73.0115 16.0597C73.1451 16.2358 73.2488 16.3807 73.3226 16.4943H73.4078V13.2727H74.4135V22H73.4419V20.9943H73.3226C73.2488 21.1136 73.1436 21.2642 73.0073 21.446C72.8709 21.625 72.6763 21.7855 72.4235 21.9276C72.1706 22.0668 71.834 22.1364 71.4135 22.1364ZM71.5499 21.233C71.9533 21.233 72.2942 21.1278 72.5726 20.9176C72.851 20.7045 73.0627 20.4105 73.2076 20.0355C73.3525 19.6577 73.4249 19.2216 73.4249 18.7273C73.4249 18.2386 73.3539 17.8111 73.2118 17.4446C73.0698 17.0753 72.8596 16.7884 72.5811 16.5838C72.3027 16.3764 71.959 16.2727 71.5499 16.2727C71.1238 16.2727 70.7686 16.3821 70.4846 16.6009C70.2033 16.8168 69.9917 17.1108 69.8496 17.483C69.7104 17.8523 69.6408 18.267 69.6408 18.7273C69.6408 19.1932 69.7118 19.6165 69.8539 19.9972C69.9988 20.375 70.2118 20.6761 70.4931 20.9006C70.7772 21.1222 71.1294 21.233 71.5499 21.233Z" fill="#F9F9F9"/>

package/dist/esm/form/settings/text-input/configs/settings.js

@@ -1 +1 @@
-let TextInputSettings=[{id:"setting",controls:[{id:"name",label:"Name",type:"input",placeholder:"E.g. contact[first_name]",default:{text:"contact[first_name]",textarea:"contact[note]",email:"contact[email]",phone:"contact[phone]",number:"contact[number]"}},{id:"placeholder",label:"Placeholder",type:"input",info:"Placeholder helps your buyers understand what to input",placeholder:"Enter text",default:"Enter text"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"translate",type:"input",default:"placeholder"},{id:"size",label:"Button Spacing",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"required",label:"Required",type:"toggle",default:!1},{id:"formType",type:"select",label:"Type",options:[{label:"Short text",value:"text"},{label:"Long text",value:"textarea"},{label:"Email",value:"email"},{label:"Number",value:"number"},{label:"Phone",value:"phone"}],default:"text"},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"color",type:"colorpicker",label:"Text Color",default:"text-1"},{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:"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,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF"}}}},{id:"textLine",type:"input:stepper",label:"Visible text lines",default:3,min:1}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},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-v2",label:"Border",default:{border:"solid",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#7D7D7D",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}]}];export{TextInputSettings as default};
+let TextInputSettings=[{id:"setting",controls:[{id:"name",label:"Name",type:"input",placeholder:"E.g. contact[first_name]",default:{text:"contact[first_name]",textarea:"contact[note]",email:"contact[email]",phone:"contact[phone]",number:"contact[number]"}},{id:"placeholder",label:"Placeholder",type:"input",info:"Placeholder helps your buyers understand what to input",placeholder:"Enter text",default:"Enter text"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"size",label:"Button Spacing",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"required",label:"Required",type:"toggle",default:!1},{id:"formType",type:"select",label:"Type",options:[{label:"Short text",value:"text"},{label:"Long text",value:"textarea"},{label:"Email",value:"email"},{label:"Number",value:"number"},{label:"Phone",value:"phone"}],default:"text"},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1",attrs:{color:"text-2"}},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"color",type:"colorpicker",label:"Text Color",default:"text-1"},{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:"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,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF"}}}},{id:"textLine",type:"input:stepper",label:"Visible text lines",default:3,min:1}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},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-v2",label:"Border",default:{border:"solid",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"#7D7D7D",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}]}];export{TextInputSettings as default};

package/dist/esm/form/settings/text-input/configs/translate.js

@@ -0,0 +1 @@
+let TextInput={placeholder:{id:"placeholder"}};export{TextInput};

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Text style"},controls:[{type:"combo",label:{en:"Placeholder"},iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",label:{en:"Content"},setting:{id:"placeholder"}},{setting:{id:"placeholderColor"},label:{en:"Color"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:{en:"Size"},controls:[{label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"}},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:{en:"Background"},controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Configuration"},controls:[{label:{en:"Type"},setting:{id:"formType"}},{label:{en:"Visible text lines"},setting:{id:"textLine"},conditionDisplay:"formType === 'textarea'"},{label:{en:"Required"},setting:{id:"required"}},{label:{en:"Field name"},help:{content:"Identify the information submitted via this element."},conditionDisplay:"formType === 'text'",controlConfig:{id:"name_text",type:"input",linkWithSetting:{name:"name",field:"text"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'textarea'",controlConfig:{id:"name_textarea",type:"input",linkWithSetting:{name:"name",field:"textarea"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'email'",controlConfig:{id:"name_email",type:"input",linkWithSetting:{name:"name",field:"email"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'number'",controlConfig:{id:"name_number",type:"input",linkWithSetting:{name:"name",field:"number"}}},{label:{en:"Field name"},conditionDisplay:"formType === 'phone'",controlConfig:{id:"name_phone",type:"input",linkWithSetting:{name:"name",field:"phone"}}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}},{setting:{id:"placeholderColor"},label:"Color"}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"Height",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"}},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border",type:"border-v2",linkWithSetting:{name:"wrapperBorder"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Configuration",controls:[{label:"Type",setting:{id:"formType"}},{label:"Visible text lines",setting:{id:"textLine"},conditionDisplay:"formType === 'textarea'"},{label:"Required",setting:{id:"required"}},{label:"Field name",help:{content:"Identify the information submitted via this element."},conditionDisplay:"formType === 'text'",controlConfig:{id:"name_text",type:"input",linkWithSetting:{name:"name",field:"text"}}},{label:"Field name",conditionDisplay:"formType === 'textarea'",controlConfig:{id:"name_textarea",type:"input",linkWithSetting:{name:"name",field:"textarea"}}},{label:"Field name",conditionDisplay:"formType === 'email'",controlConfig:{id:"name_email",type:"input",linkWithSetting:{name:"name",field:"email"}}},{label:"Field name",conditionDisplay:"formType === 'number'",controlConfig:{id:"name_number",type:"input",linkWithSetting:{name:"name",field:"number"}}},{label:"Field name",conditionDisplay:"formType === 'phone'",controlConfig:{id:"name_phone",type:"input",linkWithSetting:{name:"name",field:"phone"}}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{SettingUIV2};

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

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

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

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

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";let getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},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:i}=t,o=d({background:r?.background,uid:i?.uid});return{stateData:e(o).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 i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),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=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};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";let getResponsiveSetting=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,d=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:d}},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,r)=>{let{builderProps:i}=t,o=d({background:r,uid:i?.uid});return{stateData:e(o).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 i=e?.[d],o=t?.[d];i&&o&&(r[d]=reduceRadiusForState(i.width,o))}),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=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==i},isRenderYoutubeVideo=e=>{let t=getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,i=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==i};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,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};
+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=({rowProps:g,isPostPurchase:u,type:c="React",translatedBackground:f})=>{let{children:h,setting:k,builderProps:x,styles:v,style:w,advanced:y,isNotFullWidth:j,parentStyle:R}=g,{isSection:S,layout:T,horizontalAlign:q,responsive:L,inlineAlignment:O}=k??{},{width:z,columnGap:C,rowGap:D,background:H,verticalGutter:Y,verticalGutterMobile:A,enablePagePadding:B,height:E}=v??{},F=m(y?.border,y?.rounded),G=(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},I=e("of",{desktop:G(F.desktop,t(y?.border,"desktop"))?"hidden":void 0,tablet:G(F.tablet,t(y?.border,"tablet"))?"hidden":void 0,mobile:G(F.mobile,t(y?.border,"mobile"))?"hidden":void 0}),J=x?.builderData?.childrens?.length,K={...e("aspect",{desktop:"16/9"})},M=o(h)||!J,N={desktop:z?.desktop==="default"?"1200px":z?.desktop,tablet:z?.tablet==="default"?"1200px":z?.tablet,mobile:z?.mobile==="default"?"1200px":z?.mobile},P=s(u?N:z),[Q,U]=r(["pos","top","left","bottom","right","z"],w),V=()=>({...S?U:w,...e("cg",Y),...e("rg",A),...T?i(T):e("gtc",L),...e("w",P.content),...e("h",E),...S?{}:I}),W=()=>({"--mb":"0px","--mt":"0px",...e("cg",C),...l({pc:O,rg:D?b[D]:"0px"})}),X=t=>{let o=H;return"Liquid"===c&&(o=f),{...d(o,t),...n(o,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",q)}},Z=()=>{let e=j&&!M;return e?{marginLeft:"0px",marginRight:"0px"}:{}},$=()=>({...p(F)}),_=(e=!1)=>a({...V(),...X(),...Z(),...e?W():{},...k?.sameHeightSubgridContainer&&R}),ee=a({...$()}),et=a({...K,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),eo=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},er={desktop:eo(B?.desktop),tablet:eo(B?.tablet),mobile:eo(B?.mobile)},ep=a({...Q,...e("w",P.wrapper),...e("pl",er),...e("pr",er)});return{embedVideoStyle:et,backgroundBoxStyle:ee,rowStyle:_,sectionStyle:ep}};export{getRowStyle};

package/dist/esm/grid/settings/Row.js

@@ -1,5 +1,5 @@
-import{SettingUIV2 as o}from"./configs/row/ui-v2.js";import{SettingUIV1 as t}from"./configs/row/ui-v1.js";import{RowSettings as e}from"./configs/row/settings.js";import{RowPreset as i}from"./configs/row/presets.js";let config={tag:"Row",label:"Row",icon:`
+import{SettingUIV2 as o}from"./configs/row/ui-v2.js";import{RowSettings as t}from"./configs/row/settings.js";import{RowPreset as e}from"./configs/row/presets.js";let config={tag:"Row",label:"Row",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 3.00391C1.83579 3.00391 1.5 3.33969 1.5 3.75391C1.5 4.16812 1.83579 4.50391 2.25 4.50391L21.7514 4.50391C22.1656 4.50391 22.5014 4.16812 22.5014 3.75391C22.5014 3.33969 22.1656 3.00391 21.7514 3.00391H2.25ZM2.25 19.4988C1.83579 19.4988 1.5 19.8346 1.5 20.2488C1.5 20.663 1.83579 20.9988 2.25 20.9988H9.67911C10.0933 20.9988 10.4291 20.663 10.4291 20.2488C10.4291 19.8346 10.0933 19.4988 9.67911 19.4988H2.25ZM1.5 9.25207C1.5 8.83786 1.83579 8.50207 2.25 8.50207L9.67911 8.50207C10.0933 8.50207 10.4291 8.83786 10.4291 9.25207C10.4291 9.66628 10.0933 10.0021 9.67911 10.0021L2.25 10.0021C1.83579 10.0021 1.5 9.66628 1.5 9.25207ZM2.25 14.0012C1.83579 14.0012 1.5 14.337 1.5 14.7512C1.5 15.1654 1.83579 15.5012 2.25 15.5012L9.67911 15.5012C10.0933 15.5012 10.4291 15.1654 10.4291 14.7512C10.4291 14.337 10.0933 14.0012 9.67911 14.0012L2.25 14.0012ZM13.5725 9.25207C13.5725 8.83786 13.9083 8.50207 14.3225 8.50207H21.7516C22.1658 8.50207 22.5016 8.83786 22.5016 9.25207C22.5016 9.66628 22.1658 10.0021 21.7516 10.0021H14.3225C13.9083 10.0021 13.5725 9.66628 13.5725 9.25207ZM14.3225 14.0012C13.9083 14.0012 13.5725 14.337 13.5725 14.7512C13.5725 15.1654 13.9083 15.5012 14.3225 15.5012H21.7516C22.1658 15.5012 22.5016 15.1654 22.5016 14.7512C22.5016 14.337 22.1658 14.0012 21.7516 14.0012H14.3225Z" fill="white"/>
   </svg>
-  `,settings:e,ui:t,uiV2:o,presets:i,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};export{config as default};
+  `,settings:t,ui:[],uiV2:o,presets:e,editorConfigs:{placeholder:{notAppendLeftRight:!0},slots:{children:!0},toolbar:{parent:!0}},rootOverride:{advanced:{"spacing-setting":{desktop:{margin:{bottom:"16px"}}}},styles:{width:{desktop:"default"}}}};export{config as default};

package/dist/esm/grid/settings/Section.js

@@ -1 +1 @@
-import t from"./Row.js";import{SectionSettings as o}from"./configs/section/settings.js";import{SettingUIV1 as i}from"./configs/section/ui-v1.js";import{SettingUIV2 as s}from"./configs/section/ui-v2.js";let config={...t,tag:"Section",label:"Section",settings:o,ui:i,uiV2:s,init:[{tag:"Section",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{enablePagePadding:{desktop:!1,tablet:!1,mobile:!1}},advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}}}},childrens:[{tag:"Col",childrens:[]}]}],advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"30px",bottom:"30px"}},mobile:{padding:{top:"20px",bottom:"20px"}}}},editorConfigs:{sideBar:{hide:!0},toolbar:{parent:!0}}};export{config as default};
+import t from"./Row.js";import{SectionSettings as o}from"./configs/section/settings.js";import{SettingUIV2 as i}from"./configs/section/ui-v2.js";let config={...t,tag:"Section",label:"Section",settings:o,ui:[],uiV2:i,init:[{tag:"Section",settings:{layout:{desktop:{cols:[12],display:"fill"}}},styles:{enablePagePadding:{desktop:!1,tablet:!1,mobile:!1}},advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"var(--g-s-2xl)",bottom:"var(--g-s-2xl)"}}}},childrens:[{tag:"Col",childrens:[]}]}],advanced:{blockPadding:"base","spacing-setting":{desktop:{padding:{top:"30px",bottom:"30px"}},mobile:{padding:{top:"20px",bottom:"20px"}}}},editorConfigs:{sideBar:{hide:!0},toolbar:{parent:!0}}};export{config as default};

package/dist/esm/grid/settings/configs/row/presets.js

@@ -1,19 +1,19 @@
-let RowPreset=[{id:"layout-1-col",name:{en:"Row"},icon:{desktop:`
+let RowPreset=[{id:"layout-1-col",name:"Row",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="96" height="48" rx="4" fill="#5E5E5E"/>
         </svg>
-      `},components:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{padding:{top:"var(--g-s-l)",bottom:"var(--g-s-l)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},childrens:[{tag:"Col",childrens:[]}]}],flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]}]}]}},{id:"layout-2-col",name:{en:"Row"},icon:{desktop:`
+      `},components:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{padding:{top:"var(--g-s-l)",bottom:"var(--g-s-l)",left:"var(--g-s-l)",right:"var(--g-s-l)",linked:!1}}}},childrens:[{tag:"Col",childrens:[]}]}],flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]}]}]}},{id:"layout-2-col",name:"Row",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="46" height="48" rx="3" fill="#5E5E5E"/>
         <rect x="50" width="46" height="48" rx="3" fill="#5E5E5E"/>
         </svg>
-      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-3-col",name:{en:"Row"},icon:{desktop:`
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-3-col",name:"Row",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
         <rect x="33.3335" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
         <rect x="66.6665" width="29.3333" height="48" rx="3" fill="#5E5E5E"/>
         </svg>
-      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-4-col",name:{en:"Row"},icon:{desktop:`
+      `},flowTagComponents:{Marquee:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fit"}}},styles:{width:{desktop:"100%",tablet:"100%",mobile:"100%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"},link:!0},tablet:{link:!0},mobile:{link:!0}}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},components:[{tag:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fill"},mobile:{cols:[12],display:"fill"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},styles:{verticalGutterMobile:{desktop:"16px",tablet:"16px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[]},{tag:"Col",childrens:[]},{tag:"Col",childrens:[]}]}]},{id:"layout-4-col",name:"Row",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <rect width="21" height="48" rx="3" fill="#5E5E5E"/>
         <rect x="25" width="21" height="48" rx="3" fill="#5E5E5E"/>

package/dist/esm/grid/settings/configs/row/translate.js

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

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

@@ -1 +1 @@
-let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:{en:"Column spacing"},conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:{en:"Gap"},conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Column spacing"},controls:[{label:{en:"Gap"},setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:{en:"Size",cn:"尺寸",es:"Tama\xf1o"},options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:{en:"Width",es:"Ancho",cn:"宽度"}},{setting:{id:"height"},label:{en:"Height"}},{label:{en:"Padding",cn:"填充",es:"Relleno"},conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background",cn:"背景",es:"Fondo"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:{en:"Shape",cn:"形状",es:"Forma"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border",cn:"边界",es:"Borde"},setting:{id:"border",state:"normal"}},{label:{en:"Corner",cn:"角落",es:"Esquina"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow",cn:"阴影",es:"Sombra"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Align column"},controls:[{id:"verticalAlign",label:{en:"Vertical"},setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:{en:"Horizontal"},setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:{en:"Align"},setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];export{SettingUIV2};
+let SettingUIV2=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:'pageType !== "POST_PURCHASE" && childrens > 1',controls:[{setting:{id:"verticalGutter"},label:"Gap",conditionDisplay:"layout?.cols.length > 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutterMobile",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}},{setting:{id:"verticalGutterMobile"},label:"Gap",conditionDisplay:"layout?.cols.length === 1",controlChangeTrigger:{settings:[{condition:"activeScreenId !== 'desktop'",action:{controlId:"verticalGutter",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Column spacing",controls:[{label:"Gap",setting:{id:"columnGap"},options:{fullWidth:!0},conditionDisplay:'pageType == "POST_PURCHASE" && !!layout?.cols && layout?.cols.length > 1',conditionEnable:"!!layout?.cols && layout?.cols.length > 1"}]},{label:"Size",options:{disableMessage:"Setting is available when the number of columns is > 1"},controls:[{setting:{id:"width"},label:"Width"},{setting:{id:"height"},label:"Height"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"style",controlType:"style",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Align column",controls:[{id:"verticalAlign",label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"((!!layout?.cols && layout?.cols.length > 1) || (!!layout?.cols && layout?.cols.length == 1 && height == '100%')) && pageType != \"POST_PURCHASE\""},{id:"horizontalAlign",label:"Horizontal",setting:{id:"horizontalAlign"},conditionDisplay:"layout?.display !== 'fill' && pageType != \"POST_PURCHASE\"",options:{disableMessage:'Horizontal Align is available when layout is "Fit to content"'}}]},{controls:[{label:"Align",setting:{id:"inlineAlignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},conditionDisplay:"pageType == \"POST_PURCHASE\" && layout.display !== 'fill'",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))'}]}];export{SettingUIV2};

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

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

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

@@ -1,8 +1,8 @@
-import{SettingUIV1 as e}from"./configs/ui-v1.js";import{HeaderPreset as o}from"./configs/presets.js";import{SettingUIV2 as r}from"./configs/ui-v2.js";import{HeaderSettings as i}from"./configs/settings.js";let config={tag:"Header",label:"Header",icon:`
+import{HeaderPreset as e}from"./configs/presets.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import{HeaderSettings as r}from"./configs/settings.js";let config={tag:"Header",label:"Header",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="currentColor"/>
     <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="currentColor"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.71826V14.9683H34.75V6.71826H5.25ZM3.75 3.96826C3.05964 3.96826 2.5 4.52791 2.5 5.21826V16.4683C2.5 17.1586 3.05964 17.7183 3.75 17.7183H36.25C36.9404 17.7183 37.5 17.1586 37.5 16.4683V5.21826C37.5 4.52791 36.9404 3.96826 36.25 3.96826H3.75Z" fill="currentColor"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3754 29.0825H8.625V33.2821H31.3754V29.0825ZM5.875 26.3325V34.7821C5.875 35.4724 6.43464 36.0321 7.125 36.0321H32.8754C33.5658 36.0321 34.1254 35.4724 34.1254 34.7821V26.3325H5.875Z" fill="currentColor"/>
   </svg>
-  `,settings:i,editorConfigs:{toolbar:{parent:!0}},ui:e,uiV2:r,presets:o};export{config as default};
+  `,settings:r,editorConfigs:{toolbar:{parent:!0}},uiV2:o,presets:e};export{config as default};

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

@@ -1,4 +1,4 @@
-let HeaderPreset=[{id:"instant-header",name:{en:"Header"},icon:{desktop:`
+let HeaderPreset=[{id:"instant-header",name:"Header",icon:{desktop:`
       <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="#D6D6D6"/>
         <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="#D6D6D6"/>

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Logo"},controls:[{label:{en:"Image"},type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:{en:"Image"},controls:[{type:"control",label:{en:"Source"},layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:{en:"Aspect Ratio"},setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Object Fit"},setting:{id:"layout"}}]},{id:"Width",label:{en:"Width"},setting:{id:"logoWidth"},layout:"horizontal"}]},{label:{en:"Menu management"},controls:[{id:"menu",label:{en:"Order"},setting:{id:"menu"}}]},{label:{en:"Menu item style"},controls:[{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Icon"},setting:{id:"arrow"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Dropdown"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:{en:"Dropdown menu"},controls:[{label:{en:"Text color"},popoverLabel:{en:"Text color"},setting:{id:"menuTextColor",state:"normal"}},{label:{en:"Background"},popoverLabel:{en:"Background"},setting:{id:"menuBg"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:{en:"Cart"},controls:[{label:{en:"Icon"},setting:{id:"cartIcon"}},{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"normal"}},{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"hover"}}]}]},{label:{en:"Size"},controls:[{id:"height",label:{en:"Height"},setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding",cn:"填充",es:"Relleno"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{id:"headerBg",label:{en:"Color"},setting:{id:"headerBg"},layout:"horizontal"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{id:"breakpoint",label:{en:"Menu icon"},setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Logo",controls:[{label:"Image",type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:"Image",controls:[{type:"control",label:"Source",layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:"Aspect Ratio",setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:"Object Fit",setting:{id:"layout"}}]},{id:"Width",label:"Width",setting:{id:"logoWidth"},layout:"horizontal"}]},{label:"Menu management",controls:[{id:"menu",label:"Order",setting:{id:"menu"}}]},{label:"Menu item style",controls:[{label:"Text style",type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Icon",setting:{id:"arrow"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Dropdown",type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:"Dropdown menu",controls:[{label:"Text color",popoverLabel:"Text color",setting:{id:"menuTextColor",state:"normal"}},{label:"Background",popoverLabel:"Background",setting:{id:"menuBg"}},{label:"Hover",type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:"Hover",controls:[{label:"Text color",setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:"Cart",controls:[{label:"Icon",setting:{id:"cartIcon"}},{label:"Icon color",setting:{id:"cartIconColor",state:"normal"}},{label:"Hover",type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:"Hover",controls:[{label:"Icon color",setting:{id:"cartIconColor",state:"hover"}}]}]},{label:"Size",controls:[{id:"height",label:"Height",setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{id:"headerBg",label:"Color",setting:{id:"headerBg"},layout:"horizontal"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display condition",controls:[{id:"breakpoint",label:"Menu icon",setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];export{SettingUIV2};

package/dist/esm/heading/components/Heading.liquid.js

@@ -1 +1 @@
-import e from"../../text/components/Text.liquid.js";let Heading=({styles:t,builderAttrs:r,style:a,setting:n={},advanced:l,builderProps:s,isText:u,className:c,pageContext:i,...g})=>{let h=()=>{switch(n.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},o={htmlTag:h(),text:n.text,translate:n.translate,globalSize:n.globalSize,background:n.background};return e({styles:t,builderAttrs:r,style:a,setting:o,advanced:l,builderProps:s,className:c,isText:u,pageContext:i,...g})};export{Heading as default};
+import e from"../../text/components/Text.liquid.js";let Heading=({styles:t,builderAttrs:r,style:a,setting:n={},advanced:u,builderProps:l,isText:s,className:c,pageContext:i,...g})=>{let h=()=>{switch(n.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},o={htmlTag:h(),text:n.text,globalSize:n.globalSize,background:n.background};return e({styles:t,builderAttrs:r,style:a,setting:o,advanced:u,builderProps:l,className:c,isText:s,pageContext:i,...g})};export{Heading as default};

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

@@ -1,5 +1,5 @@
-import{SettingUIV2 as t}from"./configs/ui-v2.js";import{SettingUIV1 as i}from"./configs/ui-v1.js";import{HeadingPreset as s}from"./configs/presets.js";import{HeadingSettings as e}from"./configs/settings.js";let config={tag:"Heading",label:"Heading",icon:`
+import{SettingUIV2 as t}from"./configs/ui-v2.js";import{HeadingPreset as i}from"./configs/presets.js";import{HeadingSettings as e}from"./configs/settings.js";let config={tag:"Heading",label:"Heading",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M15.6 2.09659C15.6 1.7671 15.8518 1.5 16.1625 1.5H20.4375C20.7482 1.5 21 1.7671 21 2.09659V2.8125C21 3.14199 20.7482 3.40909 20.4375 3.40909H20.4172C20.2902 3.46746 20.1489 3.5 20 3.5H19.2051V20.5H20C20.1489 20.5 20.2902 20.5325 20.4172 20.5909H20.4375C20.7482 20.5909 21 20.858 21 21.1875V21.9034C21 22.2329 20.7482 22.5 20.4375 22.5H16.1625C15.8518 22.5 15.6 22.2329 15.6 21.9034V21.1875C15.6 20.858 15.8518 20.5909 16.1625 20.5909H16.1873C16.3143 20.5325 16.4556 20.5 16.6045 20.5H17.4V12H6.6V20.5H7.39551C7.54441 20.5 7.68571 20.5325 7.81268 20.5909H7.8375C8.14816 20.5909 8.4 20.858 8.4 21.1875V21.9034C8.4 22.2329 8.14816 22.5 7.8375 22.5H3.5625C3.25184 22.5 3 22.2329 3 21.9034V21.1875C3 20.858 3.25184 20.5909 3.5625 20.5909H3.58282C3.7098 20.5325 3.8511 20.5 4 20.5H4.79863L4.79863 3.5H4C3.8511 3.5 3.7098 3.46746 3.58282 3.40909H3.5625C3.25184 3.40909 3 3.14199 3 2.8125V2.09659C3 1.7671 3.25184 1.5 3.5625 1.5H7.8375C8.14816 1.5 8.4 1.7671 8.4 2.09659V2.8125C8.4 3.14199 8.14816 3.40909 7.8375 3.40909H7.81269C7.68571 3.46746 7.54441 3.5 7.39551 3.5H6.6V9.98779H17.4V3.5H16.6045C16.4556 3.5 16.3143 3.46746 16.1873 3.40909H16.1625C15.8518 3.40909 15.6 3.14199 15.6 2.8125V2.09659Z" fill="white"/>
   </svg>
-  `,settings:e,ui:i,uiV2:t,presets:s,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{width:"default",padding:{type:"custom"},gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};
+  `,settings:e,ui:[],uiV2:t,presets:i,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{width:"default",padding:{type:"custom"},gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};export{config as default};

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

@@ -1,3 +1,3 @@
-let HeadingPreset=[{id:"heading",name:{en:"Heading"},icon:{desktop:`<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+let HeadingPreset=[{id:"heading",name:"Heading",icon:{desktop:`<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M0.609375 23V20.5938L3.09375 20.125V3.14062L0.609375 2.67188V0.25H9.51562V2.67188L7.03125 3.14062V10.2344H16.9844V3.14062L14.5 2.67188V0.25H16.9844H20.9062H23.3906V2.67188L20.9062 3.14062V20.125L23.3906 20.5938V23H14.5V20.5938L16.9844 20.125V13.2969H7.03125V20.125L9.51562 20.5938V23H0.609375Z" fill="#D6D6D6"/>
         </svg>`},components:[{tag:"Heading",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];export{HeadingPreset};

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-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};
+let HeadingSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Your heading text goes here"},{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/heading/settings/configs/translate.js

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

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Text style"},controls:[{id:"typo",label:{en:"Basic"},setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"shapeBorder"}},{label:{en:"Corner"},setting:{id:"shapeRounded"}},{label:{en:"Shadow"},setting:{id:"shapeBoxShadow"}}]},{label:{en:"SEO"},controls:[{type:"control",label:{en:"HTML tag"},setting:{id:"htmlTag"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"default",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{default:{top:"16px",right:"16px",bottom:"16px",left:"16px",linked:!1}}}}]},{label:"Background",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/helpers.js

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

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 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)]";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 gp-invisible -gp-z-1"),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};
+import{getGlobalColorStateClass as e}from"@gem-sdk/core";import{getClassAlignBanner as s,getResponsiveSetting as o,getClassContentPosition as l,getContentPosition as a,getClassForContentByFitContent as t,getClassForStretchContent as r,getClassSpaceBetween as g,opacityEnabledData as p,getClassSpaceBetweenLeftRight as n,getOpacityHover as i}from"./helpers.js";function composeClasses(e){return e.split(" ").reduce((e,s)=>(e[s]=!0,e),{})}let getClasses=({setting:e,builderProps:l,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}`),{...l?.uid&&{[l.uid]:!0},...composeClasses(t),...s(o(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"),...l(a(e?.layout,s?.contentPosition1Col,s?.contentPosition2Col)||{})}),enableTransitionHover=e=>{let{overlayColor:s}=e??{},o=s?.hover||s?.normal;return o&&"transparent"!==o&&"0%"!=i(e)},getOverlayClasses=s=>{let{overlayColor:o,hoverEffect:l}=s??{},{disableOpacity:a}=p(s),t="gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)]";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??{},p=t(o,l),i=r(a),u=g(s?.layout||{},e?.contentPosition1Col||{}),C=n(s?.layout||{}),c=`gp-hero-banner-row ${p}  ${i}`;return{...composeClasses(c),...u,...C}},getAdaptiveClasses=()=>composeClasses("adaptive-hero-banner"),getAdaptivePictureClasses=()=>composeClasses("gp-w-full gp-invisible -gp-z-1"),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=!1)=>{let s="gp-relative gp-h-full";return e&&(s+=" gp-hidden"),composeClasses(s)},getWrapperYoutubeClasses=e=>{let s="gp-h-full gp-w-full !gp-max-w-none gp-pointer-events-none";return e&&(s+=" gp-pb-[56.25%]"),composeClasses(s)},getIframeYoutubeClasses=()=>composeClasses("gp-inset-0 gp-w-full gp-bg-black gp-h-full !gp-max-w-none"),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/const.js

@@ -1 +1 @@
-let DEFAULT_CLIP_PATH="inset(0px)";export{DEFAULT_CLIP_PATH};
+let DEFAULT_CLIP_PATH="inset(0px)",VIDEO_IFRAME_SCALE="1.04";export{DEFAULT_CLIP_PATH,VIDEO_IFRAME_SCALE};