@gem-sdk/components 12.0.0-staging.51 → 12.0.0-staging.52

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

@@ -1 +1 @@
-import{ESTIMATE_DAYS as e,listFormatDate as t,OUT_OF_STOCK as a}from"../../common/helpers.js";let EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:e.RANGE,options:[{label:"Specific",value:e.SPECIFIC},{label:"Range",value:e.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:t().FORMAT_1.value,options:[{label:t().FORMAT_1.Label,value:t().FORMAT_1.value},{label:t().FORMAT_2.Label,value:t().FORMAT_2.value},{label:t().FORMAT_3.Label,value:t().FORMAT_3.value},{label:t().FORMAT_4.Label,value:t().FORMAT_4.value},{label:t().FORMAT_5.Label,value:t().FORMAT_5.value},{label:t().FORMAT_6.Label,value:t().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:a.SHOW,options:[{label:"Show",value:a.SHOW},{label:"Hide",value:a.HIDE}]}]},{id:"translate",type:"input",default:"customText"},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}}},hiddenSettings:["shape","gap","height"]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"typoCustom",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!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:"typoDate",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{EstimateDateSettings};
+import{ESTIMATE_DAYS as e,listFormatDate as t,OUT_OF_STOCK as a}from"../../common/helpers.js";let EstimateDateSettings=[{id:"setting",controls:[{id:"enableCustomText",label:"",type:"toggle",default:!0},{id:"customTextContainer",type:"group",controls:[{id:"customText",type:"input",default:"Estimate delivery between"}]},{id:"estimateDays",type:"group",controls:[{id:"typeEstimate",type:"group",controls:[{id:"typeEstimate",label:"Type",type:"option:value",default:e.RANGE,options:[{label:"Specific",value:e.SPECIFIC},{label:"Range",value:e.RANGE}]},{id:"minEstimate",label:"Min estimate",type:"input:unit",default:2,emptyOnClear:!1,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,min:1,max:99969999,fallbackValue:2},{id:"maxEstimate",label:"Max estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:1,max:99969999,fallbackValue:5},{id:"estimateTime",label:"Estimate",type:"input:unit",default:5,units:["days"],isNumber:!0,showDefaultUnit:!0,hasSpaceBeforeUnit:!0,emptyOnClear:!1,min:0,max:99969999,fallbackValue:5}]}]},{id:"dateFormat",type:"group",controls:[{id:"typeFormat",label:"Type",type:"select",default:t().FORMAT_1.value,options:[{label:t().FORMAT_1.Label,value:t().FORMAT_1.value},{label:t().FORMAT_2.Label,value:t().FORMAT_2.value},{label:t().FORMAT_3.Label,value:t().FORMAT_3.value},{label:t().FORMAT_4.Label,value:t().FORMAT_4.value},{label:t().FORMAT_5.Label,value:t().FORMAT_5.value},{label:t().FORMAT_6.Label,value:t().FORMAT_6.Label}]},{id:"customFormat",label:"Custom format",type:"input",default:"",placeholder:"Eg: %d, %b, %y"},{id:"moreFormat",type:"group"}]},{id:"visibilityContainer",type:"group",controls:[{id:"visibility",type:"childrens"},{id:"ifOutOfStock",label:"If out of stock",type:"option:value",default:a.SHOW,options:[{label:"Show",value:a.SHOW},{label:"Hide",value:a.HIDE}]}]},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%"}}},settingConfig:{width:{displayOptions:["full","auto"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}}},hiddenSettings:["shape","gap","height"]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"typoCustom",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!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:"typoDate",type:"typography-v2",default:{type:"paragraph-2",attrs:{color:"text-1",bold:!0}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"shapeBorder",type:"border-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}},{id:"shapeRounded",type:"corner-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}}},{id:"padding",type:"padding-v2",devices:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}},compoDefaultValue:{desktop:{default:{padding:{type:"small",top:"4px",left:"4px",bottom:"4px",right:"4px"}}}}},{id:"shapeBoxShadow",type:"shadow-v2",devices:{desktop:{default:{enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}}]}];export{EstimateDateSettings};

package/dist/esm/estimate-delivery/settings/configs/translate.js

@@ -0,0 +1 @@
+let EstimateDate={customText:{id:"customText"}};export{EstimateDate};

package/dist/esm/form/components/form-checkbox/FormCheckbox.liquid.js

