import { html } from '@microsoft/fast-element';
//   <pre>${(x) => JSON.stringify(x.control, null, 2)}</pre>
export const StringControlRendererTemplate = html `
  <template>
    <control-wrapper
      :control=${(x) => x.control}
      :touched=${(x) => x.touched}
      ?submitted=${(x) => x.submitted}
    >
      <zero-text-field
        type=${(x) => { var _a, _b; return (((_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.isPassword) ? 'password' : 'text'); }}
        :value=${(x) => x.control.data || ''}
        @change=${(x, c) => x.control.handleChange(x.control.path, c.event.target.value)}
        placeholder=${(x) => x.control.label}
        id=${(x) => x.control.path}
        data-test-id=${(x) => x.control.path}
        ?required=${(x) => x.control.required}
        ?disabled=${(x) => !x.control.enabled}
        style="width: 100%"
        @blur=${(x) => x.onBlur()}
      ></zero-text-field>
    </control-wrapper>
  </template>
`;
//# sourceMappingURL=StringControlRenderer.js.map