@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.139

package/dist/esm/form/settings/newsletter/Newsletter.js

@@ -1,4 +1,4 @@
-import{newsletterInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";import t from"./configs/settings.js";let config={tag:"Newsletter",label:"Newsletter",icon:`
+import{newsletterInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";import t from"./configs/settings.js";let V={tag:"Newsletter",label:"Newsletter",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="M6.4889 1.5C6.06532 1.5 5.65909 1.66827 5.35957 1.96779C5.06006 2.26731 4.8918 2.67355 4.8918 3.09713V8.85014L1.84362 10.9458C1.75354 11.0037 1.67451 11.082 1.61399 11.1788C1.53448 11.306 1.49782 11.4479 1.5001 11.5875V20.4789C1.5001 21.0149 1.71303 21.529 2.09204 21.908C2.47106 22.2871 2.98512 22.5 3.52114 22.5H20.4784C21.0144 22.5 21.5285 22.2871 21.9075 21.908C22.2865 21.529 22.4995 21.0149 22.4995 20.4789V11.6037C22.505 11.4589 22.4686 11.311 22.386 11.1788C22.3242 11.0799 22.243 11.0003 22.1505 10.9421L19.1082 8.85047V3.09713C19.1082 2.67355 18.94 2.26732 18.6405 1.96779C18.341 1.66827 17.9347 1.5 17.5111 1.5H6.4889ZM17.6098 9.22228C17.6094 9.23661 17.6094 9.25094 17.6098 9.26525V13.2805L14.7516 15.0669H9.24844L6.39028 13.2805V3.09713C6.39028 3.07097 6.40067 3.04588 6.41917 3.02738C6.43766 3.00888 6.46275 2.99849 6.4889 2.99849H17.5111C17.5373 2.99849 17.5624 3.00888 17.5809 3.02738C17.5994 3.04588 17.6098 3.07097 17.6098 3.09713V9.22228ZM5.23785 14.3273L5.25117 14.3357L7.73953 15.8909L4.32497 18.6226C4.00185 18.8811 3.94947 19.3526 4.20797 19.6758C4.46647 19.9989 4.93796 20.0513 5.26107 19.7928L9.29516 16.5654H14.7046L18.7387 19.7928C19.0618 20.0513 19.5333 19.9989 19.7918 19.6758C20.0503 19.3526 19.9979 18.8811 19.6748 18.6226L16.2603 15.891L18.7475 14.3365L18.7636 14.3265L21.001 12.928V20.4789C21.001 20.6175 20.9459 20.7504 20.8479 20.8484C20.7499 20.9465 20.617 21.0015 20.4784 21.0015H3.52114C3.38255 21.0015 3.24964 20.9465 3.15164 20.8484C3.05364 20.7504 2.99858 20.6175 2.99858 20.4789V12.9278L5.23785 14.3273ZM4.8918 12.3439V10.6686L3.61539 11.5462L4.8918 12.3439ZM19.1082 12.3439L20.3844 11.5463L19.1082 10.6689V12.3439ZM7.43548 9.88068C7.43548 9.46689 7.77093 9.13144 8.18472 9.13144H15.8155C16.2293 9.13144 16.5647 9.46689 16.5647 9.88068C16.5647 10.2945 16.2293 10.6299 15.8155 10.6299H8.18472C7.77093 10.6299 7.43548 10.2945 7.43548 9.88068ZM8.18472 11.6743C7.77093 11.6743 7.43548 12.0097 7.43548 12.4235C7.43548 12.8373 7.77093 13.1728 8.18472 13.1728H15.8155C16.2293 13.1728 16.5647 12.8373 16.5647 12.4235C16.5647 12.0097 16.2293 11.6743 15.8155 11.6743H8.18472Z" fill="white"/>
   </svg>
@@ -9,4 +9,4 @@ import{newsletterInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as
 <path d="M79 28.5833V19.4167C79 19.2389 79.075 19.1028 79.225 19.0083C79.375 18.9139 79.5333 18.9 79.7 18.9667L90.5667 23.5333C90.7667 23.6222 90.8667 23.7778 90.8667 24C90.8667 24.2222 90.7667 24.3778 90.5667 24.4667L79.7 29.0333C79.5333 29.1 79.375 29.0861 79.225 28.9917C79.075 28.8972 79 28.7611 79 28.5833ZM80 27.7833L89.0667 24L80 20.1667V22.9667L84.0333 24L80 25V27.7833ZM80 24V20.1667V27.7833V24Z" fill="#F9F9F9"/>
 <path d="M12.8274 20.7273V28H11.9751L8.01207 22.2898H7.94105V28H7.06037V20.7273H7.91264L11.8899 26.4517H11.9609V20.7273H12.8274ZM16.763 28.1136C16.2374 28.1136 15.784 27.9976 15.4029 27.7656C15.0241 27.5312 14.7317 27.2045 14.5257 26.7855C14.3221 26.3641 14.2203 25.8741 14.2203 25.3153C14.2203 24.7566 14.3221 24.2642 14.5257 23.8381C14.7317 23.4096 15.0182 23.0758 15.3851 22.8366C15.7544 22.5952 16.1853 22.4744 16.6777 22.4744C16.9618 22.4744 17.2424 22.5218 17.5194 22.6165C17.7963 22.7112 18.0485 22.8651 18.2757 23.0781C18.503 23.2888 18.6841 23.5682 18.8191 23.9162C18.954 24.2642 19.0215 24.6927 19.0215 25.2017V25.5568H14.8169V24.8324H18.1692C18.1692 24.5246 18.1077 24.25 17.9846 24.0085C17.8638 23.767 17.691 23.5765 17.4661 23.4368C17.2435 23.2971 16.9808 23.2273 16.6777 23.2273C16.3439 23.2273 16.0551 23.3101 15.8113 23.4759C15.5698 23.6392 15.3839 23.8523 15.2537 24.1151C15.1235 24.3778 15.0584 24.6596 15.0584 24.9602V25.4432C15.0584 25.8551 15.1294 26.2043 15.2715 26.4908C15.4159 26.7749 15.6159 26.9915 15.8716 27.1406C16.1273 27.2874 16.4244 27.3608 16.763 27.3608C16.9831 27.3608 17.182 27.33 17.3596 27.2685C17.5395 27.2045 17.6945 27.1098 17.8248 26.9844C17.955 26.8565 18.0556 26.6979 18.1266 26.5085L18.9363 26.7358C18.851 27.0104 18.7078 27.2519 18.5066 27.4602C18.3053 27.6662 18.0568 27.8272 17.7608 27.9432C17.4649 28.0568 17.1323 28.1136 16.763 28.1136ZM21.5321 28L19.8702 22.5455H20.7509L21.9299 26.7216H21.9867L23.1515 22.5455H24.0463L25.1969 26.7074H25.2537L26.4327 22.5455H27.3134L25.6515 28H24.8276L23.6344 23.8097H23.5492L22.356 28H21.5321ZM32.285 23.767L31.5321 23.9801C31.4848 23.8546 31.415 23.7327 31.3226 23.6143C31.2327 23.4936 31.1096 23.3942 30.9533 23.3161C30.7971 23.2379 30.597 23.1989 30.3532 23.1989C30.0194 23.1989 29.7412 23.2758 29.5186 23.4297C29.2985 23.5812 29.1884 23.7741 29.1884 24.0085C29.1884 24.2169 29.2641 24.3814 29.4157 24.5021C29.5672 24.6229 29.8039 24.7235 30.1259 24.804L30.9355 25.0028C31.4232 25.1212 31.7866 25.3023 32.0257 25.5462C32.2649 25.7876 32.3844 26.099 32.3844 26.4801C32.3844 26.7926 32.2944 27.072 32.1145 27.3182C31.937 27.5644 31.6884 27.7585 31.3688 27.9006C31.0492 28.0426 30.6775 28.1136 30.2537 28.1136C29.6974 28.1136 29.2369 27.9929 28.8723 27.7514C28.5078 27.5099 28.2769 27.1572 28.1799 26.6932L28.9753 26.4943C29.0511 26.7879 29.1943 27.008 29.405 27.1548C29.6181 27.3016 29.8962 27.375 30.2395 27.375C30.6301 27.375 30.9403 27.2921 31.1699 27.1264C31.4019 26.9583 31.5179 26.7571 31.5179 26.5227C31.5179 26.3333 31.4516 26.1747 31.3191 26.0469C31.1865 25.9167 30.9829 25.8196 30.7083 25.7557L29.7992 25.5426C29.2997 25.4242 28.9327 25.2408 28.6983 24.9922C28.4663 24.7412 28.3503 24.4276 28.3503 24.0511C28.3503 23.7434 28.4367 23.4711 28.6096 23.2344C28.7847 22.9976 29.0227 22.8118 29.3233 22.6768C29.6264 22.5419 29.9696 22.4744 30.3532 22.4744C30.8929 22.4744 31.3167 22.5928 31.6245 22.8295C31.9346 23.0663 32.1548 23.3788 32.285 23.767ZM34.484 20.7273V28H33.646V20.7273H34.484ZM38.3059 28.1136C37.7804 28.1136 37.327 27.9976 36.9458 27.7656C36.5671 27.5312 36.2747 27.2045 36.0687 26.7855C35.8651 26.3641 35.7633 25.8741 35.7633 25.3153C35.7633 24.7566 35.8651 24.2642 36.0687 23.8381C36.2747 23.4096 36.5611 23.0758 36.9281 22.8366C37.2974 22.5952 37.7283 22.4744 38.2207 22.4744C38.5048 22.4744 38.7853 22.5218 39.0623 22.6165C39.3393 22.7112 39.5914 22.8651 39.8187 23.0781C40.046 23.2888 40.2271 23.5682 40.362 23.9162C40.497 24.2642 40.5645 24.6927 40.5645 25.2017V25.5568H36.3599V24.8324H39.7122C39.7122 24.5246 39.6506 24.25 39.5275 24.0085C39.4068 23.767 39.234 23.5765 39.0091 23.4368C38.7865 23.2971 38.5237 23.2273 38.2207 23.2273C37.8869 23.2273 37.5981 23.3101 37.3542 23.4759C37.1127 23.6392 36.9269 23.8523 36.7967 24.1151C36.6665 24.3778 36.6014 24.6596 36.6014 24.9602V25.4432C36.6014 25.8551 36.6724 26.2043 36.8145 26.4908C36.9589 26.7749 37.1589 26.9915 37.4146 27.1406C37.6703 27.2874 37.9674 27.3608 38.3059 27.3608C38.5261 27.3608 38.725 27.33 38.9025 27.2685C39.0824 27.2045 39.2375 27.1098 39.3677 26.9844C39.4979 26.8565 39.5985 26.6979 39.6696 26.5085L40.4792 26.7358C40.394 27.0104 40.2508 27.2519 40.0495 27.4602C39.8483 27.6662 39.5997 27.8272 39.3038 27.9432C39.0079 28.0568 38.6752 28.1136 38.3059 28.1136ZM44.2115 22.5455V23.2557H41.3848V22.5455H44.2115ZM42.2086 21.2386H43.0467V26.4375C43.0467 26.6742 43.081 26.8518 43.1497 26.9702C43.2207 27.0862 43.3107 27.1643 43.4196 27.2045C43.5308 27.2424 43.648 27.2614 43.7711 27.2614C43.8635 27.2614 43.9392 27.2566 43.9984 27.2472C44.0576 27.2353 44.1049 27.2259 44.1404 27.2188L44.3109 27.9716C44.2541 27.9929 44.1748 28.0142 44.073 28.0355C43.9712 28.0592 43.8422 28.071 43.6859 28.071C43.4492 28.071 43.2172 28.0201 42.9899 27.9183C42.765 27.8165 42.5779 27.6615 42.4288 27.4531C42.282 27.2448 42.2086 26.982 42.2086 26.6648V21.2386ZM47.8443 22.5455V23.2557H45.0176V22.5455H47.8443ZM45.8414 21.2386H46.6795V26.4375C46.6795 26.6742 46.7138 26.8518 46.7825 26.9702C46.8535 27.0862 46.9435 27.1643 47.0524 27.2045C47.1636 27.2424 47.2808 27.2614 47.4039 27.2614C47.4963 27.2614 47.572 27.2566 47.6312 27.2472C47.6904 27.2353 47.7377 27.2259 47.7733 27.2188L47.9437 27.9716C47.8869 27.9929 47.8076 28.0142 47.7058 28.0355C47.604 28.0592 47.475 28.071 47.3187 28.071C47.082 28.071 46.85 28.0201 46.6227 27.9183C46.3978 27.8165 46.2108 27.6615 46.0616 27.4531C45.9148 27.2448 45.8414 26.982 45.8414 26.6648V21.2386ZM51.3333 28.1136C50.8077 28.1136 50.3543 27.9976 49.9732 27.7656C49.5944 27.5312 49.302 27.2045 49.0961 26.7855C48.8925 26.3641 48.7907 25.8741 48.7907 25.3153C48.7907 24.7566 48.8925 24.2642 49.0961 23.8381C49.302 23.4096 49.5885 23.0758 49.9554 22.8366C50.3248 22.5952 50.7556 22.4744 51.248 22.4744C51.5321 22.4744 51.8127 22.5218 52.0897 22.6165C52.3667 22.7112 52.6188 22.8651 52.8461 23.0781C53.0733 23.2888 53.2544 23.5682 53.3894 23.9162C53.5243 24.2642 53.5918 24.6927 53.5918 25.2017V25.5568H49.3873V24.8324H52.7395C52.7395 24.5246 52.678 24.25 52.5549 24.0085C52.4341 23.767 52.2613 23.5765 52.0364 23.4368C51.8139 23.2971 51.5511 23.2273 51.248 23.2273C50.9142 23.2273 50.6254 23.3101 50.3816 23.4759C50.1401 23.6392 49.9542 23.8523 49.824 24.1151C49.6938 24.3778 49.6287 24.6596 49.6287 24.9602V25.4432C49.6287 25.8551 49.6998 26.2043 49.8418 26.4908C49.9862 26.7749 50.1863 26.9915 50.4419 27.1406C50.6976 27.2874 50.9947 27.3608 51.3333 27.3608C51.5534 27.3608 51.7523 27.33 51.9299 27.2685C52.1098 27.2045 52.2649 27.1098 52.3951 26.9844C52.5253 26.8565 52.6259 26.6979 52.6969 26.5085L53.5066 26.7358C53.4213 27.0104 53.2781 27.2519 53.0769 27.4602C52.8757 27.6662 52.6271 27.8272 52.3311 27.9432C52.0352 28.0568 51.7026 28.1136 51.3333 28.1136ZM54.8667 28V22.5455H55.6763V23.3693H55.7331C55.8326 23.0994 56.0125 22.8804 56.2729 22.7124C56.5333 22.5443 56.8269 22.4602 57.1536 22.4602C57.2151 22.4602 57.2921 22.4614 57.3844 22.4638C57.4767 22.4661 57.5466 22.4697 57.5939 22.4744V23.3267C57.5655 23.3196 57.5004 23.3089 57.3986 23.2947C57.2992 23.2782 57.1938 23.2699 57.0826 23.2699C56.8174 23.2699 56.5807 23.3255 56.3723 23.4368C56.1664 23.5457 56.003 23.6972 55.8823 23.8913C55.7639 24.0831 55.7047 24.3021 55.7047 24.5483V28H54.8667Z" fill="#F9F9F9"/>
 </svg>
-        `},components:C}],editorConfigs:{placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter"]}},locales:{editor:{en:{err_msg_default:"Can’t send email. Please try again later.",success_msg_default:"Thanks for subscribing"}}}};export{config as default};
+        `},components:C}],editorConfigs:{placeholder:{notAppendTags:["Product","ProductList","ProductListV3","ContactForm","Newsletter"]}},locales:{editor:{en:{err_msg_default:"Can’t send email. Please try again later.",success_msg_default:"Thanks for subscribing"}}}};export{V as default};

