//~OPTIONS
{
  extends:              "@controls:text-edit",
  clientRendering:      true,
  lockTemplate:         false,
  autoUpdate:           true,
}

//~ARGUMENTS
{
}

//~TEMPLATE
<table class="@{{decor.textEditTableClass}}@" style="width:@{{args.width}}@">
<tr>
  %{{ fcf.each(args.leftButtons, (a_key, a_content)=>{ }}%
    <td width="1px" class="@{{decor.textEditButtonClass}}@">
      @{{a_content}}@
    </td>
  %{{ }); }}%
  <td width="100%">
    <input
      type="password"
      autocomplete="off"
      @{{args.autofocus ? "autofocus" : ""}}@
      @{{!args.enable   ? "readonly" : ""}}@
      class="${{decor.textEditClass}}$"
      style='width:100%'
      fcfEventInput="wrapper.onInput(event)"
      value="@{{typeof args.value === "boolean" ? "*******" : fcf.encodeHtml(args.value)}}@"
      >
  </td>
  %{{ fcf.each(args.rightButtons, (a_key, a_content)=>{ }}%
    <td width="1px" class="@{{decor.textEditButtonClass}}@">
      @{{a_content}}@
    </td>
  %{{ }); }}%
</tr>
</table>