@@ -1,23 +1,23 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as s}from"../../../helpers.js";import{createStyle as t,createClass as o,If as m}from"@gem-sdk/system";import{composeContainerStyles as r,composeFormCheckboxStyles as l,composeFormCheckboxInputStyles as i,getComposedTextStyle as a}from"./common/styles.js";import{composeContainerClasses as c,composeFormCheckboxInputClasses as d,composeFormCheckboxLabelClasses as p}from"./common/classes.js";let FromCheckbox=({builderProps:$,setting:n,advanced:u,pageContext:y,styles:f})=>{let{name:k,description:b,selected:h,required:x,translate:g}=n??{},j=s({val:b,uid:$?.uid,settingId:"description",pageContext:y,translate:g}),v=t(r(n)),C=t(l(n,f,$)),F=t(i()),q=t(a(n)),I=o(c(n,u,$)),w=o(d()),z=o(p());return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as s,createSettingId as t}from"../../../helpers.js";import{createStyle as o,createClass as r,If as m}from"@gem-sdk/system";import{composeContainerStyles as i,composeFormCheckboxStyles as l,composeFormCheckboxInputStyles as c,getComposedTextStyle as a}from"./common/styles.js";import{composeContainerClasses as d,composeFormCheckboxInputClasses as p,composeFormCheckboxLabelClasses as n}from"./common/classes.js";import{FormCheckbox as $}from"../../settings/form-checkbox/configs/translate.js";let FromCheckbox=({builderProps:f,setting:u,advanced:k,pageContext:y,styles:b})=>{let{name:h,description:g,selected:x,required:j}=u??{},v=s({val:g,uid:f?.uid,settingId:t({id:$?.description?.id}),pageContext:y}),C=o(i(u)),F=o(l(u,b,f)),q=o(c()),I=o(a(u)),w=r(d(u,k,f)),z=r(p()),A=r(n());return e`
     <div
-      data-id="${$?.uid}"
-      style="${v}"
+      data-id="${f?.uid}"
+      style="${C}"
     >
       <label
-        style="${C}"
-        class="${I}"
+        style="${F}"
+        class="${w}"
       >
         <input
-          class="${w}"
-          name="${k}"
+          class="${z}"
+          name="${h}"
           type="checkbox"
-          ${m(h,"checked")}
-          ${m(x,"required")}
-          style="${F}"
+          ${m(x,"checked")}
+          ${m(j,"required")}
+          style="${q}"
         >
         </input>
-        <span class="${z}" style="${q}">
-          ${j}
+        <span class="${A}" style="${I}">
+          ${v}
         </span>
       </label>
     </div>

package/dist/esm/form/components/form-dropdown/FormDropdown.liquid.js

@@ -1,29 +1,29 @@
-import{template as e,RenderIf as s,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as t,getSettingPreloadData as d}from"../../../helpers.js";import{createStyle as l,createClass as p,If as i}from"@gem-sdk/system";import{composeContainerStyles as m,composeFormDropdownStyles as a,getAppendTypoStyleFirstTime as n,getStyleOption as c}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as f}from"./common/classes.js";let FormDropdown=({builderProps:u,setting:g,advanced:y,pageContext:v,styles:j})=>{let{name:w,childItem:S,required:h,translate:N}=g??{},O=S?.map((e,s)=>t({val:e,uid:u?.uid,settingId:`childItem_${s}`,pageContext:v,translate:N})),b=l(m(y,g)),k=l({...a(y,g,j),...n(g)}),E=l(c(g)),A=p($(y,u)),I=p(f(g));return e`
+import{template as e,RenderIf as o,isLocalEnv as s,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as d,getSettingPreloadData as p}from"../../../helpers.js";import{createStyle as l,createClass as i,If as m}from"@gem-sdk/system";import{composeContainerStyles as a,composeFormDropdownStyles as n,getAppendTypoStyleFirstTime as c,getStyleOption as f}from"./common/styles.js";import{composeContainerClasses as $,composeFormDropdownClasses as u}from"./common/classes.js";import{FormDropdown as g}from"../../settings/form-dropdown/configs/translate.js";let FormDropdown=({builderProps:y,setting:w,advanced:j,pageContext:v,styles:S})=>{let{name:h,childItem:N,required:O}=w??{},b=N?.map((e,o)=>t({val:e,uid:y?.uid,settingId:d({id:g?.childItem?.id,index:o}),pageContext:v})),k=l(a(j,w)),E=l({...n(j,w,S),...c(w)}),A=l(f(w)),D=i($(j,y)),F=i(u(w));return e`
     <gp-form-dropdown
-      data-id="${u?.uid}"
-      class="${A}"
-      style="${b}"
+      data-id="${y?.uid}"
+      class="${D}"
+      style="${k}"
     >
       <select
         type="email"
-        class="${I}"
-        style="${k}"
-        ${i(h,"required")}
-        name="${w}"
-        gp-data='${JSON.stringify(g).replaceAll("'","&#039;")}'
+        class="${F}"
+        style="${E}"
+        ${m(O,"required")}
+        name="${h}"
+        gp-data='${JSON.stringify(w).replaceAll("'","&#039;")}'
       >
-        ${i(!Number(g?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
-            ${g?.placeholder}
+        ${m(!Number(w?.defaultOption),`<option class="gp-hidden" value="" disabled selected>
+            ${w?.placeholder}
           </option>`)}
-        ${O?.map(s=>e`
+        ${b?.map(o=>e`
             <option
-              value="${s}"
-              style="${E}"
-              ${i(!!Number(g?.defaultOption),`selected: ${s===O[Number(g?.defaultOption)-1]}`)}
+              value="${o}"
+              style="${A}"
+              ${m(!!Number(w?.defaultOption),`selected: ${o===b[Number(w?.defaultOption)-1]}`)}
             >
-              ${s}
+              ${o}
             </option>`).join("")}
       </select>
     </gp-form-dropdown>
-    ${s(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${r}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${o(s,`<script ${p('class="gps-link" delay',"src")}="{{ 'gp-form-dropdown-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${p('class="gps-link" delay',"src")}="${r}/assets-v2/gp-form-dropdown-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{FormDropdown as default};

package/dist/esm/form/components/form-email/FormEmail.liquid.js

@@ -1,20 +1,20 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m}from"../../../helpers.js";import{createStyle as s,createClass as t,If as l}from"@gem-sdk/system";import{composeContainerStyles as a,composeInnerStyles as o}from"./common/styles.js";import{composeContainerClasses as i,composeInnerClasses as r,getClassTitle as p}from"./common/classes.js";let FormEmail=({builderProps:d,builderAttrs:$,setting:c,advanced:u,pageContext:n,styles:f})=>{let{placeholder:y,required:v,hideOnClient:g,defaultEmail:h,translate:j,showTitle:k,title:q}=c??{},E=m({val:y,uid:d?.uid,settingId:"placeholder",pageContext:n,translate:j}),F=s(a(c,u)),x=s(o(c,u,f)),I=t(i({setting:c,advanced:u,builderProps:d,type:"liquid"})),N=t(r(c,d)),b=t(p());return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m,createSettingId as s}from"../../../helpers.js";import{createStyle as t,createClass as i,If as a}from"@gem-sdk/system";import{composeContainerStyles as o,composeInnerStyles as l}from"./common/styles.js";import{composeContainerClasses as r,composeInnerClasses as d,getClassTitle as p}from"./common/classes.js";import{FormEmail as $}from"../../settings/form-email/configs/translate.js";let FormEmail=({builderProps:c,builderAttrs:n,setting:u,advanced:f,pageContext:y,styles:g})=>{let{placeholder:j,required:v,hideOnClient:h,defaultEmail:E,showTitle:F,title:k}=u??{},q=m({val:j,uid:c?.uid,settingId:s({id:$?.placeholder?.id}),pageContext:y}),x=t(o(u,f)),I=t(l(u,f,g)),N=i(r({setting:u,advanced:f,builderProps:c,type:"liquid"})),b=i(d(u,c)),w=i(p());return e`
     <div
-      ${{...$}}
-      data-id="${d?.uid}"
-      class="${I}"
-      style="${F}"
+      ${{...n}}
+      data-id="${c?.uid}"
+      class="${N}"
+      style="${x}"
     >
-      ${l(k,`<span className="${b}">${q}</span>`)}
+      ${a(F,`<span className="${w}">${k}</span>`)}
       <input
         type="email"
-        class="${N}"
-        style="${x}"
-        placeholder="${E}"
+        class="${b}"
+        style="${I}"
+        placeholder="${q}"
         name="${"contact[email]"}"
-        ${l(v,"required")}
+        ${a(v,"required")}
         autocomplete="email"
-        ${l(g,`value="${h}"`)}
+        ${a(h,`value="${E}"`)}
       ></input>
     </div>
   `};export{FormEmail as default};

package/dist/esm/form/components/newsletter/Newsletter.liquid.js

@@ -1,36 +1,36 @@
-import{template as s,RenderIf as e,isLocalEnv as r,baseAssetURL as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a,getStaticLocale as o,getSettingPreloadData as l}from"../../../helpers.js";import{composeContainerAttrs as i,composeAnchorAttrs as c,composeFormAttrs as m,composePopoverAttrs as d}from"./common/attrs.js";import{createClass as f,createStyle as n}from"@gem-sdk/system";import{composeFormStyles as p,popoverStyles as $}from"./common/styles.js";import{composeFormClasses as g}from"./common/classes.js";import{composeContainerStyles as u}from"../contact/common/styles.js";import{composeContainerClasses as v}from"../contact/common/classes.js";let Newsletter=({builderProps:y,setting:j,children:_,style:k,formType:w,advanced:N,pageContext:S,styles:M})=>{let b=a({val:j?.errorMessage,uid:y?.uid,settingId:"errorMessage",pageContext:S,defaultVal:S?.isPreviewing?`Can’t send email. Please try again later.`:o("Newsletter","err_msg_default"),translate:j?.translate}),E=a({val:j?.successMessage,uid:y?.uid,settingId:"successMessage",pageContext:S,defaultVal:S?.isPreviewing?"Thanks for subscribing":o("Newsletter","success_msg_default"),translate:j?.translate}),P=i(y,j),h=c(y,j),I=f(g()),V=n(p("error",j)),A=n(p("success",j)),C=m(y,"error"),G=m(y,"success"),O=d(y),R=$(y),T=n(u(j,M,k)),x=f(v());return s`
-    <div class="${x}" style="${T}">
+import{template as s,RenderIf as e,isLocalEnv as r,baseAssetURL as t}from"@gem-sdk/core";import{getDynamicSourceLocales as i,createSettingId as o,getStaticLocale as a,getSettingPreloadData as l}from"../../../helpers.js";import{composeContainerAttrs as m,composeAnchorAttrs as c,composeFormAttrs as d,composePopoverAttrs as f}from"./common/attrs.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";import{composeFormStyles as g,popoverStyles as $}from"./common/styles.js";import{composeFormClasses as u}from"./common/classes.js";import{composeContainerStyles as v}from"../contact/common/styles.js";import{composeContainerClasses as y}from"../contact/common/classes.js";import{Newsletter as j}from"../../settings/newsletter/configs/translate.js";let Newsletter=({builderProps:w,setting:_,children:k,style:N,formType:S,advanced:M,pageContext:b,styles:E})=>{let P=i({val:_?.errorMessage,uid:w?.uid,settingId:o({id:j?.errorMessage?.id}),pageContext:b,defaultVal:b?.isPreviewing?`Can’t send email. Please try again later.`:a("Newsletter","err_msg_default")}),h=i({val:_?.successMessage,uid:w?.uid,settingId:o({id:j?.successMessage?.id}),pageContext:b,defaultVal:b?.isPreviewing?"Thanks for subscribing":a("Newsletter","success_msg_default")}),I=m(w,_),V=c(w,_),A=n(u()),C=p(g("error",_)),G=p(g("success",_)),O=d(w,"error"),R=d(w,"success"),T=f(w),x=$(w),J=p(v(_,E,N)),L=n(y());return s`
+    <div class="${L}" style="${J}">
       <gp-form
-        ${{...P}}
-        data-callback='${JSON.stringify(j?.callbackURL)}'
+        ${{...I}}
+        data-callback='${JSON.stringify(_?.callbackURL)}'
       >
         <a
-          ${{...h}}
+          ${{...V}}
         >
         </a>
-        {% form '${w||"customer"}', class: 'gp-form-${y?.uid} ${N?.cssClass}', id: 'contact_form_${y?.uid}' %}
+        {% form '${S||"customer"}', class: 'gp-form-${w?.uid} ${M?.cssClass}', id: 'contact_form_${w?.uid}' %}
           {% if form.errors %}
             <div
-              ${{...C}}
-              class="${I}"
-              style="${V}"
+              ${{...O}}
+              class="${A}"
+              style="${C}"
             >
-              ${b}
+              ${P}
             </div>
           {% endif %}
-          <div popover ${{...O}}>
+          <div popover ${{...T}}>
             <style>
-              ${R}
+              ${x}
             </style>
             <div
-              ${{...G}}
-              class="${I}"
-              style="${A}"
+              ${{...R}}
+              class="${A}"
+              style="${G}"
             >
-              ${E}
+              ${h}
             </div>
           </div>
-          ${_}
+          ${k}
         {% endform %}
       </gp-form>
     </div>

package/dist/esm/form/components/submit-button/SubmitButton.liquid.js

@@ -1,3 +1,3 @@
-import{template as t}from"@gem-sdk/core";import o from"../../../button/components/Button.liquid.js";import{composeSetting as m}from"./common/helpers.js";import{composeContainerStyles as r}from"./common/styles.js";import{createStyle as e}from"@gem-sdk/system";let SubmitButton=({setting:s,builderProps:i,builderAttrs:u,style:l,styles:n,advanced:p,pageContext:d})=>{let{...f}=n??{},b=m(s),c=e(r(n,l));return t`
-    ${o({builderProps:i,builderAttrs:u,setting:b,style:c,styles:f,advanced:p,pageContext:d})}
+import{template as t}from"@gem-sdk/core";import o from"../../../button/components/Button.liquid.js";import{composeSetting as s}from"./common/helpers.js";import{composeContainerStyles as m}from"./common/styles.js";import{createStyle as e}from"@gem-sdk/system";import{SubmitButton as r}from"../../settings/submit-button/configs/translate.js";let SubmitButton=({setting:i,builderProps:n,builderAttrs:u,style:l,styles:p,advanced:b,pageContext:a})=>{let{...f}=p??{},d=s(i),g=e(m(p,l));return t`
+    ${o({translateSetting:r?.label?.id,builderProps:n,builderAttrs:u,setting:d,style:g,styles:f,advanced:b,pageContext:a})}
   `};export{SubmitButton as default};

package/dist/esm/form/components/submit-button/common/helpers.js

@@ -1 +1 @@
-let composeSetting=e=>{let{label:t,iconSvg:i,iconAlign:o,iconVisible:l,translate:n,enableHoverEffect:c}=e??{};return{label:t,htmlType:"submit",iconAlign:o,iconSvg:i,iconVisible:l,translate:n,enableHoverEffect:c}};export{composeSetting};
+let composeSetting=e=>{let{label:t,iconSvg:i,iconAlign:o,iconVisible:l,enableHoverEffect:n}=e??{};return{label:t,htmlType:"submit",iconAlign:o,iconSvg:i,iconVisible:l,enableHoverEffect:n}};export{composeSetting};

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

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

package/dist/esm/form/components/textfield/TextField.liquid.js

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

package/dist/esm/form/components/textinput/TextInput.liquid.js

@@ -1,27 +1,27 @@
-import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../helpers.js";import{createStyle as s,createClass as r,If as a}from"@gem-sdk/system";import{composeContainerStyles as o,composeTextareaStyles as l,getRowsTextArea as d}from"./common/styles.js";import{composeContainerClasses as i,composeTextFieldClasses as m}from"./common/classes.js";let TextInput=({setting:$,builderProps:p,className:c,builderAttrs:u,advanced:n,pageContext:x,styles:v})=>{let{text:f,name:y,placeholder:h,required:g,translate:j,formType:I}=$??{},T=y?.[I??"text"]===""||void 0===y?"contact[first_name]":y?.[I??"text"],k=t({val:h,uid:p?.uid,settingId:"placeholder",pageContext:x,translate:j}),q=s(o(n,$)),w=r(i(n,p)),C=r(m($,p,c??"")),F=s(l(n,$,v)),_=r({composedTextFieldClasses:!0}),b=d($),z="textarea"===I;return e`
+import{template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as s}from"../../../helpers.js";import{createStyle as r,createClass as a,If as i}from"@gem-sdk/system";import{composeContainerStyles as o,composeTextareaStyles as l,getRowsTextArea as d}from"./common/styles.js";import{composeContainerClasses as m,composeTextFieldClasses as p}from"./common/classes.js";import{TextInput as $}from"../../settings/text-input/configs/translate.js";let TextInput=({setting:n,builderProps:u,className:c,builderAttrs:x,advanced:f,pageContext:v,styles:y})=>{let{text:g,name:h,placeholder:j,required:I,formType:T}=n??{},k=h?.[T??"text"]===""||void 0===h?"contact[first_name]":h?.[T??"text"],q=t({val:j,uid:u?.uid,settingId:s({id:$?.placeholder?.id}),pageContext:v}),w=r(o(f,n)),C=a(m(f,u)),F=a(p(n,u,c??"")),_=r(l(f,n,y)),b=a({composedTextFieldClasses:!0}),z=d(n),A="textarea"===T;return e`
     <div
-      ${u}
-      data-id="${p?.uid}"
-      class="${w}"
-      style="${q}"
+      ${x}
+      data-id="${u?.uid}"
+      class="${C}"
+      style="${w}"
     >
       <div>
-        ${a(!z,e`<input
+        ${i(!A,e`<input
             type="text"
-            class="${C}"
-            style="${F}"
-            placeholder="${k}"
-            ${a(g,"required")}
-            name="${T}"
-            value="${f}"
+            class="${F}"
+            style="${_}"
+            placeholder="${q}"
+            ${i(I,"required")}
+            name="${k}"
+            value="${g}"
           ></input>`,e`<textarea
-            rows="${b}"
-            class="${_}"
-            style="${F}"
-            placeholder="${k}"
-            ${a(g,"required")}
-            name="${T}"
-            value="${f}"
+            rows="${z}"
+            class="${b}"
+            style="${_}"
+            placeholder="${q}"
+            ${i(I,"required")}
+            name="${k}"
+            value="${g}"
           ></textarea>`)}
       </div>
     </div>

package/dist/esm/form/settings/contact/Contact.js

@@ -1,4 +1,4 @@
-import{contactInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import{SettingUIV1 as i}from"./configs/ui-v1.js";import o from"./configs/settings.js";let config={tag:"ContactForm",label:"Contact Form",icon:`
+import{contactInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";import i from"./configs/settings.js";let config={tag:"ContactForm",label:"Contact Form",icon:`
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M2.23116 13.7342C2.37579 13.7335 2.51693 13.6901 2.63653 13.6096C3.46711 13.1155 4.35393 12.7206 5.27843 12.4333L6.18702 12.0873C6.31687 12.0345 6.42765 11.9442 6.50494 11.8282C6.58223 11.7121 6.62245 11.5758 6.62035 11.4368V9.92829C6.62567 9.79038 6.58655 9.65438 6.50866 9.53994C6.43076 9.42549 6.31812 9.33855 6.18702 9.29167C6.18702 9.29167 5.72573 9.02871 5.72573 8.03226C5.7263 7.90604 5.69127 7.78218 5.62459 7.67459C5.55791 7.56701 5.46223 7.47999 5.34832 7.42332C5.46233 7.36312 5.55766 7.27338 5.62414 7.16368C5.69062 7.05399 5.72573 6.92847 5.72573 6.80054C5.71772 6.64989 5.68952 6.50097 5.64186 6.35767C5.52318 6.0146 5.4618 5.65466 5.46015 5.29203C5.6358 5.32563 5.81778 5.29125 5.96861 5.19599C6.11943 5.10073 6.22762 4.95183 6.27089 4.77996C6.27089 4.64157 6.77411 4.37861 7.54291 4.37861C8.31172 4.37861 8.773 4.64157 8.80096 4.77996C8.85428 5.30357 8.79228 5.8324 8.61924 6.33C8.55917 6.48 8.52605 6.63924 8.52139 6.80054C8.52105 6.92502 8.55463 7.04729 8.61859 7.15446C8.68255 7.26163 8.77453 7.34973 8.88483 7.40948C8.77136 7.4691 8.67711 7.55911 8.61285 7.66924C8.54858 7.77936 8.51689 7.90516 8.52139 8.03226C8.52139 8.92475 8.15238 9.18928 8.09516 9.2303C8.08938 9.23445 8.08807 9.23631 8.08807 9.23631C7.94467 9.28639 7.8212 9.38055 7.73569 9.50505C7.65019 9.62954 7.60713 9.77784 7.6128 9.92829V11.4368C7.61372 11.5769 7.65675 11.7136 7.73641 11.8295C7.81607 11.9453 7.92875 12.0351 8.06011 12.0873L9.02461 12.4471C9.92538 12.7379 10.7923 13.123 11.6106 13.5958C11.7596 13.7001 11.9439 13.7426 12.1242 13.7141C12.3044 13.6857 12.4662 13.5886 12.5751 13.4435C12.6313 13.3707 12.672 13.2873 12.6947 13.1985C12.7175 13.1096 12.7218 13.0172 12.7074 12.9266C12.6931 12.8361 12.6603 12.7493 12.6111 12.6717C12.562 12.594 12.4974 12.527 12.4213 12.4748C11.5152 11.8935 10.5382 11.4285 9.51385 11.0908L9.01063 10.8971V10.2051C9.53143 9.75739 9.85703 9.12753 9.91922 8.44745C10.0532 8.31046 10.1571 8.14755 10.2244 7.96894C10.2918 7.79032 10.3211 7.59986 10.3106 7.40948C10.3188 7.09388 10.2258 6.78381 10.045 6.52375C10.2648 5.85897 10.3175 5.15118 10.1988 4.46165C9.91922 3.57592 8.95472 3.0085 7.57087 3.0085C7.13309 2.9752 6.69336 3.04004 6.28437 3.19817C5.87539 3.35631 5.50766 3.60369 5.20854 3.92191C4.91441 3.93693 4.63814 4.06624 4.43973 4.28174C4.22853 4.60994 4.09935 4.98325 4.06288 5.37073C4.02642 5.75821 4.08373 6.14872 4.23006 6.50991L4.13221 6.66215C4.01534 6.89445 3.95321 7.14997 3.95049 7.40948C3.93816 7.59887 3.96529 7.78875 4.03022 7.96731C4.09515 8.14587 4.19648 8.30931 4.3279 8.44745C4.3414 8.7939 4.42507 9.13414 4.57395 9.44796C4.72282 9.76178 4.93387 10.0428 5.19456 10.2743V10.9663L4.74725 11.1323C3.7129 11.478 2.72301 11.9425 1.79783 12.5163C1.72224 12.5687 1.65789 12.6355 1.6085 12.7127C1.5591 12.7899 1.52564 12.876 1.51005 12.9661C1.49445 13.0561 1.49703 13.1484 1.51764 13.2375C1.53824 13.3265 1.57646 13.4107 1.63009 13.4851C1.70307 13.5709 1.79566 13.6383 1.9002 13.6816C2.00473 13.7249 2.11818 13.7429 2.23116 13.7342Z" fill="white"/>
     <path d="M14.374 3.50748C13.9598 3.50748 13.624 3.84326 13.624 4.25748C13.624 4.67169 13.9598 5.00748 14.374 5.00748L21.7498 5.00747C22.164 5.00747 22.4998 4.67169 22.4998 4.25747C22.4998 3.84326 22.164 3.50747 21.7498 3.50747L14.374 3.50748Z" fill="white"/>
@@ -7,7 +7,7 @@ import{contactInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as t}f
     <path d="M1.53223 16.1525C1.53223 15.7383 1.86801 15.4025 2.28223 15.4025L21.7498 15.4025C22.164 15.4025 22.4998 15.7383 22.4998 16.1525C22.4998 16.5667 22.164 16.9025 21.7498 16.9025L2.28223 16.9025C1.86801 16.9025 1.53223 16.5667 1.53223 16.1525Z" fill="white"/>
     <path d="M2.28223 19.5C1.86801 19.5 1.53223 19.8358 1.53223 20.25C1.53223 20.6642 1.86801 21 2.28223 21H21.7498C22.164 21 22.4998 20.6642 22.4998 20.25C22.4998 19.8358 22.164 19.5 21.7498 19.5H2.28223Z" fill="white"/>
   </svg>
-  `,settings:o,ui:i,uiV2:t,presets:[{id:"contact",name:"Contact Form",icon:{desktop:`
+  `,settings:i,uiV2:t,presets:[{id:"contact",name:"Contact Form",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="95" height="11" rx="2.5" stroke="#474747"/>
 <rect x="0.5" y="16.5" width="95" height="11" rx="2.5" stroke="#474747"/>

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

@@ -1 +1 @@
-let ContactSettings=[{id:"setting",controls:[{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 contacting us. We'll get back to you as soon as possible.",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible."},{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:"translate",type:"input",default:"successMessage,errorMessage"},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2"}}}},{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:"afterSubmitActionToggle",type:"toggle",label:"Action after submit",devices:{desktop:{default:!1}}},{id:"afterSubmitAction",type:"select",options:[{label:"Stay on page",value:"stay-on-page"},{label:"Open URL",value:"open-url"}],default:"stay-on-page"}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"1200px",height:"Auto"}}},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{ContactSettings as default};
+let ContactSettings=[{id:"setting",controls:[{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 contacting us. We'll get back to you as soon as possible.",autoHeight:!0,minHeight:58,compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible."},{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"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#E2E2E2"}}}},{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:"afterSubmitActionToggle",type:"toggle",label:"Action after submit",devices:{desktop:{default:!1}}},{id:"afterSubmitAction",type:"select",options:[{label:"Stay on page",value:"stay-on-page"},{label:"Open URL",value:"open-url"}],default:"stay-on-page"}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"1200px",height:"Auto"}}},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{ContactSettings as default};

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

@@ -0,0 +1 @@
+let ContactForm={successMessage:{id:"successMessage"},errorMessage:{id:"errorMessage"}};export{ContactForm};

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

@@ -1,9 +1,9 @@
-import{formCheckboxInitConfig as C}from"./configs/inits.js";import{SettingUIV1 as o}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./configs/ui-v2.js";import i from"./configs/settings.js";let config={tag:"FormCheckbox",label:"Checkbox",icon:`
+import{formCheckboxInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import e from"./configs/settings.js";let config={tag:"FormCheckbox",label:"Checkbox",icon:`
   <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M6.46655 24.0339V8.41153C6.46655 7.80128 6.95927 7.30856 7.56952 7.30856H19.101H20.2128C20.6583 7.30856 20.8814 7.84713 20.5664 8.16212L19.2185 9.50999H19.101H8.66797V22.931H22.089V20.5216V17.2308L23.4368 15.8829C23.7518 15.5679 24.2904 15.791 24.2904 16.2365V20.5216V24.0339C24.2904 24.6397 23.7977 25.1369 23.1874 25.1369H7.56952C6.95927 25.1369 6.46655 24.6442 6.46655 24.0339Z" fill="currentColor"/>
   <path fill-rule="evenodd" clip-rule="evenodd" d="M27.1453 7.72879C27.3406 7.92405 27.3406 8.24064 27.1453 8.4359L16.3429 19.2383C16.1477 19.4335 15.8311 19.4335 15.6358 19.2383L11.6346 15.237C11.4393 15.0417 11.4393 14.7251 11.6346 14.5299L12.6642 13.5003C12.8594 13.305 13.176 13.305 13.3713 13.5003L15.6358 15.7649C15.8311 15.9601 16.1477 15.9601 16.3429 15.7649L25.4086 6.6992C25.6039 6.50393 25.9204 6.50393 26.1157 6.6992L27.1453 7.72879Z" fill="currentColor"/>
   </svg>
-  `,settings:i,ui:o,uiV2:e,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-checkbox",name:"Checkbox",icon:{desktop:`
+  `,settings:e,ui:[],uiV2:o,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-checkbox",name:"Checkbox",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="10.5" y="16.5" width="15" height="15" rx="3" fill="#424242"/>
           <path d="M13.7139 24.8239L16.6887 27.75L22.2853 20.25" stroke="#F9F9F9" stroke-linecap="round" stroke-linejoin="round"/>

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

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

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

@@ -0,0 +1 @@
+let FormCheckbox={description:{id:"description"}};export{FormCheckbox};

package/dist/esm/form/settings/form-dropdown/FormDropdown.js

@@ -1,10 +1,10 @@
-import{formDropdownInitConfig as C}from"./configs/inits.js";import{SettingUIV1 as H}from"./configs/ui-v1.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";import i from"./configs/settings.js";let config={tag:"FormDropdown",label:"Dropdown",icon:`
+import{formDropdownInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as H}from"./configs/ui-v2.js";import o from"./configs/settings.js";let config={tag:"FormDropdown",label:"Dropdown",icon:`
   <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M11.75 22H9.05682L9.05682 13.2727H11.8693C12.7159 13.2727 13.4403 13.4474 14.0426 13.7969C14.6449 14.1435 15.1065 14.642 15.4276 15.2926C15.7486 15.9403 15.9091 16.7159 15.9091 17.6193C15.9091 18.5284 15.7472 19.3111 15.4233 19.9673C15.0994 20.6207 14.6278 21.1236 14.0085 21.4759C13.3892 21.8253 12.6364 22 11.75 22ZM10.1136 21.0625H11.6818C12.4034 21.0625 13.0014 20.9233 13.4759 20.6449C13.9503 20.3665 14.304 19.9702 14.5369 19.456C14.7699 18.9418 14.8864 18.3295 14.8864 17.6193C14.8864 16.9148 14.7713 16.3082 14.5412 15.7997C14.3111 15.2884 13.9673 14.8963 13.5099 14.6236C13.0526 14.348 12.483 14.2102 11.8011 14.2102H10.1136L10.1136 21.0625ZM17.5455 22V15.4545H18.517V16.4432H18.5852C18.7045 16.1193 18.9205 15.8565 19.233 15.6548C19.5455 15.4531 19.8977 15.3523 20.2898 15.3523C20.3636 15.3523 20.456 15.3537 20.5668 15.3565C20.6776 15.3594 20.7614 15.3636 20.8182 15.3693V16.392C20.7841 16.3835 20.706 16.3707 20.5838 16.3537C20.4645 16.3338 20.3381 16.3239 20.2045 16.3239C19.8864 16.3239 19.6023 16.3906 19.3523 16.5241C19.1051 16.6548 18.9091 16.8366 18.7642 17.0696C18.6222 17.2997 18.5511 17.5625 18.5511 17.858V22H17.5455ZM24.4702 22.1364C23.8793 22.1364 23.3608 21.9957 22.9148 21.7145C22.4716 21.4332 22.125 21.0398 21.875 20.5341C21.6278 20.0284 21.5043 19.4375 21.5043 18.7614C21.5043 18.0795 21.6278 17.4844 21.875 16.9759C22.125 16.4673 22.4716 16.0724 22.9148 15.7912C23.3608 15.5099 23.8793 15.3693 24.4702 15.3693C25.0611 15.3693 25.5781 15.5099 26.0213 15.7912C26.4673 16.0724 26.8139 16.4673 27.0611 16.9759C27.3111 17.4844 27.4361 18.0795 27.4361 18.7614C27.4361 19.4375 27.3111 20.0284 27.0611 20.5341C26.8139 21.0398 26.4673 21.4332 26.0213 21.7145C25.5781 21.9957 25.0611 22.1364 24.4702 22.1364ZM24.4702 21.233C24.919 21.233 25.2884 21.1179 25.5781 20.8878C25.8679 20.6577 26.0824 20.3551 26.2216 19.9801C26.3608 19.6051 26.4304 19.1989 26.4304 18.7614C26.4304 18.3239 26.3608 17.9162 26.2216 17.5384C26.0824 17.1605 25.8679 16.8551 25.5781 16.6222C25.2884 16.3892 24.919 16.2727 24.4702 16.2727C24.0213 16.2727 23.652 16.3892 23.3622 16.6222C23.0724 16.8551 22.858 17.1605 22.7188 17.5384C22.5795 17.9162 22.5099 18.3239 22.5099 18.7614C22.5099 19.1989 22.5795 19.6051 22.7188 19.9801C22.858 20.3551 23.0724 20.6577 23.3622 20.8878C23.652 21.1179 24.0213 21.233 24.4702 21.233ZM28.9712 24.4545L28.9712 15.4545H29.9428V16.4943H30.0621C30.136 16.3807 30.2383 16.2358 30.369 16.0597C30.5025 15.8807 30.6928 15.7216 30.94 15.5824C31.19 15.4403 31.5281 15.3693 31.9542 15.3693C32.5053 15.3693 32.9911 15.5071 33.4116 15.7827C33.832 16.0582 34.1602 16.4489 34.396 16.9545C34.6317 17.4602 34.7496 18.0568 34.7496 18.7443C34.7496 19.4375 34.6317 20.0384 34.396 20.5469C34.1602 21.0526 33.8335 21.4446 33.4158 21.723C32.9982 21.9986 32.5167 22.1364 31.9712 22.1364C31.5508 22.1364 31.2141 22.0668 30.9613 21.9276C30.7085 21.7855 30.5138 21.625 30.3775 21.446C30.2411 21.2642 30.136 21.1136 30.0621 20.9943H29.9769L29.9769 24.4545L28.9712 24.4545ZM29.9599 18.7273C29.9599 19.2216 30.0323 19.6577 30.1772 20.0355C30.3221 20.4105 30.5337 20.7045 30.8121 20.9176C31.0906 21.1278 31.4315 21.233 31.8349 21.233C32.2553 21.233 32.6062 21.1222 32.8874 20.9006C33.1715 20.6761 33.3846 20.375 33.5266 19.9972C33.6715 19.6165 33.744 19.1932 33.744 18.7273C33.744 18.267 33.6729 17.8523 33.5309 17.483C33.3917 17.1108 33.18 16.8168 32.896 16.6009C32.6147 16.3821 32.261 16.2727 31.8349 16.2727C31.4258 16.2727 31.082 16.3764 30.8036 16.5838C30.5252 16.7884 30.315 17.0753 30.1729 17.4446C30.0309 17.8111 29.9599 18.2386 29.9599 18.7273ZM38.7553 22.1364C38.2099 22.1364 37.7283 21.9986 37.3107 21.723C36.8931 21.4446 36.5664 21.0526 36.3306 20.5469C36.0948 20.0384 35.9769 19.4375 35.9769 18.7443C35.9769 18.0568 36.0948 17.4602 36.3306 16.9545C36.5664 16.4489 36.8945 16.0582 37.315 15.7827C37.7354 15.5071 38.2212 15.3693 38.7724 15.3693C39.1985 15.3693 39.5352 15.4403 39.7823 15.5824C40.0323 15.7216 40.2227 15.8807 40.3533 16.0597C40.4869 16.2358 40.5906 16.3807 40.6644 16.4943H40.7496V13.2727H41.7553V22H40.7837V20.9943H40.6644C40.5906 21.1136 40.4854 21.2642 40.3491 21.446C40.2127 21.625 40.0181 21.7855 39.7653 21.9276C39.5124 22.0668 39.1758 22.1364 38.7553 22.1364ZM38.8917 21.233C39.2951 21.233 39.636 21.1278 39.9144 20.9176C40.1928 20.7045 40.4045 20.4105 40.5494 20.0355C40.6942 19.6577 40.7667 19.2216 40.7667 18.7273C40.7667 18.2386 40.6957 17.8111 40.5536 17.4446C40.4116 17.0753 40.2013 16.7884 39.9229 16.5838C39.6445 16.3764 39.3008 16.2727 38.8917 16.2727C38.4656 16.2727 38.1104 16.3821 37.8263 16.6009C37.5451 16.8168 37.3335 17.1108 37.1914 17.483C37.0522 17.8523 36.9826 18.267 36.9826 18.7273C36.9826 19.1932 37.0536 19.6165 37.1957 19.9972C37.3406 20.375 37.5536 20.6761 37.8349 20.9006C38.119 21.1222 38.4712 21.233 38.8917 21.233ZM46.396 22.1364C45.805 22.1364 45.2866 21.9957 44.8406 21.7145C44.3974 21.4332 44.0508 21.0398 43.8008 20.5341C43.5536 20.0284 43.43 19.4375 43.43 18.7614C43.43 18.0795 43.5536 17.4844 43.8008 16.9759C44.0508 16.4673 44.3974 16.0724 44.8406 15.7912C45.2866 15.5099 45.805 15.3693 46.396 15.3693C46.9869 15.3693 47.5039 15.5099 47.9471 15.7912C48.3931 16.0724 48.7397 16.4673 48.9869 16.9759C49.2369 17.4844 49.3619 18.0795 49.3619 18.7614C49.3619 19.4375 49.2369 20.0284 48.9869 20.5341C48.7397 21.0398 48.3931 21.4332 47.9471 21.7145C47.5039 21.9957 46.9869 22.1364 46.396 22.1364ZM46.396 21.233C46.8448 21.233 47.2141 21.1179 47.5039 20.8878C47.7937 20.6577 48.0082 20.3551 48.1474 19.9801C48.2866 19.6051 48.3562 19.1989 48.3562 18.7614C48.3562 18.3239 48.2866 17.9162 48.1474 17.5384C48.0082 17.1605 47.7937 16.8551 47.5039 16.6222C47.2141 16.3892 46.8448 16.2727 46.396 16.2727C45.9471 16.2727 45.5778 16.3892 45.288 16.6222C44.9982 16.8551 44.7837 17.1605 44.6445 17.5384C44.5053 17.9162 44.4357 18.3239 44.4357 18.7614C44.4357 19.1989 44.5053 19.6051 44.6445 19.9801C44.7837 20.3551 44.9982 20.6577 45.288 20.8878C45.5778 21.1179 45.9471 21.233 46.396 21.233ZM52.1573 22L50.163 15.4545H51.2198L52.6346 20.4659H52.7028L54.1005 15.4545L55.1744 15.4545L56.555 20.4489H56.6232L58.038 15.4545H59.0948L57.1005 22H56.1119L54.68 16.9716H54.5778L53.146 22H52.1573ZM61.43 18.0625V22H60.4244V15.4545H61.396V16.4773H61.4812C61.6346 16.1449 61.8675 15.8778 62.18 15.6761C62.4925 15.4716 62.896 15.3693 63.3903 15.3693C63.8335 15.3693 64.2212 15.4602 64.5536 15.642C64.886 15.821 65.1445 16.0937 65.3292 16.4602C65.5138 16.8239 65.6062 17.2841 65.6062 17.8409V22H64.6005V17.9091C64.6005 17.3949 64.467 16.9943 64.1999 16.7074C63.9329 16.4176 63.5664 16.2727 63.1005 16.2727C62.7795 16.2727 62.4925 16.3423 62.2397 16.4815C61.9897 16.6207 61.7923 16.8239 61.6474 17.0909C61.5025 17.358 61.43 17.6818 61.43 18.0625Z" fill="#E1E1E1"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M80.2571 19.9024C80.1151 20.0325 79.8849 20.0325 79.7429 19.9024L76.1065 16.569C75.9645 16.4389 75.9645 16.2278 76.1065 16.0976C76.2485 15.9675 76.4788 15.9675 76.6208 16.0976L80 19.1953L83.3792 16.0976C83.5212 15.9675 83.7515 15.9675 83.8935 16.0976C84.0355 16.2278 84.0355 16.4389 83.8935 16.569L80.2571 19.9024Z" fill="#AAABAC"/>
     <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#5B5B5B"/>
   </svg
-  `,settings:i,ui:H,uiV2:o,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-dropdown",name:"Dropdown",icon:{desktop:`
+  `,settings:o,ui:[],uiV2:H,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-dropdown",name:"Dropdown",icon:{desktop:`
         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M11.75 28H9.05682L9.05682 19.2727H11.8693C12.7159 19.2727 13.4403 19.4474 14.0426 19.7969C14.6449 20.1435 15.1065 20.642 15.4276 21.2926C15.7486 21.9403 15.9091 22.7159 15.9091 23.6193C15.9091 24.5284 15.7472 25.3111 15.4233 25.9673C15.0994 26.6207 14.6278 27.1236 14.0085 27.4759C13.3892 27.8253 12.6364 28 11.75 28ZM10.1136 27.0625H11.6818C12.4034 27.0625 13.0014 26.9233 13.4759 26.6449C13.9503 26.3665 14.304 25.9702 14.5369 25.456C14.7699 24.9418 14.8864 24.3295 14.8864 23.6193C14.8864 22.9148 14.7713 22.3082 14.5412 21.7997C14.3111 21.2884 13.9673 20.8963 13.5099 20.6236C13.0526 20.348 12.483 20.2102 11.8011 20.2102H10.1136L10.1136 27.0625ZM17.5455 28V21.4545H18.517V22.4432H18.5852C18.7045 22.1193 18.9205 21.8565 19.233 21.6548C19.5455 21.4531 19.8977 21.3523 20.2898 21.3523C20.3636 21.3523 20.456 21.3537 20.5668 21.3565C20.6776 21.3594 20.7614 21.3636 20.8182 21.3693V22.392C20.7841 22.3835 20.706 22.3707 20.5838 22.3537C20.4645 22.3338 20.3381 22.3239 20.2045 22.3239C19.8864 22.3239 19.6023 22.3906 19.3523 22.5241C19.1051 22.6548 18.9091 22.8366 18.7642 23.0696C18.6222 23.2997 18.5511 23.5625 18.5511 23.858V28H17.5455ZM24.4702 28.1364C23.8793 28.1364 23.3608 27.9957 22.9148 27.7145C22.4716 27.4332 22.125 27.0398 21.875 26.5341C21.6278 26.0284 21.5043 25.4375 21.5043 24.7614C21.5043 24.0795 21.6278 23.4844 21.875 22.9759C22.125 22.4673 22.4716 22.0724 22.9148 21.7912C23.3608 21.5099 23.8793 21.3693 24.4702 21.3693C25.0611 21.3693 25.5781 21.5099 26.0213 21.7912C26.4673 22.0724 26.8139 22.4673 27.0611 22.9759C27.3111 23.4844 27.4361 24.0795 27.4361 24.7614C27.4361 25.4375 27.3111 26.0284 27.0611 26.5341C26.8139 27.0398 26.4673 27.4332 26.0213 27.7145C25.5781 27.9957 25.0611 28.1364 24.4702 28.1364ZM24.4702 27.233C24.919 27.233 25.2884 27.1179 25.5781 26.8878C25.8679 26.6577 26.0824 26.3551 26.2216 25.9801C26.3608 25.6051 26.4304 25.1989 26.4304 24.7614C26.4304 24.3239 26.3608 23.9162 26.2216 23.5384C26.0824 23.1605 25.8679 22.8551 25.5781 22.6222C25.2884 22.3892 24.919 22.2727 24.4702 22.2727C24.0213 22.2727 23.652 22.3892 23.3622 22.6222C23.0724 22.8551 22.858 23.1605 22.7188 23.5384C22.5795 23.9162 22.5099 24.3239 22.5099 24.7614C22.5099 25.1989 22.5795 25.6051 22.7188 25.9801C22.858 26.3551 23.0724 26.6577 23.3622 26.8878C23.652 27.1179 24.0213 27.233 24.4702 27.233ZM28.9712 30.4545L28.9712 21.4545H29.9428V22.4943H30.0621C30.136 22.3807 30.2383 22.2358 30.369 22.0597C30.5025 21.8807 30.6928 21.7216 30.94 21.5824C31.19 21.4403 31.5281 21.3693 31.9542 21.3693C32.5053 21.3693 32.9911 21.5071 33.4116 21.7827C33.832 22.0582 34.1602 22.4489 34.396 22.9545C34.6317 23.4602 34.7496 24.0568 34.7496 24.7443C34.7496 25.4375 34.6317 26.0384 34.396 26.5469C34.1602 27.0526 33.8335 27.4446 33.4158 27.723C32.9982 27.9986 32.5167 28.1364 31.9712 28.1364C31.5508 28.1364 31.2141 28.0668 30.9613 27.9276C30.7085 27.7855 30.5138 27.625 30.3775 27.446C30.2411 27.2642 30.136 27.1136 30.0621 26.9943H29.9769L29.9769 30.4545H28.9712ZM29.9599 24.7273C29.9599 25.2216 30.0323 25.6577 30.1772 26.0355C30.3221 26.4105 30.5337 26.7045 30.8121 26.9176C31.0906 27.1278 31.4315 27.233 31.8349 27.233C32.2553 27.233 32.6062 27.1222 32.8874 26.9006C33.1715 26.6761 33.3846 26.375 33.5266 25.9972C33.6715 25.6165 33.744 25.1932 33.744 24.7273C33.744 24.267 33.6729 23.8523 33.5309 23.483C33.3917 23.1108 33.18 22.8168 32.896 22.6009C32.6147 22.3821 32.261 22.2727 31.8349 22.2727C31.4258 22.2727 31.082 22.3764 30.8036 22.5838C30.5252 22.7884 30.315 23.0753 30.1729 23.4446C30.0309 23.8111 29.9599 24.2386 29.9599 24.7273ZM38.7553 28.1364C38.2099 28.1364 37.7283 27.9986 37.3107 27.723C36.8931 27.4446 36.5664 27.0526 36.3306 26.5469C36.0948 26.0384 35.9769 25.4375 35.9769 24.7443C35.9769 24.0568 36.0948 23.4602 36.3306 22.9545C36.5664 22.4489 36.8945 22.0582 37.315 21.7827C37.7354 21.5071 38.2212 21.3693 38.7724 21.3693C39.1985 21.3693 39.5352 21.4403 39.7823 21.5824C40.0323 21.7216 40.2227 21.8807 40.3533 22.0597C40.4869 22.2358 40.5906 22.3807 40.6644 22.4943H40.7496V19.2727H41.7553V28H40.7837V26.9943H40.6644C40.5906 27.1136 40.4854 27.2642 40.3491 27.446C40.2127 27.625 40.0181 27.7855 39.7653 27.9276C39.5124 28.0668 39.1758 28.1364 38.7553 28.1364ZM38.8917 27.233C39.2951 27.233 39.636 27.1278 39.9144 26.9176C40.1928 26.7045 40.4045 26.4105 40.5494 26.0355C40.6942 25.6577 40.7667 25.2216 40.7667 24.7273C40.7667 24.2386 40.6957 23.8111 40.5536 23.4446C40.4116 23.0753 40.2013 22.7884 39.9229 22.5838C39.6445 22.3764 39.3008 22.2727 38.8917 22.2727C38.4656 22.2727 38.1104 22.3821 37.8263 22.6009C37.5451 22.8168 37.3335 23.1108 37.1914 23.483C37.0522 23.8523 36.9826 24.267 36.9826 24.7273C36.9826 25.1932 37.0536 25.6165 37.1957 25.9972C37.3406 26.375 37.5536 26.6761 37.8349 26.9006C38.119 27.1222 38.4712 27.233 38.8917 27.233ZM46.396 28.1364C45.805 28.1364 45.2866 27.9957 44.8406 27.7145C44.3974 27.4332 44.0508 27.0398 43.8008 26.5341C43.5536 26.0284 43.43 25.4375 43.43 24.7614C43.43 24.0795 43.5536 23.4844 43.8008 22.9759C44.0508 22.4673 44.3974 22.0724 44.8406 21.7912C45.2866 21.5099 45.805 21.3693 46.396 21.3693C46.9869 21.3693 47.5039 21.5099 47.9471 21.7912C48.3931 22.0724 48.7397 22.4673 48.9869 22.9759C49.2369 23.4844 49.3619 24.0795 49.3619 24.7614C49.3619 25.4375 49.2369 26.0284 48.9869 26.5341C48.7397 27.0398 48.3931 27.4332 47.9471 27.7145C47.5039 27.9957 46.9869 28.1364 46.396 28.1364ZM46.396 27.233C46.8448 27.233 47.2141 27.1179 47.5039 26.8878C47.7937 26.6577 48.0082 26.3551 48.1474 25.9801C48.2866 25.6051 48.3562 25.1989 48.3562 24.7614C48.3562 24.3239 48.2866 23.9162 48.1474 23.5384C48.0082 23.1605 47.7937 22.8551 47.5039 22.6222C47.2141 22.3892 46.8448 22.2727 46.396 22.2727C45.9471 22.2727 45.5778 22.3892 45.288 22.6222C44.9982 22.8551 44.7837 23.1605 44.6445 23.5384C44.5053 23.9162 44.4357 24.3239 44.4357 24.7614C44.4357 25.1989 44.5053 25.6051 44.6445 25.9801C44.7837 26.3551 44.9982 26.6577 45.288 26.8878C45.5778 27.1179 45.9471 27.233 46.396 27.233ZM52.1573 28L50.163 21.4545H51.2198L52.6346 26.4659H52.7028L54.1005 21.4545H55.1744L56.555 26.4489H56.6232L58.038 21.4545H59.0948L57.1005 28H56.1119L54.68 22.9716H54.5778L53.146 28H52.1573ZM61.43 24.0625V28H60.4244V21.4545H61.396V22.4773H61.4812C61.6346 22.1449 61.8675 21.8778 62.18 21.6761C62.4925 21.4716 62.896 21.3693 63.3903 21.3693C63.8335 21.3693 64.2212 21.4602 64.5536 21.642C64.886 21.821 65.1445 22.0937 65.3292 22.4602C65.5138 22.8239 65.6062 23.2841 65.6062 23.8409V28H64.6005V23.9091C64.6005 23.3949 64.467 22.9943 64.1999 22.7074C63.9329 22.4176 63.5664 22.2727 63.1005 22.2727C62.7795 22.2727 62.4925 22.3423 62.2397 22.4815C61.9897 22.6207 61.7923 22.8239 61.6474 23.0909C61.5025 23.358 61.43 23.6818 61.43 24.0625Z" fill="#F9F9F9"/>
         <path fill-rule="evenodd" clip-rule="evenodd" d="M80.2571 25.9024C80.1151 26.0325 79.8849 26.0325 79.7429 25.9024L76.1065 22.569C75.9645 22.4389 75.9645 22.2278 76.1065 22.0976C76.2485 21.9675 76.4788 21.9675 76.6208 22.0976L80 25.1953L83.3792 22.0976C83.5212 21.9675 83.7515 21.9675 83.8935 22.0976C84.0355 22.2278 84.0355 22.4389 83.8935 22.569L80.2571 25.9024Z" fill="#F9F9F9"/>

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

@@ -1 +1 @@
-let FormDropdownSettings=[{id:"setting",controls:[{id:"placeholder",type:"input",label:"Placeholder",default:"Choose your option"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"defaultOption",type:"input",label:"Default option"},{id:"name",type:"input",label:"name",default:"contact[options]"},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"],labelItem:"option",isEnableCountItem:!0,labelAddMore:"Add more",childTemplate:{default:""}},{id:"translate",type:"input",default:"childItem"},{id:"required",type:"toggle",label:"Placeholder",default:!0},{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"textColor",type:"colorpicker",label:"Text color",default:"text-1"},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD"}}}}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"custom",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:"border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}}},{id:"backgroundColorV2Active",type:"color-picker-v2",enableGradient:!0},{id:"borderActive",type:"border",emptyOnClear:!0,state:{active:!0}},{id:"roundedActive",type:"radius-preset",default:{active:{radiusType:"small"}},state:{active:!0}},{id:"boxShadowActive",type:"shadow-v2",label:"Button Shadow",hideOnState:{active:!0},default:{active:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},state:{active:!0}}]}];export{FormDropdownSettings as default};
+let FormDropdownSettings=[{id:"setting",controls:[{id:"placeholder",type:"input",label:"Placeholder",default:"Choose your option"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"defaultOption",type:"input",label:"Default option"},{id:"name",type:"input",label:"name",default:"contact[options]"},{id:"childItem",type:"child-item",label:"",default:["Option 1","Option 2","Option 3"],labelItem:"option",isEnableCountItem:!0,labelAddMore:"Add more",childTemplate:{default:""}},{id:"required",type:"toggle",label:"Placeholder",default:!0},{id:"typo",type:"typography-v2",label:"Text styles",default:{type:"paragraph-1",attrs:{color:"text-1"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0,textShadow:!0}},{id:"textColor",type:"colorpicker",label:"Text color",default:"text-1"},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"transparent"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#DDDDDD"}}}}]},{id:"style",controls:[{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"100%",height:"Auto",padding:{type:"custom",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:"border",type:"border-v2",devices:{desktop:{default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}}}},compoDefaultValue:{desktop:{default:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}}}},{id:"backgroundColorV2Active",type:"color-picker-v2",enableGradient:!0},{id:"borderActive",type:"border",emptyOnClear:!0,state:{active:!0}},{id:"roundedActive",type:"radius-preset",default:{active:{radiusType:"small"}},state:{active:!0}},{id:"boxShadowActive",type:"shadow-v2",label:"Button Shadow",hideOnState:{active:!0},default:{active:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90}},state:{active:!0}}]}];export{FormDropdownSettings as default};

package/dist/esm/form/settings/form-dropdown/configs/translate.js

@@ -0,0 +1 @@
+let FormDropdown={childItem:{id:"childItem"}};export{FormDropdown};

package/dist/esm/form/settings/form-email/FormEmail.js

@@ -1,9 +1,9 @@
-import{formEmailInitConfig as C}from"./configs/inits.js";import{SettingUIV1 as V}from"./configs/ui-v1.js";import{SettingUIV2 as H}from"./configs/ui-v2.js";import i from"./configs/settings.js";let config={tag:"FormEmail",label:"Email Field",icon:`
+import{formEmailInitConfig as C}from"./configs/inits.js";import{SettingUIV2 as V}from"./configs/ui-v2.js";import H from"./configs/settings.js";let config={tag:"FormEmail",label:"Email Field",icon:`
   <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M1.06665 17.42C1.06665 17.6961 1.29051 17.92 1.56665 17.92H14.5044C14.7806 17.92 15.0044 17.6961 15.0044 17.42V6.89999C15.0044 6.62385 14.7806 6.39999 14.5044 6.39999H1.56665C1.29051 6.39999 1.06665 6.62385 1.06665 6.89999V17.42ZM3.05776 8.79999V8.31999H13.0133V8.79999L8.03554 11.968L3.05776 8.79999ZM13.0133 11.104V16H3.05776V11.104L8.03554 14.272L13.0133 11.104ZM18.4911 14.08C18.215 14.08 17.9911 14.3039 17.9911 14.58V15.5C17.9911 15.7761 18.215 16 18.4911 16H28.9422V23.68H6.04443V21.3C6.04443 21.0239 5.82057 20.8 5.54443 20.8H4.55332C4.27717 20.8 4.05332 21.0239 4.05332 21.3V25.1C4.05332 25.3761 4.27717 25.6 4.55332 25.6H30.4333C30.7095 25.6 30.9333 25.3761 30.9333 25.1V14.58C30.9333 14.3039 30.7095 14.08 30.4333 14.08H18.4911Z" fill="currentColor"/>
   </svg>
 
-  `,settings:i,ui:V,uiV2:H,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-email-field",name:"Email Field",icon:{desktop:`
+  `,settings:H,ui:[],uiV2:V,editorConfigs:{placeholder:{flowTag:["Newsletter","ContactForm"]}},presets:[{id:"form-email-field",name:"Email Field",icon:{desktop:`
           <svg width="96" height="36" viewBox="0 0 96 36" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="0.5" y="0.5" width="95" height="35" rx="2.5" stroke="#474747"/>
           <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 14.5C8.5 13.6716 9.17157 13 10 13H21C21.8284 13 22.5 13.6716 22.5 14.5V21.5C22.5 22.3284 21.8284 23 21 23H10C9.17157 23 8.5 22.3284 8.5 21.5V14.5ZM10.4397 14L15.083 17.0955C15.251 17.2075 15.4698 17.2075 15.6377 17.0955L20.281 14H10.4397ZM21.4892 14.3963L18.2009 16.5886L20.2763 18.427C20.483 18.6101 20.5022 18.9261 20.3191 19.1328C20.136 19.3395 19.82 19.3586 19.6132 19.1755L17.3555 17.1755C17.3505 17.1711 17.3456 17.1666 17.3408 17.162L16.1924 17.9276C15.6886 18.2635 15.0321 18.2635 14.5283 17.9276L13.5399 17.2686L11.3872 19.1755C11.1805 19.3586 10.8645 19.3395 10.6814 19.1328C10.4983 18.9261 10.5174 18.6101 10.7241 18.427L12.6794 16.695L9.5 14.5754V21.5C9.5 21.7761 9.72386 22 10 22H21C21.2761 22 21.5 21.7761 21.5 21.5V14.5C21.5 14.4645 21.4963 14.4298 21.4892 14.3963Z" fill="#F9F9F9"/>

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

@@ -1 +1 @@
-let FormEmailSettings=[{id:"setting",controls:[{id:"placeholder",type:"input",label:"Placeholder",default:"Enter your email address",placeholder:"Enter your text"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"translate",type:"input",default:"placeholder"},{id:"required",type:"toggle",label:"Placeholder",default:!0},{id:"hideOnClient",type:"toggle",label:"Hide on client",default:!1},{id:"defaultEmail",type:"input",label:"Default value",default:"default@gempages.help"},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{color:!0,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF"}}}},{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:{},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:"backgroundColorV2Hover",type:"color-picker-v2",enableGradient:!0},{id:"textColorHover",type:"color-picker-v2",label:"Text Color",state:{hover:!0}},{id:"borderEmailHover",type:"border",emptyOnClear:!0,state:{hover:!0}},{id:"roundedEmailHover",type:"radius-preset",default:{hover:{radiusType:"small"}},state:{hover:!0}},{id:"boxShadowEmailHover",type:"shadow-v2",label:"Button Shadow",hideOnState:{hover:!0},state:{hover:!0}},{id:"backgroundColorV2Active",type:"color-picker-v2",enableGradient:!0},{id:"textColorActive",type:"color-picker-v2",label:"Text Color",state:{active:!0}},{id:"borderEmailActive",type:"border",emptyOnClear:!0,state:{active:!0}},{id:"roundedEmailActive",type:"radius-preset",default:{active:{radiusType:"small"}},state:{active:!0}},{id:"boxShadowEmailActive",type:"shadow-v2",label:"Button Shadow",hideOnState:{active:!0},state:{active:!0}}]}];export{FormEmailSettings as default};
+let FormEmailSettings=[{id:"setting",controls:[{id:"placeholder",type:"input",label:"Placeholder",default:"Enter your email address",placeholder:"Enter your text"},{id:"placeholderColor",type:"color-picker-v2",label:"Color",default:"#A3A3A3"},{id:"required",type:"toggle",label:"Placeholder",default:!0},{id:"hideOnClient",type:"toggle",label:"Hide on client",default:!1},{id:"defaultEmail",type:"input",label:"Default value",default:"default@gempages.help"},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{color:!0,textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"size",label:"Field size",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto Width",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"100%"}}},{id:"background",type:"background-media",ignoreReRender:!0,hideImage:!0,devices:{desktop:{default:{type:"color",color:"#FFFFFF"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#FFFFFF"}}}},{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:{},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:"backgroundColorV2Hover",type:"color-picker-v2",enableGradient:!0},{id:"textColorHover",type:"color-picker-v2",label:"Text Color",state:{hover:!0}},{id:"borderEmailHover",type:"border",emptyOnClear:!0,state:{hover:!0}},{id:"roundedEmailHover",type:"radius-preset",default:{hover:{radiusType:"small"}},state:{hover:!0}},{id:"boxShadowEmailHover",type:"shadow-v2",label:"Button Shadow",hideOnState:{hover:!0},state:{hover:!0}},{id:"backgroundColorV2Active",type:"color-picker-v2",enableGradient:!0},{id:"textColorActive",type:"color-picker-v2",label:"Text Color",state:{active:!0}},{id:"borderEmailActive",type:"border",emptyOnClear:!0,state:{active:!0}},{id:"roundedEmailActive",type:"radius-preset",default:{active:{radiusType:"small"}},state:{active:!0}},{id:"boxShadowEmailActive",type:"shadow-v2",label:"Button Shadow",hideOnState:{active:!0},state:{active:!0}}]}];export{FormEmailSettings as default};

package/dist/esm/form/settings/form-email/configs/translate.js

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