package/dist/esm/form/settings/newsletter/configs/inits.js

@@ -1 +1 @@
-let newsletterInitConfig=[{tag:"Newsletter",advanced:{"spacing-setting":{desktop:{padding:{top:"24px",bottom:"24px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}}},childrens:[{tag:"Row",settings:{layout:{desktop:{cols:[9,3],display:"fill"},mobile:{cols:[9,3],display:"fit"}},horizontalAlign:{desktop:"center"}},styles:{width:{desktop:"100%"},verticalGutter:{desktop:"0px",mobile:"0px"}},childrens:[{tag:"Col",settings:{},styles:{},childrens:[{tag:"FormEmail",settings:{placeholder:"Email",fullWidth:{desktop:!1,tablet:!1},width:{desktop:"313px",tablet:"313px"}},styles:{globalSize:{desktop:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},advanced:{border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}}]},{tag:"Col",settings:{},advanced:{},childrens:[{tag:"SubmitButton",settings:{label:"Submit"},styles:{globalSize:{desktop:{width:"100%"}},borderBtn:{normal:{borderType:"none",border:"none",width:"1px 1px 1px 1px",isCustom:!0,borderLabel:"Style 2"},hover:{borderType:"none",border:"none",width:"1px 1px 1px 1px",isCustom:!0,borderLabel:"Style 2"}},roundedBtn:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}}]}]}]}];export{newsletterInitConfig};
+let e=[{tag:"Newsletter",advanced:{"spacing-setting":{desktop:{padding:{top:"24px",bottom:"24px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},boxShadow:{desktop:{normal:{type:"shadow-2",distance:"12px",blur:"12px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}}},childrens:[{tag:"Row",settings:{layout:{desktop:{cols:[9,3],display:"fill"},mobile:{cols:[9,3],display:"fit"}},horizontalAlign:{desktop:"center"}},styles:{width:{desktop:"100%"},verticalGutter:{desktop:"0px",mobile:"0px"}},childrens:[{tag:"Col",settings:{},styles:{},childrens:[{tag:"FormEmail",settings:{placeholder:"Email",fullWidth:{desktop:!1,tablet:!1},width:{desktop:"313px",tablet:"313px"}},styles:{globalSize:{desktop:{width:"100%",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}},advanced:{border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}}]},{tag:"Col",settings:{},advanced:{},childrens:[{tag:"SubmitButton",settings:{label:"Submit"},styles:{globalSize:{desktop:{width:"100%"}},borderBtn:{normal:{borderType:"none",border:"none",width:"1px 1px 1px 1px",isCustom:!0,borderLabel:"Style 2"},hover:{borderType:"none",border:"none",width:"1px 1px 1px 1px",isCustom:!0,borderLabel:"Style 2"}},roundedBtn:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},advanced:{border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}}}]}]}]}];export{e as newsletterInitConfig};

package/dist/esm/form/settings/newsletter/configs/settings.js

@@ -1 +1 @@
-let NewsletterSettings=[{id:"setting",controls:[{id:"afterSubmitAction",type:"select",options:[{label:"Stay on page",value:"stay-on-page"},{label:"Open URL",value:"open-url"}],default:"stay-on-page"},{id:"callbackURL",type:"pick-link",label:"Pick Link",customLabel:"Action",default:{type:"stay-on-page",link:"",target:"_self"}},{id:"successMessage",type:"textarea",label:"Success Message",default:"Thanks for subscribing",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for subscribing"},{id:"successColor",type:"color-picker-v2",label:"Color",default:"#00A042",compoDefaultValue:"#00A042"},{id:"errorMessage",type:"textarea",label:"Error Message",default:"Can’t send email. Please try again later.",autoHeight:!0,minHeight:58,compoDefaultValue:"Can’t send email. Please try again later."},{id:"errorColor",type:"color-picker-v2",label:"Color",default:"#F44336",compoDefaultValue:"#F44336"},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"480px"}}},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"480px",height:"Auto"}},mobile:{default:{width:"100%"}}},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:"border",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:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"rounded",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:"boxShadow",type:"shadow-v2"}]}];export{NewsletterSettings as default};
+let e=[{id:"setting",controls:[{id:"afterSubmitAction",type:"select",options:[{label:"Stay on page",value:"stay-on-page"},{label:"Open URL",value:"open-url"}],default:"stay-on-page"},{id:"callbackURL",type:"pick-link",label:"Pick Link",customLabel:"Action",default:{type:"stay-on-page",link:"",target:"_self"}},{id:"successMessage",type:"textarea",label:"Success Message",default:"Thanks for subscribing",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for subscribing"},{id:"successColor",type:"color-picker-v2",label:"Color",default:"#00A042",compoDefaultValue:"#00A042"},{id:"errorMessage",type:"textarea",label:"Error Message",default:"Can’t send email. Please try again later.",autoHeight:!0,minHeight:58,compoDefaultValue:"Can’t send email. Please try again later."},{id:"errorColor",type:"color-picker-v2",label:"Color",default:"#F44336",compoDefaultValue:"#F44336"},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"480px"}}},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"480px",height:"Auto"}},mobile:{default:{width:"100%"}}},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:"border",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:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"rounded",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:"boxShadow",type:"shadow-v2"}]}];export{e as default};

package/dist/esm/form/settings/newsletter/configs/translate.js

@@ -1 +1 @@
-let Newsletter={successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};export{Newsletter};
+let e={successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};export{e as Newsletter};

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

@@ -1 +1 @@
-let SettingUIV2=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{SettingUIV2};
+let e=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

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

@@ -1,4 +1,4 @@
-import{submitButtonInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import i from"./configs/settings.js";let config={tag:"SubmitButton",label:"Submit Button",icon:`
+import{submitButtonInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import i from"./configs/settings.js";let o={tag:"SubmitButton",label:"Submit Button",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="M9.35758 6.11293C9.26246 6.11293 9.1673 6.15206 9.09412 6.22817C9.02032 6.30493 8.97559 6.41304 8.97559 6.52969V9.58776C8.97559 9.70441 9.02032 9.81253 9.09412 9.88929C9.1673 9.9654 9.26246 10.0045 9.35758 10.0045H14.0617C14.5003 10.0045 14.8558 10.3656 14.8558 10.811C14.8558 11.2564 14.5003 11.6175 14.0617 11.6175H9.35758C8.8289 11.6175 8.3258 11.3988 7.95788 11.0161C7.59058 10.6341 7.3875 10.12 7.3875 9.58776V6.52969C7.3875 5.9975 7.59058 5.48335 7.95788 5.10132C8.3258 4.71863 8.8289 4.5 9.35758 4.5H20.5299C21.0586 4.5 21.5617 4.71863 21.9296 5.10132C22.2969 5.48335 22.5 5.9975 22.5 6.52969V9.58776C22.5 10.12 22.2969 10.6341 21.9296 11.0161C21.5617 11.3988 21.0586 11.6175 20.5299 11.6175H18.1778C17.7393 11.6175 17.3838 11.2564 17.3838 10.811C17.3838 10.3656 17.7393 10.0045 18.1778 10.0045H20.5299C20.625 10.0045 20.7202 9.9654 20.7934 9.88929C20.8672 9.81253 20.9119 9.70441 20.9119 9.58776V6.52969C20.9119 6.41304 20.8672 6.30493 20.7934 6.22817C20.7202 6.15205 20.625 6.11293 20.5299 6.11293H9.35758ZM21.8943 18.2438L20.0449 16.3658C20.0346 16.3555 20.0267 16.3429 20.0217 16.3291C20.0167 16.3152 20.0148 16.3004 20.016 16.2858C20.0173 16.2711 20.0218 16.2569 20.0291 16.2441C20.0364 16.2314 20.0464 16.2205 20.0584 16.2121L21.247 15.3751C21.3083 15.332 21.3564 15.2721 21.3857 15.2024C21.415 15.1327 21.4243 15.056 21.4126 14.9812C21.4009 14.9064 21.3686 14.8364 21.3194 14.7794C21.2703 14.7224 21.2063 14.6806 21.1348 14.6589L16.1039 13.1253C16.0525 13.1098 15.998 13.1087 15.946 13.122C15.894 13.1354 15.8466 13.1628 15.8086 13.2013C15.7707 13.2398 15.7438 13.288 15.7306 13.3408C15.7174 13.3936 15.7186 13.449 15.7339 13.5012L17.2438 18.6116C17.2652 18.6842 17.3064 18.7491 17.3625 18.799C17.4187 18.8488 17.4876 18.8816 17.5613 18.8934C17.635 18.9053 17.7104 18.8958 17.779 18.866C17.8476 18.8362 17.9065 18.7874 17.949 18.7251L18.7727 17.5179C18.7809 17.5058 18.7917 17.4957 18.8042 17.4882C18.8167 17.4808 18.8307 17.4763 18.8451 17.4749C18.8596 17.4736 18.8741 17.4755 18.8878 17.4805C18.9014 17.4855 18.9138 17.4934 18.924 17.5038L20.7735 19.3822C20.8478 19.4576 20.9486 19.5 21.0536 19.5C21.1587 19.5 21.2594 19.4576 21.3337 19.3822L21.8943 18.8128C21.9686 18.7373 22.0103 18.635 22.0103 18.5283C22.0103 18.4216 21.9686 18.3193 21.8943 18.2438ZM2.09554 5.41058C1.76663 5.41058 1.5 5.68138 1.5 6.01543C1.5 6.34948 1.76663 6.62028 2.09554 6.62028H5.47664C5.80554 6.62028 6.07217 6.34948 6.07217 6.01543C6.07217 5.68138 5.80554 5.41058 5.47664 5.41058H2.09554ZM1.5 8.145C1.5 7.81096 1.76663 7.54015 2.09554 7.54015H5.47664C5.80554 7.54015 6.07217 7.81096 6.07217 8.145C6.07217 8.47905 5.80554 8.74985 5.47664 8.74985H2.09554C1.76663 8.74985 1.5 8.47905 1.5 8.145ZM2.09554 9.66894C1.76663 9.66894 1.5 9.93974 1.5 10.2738C1.5 10.6078 1.76663 10.8786 2.09554 10.8786H5.47664C5.80554 10.8786 6.07217 10.6078 6.07217 10.2738C6.07217 9.93974 5.80554 9.66894 5.47664 9.66894H2.09554Z" fill="currentColor"/>
     </svg>
@@ -7,4 +7,4 @@ import{submitButtonInitConfig as C}from"./configs/inits.js";import{SettingUIV2 a
           <rect y="6" width="96" height="36" rx="3" fill="#424242"/>
           <path d="M33.9721 21.4545C33.921 21.0227 33.7136 20.6875 33.35 20.4489C32.9863 20.2102 32.5403 20.0909 32.0119 20.0909C31.6255 20.0909 31.2875 20.1534 30.9977 20.2784C30.7108 20.4034 30.4863 20.5753 30.3244 20.794C30.1653 21.0128 30.0858 21.2614 30.0858 21.5398C30.0858 21.7727 30.1412 21.973 30.252 22.1406C30.3656 22.3054 30.5105 22.4432 30.6866 22.554C30.8627 22.6619 31.0474 22.7514 31.2406 22.8224C31.4338 22.8906 31.6113 22.946 31.7733 22.9886L32.6596 23.2273C32.8869 23.2869 33.1397 23.3693 33.4181 23.4744C33.6994 23.5795 33.9679 23.723 34.2235 23.9048C34.4821 24.0838 34.6951 24.3139 34.8627 24.5952C35.0304 24.8764 35.1142 25.2216 35.1142 25.6307C35.1142 26.1023 34.9906 26.5284 34.7434 26.9091C34.4991 27.2898 34.1412 27.5923 33.6696 27.8168C33.2008 28.0412 32.6312 28.1534 31.9608 28.1534C31.3358 28.1534 30.7946 28.0526 30.3372 27.8509C29.8826 27.6491 29.5247 27.3679 29.2633 27.0071C29.0048 26.6463 28.8585 26.2273 28.8244 25.75H29.9153C29.9437 26.0795 30.0545 26.3523 30.2477 26.5682C30.4437 26.7812 30.6909 26.9403 30.9892 27.0455C31.2903 27.1477 31.6142 27.1989 31.9608 27.1989C32.3642 27.1989 32.7264 27.1335 33.0474 27.0028C33.3684 26.8693 33.6227 26.6847 33.8102 26.4489C33.9977 26.2102 34.0914 25.9318 34.0914 25.6136C34.0914 25.3239 34.0105 25.0881 33.8485 24.9062C33.6866 24.7244 33.4735 24.5767 33.2093 24.4631C32.9451 24.3494 32.6596 24.25 32.3528 24.1648L31.2789 23.858C30.5971 23.6619 30.0574 23.3821 29.6596 23.0185C29.2619 22.6548 29.063 22.179 29.063 21.5909C29.063 21.1023 29.1951 20.6761 29.4593 20.3125C29.7264 19.946 30.0843 19.6619 30.5332 19.4602C30.9849 19.2557 31.4892 19.1534 32.046 19.1534C32.6085 19.1534 33.1085 19.2543 33.546 19.456C33.9835 19.6548 34.3301 19.9276 34.5858 20.2741C34.8443 20.6207 34.9806 21.0142 34.9949 21.4545H33.9721ZM40.8404 25.3239V21.4545H41.8461V28H40.8404V26.892H40.7722C40.6188 27.2244 40.3801 27.5071 40.0563 27.7401C39.7324 27.9702 39.3233 28.0852 38.829 28.0852C38.4199 28.0852 38.0563 27.9957 37.7381 27.8168C37.4199 27.6349 37.1699 27.3622 36.9881 26.9986C36.8063 26.6321 36.7154 26.1705 36.7154 25.6136V21.4545H37.7211V25.5455C37.7211 26.0227 37.8546 26.4034 38.1216 26.6875C38.3915 26.9716 38.7353 27.1136 39.1529 27.1136C39.4029 27.1136 39.6571 27.0497 39.9157 26.9219C40.177 26.794 40.3958 26.598 40.5719 26.3338C40.7509 26.0696 40.8404 25.733 40.8404 25.3239ZM43.8244 28V19.2727H44.8301V22.4943H44.9153C44.9892 22.3807 45.0914 22.2358 45.2221 22.0597C45.3556 21.8807 45.546 21.7216 45.7931 21.5824C46.0431 21.4403 46.3812 21.3693 46.8074 21.3693C47.3585 21.3693 47.8443 21.5071 48.2647 21.7827C48.6852 22.0582 49.0133 22.4489 49.2491 22.9545C49.4849 23.4602 49.6028 24.0568 49.6028 24.7443C49.6028 25.4375 49.4849 26.0384 49.2491 26.5469C49.0133 27.0526 48.6866 27.4446 48.269 27.723C47.8514 27.9986 47.3699 28.1364 46.8244 28.1364C46.4039 28.1364 46.0673 28.0668 45.8145 27.9276C45.5616 27.7855 45.367 27.625 45.2306 27.446C45.0943 27.2642 44.9892 27.1136 44.9153 26.9943H44.796V28H43.8244ZM44.813 24.7273C44.813 25.2216 44.8855 25.6577 45.0304 26.0355C45.1752 26.4105 45.3869 26.7045 45.6653 26.9176C45.9437 27.1278 46.2846 27.233 46.688 27.233C47.1085 27.233 47.4593 27.1222 47.7406 26.9006C48.0247 26.6761 48.2377 26.375 48.3798 25.9972C48.5247 25.6165 48.5971 25.1932 48.5971 24.7273C48.5971 24.267 48.5261 23.8523 48.3841 23.483C48.2449 23.1108 48.0332 22.8168 47.7491 22.6009C47.4679 22.3821 47.1142 22.2727 46.688 22.2727C46.2789 22.2727 45.9352 22.3764 45.6568 22.5838C45.3784 22.7884 45.1681 23.0753 45.0261 23.4446C44.8841 23.8111 44.813 24.2386 44.813 24.7273ZM51.1412 28V21.4545H52.1127V22.4773H52.198C52.3343 22.1278 52.5545 21.8565 52.8585 21.6634C53.1625 21.4673 53.5275 21.3693 53.9537 21.3693C54.3855 21.3693 54.7449 21.4673 55.0318 21.6634C55.3216 21.8565 55.5474 22.1278 55.7093 22.4773H55.7775C55.9451 22.1392 56.1966 21.8707 56.5318 21.6719C56.867 21.4702 57.269 21.3693 57.7377 21.3693C58.323 21.3693 58.8017 21.5526 59.1738 21.919C59.546 22.2827 59.7321 22.8494 59.7321 23.6193V28H58.7264V23.6193C58.7264 23.1364 58.5943 22.7912 58.3301 22.5838C58.0659 22.3764 57.7548 22.2727 57.3968 22.2727C56.9366 22.2727 56.5801 22.4119 56.3272 22.6903C56.0744 22.9659 55.948 23.3153 55.948 23.7386V28H54.9252V23.517C54.9252 23.1449 54.8045 22.8452 54.563 22.6179C54.3216 22.3878 54.0105 22.2727 53.6298 22.2727C53.3684 22.2727 53.1241 22.3423 52.8968 22.4815C52.6724 22.6207 52.4906 22.8139 52.3514 23.0611C52.215 23.3054 52.1468 23.5881 52.1468 23.9091V28H51.1412ZM61.5708 28V21.4545H62.5765V28H61.5708ZM62.0822 20.3636C61.8862 20.3636 61.7172 20.2969 61.5751 20.1634C61.4359 20.0298 61.3663 19.8693 61.3663 19.6818C61.3663 19.4943 61.4359 19.3338 61.5751 19.2003C61.7172 19.0668 61.8862 19 62.0822 19C62.2782 19 62.4458 19.0668 62.585 19.2003C62.7271 19.3338 62.7981 19.4943 62.7981 19.6818C62.7981 19.8693 62.7271 20.0298 62.585 20.1634C62.4458 20.2969 62.2782 20.3636 62.0822 20.3636ZM67.2651 21.4545V22.3068H63.873V21.4545H67.2651ZM64.8617 19.8864H65.8674V26.125C65.8674 26.4091 65.9086 26.6222 65.9909 26.7642C66.0762 26.9034 66.1841 26.9972 66.3148 27.0455C66.4483 27.0909 66.589 27.1136 66.7367 27.1136C66.8475 27.1136 66.9384 27.108 67.0094 27.0966C67.0804 27.0824 67.1373 27.071 67.1799 27.0625L67.3844 27.9659C67.3162 27.9915 67.2211 28.017 67.0989 28.0426C66.9767 28.071 66.8219 28.0852 66.6344 28.0852C66.3503 28.0852 66.0719 28.0241 65.7992 27.902C65.5293 27.7798 65.3049 27.5938 65.1259 27.3438C64.9498 27.0938 64.8617 26.7784 64.8617 26.3977V19.8864Z" fill="#F9F9F9"/>
           </svg>
-        `},components:C}]};export{config as default};
+        `},components:C}]};export{o as default};

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

@@ -1 +1 @@
-let submitButtonInitConfig=[{tag:"SubmitButton",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}},styles:{roundedBtn:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},width:{desktop:"120px"}}}];export{submitButtonInitConfig};
+let t=[{tag:"SubmitButton",advanced:{margin:{desktop:{bottom:"var(--g-s-l)"}}},styles:{roundedBtn:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},width:{desktop:"120px"}}}];export{t as submitButtonInitConfig};

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

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

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

@@ -1 +1 @@
-let SubmitButton={label:{id:"label"}};export{SubmitButton};
+let l={label:{id:"label"}};export{l as SubmitButton};

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

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

package/dist/esm/form/settings/text-field/TextField.js

@@ -1,4 +1,4 @@
-import{SettingUIV2 as C}from"./configs/ui-v2.js";import e from"./configs/settings.js";let config={tag:"TextField",label:"Text Field",icon:`
+import{SettingUIV2 as C}from"./configs/ui-v2.js";import e from"./configs/settings.js";let o={tag:"TextField",label:"Text Field",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>
@@ -8,4 +8,4 @@ import{SettingUIV2 as C}from"./configs/ui-v2.js";import e from"./configs/setting
           <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"/>
           </svg>
-        `},components:[{tag:"TextField",label:"Text Field",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1"}}}}}]}]};export{config as default};
+        `},components:[{tag:"TextField",label:"Text Field",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}},border:{desktop:{normal:{borderType:"style-2",borderLabel:"Style 2",border:"solid",color:"line-2",isCustom:!1,width:"1px 1px 1px 1px"}}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},hasBoxShadow:{desktop:{normal:!1}},boxShadow:{desktop:{normal:{type:"shadow-1"}}}}}]}]};export{o as default};

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

@@ -1 +1 @@
-let TextFieldSettings=[{id:"setting",controls:[{id:"name",label:"Name",type:"input",placeholder:"E.g. contact[name]",default:"contact[name]"},{id:"placeholder",label:"Placeholder",type:"input",info:"Placeholder helps your buyers understand what to input",placeholder:"Enter your text",default:"Enter your text"},{id:"size",label:"Button Spacing",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"required",label:"Required",type:"toggle",default:!1},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,emptyOnClear:!0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{color:!0,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:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",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"]}]}];export{TextFieldSettings as default};
+let e=[{id:"setting",controls:[{id:"name",label:"Name",type:"input",placeholder:"E.g. contact[name]",default:"contact[name]"},{id:"placeholder",label:"Placeholder",type:"input",info:"Placeholder helps your buyers understand what to input",placeholder:"Enter your text",default:"Enter your text"},{id:"size",label:"Button Spacing",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"required",label:"Required",type:"toggle",default:!1},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0}}},{id:"width",type:"input:unit",label:"Width",min:0,emptyOnClear:!0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{color:!0,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:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",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"]}]}];export{e as default};

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

@@ -1 +1 @@
-let TextField={placeholder:{id:"placeholder"}};export{TextField};
+let e={placeholder:{id:"placeholder"}};export{e as TextField};

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

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

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

@@ -1,4 +1,4 @@
-import{SettingUIV2 as C}from"./configs/ui-v2.js";import t 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 e={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>
@@ -8,4 +8,4 @@ import{SettingUIV2 as C}from"./configs/ui-v2.js";import t from"./configs/setting
           <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"/>
           </svg>
-        `},components:[{tag:"TextInput",label:"Text Input"}]}]};export{config as default};
+        `},components:[{tag:"TextInput",label:"Text Input"}]}]};export{e as default};

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:"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 e=[{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{e as default};

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

