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