@hokulea/ember 0.12.0 → 0.14.0

package/dist/form-VcfCjgct.js

@@ -0,0 +1,508 @@
+import Component from '@glimmer/component';
+import { hash, uniqueId } from '@ember/helper';
+import { createForm } from '@hokulea/ember-pahu';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { tracked } from '@glimmer/tracking';
+import { next } from '@ember/runloop';
+import { element } from 'ember-element-helper';
+import { a as and, b as asBoolean, c as asNumber, d as asString, e as eq } from './helpers-D4So5-uK.js';
+import { I as Icon } from './icon-ej-3ZqQt.js';
+import { g, i } from 'decorator-transforms/runtime-esm';
+import { C as Checkbox } from './checkbox-Dq-Ba0eG.js';
+import { modifier } from 'ember-modifier';
+import { C as CurrencyInput } from './currency-input-BXZynbgP.js';
+import { D as DateInput } from './date-input-Do_gdYif.js';
+import { E as EmailInput } from './email-input-C3DQI5CS.js';
+import { L as List } from './list-CIQXPiUH.js';
+import { N as NumberInput } from './number-input-C3nCdLGj.js';
+import { P as PasswordInput } from './password-input-DRa3El-5.js';
+import { P as PhoneInput } from './phone-input-D3AIkLe8.js';
+import { R as RangeInput } from './range-input-Oc8Z7tsH.js';
+import { S as Select } from './select-CrdsGEgR.js';
+import { R as Radio } from './radio-BQ_nDgm0.js';
+import { T as TextInput } from './text-input-B5cPU_e-.js';
+import { T as TextArea } from './text-area-BBLWOU6L.js';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+
+// import Icon from '../../../components/icon';
+const Errors = setComponentTemplate(precompileTemplate("<div id={{@id}} aria-live=\"assertive\" class=\"form-errors\" ...attributes>\n  {{!-- <span><Icon @icon='dismiss-circle' @style='filled' /></span> --}}\n  {{#if (has-block)}}\n    {{yield @errors}}\n  {{else}}\n    <div>\n      {{#each @errors as |e|}}\n        {{#if e.message}}\n          <p data-test-error data-test-error-type=\"{{e.type}}\" data-test-error-value=\"{{e.value}}\">{{e.message}}</p>\n        {{/if}}\n      {{/each}}\n    </div>\n  {{/if}}\n</div>", {
+  strictMode: true
+}), templateOnly());
+
+const Description = setComponentTemplate(precompileTemplate("<p class=\"form-description\" data-test-description ...attributes>\n  {{yield}}\n</p>", {
+  strictMode: true
+}), templateOnly());
+
+const Label = setComponentTemplate(precompileTemplate("{{#let (if @element @element (element \"label\")) as |Element|}}\n  <Element class=\"form-label\" data-test-label ...attributes>\n    {{yield}}\n  </Element>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element
+  })
+}), templateOnly());
+
+const ErrorIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="256"
+height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M208.49
+191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51
+64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145
+128Z"/></svg>`;
+const ValidIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="256"
+height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m232.49
+80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12
+12 0 0 1 17 17Z"/></svg>`;
+class Rule extends Component {
+  isInvalid = () => {
+    return this.args.errors?.some(i => this.args.key in i && i[this.args.key] === this.args.value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<p data-test-rule data-test-rule-invalid={{(this.isInvalid)}}>\n  <Icon @icon={{if (this.isInvalid) ErrorIcon ValidIcon}} data-invalid={{(this.isInvalid)}} data-icon />\n\n  <span>{{yield}}</span>\n</p>", {
+      strictMode: true,
+      scope: () => ({
+        Icon,
+        ErrorIcon,
+        ValidIcon
+      })
+    }), this);
+  }
+}
+class Rules extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.useRules(true);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div id={{@id}} aria-live=\"assertive\" class=\"form-rules\" ...attributes>\n  {{yield (component Rule errors=@errors)}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        Rule
+      })
+    }), this);
+  }
+}
+
+class Field extends Component {
+  static {
+    g(this.prototype, "rulesUsed", [tracked], function () {
+      return false;
+    });
+  }
+  #rulesUsed = (i(this, "rulesUsed"), void 0);
+  #field;
+  get validateOn() {
+    return this.rulesUsed ? 'input' : this.args.validateOn;
+  }
+  get revalidateOn() {
+    return this.rulesUsed ? 'input' : this.args.revalidateOn;
+  }
+  createOrUpdateField = config => {
+    const filteredConfig = Object.fromEntries(Object.entries(config).filter(([_, v]) => v !== undefined));
+    if (this.#field) {
+      this.#field.updateConfig(filteredConfig);
+    } else {
+      this.#field = this.args.form.createField(filteredConfig);
+    }
+    return this.#field;
+  };
+  useRules = useRules => {
+    // eslint-disable-next-line ember/no-runloop
+    next(async () => {
+      this.rulesUsed = useRules;
+      if (useRules) {
+        await this.#field?.validate();
+      }
+    });
+  };
+  get showErrors() {
+    return !this.rulesUsed && this.args.showErrors !== false;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (uniqueId) (uniqueId) (if @element @element (element \"div\")) (this.createOrUpdateField name=@name ignoreNativeValidation=@ignoreNativeValidation linkedField=@linkedField validateOn=this.validateOn revalidateOn=this.revalidateOn validate=@validate validated=@validated value=@value) (component Rules useRules=this.useRules) as |fieldId errorId Element field WiredRules|}}\n  <Element class=\"form-field\" data-test-field={{@name}}>\n    {{#if @label}}\n      {{#let (if @labelComponent @labelComponent Label) as |L|}}\n        <L for={{unless @labelComponent fieldId}}>{{@label}}</L>\n      {{/let}}\n    {{/if}}\n\n    {{#if @description}}\n      <Description>{{@description}}</Description>\n    {{/if}}\n\n    {{yield (hash value=field.value setValue=field.setValue id=fieldId errorId=errorId invalid=field.invalid registerElement=field.registerElement issues=field.issues validate=field.validate showErrors=this.showErrors Rules=(component WiredRules id=errorId errors=field.issues))}}\n\n    {{#if (and this.showErrors field.issues)}}\n      <Errors @id={{errorId}} @errors={{field.issues}} />\n    {{/if}}\n  </Element>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        element,
+        Rules,
+        Label,
+        Description,
+        hash,
+        and,
+        Errors
+      })
+    }), this);
+  }
+}
+
+const manageValidation = modifier((element, _, {
+  showErrors,
+  invalid,
+  errorMessageId
+}) => {
+  if (showErrors !== false) {
+    element.ariaInvalid = invalid ? 'true' : 'false';
+    if (invalid) {
+      element.setAttribute('aria-errormessage', errorMessageId);
+    } else {
+      element.removeAttribute('aria-errormessage');
+    }
+    if (element.parentElement && 'inputBuilder' in element.parentElement.dataset) {
+      element.parentElement.dataset.invalid = invalid ? 'true' : 'false';
+    }
+  }
+  return;
+});
+
+class CheckboxField extends Component {
+  Field = this.args.Field;
+  setBooleanValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @label @name={{@name}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <div class=\"form-choices\">\n    <div class=\"form-choice\">\n      <span>\n        <Checkbox @value={{asBoolean f.value}} @update={{this.setBooleanValue f.setValue}} @disabled={{@disabled}} id={{f.id}} name={{@name}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n      </span>\n\n      <div>\n        <Label for={{f.id}}>{{@label}}</Label>\n\n        {{#if @description}}\n          <Description>{{@description}}</Description>\n        {{/if}}\n      </div>\n    </div>\n  </div>\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        Checkbox,
+        asBoolean,
+        manageValidation,
+        Label,
+        Description
+      })
+    }), this);
+  }
+}
+
+class CurrencyField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <CurrencyInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        CurrencyInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class DateField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <DateInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        DateInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class EmailField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <EmailInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        EmailInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+const ListLabel = setComponentTemplate(precompileTemplate("<Label @element={{element \"span\"}} id={{@id}}>{{yield}}</Label>", {
+  strictMode: true,
+  scope: () => ({
+    Label,
+    element
+  })
+}), templateOnly());
+class ListField extends Component {
+  Field = this.args.Field;
+  List = List;
+  setValue = setValue => {
+    return value => setValue(value);
+  };
+  asValue = value => value;
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (uniqueId) as |labelId|}}\n  <this.Field @name={{@name}} @label={{@label}} @labelComponent={{component ListLabel id=labelId}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n    <this.List @value={{this.asValue f.value}} @update={{this.setValue f.setValue}} @disabled={{@disabled}} {{!-- name={{@name}} --}} aria-labelledby={{labelId}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid}} ...attributes as |s|>\n      {{yield s}}\n    </this.List>\n  </this.Field>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        ListLabel,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+let Option$1 = class Option extends Component {
+  select = checked => {
+    if (checked) {
+      this.args.field.setValue([...(this.args.field.value ?? []), this.args.value]);
+    } else {
+      const values = this.args.field.value;
+      const index = this.args.field.value?.indexOf(this.args.value);
+      if (Array.isArray(values) && index) {
+        values.splice(index, 1);
+        this.args.field.setValue(values);
+      }
+    }
+  };
+  get checked() {
+    return this.args.field.value?.includes(this.args.value);
+  }
+  get issues() {
+    return this.args.field.issues.filter(i => 'value' in i && i.value === this.args.value);
+  }
+  get invalid() {
+    return this.issues.length > 0;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (uniqueId) (uniqueId) as |id errorId|}}\n  <div class=\"form-choice\" data-test-option>\n    <span>\n      <Checkbox @value={{this.checked}} @update={{this.select}} @disabled={{@disabled}} id={{id}} name={{@name}} value={{@value}} {{@field.registerElement}} {{manageValidation errorMessageId=errorId invalid=this.invalid}} ...attributes />\n    </span>\n\n    <div>\n      <Label for={{id}}>{{@label}}</Label>\n\n      {{#if @description}}\n        <Description>{{@description}}</Description>\n      {{/if}}\n\n      {{yield}}\n\n      {{#if this.issues}}\n        <Errors @id={{errorId}} @errors={{this.issues}} />\n      {{/if}}\n\n    </div>\n  </div>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        Checkbox,
+        manageValidation,
+        Label,
+        Description,
+        Errors
+      })
+    }), this);
+  }
+};
+class MultipleChoiceField extends Component {
+  Field = this.args.Field;
+  Option = Option$1;
+  asMultiField = field => {
+    return field;
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @element={{element \"fieldset\"}} @showErrors={{false}} @labelComponent={{component Label element=(element \"legend\")}} @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <div class=\"form-choices\" data-test-choices>\n    {{yield (hash Option=(component this.Option field=(this.asMultiField f) name=@name disabled=@disabled))}}\n  </div>\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        Label,
+        hash
+      })
+    }), this);
+  }
+}
+
+class NumberField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <NumberInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        NumberInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class PasswordField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <PasswordInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n  {{#if (has-block \"rules\")}}\n    <f.Rules as |Rule|>\n      {{yield Rule to=\"rules\"}}\n    </f.Rules>\n  {{/if}}\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        PasswordInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class PhoneField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <PhoneInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n  {{#if (has-block \"rules\")}}\n    <f.Rules as |Rule|>\n      {{yield Rule to=\"rules\"}}\n    </f.Rules>\n  {{/if}}\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        PhoneInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class RangeField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <RangeInput @value={{asNumber f.value}} @update={{this.setNumberValue f.setValue}} @disabled={{@disabled}} @orientation={{@orientation}} @min={{@min}} @max={{@max}} @step={{@step}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        RangeInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class SelectField extends Component {
+  Field = this.args.Field;
+  setValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <Select @value={{asString f.value}} @update={{this.setValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes as |s|>\n    {{yield s}}\n  </Select>\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        Select,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class Option extends Component {
+  select = () => {
+    this.args.field.setValue(this.args.value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (uniqueId) as |id|}}\n  <div class=\"form-choice\" data-test-option>\n    <span>\n      <Radio @value={{eq @field.value @value}} @update={{this.select}} @disabled={{@disabled}} id={{id}} name={{@name}} value={{@value}} {{@field.registerElement}} ...attributes />\n    </span>\n\n    <div>\n      <Label for={{id}}>{{@label}}</Label>\n\n      {{#if @description}}\n        <Description>{{@description}}</Description>\n      {{/if}}\n\n      {{yield}}\n    </div>\n  </div>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        Radio,
+        eq,
+        Label,
+        Description
+      })
+    }), this);
+  }
+}
+class SingularChoiceField extends Component {
+  Field = this.args.Field;
+  Option = Option;
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @element={{element \"fieldset\"}} @labelComponent={{component Label element=(element \"legend\")}} @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <div class=\"form-choices\" data-test-choices>\n    {{yield (hash Option=(component this.Option field=f name=@name disabled=@disabled))}}\n  </div>\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        Label,
+        hash
+      })
+    }), this);
+  }
+}
+
+class TextField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<@Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <TextInput @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n\n  {{#if (has-block \"rules\")}}\n    <f.Rules as |Rule|>\n      {{yield Rule to=\"rules\"}}\n    </f.Rules>\n  {{/if}}\n</@Field>", {
+      strictMode: true,
+      scope: () => ({
+        TextInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class TextAreaField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<this.Field @name={{@name}} @label={{@label}} @description={{@description}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n  <TextArea @value={{asString f.value}} @update={{this.setStringValue f.setValue}} @disabled={{@disabled}} name={{@name}} id={{f.id}} {{f.registerElement}} {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}} ...attributes />\n</this.Field>", {
+      strictMode: true,
+      scope: () => ({
+        TextArea,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+const Reset = setComponentTemplate(precompileTemplate("<button type=\"reset\" class=\"button\" data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} {{disabled when=(if @disabled @disabled false)}} data-test-button ...attributes>\n  {{#if (has-block \"before\")}}\n    <span data-test-button=\"before\">\n      {{yield to=\"before\"}}\n    </span>\n  {{/if}}\n\n  <span data-test-button=\"label\">\n    {{#if (has-block \"label\")}}\n      {{yield to=\"label\"}}\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </span>\n\n  {{#if (has-block \"after\")}}\n    <span data-test-button=\"after\">\n      {{yield to=\"after\"}}\n    </span>\n  {{/if}}\n</button>", {
+  strictMode: true,
+  scope: () => ({
+    disabled
+  })
+}), templateOnly());
+
+const Submit = setComponentTemplate(precompileTemplate("<button type=\"submit\" class=\"button\" data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} {{disabled when=(if @disabled @disabled false)}} data-test-button ...attributes>\n  {{#if (has-block \"before\")}}\n    <span data-test-button=\"before\">\n      {{yield to=\"before\"}}\n    </span>\n  {{/if}}\n\n  <span data-test-button=\"label\">\n    {{#if (has-block \"label\")}}\n      {{yield to=\"label\"}}\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </span>\n\n  {{#if (has-block \"after\")}}\n    <span data-test-button=\"after\">\n      {{yield to=\"after\"}}\n    </span>\n  {{/if}}\n</button>", {
+  strictMode: true,
+  scope: () => ({
+    disabled
+  })
+}), templateOnly());
+
+const FormErrors = setComponentTemplate(precompileTemplate("{{#if @errors}}\n  <Errors @errors={{@errors}} @id={{(uniqueId)}} />\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    Errors,
+    uniqueId
+  })
+}), templateOnly());
+class Form extends Component {
+  Field = Field;
+  CheckboxField = CheckboxField;
+  CurrencyField = CurrencyField;
+  DateField = DateField;
+  EmailField = EmailField;
+  ListField = ListField;
+  MultipleChoiceField = MultipleChoiceField;
+  NumberField = NumberField;
+  PasswordField = PasswordField;
+  PhoneField = PhoneField;
+  RangeField = RangeField;
+  SelectField = SelectField;
+  SingularChoiceField = SingularChoiceField;
+  TextAreaField = TextAreaField;
+  TextField = TextField;
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (createForm data=@data ignoreNativeValidation=@ignoreNativeValidation validateOn=@validateOn revalidateOn=@revalidateOn submit=@submit validate=@validate validated=@validated) as |f|}}\n  <form novalidate class=\"form\" data-test-form ...attributes {{f.registerElement}}>\n    {{#let (component this.Field form=f) as |WiredField|}}\n      {{yield (hash invalid=f.invalid submit=f.submit Field=WiredField Checkbox=(component this.CheckboxField Field=WiredField) Currency=(component this.CurrencyField Field=WiredField) Date=(component this.DateField Field=WiredField) Email=(component this.EmailField Field=WiredField) List=(component this.ListField Field=WiredField) MultipleChoice=(component this.MultipleChoiceField Field=WiredField) Number=(component this.NumberField Field=WiredField) Password=(component this.PasswordField Field=WiredField) Phone=(component this.PhoneField Field=WiredField) Range=(component this.RangeField Field=WiredField) Select=(component this.SelectField Field=WiredField) SingularChoice=(component this.SingularChoiceField Field=WiredField) TextArea=(component this.TextAreaField Field=WiredField) Text=(component this.TextField Field=WiredField) Errors=(component FormErrors errors=f.issues) Submit=Submit Reset=Reset)}}\n    {{/let}}\n  </form>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        createForm,
+        hash,
+        FormErrors,
+        Submit,
+        Reset
+      })
+    }), this);
+  }
+}
+
+export { Form as F };
+//# sourceMappingURL=form-VcfCjgct.js.map