@@ -1 +1 @@
-let TextInput={placeholder:{id:"placeholder"}};export{TextInput};
+let e={placeholder:{id:"placeholder"}};export{e as TextInput};

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

@@ -1 +1 @@
-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};
+let e=[{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{e as SettingUIV2};

package/dist/esm/grid/components/ChildrenDroppable.js

@@ -1,8 +1,8 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useI18nStore as p,useEditorMode as g,cls as l}from"@gem-sdk/core";import{useState as n,useRef as o,useEffect as i}from"react";let ChildrenDroppable=({className:s,styles:d})=>{let{t:c}=p(),[h,a]=n(!1),[u,f]=n(!1),m=o(null),w=g();i(()=>{let e=new ResizeObserver(()=>{let e=m.current?m.current?.offsetWidth:0;e<160?f(!0):f(!1)});return m.current&&e.observe(m.current),()=>{e?.disconnect()}},[]);let x=()=>{a(!0)},v=()=>{a(!1)},b=()=>{let e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useI18nStore as p,useEditorMode as g,cls as n}from"@gem-sdk/core";import{useState as l,useRef as o,useEffect as i}from"react";let s=({className:s,styles:d})=>{let{t:c}=p(),[h,a]=l(!1),[u,f]=l(!1),m=o(null),w=g();return(i(()=>{let e=new ResizeObserver(()=>{let e=m.current?m.current?.offsetWidth:0;e<160?f(!0):f(!1)});return m.current&&e.observe(m.current),()=>{e?.disconnect()}},[]),"edit"!==w)?null:e(r,{children:[d&&t("style",{children:d}),t("div",{ref:m,"data-slot":"children",className:n(s,"gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none",h?"gp-cursor-pointer":""),onMouseEnter:()=>{a(!0)},onMouseLeave:()=>{a(!1)},children:e("div",{className:`gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
+          ${h?"gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]":"gp-text-[#9E9E9E]"}`,style:{flexFlow:"gp-row gp-wrap"},children:[t("div",{className:"gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",dangerouslySetInnerHTML:{__html:(()=>{let e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M7.83301 7.83331V3.83331H9.16634V7.83331H13.1663V9.16665H9.16634V13.1666H7.83301V9.16665H3.83301V7.83331H7.83301Z" fill="#9E9E9E"/>
     </svg>
     `;return h&&(e=`<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M8.95 4.45C8.95 4.20147 8.74853 4 8.5 4C8.25147 4 8.05 4.20147 8.05 4.45V8.05H4.45C4.20147 8.05 4 8.25147 4 8.5C4 8.74853 4.20147 8.95 4.45 8.95H8.05V12.55C8.05 12.7985 8.25147 13 8.5 13C8.74853 13 8.95 12.7985 8.95 12.55V8.95H12.55C12.7985 8.95 13 8.74853 13 8.5C13 8.25147 12.7985 8.05 12.55 8.05H8.95V4.45Z" fill="#212121"/>
-      </svg>`),e};return"edit"!==w?null:e(r,{children:[d&&t("style",{children:d}),t("div",{ref:m,"data-slot":"children",className:l(s,"gp-flex gp-h-full gp-w-full gp-items-center gp-rounded-[3px] gp-border gp-border-dashed gp-border-[#9e9e9e] after:!gp-content-none",h?"gp-cursor-pointer":""),onMouseEnter:x,onMouseLeave:v,children:e("div",{className:`gp-border-box gp-bg-gray gp-flex gp-max-h-8 gp-items-center gp-justify-center gp-gap-2 gp-overflow-hidden gp-whitespace-nowrap gp-rounded-lg gp-px-4 gp-py-2 gp-text-xs gp-font-medium
-          ${h?"gp-cursor-pointer gp-bg-[#E2E2E2] gp-text-[#212121]":"gp-text-[#9E9E9E]"}`,style:{flexFlow:"gp-row gp-wrap"},children:[t("div",{className:"gp-flex gp-h-4 gp-w-4 gp-items-center gp-justify-center",dangerouslySetInnerHTML:{__html:b()}}),!u&&t("div",{children:c("Drop element here")})]})})]})};export{ChildrenDroppable as default};
+      </svg>`),e})()}}),!u&&t("div",{children:c("Drop element here")})]})})]})};export{s as default};

package/dist/esm/grid/components/col/Col.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as m}from"react/jsx-runtime";import{usePageType as o,isEmptyChildren as r}from"@gem-sdk/core";import t from"../ChildrenDroppable.js";import{getStyles as e}from"./common/styles.js";import{getClass as s}from"./common/classes.js";import{getAttr as l}from"./common/attrs.js";let Column=i=>{let{builderAttrs:n,children:p}=i,a=o(),c="POST_PURCHASE"===a,{colStyle:d}=e(i,c),{colClass:f}=s(i),{colAttr:u}=l(i);return m("div",{...n,...u,style:d,className:f,children:r(p)?i.hiddenEmptyCol?null:m(t,{}):p})};export{Column as default};
+import{jsx as m}from"react/jsx-runtime";import{usePageType as o,isEmptyChildren as r}from"@gem-sdk/core";import t from"../ChildrenDroppable.js";import{getStyles as e}from"./common/styles.js";import{getClass as s}from"./common/classes.js";import{getAttr as l}from"./common/attrs.js";let i=i=>{let{builderAttrs:n,children:p}=i,a=o(),{colStyle:c}=e(i,"POST_PURCHASE"===a),{colClass:d}=s(i),{colAttr:f}=l(i);return m("div",{...n,...f,style:c,className:d,children:r(p)?i.hiddenEmptyCol?null:m(t,{}):p})};export{i as default};

