@hokulea/ember 0.7.2 → 0.8.0

package/dist/form-DBuzL4_0.js

@@ -0,0 +1,518 @@
+import Component from '@glimmer/component';
+import { hash, uniqueId } from '@ember/helper';
+import styles from '@hokulea/core/forms.module.css';
+import { createForm } from '@hokulea/ember-pahu';
+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-DS9du02l.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import Icon from './components/icon.js';
+import { g, i } from 'decorator-transforms/runtime-esm';
+import Checkbox from './components/checkbox.js';
+import { modifier } from 'ember-modifier';
+import CurrencyInput from './components/currency-input.js';
+import DateInput from './components/date-input.js';
+import EmailInput from './components/email-input.js';
+import List from './components/list.js';
+import NumberInput from './components/number-input.js';
+import PasswordInput from './components/password-input.js';
+import PhoneInput from './components/phone-input.js';
+import RangeInput from './components/range-input.js';
+import Select from './components/select.js';
+import Radio from './components/radio.js';
+import TextInput from './components/text-input.js';
+import TextArea from './components/text-area.js';
+import styles$1 from '@hokulea/core/actions.module.css';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+
+const Description = setComponentTemplate(precompileTemplate("\n  <p class={{styles.description}} data-test-description ...attributes>\n    {{yield}}\n  </p>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles
+  })
+}), templateOnly());
+
+const Errors = setComponentTemplate(precompileTemplate("\n  <div id={{@id}} aria-live=\"assertive\" class={{styles.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>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles
+  })
+}), templateOnly());
+
+const Label = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element \"label\")) as |Element|}}\n    <Element class={{styles.label}} data-test-label ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    styles
+  })
+}), 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("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        Icon,
+        ErrorIcon,
+        ValidIcon
+      })
+    }), this);
+  }
+}
+class Rules extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.useRules(true);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div id={{@id}} aria-live=\"assertive\" class={{styles.rules}} ...attributes>\n      {{yield (component Rule errors=@errors)}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        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("\n    {{#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={{styles.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}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        element,
+        Rules,
+        styles,
+        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("\n    <this.Field @label @name={{@name}} @value={{@value}} @ignoreNativeValidation={{@ignoreNativeValidation}} @validateOn={{@validateOn}} @revalidateOn={{@revalidateOn}} @validate={{@validate}} @validated={{@validated}} as |f|>\n      <div class={{styles.choices}}>\n        <div class={{styles.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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        Checkbox,
+        asBoolean,
+        manageValidation,
+        Label,
+        Description
+      })
+    }), this);
+  }
+}
+
+class CurrencyField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        CurrencyInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class DateField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        DateInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class EmailField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        EmailInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+const ListLabel = setComponentTemplate(precompileTemplate("\n  <Label @element={{element \"span\"}} id={{@id}}>{{yield}}</Label>\n", {
+  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("\n    {{#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}}\n  ", {
+      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("\n    {{#let (uniqueId) (uniqueId) as |id errorId|}}\n      <div class={{styles.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}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        styles,
+        Checkbox,
+        manageValidation,
+        Label,
+        Description,
+        Errors
+      })
+    }), this);
+  }
+};
+class MultipleChoiceField extends Component {
+  Field = this.args.Field;
+  Option = Option$1;
+  asMultiField = field => {
+    return field;
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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={{styles.choices}} data-test-choices>\n        {{yield (hash Option=(component this.Option field=(this.asMultiField f) name=@name disabled=@disabled))}}\n      </div>\n    </this.Field>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        Label,
+        styles,
+        hash
+      })
+    }), this);
+  }
+}
+
+class NumberField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        NumberInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class PasswordField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        PasswordInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class PhoneField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        PhoneInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class RangeField extends Component {
+  Field = this.args.Field;
+  setNumberValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        RangeInput,
+        asNumber,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class SelectField extends Component {
+  Field = this.args.Field;
+  setValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        Select,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class Option extends Component {
+  select = () => {
+    this.args.field.setValue(this.args.value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) as |id|}}\n      <div class={{styles.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}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        styles,
+        Radio,
+        eq,
+        Label,
+        Description
+      })
+    }), this);
+  }
+}
+class SingularChoiceField extends Component {
+  Field = this.args.Field;
+  Option = Option;
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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={{styles.choices}} data-test-choices>\n        {{yield (hash Option=(component this.Option field=f name=@name disabled=@disabled))}}\n      </div>\n    </this.Field>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        Label,
+        styles,
+        hash
+      })
+    }), this);
+  }
+}
+
+class TextField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <@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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        TextInput,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+class TextAreaField extends Component {
+  Field = this.args.Field;
+  setStringValue = setValue => {
+    return value => setValue(value);
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <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>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        TextArea,
+        asString,
+        manageValidation
+      })
+    }), this);
+  }
+}
+
+const Reset = setComponentTemplate(precompileTemplate("\n  <button type=\"reset\" class={{styles.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>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles: styles$1,
+    disabled
+  })
+}), templateOnly());
+
+const Submit = setComponentTemplate(precompileTemplate("\n  <button type=\"submit\" class={{styles.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>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles: styles$1,
+    disabled
+  })
+}), 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("\n    {{#let (createForm data=@data ignoreNativeValidation=@ignoreNativeValidation validateOn=@validateOn revalidateOn=@revalidateOn submit=@submit validate=@validate validated=@validated) as |f|}}\n      <form novalidate class={{styles.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) Submit=Submit Reset=Reset form=f)}}\n        {{/let}}\n      </form>\n    {{/let}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        createForm,
+        styles,
+        hash,
+        Submit,
+        Reset
+      })
+    }), this);
+  }
+}
+
+export { Form as F };
+//# sourceMappingURL=form-DBuzL4_0.js.map