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