package/dist/esm/grid/components/col/Col.liquid.js

@@ -1,7 +1,7 @@
-import{template as o}from"@gem-sdk/core";import{getStyles as m}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";let Column=t=>{let{colStyle:e}=m(t),{colClass:l}=r(t),{colAttr:c}=s(t);return o`<div
+import{template as o}from"@gem-sdk/core";import{getStyles as m}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";let t=t=>{let{colStyle:e}=m(t),{colClass:l}=r(t),{colAttr:c}=s(t);return o`<div
       ${{...c}}
       style="${e}"
       class="${l}"
     >
       ${t.children??""}
-    </div>`};export{Column as default};
+    </div>`};export{t as default};

package/dist/esm/grid/components/col/common/attrs.js

@@ -1 +1 @@
-import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{setting:r}=e,a=t({"data-same-height-display-contents":!!r?.allowSameHeight});return{colAttr:a}};export{getAttr};
+import{createAttr as t}from"@gem-sdk/system";let e=e=>{let{setting:a}=e,m=t({"data-same-height-display-contents":!!a?.allowSameHeight});return{colAttr:m}};export{e as getAttr};

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

@@ -1 +1 @@
-import{createClass as s}from"@gem-sdk/system";let getClass=l=>{let{className:e,builderProps:t,styles:g,advanced:p}=l,r=s({...e&&{[e]:!0},...t?.uid&&{[t.uid]:!0},...p?.cssClass&&{[p?.cssClass]:!0},"gp-relative gp-flex gp-flex-col":!0,"gp-w-full":g?.fullWidth});return{colClass:r}};export{getClass};
+import{createClass as l}from"@gem-sdk/system";let s=s=>{let{className:e,builderProps:t,styles:g,advanced:p}=s,r=l({...e&&{[e]:!0},...t?.uid&&{[t.uid]:!0},...p?.cssClass&&{[p?.cssClass]:!0},"gp-relative gp-flex gp-flex-col":!0,"gp-w-full":g?.fullWidth});return{colClass:r}};export{s as getClass};

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

