"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),a=require("./common/styles.js"),l=require("./common/classes.js"),r=require("../../settings/form-email/configs/translate.js");exports.default=({builderProps:i,builderAttrs:o,setting:c,advanced:n,pageContext:m,styles:u})=>{let{placeholder:d,required:p,hideOnClient:$,defaultEmail:y,showTitle:g,title:C}=c??{},q=s.getDynamicSourceLocales({val:d,uid:i?.uid,settingId:s.createSettingId({id:r.FormEmail?.placeholder?.id}),pageContext:m??{}}),f=t.createStyle(a.composeContainerStyles(c,n)),I=t.createStyle(a.composeInnerStyles(c,n,u)),v=t.createClass(l.composeContainerClasses({setting:c,advanced:n,builderProps:i,type:"liquid"})),S=t.createClass(l.composeInnerClasses(c,i)),j=t.createClass(l.getClassTitle());return e.template`
    <div
      ${{...o}}
      data-id="${i?.uid}"
      class="${v}"
      style="${f}"
    >
      ${t.If(g,`<span className="${j}">${C}</span>`)}
      <input
        type="email"
        class="${S}"
        style="${I}"
        placeholder="${q}"
        name="${"contact[email]"}"
        ${t.If(p,"required")}
        autocomplete="email"
        ${t.If($,`value="${y}"`)}
      ></input>
    </div>
  `};
