@hokulea/ember 0.10.2 → 0.11.1

package/dist/{form-VsNkRlXs.js → form-CXvWQbiY.js}

@@ -1,6 +1,5 @@
 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';
@@ -9,44 +8,37 @@ import { a as and, b as asBoolean, c as asNumber, d as asString, e as eq } from
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-import { I as Icon } from './icon-BfRBkZ72.js';
+import { I as Icon } from './icon-rlG6O1ps.js';
 import { g, i } from 'decorator-transforms/runtime-esm';
-import { C as Checkbox } from './checkbox-D3_2ps5M.js';
+import { C as Checkbox } from './checkbox-C9-RZtWK.js';
 import { modifier } from 'ember-modifier';
-import { C as CurrencyInput } from './currency-input-tBhgIMTh.js';
-import { D as DateInput } from './date-input-DLv9jE39.js';
-import { E as EmailInput } from './email-input-BR33Qevz.js';
-import { L as List } from './list-CsLvih6-.js';
-import { N as NumberInput } from './number-input-FJympEv2.js';
-import { P as PasswordInput } from './password-input-DV5yb10h.js';
-import { P as PhoneInput } from './phone-input-Uv5v9hK9.js';
-import { R as RangeInput } from './range-input-BIb7GkKH.js';
-import { S as Select } from './select-CeO8AZMK.js';
-import { R as Radio } from './radio-CLF40kob.js';
-import { T as TextInput } from './text-input-CcIcYksE.js';
-import { T as TextArea } from './text-area-DF8-cDiy.js';
-import styles$1 from '@hokulea/core/actions.module.css';
+import { C as CurrencyInput } from './currency-input-BqNb3IcU.js';
+import { D as DateInput } from './date-input-DxDpVu3A.js';
+import { E as EmailInput } from './email-input-84impWbH.js';
+import { L as List } from './list-C86dLtuk.js';
+import { N as NumberInput } from './number-input-CDMSp7qk.js';
+import { P as PasswordInput } from './password-input-BYvLH8gQ.js';
+import { P as PhoneInput } from './phone-input-8N_lOkZ2.js';
+import { R as RangeInput } from './range-input-Bosd7QI2.js';
+import { S as Select } from './select-DWOHAUfQ.js';
+import { R as Radio } from './radio-BQvSPyDT.js';
+import { T as TextInput } from './text-input-BntDzi8S.js';
+import { T as TextArea } from './text-area-BsDD1dpV.js';
 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
-  })
+const Description = setComponentTemplate(precompileTemplate("\n  <p class=\"form-description\" data-test-description ...attributes>\n    {{yield}}\n  </p>\n", {
+  strictMode: true
 }), 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
-  })
+// import Icon from '../../../components/icon';
+const Errors = setComponentTemplate(precompileTemplate("\n  <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>\n", {
+  strictMode: true
 }), 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", {
+const Label = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element \"label\")) as |Element|}}\n    <Element class=\"form-label\" data-test-label ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n", {
   strictMode: true,
   scope: () => ({
-    element,
-    styles
+    element
   })
 }), templateOnly());
 