@@ -1 +1 @@
-import{createStyle as t}from"@gem-sdk/system";import{getResponsiveValue as e,DEVICES as o,getResponsiveValueByScreen as r,isColumnDirectionExist as s,makeStyleResponsive as i}from"@gem-sdk/core";let getStyles=(l,d)=>{let{styles:p,justifyContent:m,order:n,layout:a,parentTag:g,children:y}=l,c=e(a,"display"),f={},k=["IconListItem","ThirdPartySlot"];for(let t of o)f[t]="fit"===r(c,t)||a&&s(a,t)||k.includes(g||"")?"none":p?.display?.[t];let b=()=>{let t=Object.fromEntries(Object.entries(p?.order??{}).map(([t,e])=>[t,String(e)])),e=n??t;return d?{desktop:e?.desktop,tablet:e?.desktop,mobile:e?.desktop}:e},j=t({...i("cg",p?.gap),...i("rg",p?.gap),...i("ai",p?.alignItem),...i("jc",m??p?.justifyContent),...i("o",b()),...i("d",y?p?.display:f)});return{colStyle:j}};export{getStyles};
+import{createStyle as t}from"@gem-sdk/system";import{getResponsiveValue as e,DEVICES as o,getResponsiveValueByScreen as r,isColumnDirectionExist as s,makeStyleResponsive as i}from"@gem-sdk/core";let l=(l,d)=>{let{styles:p,justifyContent:m,order:n,layout:a,parentTag:g,children:c}=l,f=e(a,"display"),y={},k=["IconListItem","ThirdPartySlot"];for(let t of o)y[t]="fit"===r(f,t)||a&&s(a,t)||k.includes(g||"")?"none":p?.display?.[t];let b=t({...i("cg",p?.gap),...i("rg",p?.gap),...i("ai",p?.alignItem),...i("jc",m??p?.justifyContent),...i("o",(()=>{let t=Object.fromEntries(Object.entries(p?.order??{}).map(([t,e])=>[t,String(e)])),e=n??t;return d?{desktop:e?.desktop,tablet:e?.desktop,mobile:e?.desktop}:e})()),...i("d",c?p?.display:y)});return{colStyle:b}};export{l as getStyles};

