"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../../helpers.js"),s=require("@gem-sdk/system"),r=require("./common/styles.js"),a=require("./common/classes.js"),l=require("../../settings/text-field/configs/translate.js");exports.default=({setting:i,builderProps:o,className:c,builderAttrs:d,advanced:n,pageContext:u,styles:m})=>{let{text:p,name:y,placeholder:$,required:g}=i??{},x=t.getDynamicSourceLocales({val:$,uid:o?.uid,settingId:t.createSettingId({id:l.TextField?.placeholder?.id}),pageContext:u??{}}),q=s.createStyle(r.composeContainerStyles(n,i)),v=s.createClass(a.composeContainerClasses(n,o)),C=s.createClass(a.composeTextFieldClasses(i,o,c??"")),f=s.createStyle(r.composeTextareaStyles(n,i,m));return e.template`
    <div
      ${d}
      data-id="${o?.uid}"
      class="${v}"
      style="${q}"
    >
      <input
        type="text"
        class="${C}"
        style="${f}"
        placeholder="${x}"
        ${s.If(g,"required")}
        name="${""===y||void 0===y?"contact[first_name]":y}"
        value="${p}"
      ></input>
    </div>
  `};
