@hokulea/ember 0.7.2 → 0.9.0

package/dist/focus-page-B9myJVvL.js

@@ -0,0 +1,23 @@
+import { element } from 'ember-element-helper';
+import styles from '@hokulea/core/layouts.module.css';
+import typo from '@hokulea/core/typography.module.css';
+import { o as or } from './helpers-DS9du02l.js';
+import { P as PageDestructor, a as PageElement } from './pages-DgHJEvSy.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const FocusPage = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.focusPage}} {{pageDestructor}} ...attributes data-test-page>\n      {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n        <header class={{styles.pageContent}}>\n          <h1 class={{typo.display}}>\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else if @title}}\n              {{@title}}\n            {{/if}}\n          </h1>\n\n          {{#if (or (has-block \"description\") @description)}}\n            <p>\n              {{#if (has-block \"description\")}}\n                {{yield to=\"description\"}}\n              {{else if @description}}\n                {{@description}}\n              {{/if}}\n            </p>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    </Element>\n  {{/let}}\n", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    pageElement: PageElement,
+    styles,
+    pageDestructor: PageDestructor,
+    or,
+    typo
+  })
+}), templateOnly());
+
+export { FocusPage as F };
+//# sourceMappingURL=focus-page-B9myJVvL.js.map

package/dist/focus-page-B9myJVvL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-page-B9myJVvL.js","sources":["../src/components/layouts/focus-page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\n// eslint-disable-next-line import-x/no-duplicates\nimport styles from '@hokulea/core/layouts.module.css';\n// eslint-disable-next-line import-x/no-duplicates\nimport typo from '@hokulea/core/typography.module.css';\n\nimport { or } from '../../-private/helpers.ts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface FocusPageSignature {\n  Element: HTMLElement;\n  Args: {\n    title?: string;\n    description?: string;\n    element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n  };\n  Blocks: {\n    title?: [];\n    description?: [];\n    content?: [];\n    default?: [];\n  };\n}\n\nexport const FocusPage: TOC<FocusPageSignature> = <template>\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.focusPage}} {{pageDestructor}} ...attributes data-test-page>\n      {{#if\n        (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))\n      }}\n        <header class={{styles.pageContent}}>\n          <h1 class={{typo.display}}>\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else if @title}}\n              {{@title}}\n            {{/if}}\n          </h1>\n\n          {{#if (or (has-block \"description\") @description)}}\n            <p>\n              {{#if (has-block \"description\")}}\n                {{yield to=\"description\"}}\n              {{else if @description}}\n                {{@description}}\n              {{/if}}\n            </p>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    </Element>\n  {{/let}}\n</template>;\n"],"names":["FocusPage","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","styles","pageDestructor","or","typo","templateOnly"],"mappings":";;;;;;;;;MA4BaA,SAAe,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,uoCAAA,EAoClD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;IAAAC,MAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/form-DWyQ6QHX.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 { I as Icon } from './icon-bLZqjTMP.js';
+import { g, i } from 'decorator-transforms/runtime-esm';
+import { C as Checkbox } from './checkbox-D4vALmT2.js';
+import { modifier } from 'ember-modifier';
+import { C as CurrencyInput } from './currency-input-8ef0Igfb.js';
+import { D as DateInput } from './date-input-BayaBuSb.js';
+import { E as EmailInput } from './email-input-j-Z0KO4A.js';
+import { L as List } from './list-CsLvih6-.js';
+import { N as NumberInput } from './number-input-B84zcPlM.js';
+import { P as PasswordInput } from './password-input-BMp5uscw.js';
+import { P as PhoneInput } from './phone-input-DeaTM5yP.js';
+import { R as RangeInput } from './range-input-BiAPgpW8.js';
+import { S as Select } from './select-DxyaUFuy.js';
+import { R as Radio } from './radio-CGBLrzK4.js';
+import { T as TextInput } from './text-input-CK-yGbI5.js';
+import { T as TextArea } from './text-area-55_E1zv8.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-DWyQ6QHX.js.map