package/dist/esm/grid/components/root/Root.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as o}from"react/jsx-runtime";let Root=({children:e})=>t(o,{children:e});export{Root as default};
+import{jsx as t,Fragment as e}from"react/jsx-runtime";let r=({children:r})=>t(e,{children:r});export{r as default};

package/dist/esm/grid/components/root/Root.liquid.js

@@ -1 +1 @@
-let Root=({children:o})=>o;export{Root as default};
+let t=({children:t})=>t;export{t as default};

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

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

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

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

@@ -1 +1 @@
-import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:i,setting:r,customAttrs:d}=e,a=t({"data-id":i?.uidInteraction??i?.uid??"",id:i?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...d});return{rowAttr:a}};export{getAttr};
+import{createAttr as t}from"@gem-sdk/system";let e=e=>{let{builderProps:i,setting:r,customAttrs:d}=e,a=t({"data-id":i?.uidInteraction??i?.uid??"",id:i?.uid??"","data-same-height-subgrid-container":!!r?.sameHeightSubgridContainer,...d});return{rowAttr:a}};export{e as getAttr};

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

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

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

@@ -1 +1 @@
-import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";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};
+import{DEVICES as e,getValueByDevice as t,dataStringify as r}from"@gem-sdk/core";import{createStateOrContext as p}from"@gem-sdk/system";let d=e=>{let t=e.desktop,r=e.tablet?e.tablet:t,p=e.mobile?e.mobile:r;return{desktop:t,tablet:r,mobile:p}},a={desktop:"1200px",tablet:"100%",mobile:"100%"},o=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${a[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${a[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, ${a[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},i=e=>{let t=o("desktop",e),r=o("tablet",e),p=o("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:p.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:p.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:p.wrapperPadding}}},l=(e,t)=>{let{builderProps:d}=e,a=p({background:t,uid:d?.uid});return{stateData:r(a).replaceAll("'","'")}};function n(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(p=>{let d=e?.[p],a=t?.[p];d&&a&&(r[p]=function(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),p=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,p)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[p]||0))+"px"]));return{...p,radiusType:t.radiusType}}(d.width,a))}),r}function b(e,t){return{desktop:n(e?.desktop,t?.desktop),tablet:n(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:n(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let c=r=>e.some(e=>{let p=t(r,e);return!!p&&(p?.videoType==="html5"&&p?.videoHtml5||p?.videoType==="youtube"&&p?.video)}),u=e=>{let t=d(e||{}),r=t.desktop?.videoType,p=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==p||"html5"==a},s=e=>{let t=d(e||{}),r=t.desktop?.videoType,p=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==p||"youtube"==a};export{c as checkHasBackgroundVideo,i as createStyleObject,l as getData,b as getInnerRadiusExcludeBorder,u as isRenderHtmlVideo,s as 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=({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};
+import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,makeStyle as i,getGradientBgrStyleByDevice as d,getStyleBackgroundByDevice as l,composeGridLayout 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 g=({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?n(T):e("gtc",L),...e("w",P.content),...e("h",E),...S?{}:I}),W=()=>({"--mb":"0px","--mt":"0px",...e("cg",C),...i({pc:O,rg:D?b[D]:"0px"})}),X=t=>{let o=H;return"Liquid"===c&&(o=f),{...l(o,t),...d(o,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",q)}},Z=()=>j&&!M?{marginLeft:"0px",marginRight:"0px"}:{},$=a({...{...p(F)}}),_=a({...K,"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(B?.desktop),tablet:ee(B?.tablet),mobile:ee(B?.mobile)},eo=a({...Q,...e("w",P.wrapper),...e("pl",et),...e("pr",et)});return{embedVideoStyle:_,backgroundBoxStyle:$,rowStyle:(e=!1)=>a({...V(),...X(),...Z(),...e?W():{},...k?.sameHeightSubgridContainer&&R}),sectionStyle:eo}};export{g as getRowStyle};

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

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

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

@@ -1 +1 @@
-import t from"../row/Row.liquid.js";let Section=i=>t({...i,setting:{...i.setting,isSection:!0}});export{Section as default};
+import t from"../row/Row.liquid.js";let i=i=>t({...i,setting:{...i.setting,isSection:!0}});export{i as default};