@@ -80,10 +72,9 @@ class Rules extends Component {
     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  ", {
+    setComponentTemplate(precompileTemplate("\n    <div id={{@id}} aria-live=\"assertive\" class=\"form-rules\" ...attributes>\n      {{yield (component Rule errors=@errors)}}\n    </div>\n  ", {
       strictMode: true,
       scope: () => ({
-        styles,
         Rule
       })
     }), this);
@@ -126,13 +117,12 @@ class Field extends Component {
     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  ", {
+    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=\"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}}\n  ", {
       strictMode: true,
       scope: () => ({
         uniqueId,
         element,
         Rules,
-        styles,
         Label,
         Description,
         hash,
@@ -168,10 +158,9 @@ class CheckboxField extends Component {
     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  ", {
+    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=\"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>\n  ", {
       strictMode: true,
       scope: () => ({
-        styles,
         Checkbox,
         asBoolean,
         manageValidation,
@@ -282,11 +271,10 @@ let Option$1 = class Option extends Component {
     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  ", {
+    setComponentTemplate(precompileTemplate("\n    {{#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}}\n  ", {
       strictMode: true,
       scope: () => ({
         uniqueId,
-        styles,
         Checkbox,
         manageValidation,
         Label,
@@ -303,12 +291,11 @@ class MultipleChoiceField extends Component {
     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  ", {
+    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=\"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>\n  ", {
       strictMode: true,
       scope: () => ({
         element,
         Label,
-        styles,
         hash
       })
     }), this);
@@ -405,11 +392,10 @@ class Option extends Component {
     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  ", {
+    setComponentTemplate(precompileTemplate("\n    {{#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}}\n  ", {
       strictMode: true,
       scope: () => ({
         uniqueId,
-        styles,
         Radio,
         eq,
         Label,
@@ -422,12 +408,11 @@ 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  ", {
+    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=\"form-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);
@@ -468,18 +453,16 @@ class TextAreaField extends Component {
   }
 }
 
-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", {
+const Reset = setComponentTemplate(precompileTemplate("\n  <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>\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", {
+const Submit = setComponentTemplate(precompileTemplate("\n  <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>\n", {
   strictMode: true,
   scope: () => ({
-    styles: styles$1,
     disabled
   })
 }), templateOnly());
@@ -501,11 +484,10 @@ class Form extends Component {
   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  ", {
+    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=\"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
@@ -515,4 +497,4 @@ class Form extends Component {
 }
 
 export { Form as F };
-//# sourceMappingURL=form-VsNkRlXs.js.map
+//# sourceMappingURL=form-CXvWQbiY.js.map

package/dist/form-CXvWQbiY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CXvWQbiY.js","sources":["../src/components/form/description.gts","../src/components/form/errors.gts","../src/components/form/label.gts","../src/components/form/rules.gts","../src/components/form/field.gts","../src/components/form/manage-validation.ts","../src/components/form/fields/checkbox.gts","../src/components/form/fields/currency.gts","../src/components/form/fields/date.gts","../src/components/form/fields/email.gts","../src/components/form/fields/list.gts","../src/components/form/fields/multiple-choice.gts","../src/components/form/fields/number.gts","../src/components/form/fields/password.gts","../src/components/form/fields/phone.gts","../src/components/form/fields/range.gts","../src/components/form/fields/select.gts","../src/components/form/fields/singular-choice.gts","../src/components/form/fields/text.gts","../src/components/form/fields/text-area.gts","../src/components/form/reset.gts","../src/components/form/submit.gts","../src/components/form/form.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\nexport interface DescriptionSignature {\n  Element: HTMLParagraphElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Description: TOC<DescriptionSignature> = <template>\n  <p class=\"form-description\" data-test-description ...attributes>\n    {{yield}}\n  </p>\n</template>;\n","import type { TOC } from '@ember/component/template-only';\n// import Icon from '../../../components/icon';\nimport type { Issue } from '@hokulea/ember-pahu';\n\nexport interface ErrorsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    // the following are private arguments curried by the component helper, so users will never have to use those\n\n    /*\n     * @internal\n     */\n    errors: Issue[];\n\n    /*\n     * @internal\n     */\n    id: string;\n  };\n  Blocks: {\n    default?: [Issue[]];\n  };\n}\n\nexport const Errors: TOC<ErrorsSignature> = <template>\n  <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\n              data-test-error\n              data-test-error-type=\"{{e.type}}\"\n              data-test-error-value=\"{{e.value}}\"\n            >{{e.message}}</p>\n          {{/if}}\n        {{/each}}\n      </div>\n    {{/if}}\n  </div>\n</template>;\n","import { element } from 'ember-element-helper';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface LabelSignature {\n  Element: HTMLLabelElement;\n  Args: {\n    element?: ComponentLike<{ Element: HTMLElement }>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Label: TOC<LabelSignature> = <template>\n  {{#let (if @element @element (element \"label\")) as |Element|}}\n    <Element class=\"form-label\" data-test-label ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n</template>;\n","import Component from '@glimmer/component';\n\nimport { Icon } from '../graphics/icon.gts';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { Issue } from '@hokulea/ember-pahu';\n\nconst ErrorIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\"\nheight=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M208.49\n191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51\n64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145\n128Z\"/></svg>`;\nconst ValidIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\"\nheight=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"m232.49\n80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12\n12 0 0 1 17 17Z\"/></svg>`;\n\ninterface RuleSignature {\n  Args: {\n    key: string;\n    value: unknown;\n    errors?: Issue[];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Rule extends Component<RuleSignature> {\n  isInvalid = () => {\n    return this.args.errors?.some(\n      (i) => this.args.key in i && i[this.args.key] === this.args.value\n    );\n  };\n\n  <template>\n    <p data-test-rule data-test-rule-invalid={{(this.isInvalid)}}>\n      <Icon\n        @icon={{if (this.isInvalid) ErrorIcon ValidIcon}}\n        data-invalid={{(this.isInvalid)}}\n        data-icon\n      />\n\n      <span>{{yield}}</span>\n    </p>\n  </template>\n}\n\nexport interface RulesBlock {\n  rules: [WithBoundArgs<typeof Rule, 'errors'>];\n}\n\nexport interface RulesSignature {\n  Element: HTMLDivElement;\n  Args: {\n    useRules: (useRules: boolean) => void;\n\n    /*\n     * @internal\n     */\n    errors: Issue[];\n\n    /*\n     * @internal\n     */\n    id: string;\n  };\n  Blocks: {\n    default: [WithBoundArgs<typeof Rule, 'errors'>];\n  };\n}\n\nexport class Rules extends Component<RulesSignature> {\n  constructor(owner: Owner, args: RulesSignature['Args']) {\n    super(owner, args);\n\n    args.useRules(true);\n  }\n\n  <template>\n    <div id={{@id}} aria-live=\"assertive\" class=\"form-rules\" ...attributes>\n      {{yield (component Rule errors=@errors)}}\n    </div>\n  </template>\n}\n","import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash, uniqueId } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\n\nimport { and } from '../../-private/helpers.ts';\nimport { Description } from './description.gts';\nimport { Errors } from './errors.gts';\nimport { Label } from './label.gts';\nimport { Rules } from './rules.gts';\n\nimport type { LabelSignature } from './label.gts';\nimport type { AttrValue, ComponentLike, WithBoundArgs } from '@glint/template';\nimport type {\n  FieldAPI,\n  FieldConfig,\n  FieldNames,\n  FieldValue,\n  FormAPI,\n  Issue,\n  UserData\n} from '@hokulea/ember-pahu';\n\nexport type BoundField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = WithBoundArgs<typeof Field<DATA, NAME, VALUE>, 'form'>;\n\nexport type FieldArgs<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = FieldConfig<DATA, NAME, VALUE> & {\n  /**\n   * The label for your field.\n   *\n   * Alternatively you can use `<:label>` block for more fine-control (which\n   * takes precendence if both are given)\n   */\n  label: string;\n\n  /**\n   * The description for your field.\n   *\n   * Alternatively you can use `<:description>` block for more fine-control (which\n   * takes precendence if both are given)\n   */\n  description?: string;\n};\n\nexport interface FieldBlock<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  /**\n   * The field's current value.\n   *\n   * If you don't use one of the supplied control components, then use this to pass the value to your custom component.\n   */\n  value?: FieldValue<DATA, NAME, VALUE>;\n\n  /**\n   * Action to update the (internal) form data for this field.\n   *\n   * If you don't use one of the supplied control components, then use this to update the value whenever your custom component's value has changed.\n   */\n  setValue: (value: FieldValue<DATA, NAME, VALUE>) => void;\n\n  /**\n   * Unique ID of this field, used to associate the control with its label.\n   *\n   * If you don't use the supplied components, then you can use this as the `id` of the control and the `for` attribute of the `<label>`.\n   */\n  id: string;\n\n  /**\n   * Unique error ID of this field, used to associate the control with its validation error message.\n   *\n   * If you don't use the supplied components, then you can use this as the `id` of the validation error element and the `aria-errormessage` or `aria-describedby` attribute of the control.\n   */\n  errorId: string;\n\n  /**\n   * Will be `true` when validation was triggered and this field is invalid.\n   *\n   * You can use this to customize your markup, e.g. apply HTML classes for error styling.\n   */\n  invalid: boolean;\n\n  registerElement: FieldAPI<DATA, NAME, VALUE>['registerElement'];\n\n  showErrors: boolean;\n\n  /**\n   * An array of raw ValidationError objects, for custom rendering of error output\n   */\n  issues: Issue[];\n\n  /**\n   * When calling this action, validation will be triggered.\n   *\n   * Can be used for custom controls that don't emit the `@validateOn` events that would normally trigger a dynamic validation.\n   */\n  validate: FieldAPI<DATA, NAME, VALUE>['validate'];\n\n  Rules: WithBoundArgs<typeof Rules, 'useRules' | 'errors' | 'id'>;\n}\n\nexport type MultipleFieldBlock<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = Omit<FieldBlock<DATA, NAME, VALUE>, 'value' | 'setValue'> & {\n  /**\n   * The current value of the field's form data.\n   *\n   * If you don't use one of the supplied control components, then use this to pass the value to your custom component.\n   */\n  value?: FieldValue<DATA, NAME, VALUE>[];\n\n  /**\n   * Action to update the (internal) form data for this field.\n   *\n   * If you don't use one of the supplied control components, then use this to update the value whenever your custom component's value has changed.\n   */\n  setValue: (value: FieldValue<DATA, NAME, VALUE>[]) => void;\n};\n\nexport interface FieldSignature<\n  DATA extends UserData,\n  NAME extends string,\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: HTMLDivElement;\n  Args: Omit<FieldArgs<DATA, NAME, VALUE>, 'element'> & {\n    /** @internal */\n    form: FormAPI<DATA>;\n\n    /** @internal */\n    element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n\n    /** @internal */\n    labelComponent?: ComponentLike<LabelSignature>;\n\n    showErrors?: boolean;\n  };\n  Blocks: {\n    default: [FieldBlock<DATA, NAME, VALUE>];\n  };\n}\n\nexport class Field<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<FieldSignature<DATA, NAME, VALUE>> {\n  @tracked rulesUsed = false;\n  #field?: FieldAPI<DATA, NAME, VALUE>;\n\n  get validateOn() {\n    return this.rulesUsed ? 'input' : this.args.validateOn;\n  }\n\n  get revalidateOn() {\n    return this.rulesUsed ? 'input' : this.args.revalidateOn;\n  }\n\n  createOrUpdateField = (config: FieldConfig<DATA, NAME, VALUE>): FieldAPI<DATA, NAME, VALUE> => {\n    const filteredConfig = Object.fromEntries(\n      Object.entries(config).filter(([_, v]) => v !== undefined)\n    ) as FieldConfig<DATA, NAME, VALUE>;\n\n    if (this.#field) {\n      this.#field.updateConfig(filteredConfig);\n    } else {\n      this.#field = this.args.form.createField<NAME, VALUE>(filteredConfig);\n    }\n\n    return this.#field;\n  };\n\n  useRules = (useRules: boolean) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(async () => {\n      this.rulesUsed = useRules;\n\n      if (useRules) {\n        await this.#field?.validate();\n      }\n    });\n  };\n\n  get showErrors() {\n    return !this.rulesUsed && this.args.showErrors !== false;\n  }\n\n  <template>\n    {{#let\n      (uniqueId)\n      (uniqueId)\n      (if @element @element (element \"div\"))\n      (this.createOrUpdateField\n        name=@name\n        ignoreNativeValidation=@ignoreNativeValidation\n        linkedField=@linkedField\n        validateOn=this.validateOn\n        revalidateOn=this.revalidateOn\n        validate=@validate\n        validated=@validated\n        value=@value\n      )\n      (component Rules useRules=this.useRules)\n      as |fieldId errorId Element field WiredRules|\n    }}\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\n          (hash\n            value=field.value\n            setValue=field.setValue\n            id=fieldId\n            errorId=errorId\n            invalid=field.invalid\n            registerElement=field.registerElement\n            issues=field.issues\n            validate=field.validate\n            showErrors=this.showErrors\n            Rules=(component WiredRules id=errorId errors=field.issues)\n          )\n        }}\n\n        {{#if (and this.showErrors field.issues)}}\n          <Errors @id={{errorId}} @errors={{field.issues}} />\n        {{/if}}\n      </Element>\n    {{/let}}\n  </template>\n}\n","import { modifier } from 'ember-modifier';\n\nexport interface NamedOptions {\n  /** @internal */\n  invalid: boolean;\n\n  /** @internal */\n  errorMessageId: string;\n\n  /** @internal */\n  showErrors?: boolean;\n}\n\ntype ValidationElements =\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement\n  | HTMLDivElement;\n\nexport const manageValidation = modifier(\n  (element: ValidationElements, _: [], { showErrors, invalid, errorMessageId }: NamedOptions) => {\n    if (showErrors !== false) {\n      element.ariaInvalid = invalid ? 'true' : 'false';\n\n      if (invalid) {\n        element.setAttribute('aria-errormessage', errorMessageId);\n      } else {\n        element.removeAttribute('aria-errormessage');\n      }\n\n      if (element.parentElement && 'inputBuilder' in element.parentElement.dataset) {\n        element.parentElement.dataset.invalid = invalid ? 'true' : 'false';\n      }\n    }\n\n    return;\n  }\n);\n","import Component from '@glimmer/component';\n\nimport { asBoolean } from '../../../-private/helpers.ts';\nimport { Checkbox } from '../../controls/checkbox.gts';\nimport { Description } from '../description.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { CheckboxSignature } from '../../controls/checkbox.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface CheckboxFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: CheckboxSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<CheckboxSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class CheckboxField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<CheckboxFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setBooleanValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: boolean) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @label=\"\"\n      @name={{@name}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <div class=\"form-choices\">\n        <div class=\"form-choice\">\n          <span>\n            <Checkbox\n              @value={{asBoolean f.value}}\n              @update={{this.setBooleanValue f.setValue}}\n              @disabled={{@disabled}}\n              id={{f.id}}\n              name={{@name}}\n              {{f.registerElement}}\n              {{manageValidation\n                errorMessageId=f.errorId\n                invalid=f.invalid\n                showErrors=f.showErrors\n              }}\n              ...attributes\n            />\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  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { CurrencyInput } from '../../controls/currency-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { CurrencyInputSignature } from '../../controls/currency-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface CurrencyFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: CurrencyInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<CurrencyInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class CurrencyField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<CurrencyFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <CurrencyInput\n        @value={{asNumber f.value}}\n        @update={{this.setNumberValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { DateInput } from '../../controls/date-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { DateInputSignature } from '../../controls/date-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface DateFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: DateInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<DateInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class DateField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<DateFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <DateInput\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { EmailInput } from '../../controls/email-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { EmailInputSignature } from '../../controls/email-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface EmailFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: EmailInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<EmailInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class EmailField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<EmailFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <EmailInput\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\nimport { uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport { List } from '../../controls/list.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { ListSignature } from '../../controls/list.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\ninterface ListLabelSignature {\n  Element: HTMLLabelElement;\n  Args: {\n    id: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst ListLabel: TOC<ListLabelSignature> = <template>\n  <Label @element={{element \"span\"}} id={{@id}}>{{yield}}</Label>\n</template>;\n\nexport interface ListFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: ListSignature<FieldValue<DATA, NAME, VALUE>>['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<ListSignature<FieldValue<DATA, NAME, VALUE>>['Args'], 'selection' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n  Blocks: ListSignature<FieldValue<DATA, NAME, VALUE>>['Blocks'];\n}\n\nexport class ListField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<ListFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n  List = List<FieldValue<DATA, NAME, VALUE>>;\n\n  setValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: FieldValue<DATA, NAME, VALUE> | FieldValue<DATA, NAME, VALUE>[]) =>\n      setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  asValue = (value: unknown) => value as FieldValue<DATA, NAME, VALUE>;\n\n  <template>\n    {{#let (uniqueId) as |labelId|}}\n      <this.Field\n        @name={{@name}}\n        @label={{@label}}\n        @labelComponent={{component ListLabel id=labelId}}\n        @description={{@description}}\n        @value={{@value}}\n        @ignoreNativeValidation={{@ignoreNativeValidation}}\n        @validateOn={{@validateOn}}\n        @revalidateOn={{@revalidateOn}}\n        @validate={{@validate}}\n        @validated={{@validated}}\n        as |f|\n      >\n        <this.List\n          @value={{this.asValue f.value}}\n          @update={{this.setValue f.setValue}}\n          @disabled={{@disabled}}\n          {{!-- name={{@name}} --}}\n          aria-labelledby={{labelId}}\n          {{f.registerElement}}\n          {{manageValidation errorMessageId=f.errorId invalid=f.invalid}}\n          ...attributes\n          as |s|\n        >\n          {{yield s}}\n        </this.List>\n      </this.Field>\n    {{/let}}\n  </template>\n}\n","import Component from '@glimmer/component';\nimport { hash, uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport { Checkbox } from '../../controls/checkbox.gts';\nimport { Description } from '../description.gts';\nimport { Errors } from '../errors.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { RadioSignature } from '../../controls/radio.gts';\nimport type { BoundField, FieldArgs, FieldBlock, MultipleFieldBlock } from '../field';\nimport type { AttrValue, WithBoundArgs } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface OptionSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: RadioSignature['Element'];\n  Args: {\n    value: string;\n    label: string;\n    description?: string;\n\n    /** @internal */\n    name: string;\n\n    /** @internal */\n    disabled?: boolean;\n\n    /** @internal */\n    field: MultipleFieldBlock<DATA, NAME, VALUE>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Option<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<OptionSignature<DATA, NAME, VALUE>> {\n  select = (checked: boolean) => {\n    if (checked) {\n      this.args.field.setValue([...(this.args.field.value ?? []), this.args.value] as FieldValue<\n        DATA,\n        NAME,\n        VALUE\n      >[]);\n    } else {\n      const values = this.args.field.value;\n      const index = this.args.field.value?.indexOf(\n        this.args.value as FieldValue<DATA, NAME, VALUE>\n      );\n\n      if (Array.isArray(values) && index) {\n        values.splice(index, 1);\n\n        this.args.field.setValue(values);\n      }\n    }\n  };\n\n  get checked() {\n    return this.args.field.value?.includes(this.args.value as FieldValue<DATA, NAME, VALUE>);\n  }\n\n  get issues() {\n    return this.args.field.issues.filter((i) => 'value' in i && i.value === this.args.value);\n  }\n\n  get invalid() {\n    return this.issues.length > 0;\n  }\n\n  <template>\n    {{#let (uniqueId) (uniqueId) as |id errorId|}}\n      <div class=\"form-choice\" data-test-option>\n        <span>\n          <Checkbox\n            @value={{this.checked}}\n            @update={{this.select}}\n            @disabled={{@disabled}}\n            id={{id}}\n            name={{@name}}\n            value={{@value}}\n            {{@field.registerElement}}\n            {{manageValidation errorMessageId=errorId invalid=this.invalid}}\n            ...attributes\n          />\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  </template>\n}\n\nexport interface MultipleChoiceFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Args: FieldArgs<DATA, NAME, VALUE> & {\n    disabled?: boolean;\n    Field: BoundField<DATA, NAME, VALUE>;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option<DATA, NAME, VALUE>, 'field' | 'name'>;\n      }\n    ];\n  };\n}\n\nexport class MultipleChoiceField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<MultipleChoiceFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n  Option = Option<DATA, NAME, VALUE>;\n\n  asMultiField = (field: FieldBlock<DATA, NAME, VALUE>) => {\n    return field as MultipleFieldBlock<DATA, NAME, VALUE>;\n  };\n\n  <template>\n    <this.Field\n      @element={{element \"fieldset\"}}\n      @showErrors={{false}}\n      @labelComponent={{component Label element=(element \"legend\")}}\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <div class=\"form-choices\" data-test-choices>\n        {{yield\n          (hash\n            Option=(component this.Option field=(this.asMultiField f) name=@name disabled=@disabled)\n          )\n        }}\n      </div>\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { NumberInput } from '../../controls/number-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { NumberInputSignature } from '../../controls/number-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface NumberFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: NumberInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<NumberInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class NumberField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<NumberFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <NumberInput\n        @value={{asNumber f.value}}\n        @update={{this.setNumberValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { PasswordInput } from '../../controls/password-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { PasswordInputSignature } from '../../controls/password-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface PasswordFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: PasswordInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<PasswordInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n  Blocks: RulesBlock;\n}\n\nexport class PasswordField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<PasswordFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <PasswordInput\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\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  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { PhoneInput } from '../../controls/phone-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { PhoneInputSignature } from '../../controls/phone-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface PhoneFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: PhoneInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<PhoneInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n  Blocks: RulesBlock;\n}\n\nexport class PhoneField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<PhoneFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <PhoneInput\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\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  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { RangeInput } from '../../controls/range-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { RangeInputSignature } from '../../controls/range-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface RangeFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: RangeInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<RangeInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class RangeField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<RangeFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <RangeInput\n        @value={{asNumber f.value}}\n        @update={{this.setNumberValue f.setValue}}\n        @disabled={{@disabled}}\n        @orientation={{@orientation}}\n        @min={{@min}}\n        @max={{@max}}\n        @step={{@step}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { Select } from '../../controls/select.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { SelectSignature, Value } from '../../controls/select.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface SelectFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: SelectSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<SelectSignature['Args'], 'selection' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n  Blocks: SelectSignature['Blocks'];\n}\n\nexport class SelectField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<SelectFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: Value | Value[]) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <Select\n        @value={{asString f.value}}\n        @update={{this.setValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n        as |s|\n      >\n        {{yield s}}\n      </Select>\n    </this.Field>\n  </template>\n}\n","import Component from '@glimmer/component';\nimport { hash, uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport { eq } from '../../../-private/helpers.ts';\nimport { Radio } from '../../controls/radio.gts';\nimport { Description } from '../description.gts';\nimport { Label } from '../label.gts';\n\nimport type { RadioSignature } from '../../controls/radio.gts';\nimport type { BoundField, FieldArgs, FieldBlock } from '../field';\nimport type { AttrValue, WithBoundArgs } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface OptionSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: RadioSignature['Element'];\n  Args: {\n    value: string;\n    label: string;\n    description?: string;\n\n    /** @internal */\n    name: string;\n\n    /** @internal */\n    disabled?: boolean;\n\n    /** @internal */\n    field: FieldBlock<DATA, NAME, VALUE>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Option<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<OptionSignature<DATA, NAME, VALUE>> {\n  select = () => {\n    this.args.field.setValue(this.args.value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    {{#let (uniqueId) as |id|}}\n      <div class=\"form-choice\" data-test-option>\n        <span>\n          <Radio\n            @value={{eq @field.value @value}}\n            @update={{this.select}}\n            @disabled={{@disabled}}\n            id={{id}}\n            name={{@name}}\n            value={{@value}}\n            {{@field.registerElement}}\n            ...attributes\n          />\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  </template>\n}\n\nexport interface SingularChoiceFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Args: FieldArgs<DATA, NAME, VALUE> & {\n    disabled?: boolean;\n    Field: BoundField<DATA, NAME, VALUE>;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option<DATA, NAME, VALUE>, 'field' | 'name'>;\n      }\n    ];\n  };\n}\n\nexport class SingularChoiceField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<SingularChoiceFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n  Option = Option<DATA, NAME, VALUE>;\n\n  <template>\n    <this.Field\n      @element={{element \"fieldset\"}}\n      @labelComponent={{component Label element=(element \"legend\")}}\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\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>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { TextInput } from '../../controls/text-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { TextInputSignature } from '../../controls/text-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface TextFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: TextInputSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<TextInputSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n  Blocks: RulesBlock;\n}\n\nexport class TextField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<TextFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <@Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <TextInput\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n\n      {{#if (has-block \"rules\")}}\n        <f.Rules as |Rule|>\n          {{yield Rule to=\"rules\"}}\n        </f.Rules>\n      {{/if}}\n    </@Field>\n  </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { TextArea } from '../../controls/text-area.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { TextAreaSignature } from '../../controls/text-area.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface TextAreaFieldSignature<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n  Element: TextAreaSignature['Element'];\n  Args: FieldArgs<DATA, NAME, VALUE> &\n    Omit<TextAreaSignature['Args'], 'value' | 'update'> & {\n      Field: BoundField<DATA, NAME, VALUE>;\n    };\n}\n\nexport class TextAreaField<\n  DATA extends UserData,\n  NAME extends string = FieldNames<DATA> | (string & {}),\n  VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<TextAreaFieldSignature<DATA, NAME, VALUE>> {\n  Field = this.args.Field;\n\n  setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n    return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n  };\n\n  <template>\n    <this.Field\n      @name={{@name}}\n      @label={{@label}}\n      @description={{@description}}\n      @value={{@value}}\n      @ignoreNativeValidation={{@ignoreNativeValidation}}\n      @validateOn={{@validateOn}}\n      @revalidateOn={{@revalidateOn}}\n      @validate={{@validate}}\n      @validated={{@validated}}\n      as |f|\n    >\n      <TextArea\n        @value={{asString f.value}}\n        @update={{this.setStringValue f.setValue}}\n        @disabled={{@disabled}}\n        name={{@name}}\n        id={{f.id}}\n        {{f.registerElement}}\n        {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n        ...attributes\n      />\n    </this.Field>\n  </template>\n}\n","import disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Intent, Spacing } from '@hokulea/tokens';\n\nexport interface ResetSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    intent?: Intent;\n    importance?: Importance;\n    spacing?: Spacing;\n    disabled?: boolean;\n  };\n  Blocks: {\n    /** The label for the button */\n    default: [];\n\n    /** The label for the button */\n    label: [];\n\n    /** A slot in front of the label */\n    before: [];\n\n    /** A slot after the label */\n    after: [];\n  };\n}\n\nexport const Reset: TOC<ResetSignature> = <template>\n  <button\n    type=\"reset\"\n    class=\"button\"\n    data-intent={{if @intent @intent \"action\"}}\n    data-importance={{if @importance @importance \"supreme\"}}\n    data-spacing={{@spacing}}\n    {{disabled when=(if @disabled @disabled false)}}\n    data-test-button\n    ...attributes\n  >\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</template>;\n","import disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Intent, Spacing } from '@hokulea/tokens';\n\nexport interface SubmitSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    intent?: Intent;\n    importance?: Importance;\n    spacing?: Spacing;\n    disabled?: boolean;\n  };\n  Blocks: {\n    /** The label for the button */\n    default: [];\n\n    /** The label for the button */\n    label: [];\n\n    /** A slot in front of the label */\n    before: [];\n\n    /** A slot after the label */\n    after: [];\n  };\n}\n\nexport const Submit: TOC<SubmitSignature> = <template>\n  <button\n    type=\"submit\"\n    class=\"button\"\n    data-intent={{if @intent @intent \"action\"}}\n    data-importance={{if @importance @importance \"supreme\"}}\n    data-spacing={{@spacing}}\n    {{disabled when=(if @disabled @disabled false)}}\n    data-test-button\n    ...attributes\n  >\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</template>;\n","import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport { createForm } from '@hokulea/ember-pahu';\n\nimport { Field } from './field.gts';\nimport { CheckboxField } from './fields/checkbox.gts';\nimport { CurrencyField } from './fields/currency.gts';\nimport { DateField } from './fields/date.gts';\nimport { EmailField } from './fields/email.gts';\nimport { ListField } from './fields/list.gts';\nimport { MultipleChoiceField } from './fields/multiple-choice.gts';\nimport { NumberField } from './fields/number.gts';\nimport { PasswordField } from './fields/password.gts';\nimport { PhoneField } from './fields/phone.gts';\nimport { RangeField } from './fields/range.gts';\nimport { SelectField } from './fields/select.gts';\nimport { SingularChoiceField } from './fields/singular-choice.gts';\nimport { TextField } from './fields/text.gts';\nimport { TextAreaField } from './fields/text-area.gts';\nimport { Reset } from './reset.gts';\nimport { Submit } from './submit.gts';\n\nimport type { BoundField } from './field.gts';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { FormAPI, FormConfig, UserData } from '@hokulea/ember-pahu';\n\nexport interface FormBuilder<DATA extends UserData> {\n  Checkbox: WithBoundArgs<typeof CheckboxField<DATA>, 'Field'>;\n  Currency: WithBoundArgs<typeof CurrencyField<DATA>, 'Field'>;\n  Date: WithBoundArgs<typeof DateField<DATA>, 'Field'>;\n  Email: WithBoundArgs<typeof EmailField<DATA>, 'Field'>;\n  List: WithBoundArgs<typeof ListField<DATA>, 'Field'>;\n  MultipleChoice: WithBoundArgs<typeof MultipleChoiceField<DATA>, 'Field'>;\n  Number: WithBoundArgs<typeof NumberField<DATA>, 'Field'>;\n  Range: WithBoundArgs<typeof RangeField<DATA>, 'Field'>;\n  Password: WithBoundArgs<typeof PasswordField<DATA>, 'Field'>;\n  Phone: WithBoundArgs<typeof PhoneField<DATA>, 'Field'>;\n  Select: WithBoundArgs<typeof SelectField<DATA>, 'Field'>;\n  SingularChoice: WithBoundArgs<typeof SingularChoiceField<DATA>, 'Field'>;\n  Text: WithBoundArgs<typeof TextField<DATA>, 'Field'>;\n  TextArea: WithBoundArgs<typeof TextAreaField<DATA>, 'Field'>;\n  Field: BoundField<DATA>;\n  Submit: typeof Submit;\n  Reset: typeof Reset;\n\n  /**\n   * Will be true if at least one form field is invalid.\n   */\n  invalid: boolean;\n\n  /**\n   * Yielded action that will trigger form validation and submission, same as when triggering the native `submit` event on the form.\n   */\n  submit: FormAPI<DATA>['submit'];\n\n  /**\n   * Yielded action that will reset form state, same as when triggering the native `reset` event on the form.\n   */\n  reset: FormAPI<DATA>['reset'];\n\n  /**\n   * Trigger validation on the form\n   */\n  validate: FormAPI<DATA>['validate'];\n\n  /* @TODO: Remove, for debug only */\n  form: ReturnType<typeof createForm<DATA>>;\n}\n\nexport interface FormSignature<DATA extends UserData> {\n  Element: HTMLFormElement;\n  Args: FormConfig<DATA>;\n  Blocks: {\n    default: [FormBuilder<DATA>];\n  };\n}\n\nexport class Form<DATA extends UserData> extends Component<FormSignature<DATA>> {\n  Field = Field<DATA>;\n  CheckboxField = CheckboxField<DATA>;\n  CurrencyField = CurrencyField<DATA>;\n  DateField = DateField<DATA>;\n  EmailField = EmailField<DATA>;\n  ListField = ListField<DATA>;\n  MultipleChoiceField = MultipleChoiceField<DATA>;\n  NumberField = NumberField<DATA>;\n  PasswordField = PasswordField<DATA>;\n  PhoneField = PhoneField<DATA>;\n  RangeField = RangeField<DATA>;\n  SelectField = SelectField<DATA>;\n  SingularChoiceField = SingularChoiceField<DATA>;\n  TextAreaField = TextAreaField<DATA>;\n  TextField = TextField<DATA>;\n\n  <template>\n    {{#let\n      (createForm\n        data=@data\n        ignoreNativeValidation=@ignoreNativeValidation\n        validateOn=@validateOn\n        revalidateOn=@revalidateOn\n        submit=@submit\n        validate=@validate\n        validated=@validated\n      )\n      as |f|\n    }}\n      <form novalidate class=\"form\" data-test-form ...attributes {{f.registerElement}}>\n        {{#let (component this.Field form=f) as |WiredField|}}\n          {{yield\n            (hash\n              invalid=f.invalid\n              submit=f.submit\n              Field=WiredField\n              Checkbox=(component this.CheckboxField Field=WiredField)\n              Currency=(component this.CurrencyField Field=WiredField)\n              Date=(component this.DateField Field=WiredField)\n              Email=(component this.EmailField Field=WiredField)\n              List=(component this.ListField Field=WiredField)\n              MultipleChoice=(component this.MultipleChoiceField Field=WiredField)\n              Number=(component this.NumberField Field=WiredField)\n              Password=(component this.PasswordField Field=WiredField)\n              Phone=(component this.PhoneField Field=WiredField)\n              Range=(component this.RangeField Field=WiredField)\n              Select=(component this.SelectField Field=WiredField)\n              SingularChoice=(component this.SingularChoiceField Field=WiredField)\n              TextArea=(component this.TextAreaField Field=WiredField)\n              Text=(component this.TextField Field=WiredField)\n              Submit=Submit\n              Reset=Reset\n              form=f\n            )\n          }}\n        {{/let}}\n      </form>\n    {{/let}}\n  </template>\n}\n"],"names":["Description","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Errors","Label","scope","element","ErrorIcon","ValidIcon","Rule","Component","isInvalid","args","errors","some","i","key","value","Icon","Rules","constructor","owner","useRules","Field","g","prototype","tracked","void 0","validateOn","rulesUsed","revalidateOn","createOrUpdateField","config","filteredConfig","Object","fromEntries","entries","filter","_","v","undefined","updateConfig","form","createField","next","validate","showErrors","uniqueId","hash","and","manageValidation","modifier","invalid","errorMessageId","ariaInvalid","setAttribute","removeAttribute","parentElement","dataset","CheckboxField","setBooleanValue","setValue","Checkbox","asBoolean","CurrencyField","setNumberValue","CurrencyInput","asNumber","DateField","setStringValue","DateInput","asString","EmailField","EmailInput","ListLabel","ListField","List","asValue","Option","select","checked","field","values","index","indexOf","Array","isArray","splice","includes","issues","length","MultipleChoiceField","asMultiField","NumberField","NumberInput","PasswordField","PasswordInput","PhoneField","PhoneInput","RangeField","RangeInput","SelectField","Select","Radio","eq","SingularChoiceField","TextField","TextInput","TextAreaField","TextArea","Reset","disabled","Submit","Form","createForm"],"mappings":"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"}

package/dist/{icon-button-DBt7fMi1.js → icon-button-hS8-Jo0v.js}

@@ -1,11 +1,10 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { element } from 'ember-element-helper';
-import styles from '@hokulea/core/actions.module.css';
 import { b as asBoolean, n as not, a as and } from './helpers-D4So5-uK.js';
 import { d as disabled } from './disabled-B_FQ0Z51.js';
 import { P as PushElement } from './push-DnJFFc_p.js';
-import { I as Icon } from './icon-BfRBkZ72.js';
+import { I as Icon } from './icon-rlG6O1ps.js';
 import { i as isLink } from './-button-KUaJCQaB.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -17,12 +16,11 @@ class IconButton extends Component {
     return this.args.label;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <PushElement @push={{@push}} @href={{@href}} @element={{element \"button\"}} class=\"{{styles.iconButton}}\" type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"button\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </PushElement>\n  ", {
+    setComponentTemplate(precompileTemplate("\n    <PushElement @push={{@push}} @href={{@href}} @element={{element \"button\"}} class=\"icon-button\" type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"button\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </PushElement>\n  ", {
       strictMode: true,
       scope: () => ({
         PushElement,
         element,
-        styles,
         and,
         not,
         isLink,
@@ -35,4 +33,4 @@ class IconButton extends Component {
 }
 
 export { IconButton as I };
-//# sourceMappingURL=icon-button-DBt7fMi1.js.map
+//# sourceMappingURL=icon-button-hS8-Jo0v.js.map

package/dist/icon-button-hS8-Jo0v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-hS8-Jo0v.js","sources":["../src/components/actions/icon-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { element } from 'ember-element-helper';\n\nimport { and, asBoolean, not } from '../../-private/helpers.ts';\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { type PushArgs, PushElement } from '../../-private/push.gts';\nimport { Icon } from '../graphics/icon.gts';\nimport { isLink } from './-button.ts';\n\nimport type { Importance, Intent, Spacing } from '@hokulea/tokens';\n\nexport interface IconButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: PushArgs & {\n    intent?: Intent;\n    importance?: Importance;\n    spacing?: Spacing;\n    disabled?: boolean;\n    label: string;\n    /**\n     * A string containing a `<svg>` element.\n     * Make sure to use `currentColor` to comply with the styling\n     */\n    icon: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport class IconButton extends Component<IconButtonSignature> {\n  get label() {\n    assert(\n      'Please provide a `@label` to `<IconButton>` for accessibility reasons.',\n\n      this.args.label !== undefined\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return this.args.label;\n  }\n\n  <template>\n    <PushElement\n      @push={{@push}}\n      @href={{@href}}\n      @element={{element \"button\"}}\n      class=\"icon-button\"\n      type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"button\"}}\n      data-intent={{if @intent @intent \"action\"}}\n      data-importance={{if @importance @importance \"supreme\"}}\n      data-spacing={{@spacing}}\n      aria-label={{this.label}}\n      {{disabled when=(if @disabled @disabled false)}}\n      data-test-icon-button\n      ...attributes\n    >\n      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </PushElement>\n  </template>\n}\n"],"names":["IconButton","Component","label","assert","args","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","PushElement","element","and","not","isLink","asBoolean","disabled","Icon"],"mappings":";;;;;;;;;;;AAgCO,MAAMA,mBAAmBC,SAAA,CAAU;EACxC,IAAIC,KAAAA,GAAQ;IACVC,MAAA,CACE,0EAEA,IAAI,CAACC,IAAI,CAACF,KAAK,KAAKG,SAAA,CAAA;AAGtB;AACA,IAAA,OAAO,IAAI,CAACD,IAAI,CAACF,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,8fAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;QAAAC,OAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/{icon-BfRBkZ72.js → icon-rlG6O1ps.js}

@@ -1,16 +1,18 @@
 import { htmlSafe } from '@ember/template';
-import styles from '@hokulea/core/graphics.module.css';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Icon = setComponentTemplate(precompileTemplate("\n  <span class={{styles.icon}} data-test-icon ...attributes>\n    {{htmlSafe @icon}}\n  </span>\n", {
+function isString(icon) {
+  return typeof icon === 'string';
+}
+const Icon = setComponentTemplate(precompileTemplate("\n  <span class=\"icon\" data-test-icon ...attributes>\n    {{#if (isString @icon)}}\n      {{htmlSafe @icon}}\n    {{else}}\n      {{@icon}}\n    {{/if}}\n  </span>\n", {
   strictMode: true,
   scope: () => ({
-    styles,
+    isString,
     htmlSafe
   })
 }), templateOnly());
 
 export { Icon as I };
-//# sourceMappingURL=icon-BfRBkZ72.js.map
+//# sourceMappingURL=icon-rlG6O1ps.js.map

package/dist/icon-rlG6O1ps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-rlG6O1ps.js","sources":["../src/components/graphics/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface IconSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * An icon (to be rendered as component)\n     *\n     * Make sure to use `currentColor` to comply with the styling\n     */\n    icon: string | ComponentLike;\n  };\n}\n\nfunction isString(icon: string | ComponentLike) {\n  return typeof icon === 'string';\n}\n\nexport const Icon: TOC<IconSignature> = <template>\n  <span class=\"icon\" data-test-icon ...attributes>\n    {{#if (isString @icon)}}\n      {{htmlSafe @icon}}\n    {{else}}\n      {{@icon}}\n    {{/if}}\n  </span>\n</template>;\n"],"names":["isString","icon","Icon","setComponentTemplate","precompileTemplate","strictMode","scope","htmlSafe","templateOnly"],"mappings":";;;;;AAiBA,SAASA,QAAAA,CAASC,IAA4B,EAAA;EAC5C,OAAO,OAAOA,IAAA,KAAS,QAAA;AACzB;MAEaC,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,yKAAA,EAQxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAN,QAAA;AAAAO,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/index.js

@@ -1,36 +1,36 @@
-export { B as Button } from './button-BhxkZ70u.js';
-export { I as IconButton } from './icon-button-DBt7fMi1.js';
-export { C as Checkbox } from './checkbox-D3_2ps5M.js';
-export { C as CurrencyInput } from './currency-input-tBhgIMTh.js';
-export { D as DateInput } from './date-input-DLv9jE39.js';
-export { E as EmailInput } from './email-input-BR33Qevz.js';
-export { I as InputBuilder } from './input-builder-DHYx-2Yz.js';
-export { L as List } from './list-CsLvih6-.js';
-export { M as Menu } from './menu-s0AthZse.js';
-export { N as NumberInput } from './number-input-FJympEv2.js';
-export { P as PasswordInput } from './password-input-DV5yb10h.js';
-export { P as PhoneInput } from './phone-input-Uv5v9hK9.js';
-export { R as Radio } from './radio-CLF40kob.js';
-export { R as RangeInput } from './range-input-BIb7GkKH.js';
-export { S as Select } from './select-CeO8AZMK.js';
-export { T as Tabs } from './tabs-DAscspzh.js';
-export { T as TextArea } from './text-area-DF8-cDiy.js';
-export { T as TextInput } from './text-input-CcIcYksE.js';
-export { D as DataTable } from './data-table-5VDYeRya.js';
-export { F as Form } from './form-VsNkRlXs.js';
-export { A as Avatar } from './avatar-DGE5ExoJ.js';
-export { I as Icon } from './icon-BfRBkZ72.js';
-export { A as AppHeader } from './app-header-nmqytjxx.js';
+export { B as Button } from './button-BAtG9lC0.js';
+export { I as IconButton } from './icon-button-hS8-Jo0v.js';
+export { C as Checkbox } from './checkbox-C9-RZtWK.js';
+export { C as CurrencyInput } from './currency-input-BqNb3IcU.js';
+export { D as DateInput } from './date-input-DxDpVu3A.js';
+export { E as EmailInput } from './email-input-84impWbH.js';
+export { I as InputBuilder } from './input-builder-C6GkddCw.js';
+export { L as List } from './list-C86dLtuk.js';
+export { M as Menu } from './menu-DCDUaqYZ.js';
+export { N as NumberInput } from './number-input-CDMSp7qk.js';
+export { P as PasswordInput } from './password-input-BYvLH8gQ.js';
+export { P as PhoneInput } from './phone-input-8N_lOkZ2.js';
+export { R as Radio } from './radio-BQvSPyDT.js';
+export { R as RangeInput } from './range-input-Bosd7QI2.js';
+export { S as Select } from './select-DWOHAUfQ.js';
+export { T as Tabs } from './tabs-e_cUi6pL.js';
+export { T as TextArea } from './text-area-BsDD1dpV.js';
+export { T as TextInput } from './text-input-BntDzi8S.js';
+export { D as DataTable } from './data-table-ZliVM1td.js';
+export { F as Form } from './form-CXvWQbiY.js';
+export { A as Avatar } from './avatar-DTqwlbny.js';
+export { I as Icon } from './icon-rlG6O1ps.js';
+export { A as AppHeader } from './app-header-DKlDPWSe.js';
 export { L as Link } from './link-bqsg26Cc.js';
-export { N as NavigationList } from './navigation-list-Ng5UsNCY.js';
-export { P as Pagination } from './pagination-DCMxI10i.js';
-export { F as FocusPage } from './focus-page-DFu6qtBk.js';
-export { P as Page } from './page-BuLkLO08.js';
-export { S as SectionedPage } from './sectioned-page-CgINWVQ2.js';
-export { B as Box } from './box-DU6m9gDw.js';
-export { C as Card } from './card-tK78paQn.js';
-export { S as Section } from './section-BAdmc3Yn.js';
-export { P as Popover } from './popover-B6j413u9.js';
+export { N as NavigationList } from './navigation-list-Dt-WaMyp.js';
+export { P as Pagination } from './pagination-BYiNuWz8.js';
+export { F as FocusPage } from './focus-page-Boq96jK3.js';
+export { P as Page } from './page-DNrVa_Zo.js';
+export { S as SectionedPage } from './sectioned-page-D9Xxr97R.js';
+export { B as Box } from './box-COwjh1Rb.js';
+export { C as Card } from './card-Bq4sLW1m.js';
+export { S as Section } from './section-B_1poNPX.js';
+export { P as Popover } from './popover-wLRNTIPC.js';
 export { popover } from './helpers/popover.js';
 export { default as HokuleaService } from './services/-hokulea.js';
 //# sourceMappingURL=index.js.map

package/dist/input-builder-C6GkddCw.js

@@ -0,0 +1,18 @@
+import { hash } from '@ember/helper';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Affix = setComponentTemplate(precompileTemplate("\n  <span class=\"input-{{@identity}}\" data-test-input-builder={{@identity}}>{{yield}}</span>\n", {
+  strictMode: true
+}), templateOnly());
+const InputBuilder = setComponentTemplate(precompileTemplate("\n  {{!-- template-lint-disable no-unsupported-role-attributes --}}\n  <span class=\"input-builder\" aria-disabled={{if @disabled \"true\"}} data-spacing={{@spacing}} data-input-builder data-test-input-builder>\n    {{yield (hash Prefix=(component Affix identity=\"prefix\") Affix=(component Affix identity=\"affix\") Suffix=(component Affix identity=\"suffix\"))}}\n  </span>\n", {
+  strictMode: true,
+  scope: () => ({
+    hash,
+    Affix
+  })
+}), templateOnly());
+
+export { InputBuilder as I };
+//# sourceMappingURL=input-builder-C6GkddCw.js.map

package/dist/input-builder-C6GkddCw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-builder-C6GkddCw.js","sources":["../src/components/controls/input-builder.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport type { ShapeArgs } from '../../-private/shapes.ts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface AffixSignature {\n  Args: {\n    identity: 'prefix' | 'affix' | 'suffix';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst Affix: TOC<AffixSignature> = <template>\n  <span class=\"input-{{@identity}}\" data-test-input-builder={{@identity}}>{{yield}}</span>\n</template>;\n\nexport interface InputBuilderSignature {\n  Args: ShapeArgs & {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Affix: WithBoundArgs<typeof Affix, 'identity'>;\n        Prefix: WithBoundArgs<typeof Affix, 'identity'>;\n        Suffix: WithBoundArgs<typeof Affix, 'identity'>;\n      }\n    ];\n  };\n}\n\nexport const InputBuilder: TOC<InputBuilderSignature> = <template>\n  {{! template-lint-disable no-unsupported-role-attributes }}\n  <span\n    class=\"input-builder\"\n    aria-disabled={{if @disabled \"true\"}}\n    data-spacing={{@spacing}}\n    data-input-builder\n    data-test-input-builder\n  >\n    {{yield\n      (hash\n        Prefix=(component Affix identity=\"prefix\")\n        Affix=(component Affix identity=\"affix\")\n        Suffix=(component Affix identity=\"suffix\")\n      )\n    }}\n  </span>\n</template>;\n"],"names":["Affix","setComponentTemplate","precompileTemplate","strictMode","templateOnly","InputBuilder","scope","hash"],"mappings":";;;;;AAeA,MAAMA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,kGAAA,EAEnC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MAiBGC,YAAkB,GAAAJ,oBAAA,CAAyBC,kBAAA,CAAA,4XAAA,EAiBxD;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;AAAAP,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}