@hokulea/ember 0.7.2 → 0.9.0

package/dist/form-DWyQ6QHX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-DWyQ6QHX.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 styles from '@hokulea/core/forms.module.css';\n\nimport 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={{styles.description}} data-test-description ...attributes>\n    {{yield}}\n  </p>\n</template>;\n","import styles from '@hokulea/core/forms.module.css';\n\nimport 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={{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\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 styles from '@hokulea/core/forms.module.css';\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={{styles.label}} data-test-label ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n</template>;\n","import Component from '@glimmer/component';\n\nimport styles from '@hokulea/core/forms.module.css';\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={{styles.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 styles from '@hokulea/core/forms.module.css';\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={{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\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 styles from '@hokulea/core/forms.module.css';\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={{styles.choices}}>\n        <div class={{styles.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 styles from '@hokulea/core/forms.module.css';\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={{styles.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={{styles.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 styles from '@hokulea/core/forms.module.css';\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={{styles.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={{styles.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 styles from '@hokulea/core/actions.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\n\nexport interface ResetSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    intent?: Intent | Intents;\n    importance?: Importance | Importances;\n    spacing?: Spacing | Spacings;\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={{styles.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 styles from '@hokulea/core/actions.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\n\nexport interface SubmitSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    intent?: Intent | Intents;\n    importance?: Importance | Importances;\n    spacing?: Spacing | Spacings;\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={{styles.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 styles from '@hokulea/core/forms.module.css';\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={{styles.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","scope","styles","templateOnly","Errors","Label","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/helpers/popover.js

@@ -82,5 +82,5 @@ const popover = helper((_, {
   };
 });
 
-export { popover as default };
+export { popover as default, popover };
 //# sourceMappingURL=popover.js.map

package/dist/helpers/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n  position?: Placement;\n  opened?: () => void;\n  closed?: () => void;\n}\n\nclass State {\n  @tracked id = uniqueId();\n  @tracked opened = false;\n}\n\nconst popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n  const state = new State();\n  let triggerElement: HTMLElement | undefined;\n  let targetElement: HTMLElement | undefined;\n\n  return {\n    trigger: modifier((element: HTMLElement) => {\n      element.setAttribute('popovertarget', state.id);\n      triggerElement = element;\n    }),\n    target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n      element.setAttribute('popover', manual ? 'manual' : '');\n      targetElement = element;\n\n      if (element.id) {\n        state.id = element.id;\n      } else {\n        element.id = state.id;\n      }\n\n      const toggleHandler = (event: ToggleEvent) => {\n        state.opened = event.newState === 'open';\n\n        if (event.newState === 'open') {\n          if (position && triggerElement) {\n            // eslint-disable-next-line @typescript-eslint/no-floating-promises\n            computePosition(triggerElement, element, {\n              placement: position,\n              middleware: [flip()]\n            }).then(({ x, y }): void => {\n              Object.assign(element.style, {\n                left: `${String(x)}px`,\n                top: `${String(y)}px`\n              });\n            });\n          }\n\n          opened?.();\n        } else if (event.newState === 'closed') {\n          closed?.();\n        }\n      };\n\n      element.addEventListener('toggle', toggleHandler);\n\n      return () => {\n        element.removeEventListener('toggle', toggleHandler);\n      };\n    }),\n    get opened() {\n      return state.opened;\n    },\n    open: () => {\n      targetElement?.showPopover();\n    },\n    close: () => {\n      targetElement?.hidePopover();\n    }\n  };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n  position?: Placement;\n  opened?: () => void;\n  closed?: () => void;\n}\n\nclass State {\n  @tracked id = uniqueId();\n  @tracked opened = false;\n}\n\nexport const popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n  const state = new State();\n  let triggerElement: HTMLElement | undefined;\n  let targetElement: HTMLElement | undefined;\n\n  return {\n    trigger: modifier((element: HTMLElement) => {\n      element.setAttribute('popovertarget', state.id);\n      triggerElement = element;\n    }),\n    target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n      element.setAttribute('popover', manual ? 'manual' : '');\n      targetElement = element;\n\n      if (element.id) {\n        state.id = element.id;\n      } else {\n        element.id = state.id;\n      }\n\n      const toggleHandler = (event: ToggleEvent) => {\n        state.opened = event.newState === 'open';\n\n        if (event.newState === 'open') {\n          if (position && triggerElement) {\n            // eslint-disable-next-line @typescript-eslint/no-floating-promises\n            computePosition(triggerElement, element, {\n              placement: position,\n              middleware: [flip()]\n            }).then(({ x, y }): void => {\n              Object.assign(element.style, {\n                left: `${String(x)}px`,\n                top: `${String(y)}px`\n              });\n            });\n          }\n\n          opened?.();\n        } else if (event.newState === 'closed') {\n          closed?.();\n        }\n      };\n\n      element.addEventListener('toggle', toggleHandler);\n\n      return () => {\n        element.removeEventListener('toggle', toggleHandler);\n      };\n    }),\n    get opened() {\n      return state.opened;\n    },\n    open: () => {\n      targetElement?.showPopover();\n    },\n    close: () => {\n      targetElement?.hidePopover();\n    }\n  };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}

package/dist/icon-bLZqjTMP.js

@@ -0,0 +1,16 @@
+import { htmlSafe } from '@ember/template';
+import styles from '@hokulea/core/icons.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", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    htmlSafe
+  })
+}), templateOnly());
+
+export { Icon as I };
+//# sourceMappingURL=icon-bLZqjTMP.js.map

package/dist/icon-bLZqjTMP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-bLZqjTMP.js","sources":["../src/components/graphics/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport styles from '@hokulea/core/icons.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface IconSignature {\n  Element: HTMLSpanElement;\n  Args: {\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}\n\nexport const Icon: TOC<IconSignature> = <template>\n  <span class={{styles.icon}} data-test-icon ...attributes>\n    {{htmlSafe @icon}}\n  </span>\n</template>;\n"],"names":["Icon","setComponentTemplate","precompileTemplate","strictMode","scope","styles","htmlSafe","templateOnly"],"mappings":";;;;;;MAiBaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,oGAAA,EAIxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/icon-button-7K-W_8jc.js

@@ -0,0 +1,37 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import CommandElement from 'ember-command/components/command-element';
+import { element } from 'ember-element-helper';
+import styles from '@hokulea/core/actions.module.css';
+import { n as not } from './helpers-DS9du02l.js';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { I as Icon } from './icon-bLZqjTMP.js';
+import { i as isLink } from './-button-KUaJCQaB.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class IconButton extends Component {
+  get label() {
+    assert('Please provide a `@label` to `<IconButton>` for accessibility reasons.',
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    this.args.label !== undefined);
+    return this.args.label;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <CommandElement @element={{element \"button\"}} @command={{@push}} class=\"{{styles.iconButton}}\" type={{if (not (isLink @push)) \"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    </CommandElement>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        CommandElement,
+        element,
+        styles,
+        not,
+        isLink,
+        disabled,
+        Icon
+      })
+    }), this);
+  }
+}
+
+export { IconButton as I };
+//# sourceMappingURL=icon-button-7K-W_8jc.js.map

package/dist/icon-button-7K-W_8jc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-7K-W_8jc.js","sources":["../src/components/actions/icon-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport CommandElement from 'ember-command/components/command-element';\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/actions.module.css';\n\nimport { not } from '../../-private/helpers.ts';\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { Icon } from '../graphics/icon.gts';\nimport { isLink } from './-button.ts';\n\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\nimport type { CommandAction } from 'ember-command';\n\nexport interface IconButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: {\n    push?: CommandAction;\n    intent?: Intent | Intents;\n    importance?: Importance | Importances;\n    spacing?: Spacing | Spacings;\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      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      this.args.label !== undefined\n    );\n\n    return this.args.label;\n  }\n\n  <template>\n    <CommandElement\n      @element={{element \"button\"}}\n      @command={{@push}}\n      class=\"{{styles.iconButton}}\"\n      type={{if (not (isLink @push)) \"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    </CommandElement>\n  </template>\n}\n"],"names":["IconButton","Component","label","assert","args","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","CommandElement","element","styles","not","isLink","disabled","Icon"],"mappings":";;;;;;;;;;;;AAoCO,MAAMA,mBAAmBC,SAAA,CAAU;EACxC,IAAIC,KAAAA,GAAQ;AACVC,IAAAA,MAAA,CACE;AACA;AACA,IAAA,IAAI,CAACC,IAAI,CAACF,KAAK,KAAKG,SAAA,CAAA;AAGtB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACF,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,meAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,GAAA;QAAAC,MAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/index.js

@@ -1,29 +1,32 @@
-export { default as Icon } from './components/icon.js';
-export { default as Button } from './components/button.js';
-export { default as IconButton } from './components/icon-button.js';
-export { default as Checkbox } from './components/checkbox.js';
-export { default as CurrencyInput } from './components/currency-input.js';
-export { default as DateInput } from './components/date-input.js';
-export { default as EmailInput } from './components/email-input.js';
-export { default as InputBuilder } from './components/input-builder.js';
-export { default as List } from './components/list.js';
-export { default as NumberInput } from './components/number-input.js';
-export { default as PasswordInput } from './components/password-input.js';
-export { default as PhoneInput } from './components/phone-input.js';
-export { default as Radio } from './components/radio.js';
-export { default as RangeInput } from './components/range-input.js';
-export { default as Select } from './components/select.js';
-export { default as TextArea } from './components/text-area.js';
-export { default as TextInput } from './components/text-input.js';
-export { default as Form } from './components/form.js';
-export { default as AppHeader } from './components/app-header.js';
-export { default as Menu } from './components/menu.js';
-export { default as Page } from './components/page.js';
-export { default as Tabs } from './components/tabs.js';
-export { default as Box } from './components/box.js';
-export { default as Card } from './components/card.js';
-export { default as Section } from './components/section.js';
-export { default as Popover } from './components/popover.js';
-export { default as popover } from './helpers/popover.js';
+export { I as Icon } from './icon-bLZqjTMP.js';
+export { B as Button } from './button-XdQyGTGA.js';
+export { I as IconButton } from './icon-button-7K-W_8jc.js';
+export { C as Checkbox } from './checkbox-D4vALmT2.js';
+export { C as CurrencyInput } from './currency-input-8ef0Igfb.js';
+export { D as DateInput } from './date-input-BayaBuSb.js';
+export { E as EmailInput } from './email-input-j-Z0KO4A.js';
+export { I as InputBuilder } from './input-builder-DmcQbywA.js';
+export { L as List } from './list-CsLvih6-.js';
+export { M as Menu } from './menu-CZKNGJ91.js';
+export { N as NumberInput } from './number-input-B84zcPlM.js';
+export { P as PasswordInput } from './password-input-BMp5uscw.js';
+export { P as PhoneInput } from './phone-input-DeaTM5yP.js';
+export { R as Radio } from './radio-CGBLrzK4.js';
+export { R as RangeInput } from './range-input-BiAPgpW8.js';
+export { S as Select } from './select-DxyaUFuy.js';
+export { T as Tabs } from './tabs-a9GhNQv9.js';
+export { T as TextArea } from './text-area-55_E1zv8.js';
+export { T as TextInput } from './text-input-CK-yGbI5.js';
+export { F as Form } from './form-DWyQ6QHX.js';
+export { A as AppHeader } from './app-header-B6Q7pbiY.js';
+export { N as NavigationList } from './navigation-list-Cxs6uZdM.js';
+export { F as FocusPage } from './focus-page-B9myJVvL.js';
+export { P as Page } from './page-BcSgHxr7.js';
+export { S as SectionedPage } from './sectioned-page-fB9mV5WD.js';
+export { B as Box } from './box-DU6m9gDw.js';
+export { C as Card } from './card-Bdv-UvKX.js';
+export { S as Section } from './section-BAdmc3Yn.js';
+export { P as Popover } from './popover-B6j413u9.js';
+export { popover } from './helpers/popover.js';
 export { default as HokuleaService } from './services/-hokulea.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/input-builder-DmcQbywA.js

@@ -0,0 +1,20 @@
+import { hash } from '@ember/helper';
+import styles from '@hokulea/core/controls.module.css';
+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={{@class}} 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={{styles.inputBuilder}} aria-disabled={{if @disabled \"true\"}} data-input-builder data-test-input-builder>\n    {{yield (hash Prefix=(component Affix class=styles.prefix identity=\"prefix\") Affix=(component Affix class=styles.affix identity=\"affix\") Suffix=(component Affix class=styles.suffix identity=\"suffix\"))}}\n  </span>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    hash,
+    Affix
+  })
+}), templateOnly());
+
+export { InputBuilder as I };
+//# sourceMappingURL=input-builder-DmcQbywA.js.map

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

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

package/dist/list-CsLvih6-.js

@@ -0,0 +1,66 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+import { hash } from '@ember/helper';
+import { next } from '@ember/runloop';
+import { ariaListbox } from 'ember-aria-voyager';
+import { TrackedArray } from 'tracked-built-ins';
+import styles from '@hokulea/core/controls.module.css';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class Option extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.registerItem(args.value);
+    registerDestructor(this, () => {
+      args.unregisterItem(args.value);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  ", {
+      strictMode: true
+    }), this);
+  }
+}
+class List extends Component {
+  Option = Option;
+  static {
+    g(this.prototype, "items", [tracked], function () {
+      return new TrackedArray();
+    });
+  }
+  #items = (i(this, "items"), void 0);
+  registerItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.push(item);
+    });
+  };
+  unregisterItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.splice(this.items.indexOf(item), 1);
+    });
+  };
+  isSelected = option => {
+    if (Array.isArray(this.args.value)) {
+      return this.args.value.includes(option);
+    }
+    return this.args.value === option;
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class={{styles.list}} data-test-list ...attributes {{ariaListbox items=this.items selection=@value multi=@multiple disabled=@disabled select=@update activateItem=@activateItem}}>\n      {{yield (hash Option=(component this.Option isSelected=this.isSelected registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        ariaListbox,
+        hash
+      })
+    }), this);
+  }
+}
+
+export { List as L };
+//# sourceMappingURL=list-CsLvih6-.js.map

package/dist/list-CsLvih6-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CsLvih6-.js","sources":["../src/components/controls/list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { ariaListbox } from 'ember-aria-voyager';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport interface OptionSignature<V> {\n  Element: HTMLOptionElement;\n  Args: {\n    value: V;\n    isSelected: (option: V) => boolean;\n    registerItem: (item: V) => void;\n    unregisterItem: (item: V) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Option<V> extends Component<OptionSignature<V>> {\n  constructor(owner: Owner, args: OptionSignature<V>['Args']) {\n    super(owner, args);\n\n    args.registerItem(args.value);\n\n    registerDestructor(this, () => {\n      args.unregisterItem(args.value);\n    });\n  }\n\n  <template>\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  </template>\n}\n\nexport interface ListSignature<V> {\n  Element: HTMLDivElement;\n  Args: {\n    multiple?: boolean;\n    disabled?: boolean;\n    value?: V | V[];\n    update?: (value: V | V[]) => void;\n    activateItem?: (value: V) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option<V>, 'isSelected' | 'registerItem' | 'unregisterItem'>;\n      }\n    ];\n  };\n}\n\nexport class List<V> extends Component<ListSignature<V>> {\n  Option = Option<V>;\n\n  @tracked items: V[] = new TrackedArray();\n\n  registerItem = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  isSelected = (option: V) => {\n    if (Array.isArray(this.args.value)) {\n      return this.args.value.includes(option);\n    }\n\n    return this.args.value === option;\n  };\n\n  <template>\n    <div\n      class={{styles.list}}\n      data-test-list\n      ...attributes\n      {{ariaListbox\n        items=this.items\n        selection=@value\n        multi=@multiple\n        disabled=@disabled\n        select=@update\n        activateItem=@activateItem\n      }}\n    >\n      {{yield\n        (hash\n          Option=(component\n            this.Option\n            isSelected=this.isSelected\n            registerItem=this.registerItem\n            unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["Option","Component","constructor","owner","args","registerItem","value","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","List","g","prototype","tracked","TrackedArray","i","void 0","item","next","items","push","splice","indexOf","isSelected","option","Array","isArray","includes","scope","styles","ariaListbox","hash"],"mappings":";;;;;;;;;;;;AA2BA,MAAMA,MAAA,SAAkBC,SAAA,CAA0B;AAChDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,YAAY,CAACD,IAAA,CAAKE,KAAK,CAAA;IAE5BC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBH,MAAAA,IAAA,CAAKI,cAAc,CAACJ,IAAA,CAAKE,KAAK,CAAA;AAChC,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,mHAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAoBO,MAAMC,IAAA,SAAgBX,SAAA,CAAwB;AACnDD,EAAAA,MAAA,GAASA;AAAU,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAElBC,OAAA,CAAA,EAAA,YAAA;MAAA,OAAqB,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAE1Bb,YAAA,GAAgBc,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAX,cAAA,GAAkBW,IAAM,IAAA;AACtB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACE,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,CAACL,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;EAEAM,UAAA,GAAcC,MAAQ,IAAA;IACpB,IAAIC,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACxB,IAAI,CAACE,KAAK,CAAA,EAAG;MAClC,OAAO,IAAI,CAACF,IAAI,CAACE,KAAK,CAACuB,QAAQ,CAACH,MAAA,CAAA;AAClC,IAAA;AAEA,IAAA,OAAO,IAAI,CAACtB,IAAI,CAACE,KAAK,KAAKoB,MAAA;EAC7B,CAAA;AAEA,EAAA;IAAAjB,oBAAA,CAAAC,kBAAA,CAAA,mWAAA,EAyBA;MAAAC,UAAA,EAAA,IAAA;AAAAmB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,MAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/menu-CZKNGJ91.js

@@ -0,0 +1,116 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+import { hash } from '@ember/helper';
+import { next } from '@ember/runloop';
+import { service } from '@ember/service';
+import { htmlSafe } from '@ember/template';
+import { ariaMenu } from 'ember-aria-voyager';
+import { CommandElement } from 'ember-command';
+import { TrackedArray } from 'tracked-built-ins';
+import styles from '@hokulea/core/controls.module.css';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { popover } from './helpers/popover.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+// below are attempts at conditional typing based on provided blocks in dynamic invocation
+// type MenuItemArgs = {
+//   disabled?: boolean;
+//   registerItem: (item: MenuItem) => void;
+//   unregisterItem: (item: MenuItem) => void;
+// };
+// export interface MenuItemSignature<T = {}> {
+//   Element: HTMLButtonElement | HTMLAnchorElement;
+//   Args: T extends { Blocks: { default: [] } }
+//     ? MenuItemArgs & {
+//         push: CommandAction;
+//       }
+//     : MenuItemArgs;
+//   Blocks: T extends { Blocks: { default: [] } }
+//     ? { default: [] }
+//     : { label: []; menu: [MenuDefaultBlock] };
+// }
+//  & (
+//   | {
+//       Args: MenuItemArgs & {
+//         push: CommandAction;
+//       };
+//       Blocks: {
+//         default: [];
+//       };
+//     }
+//   | {
+//       Args: MenuItemArgs;
+//       Blocks: {
+//         label: [];
+//         menu: [MenuDefaultBlock];
+//       };
+//     }
+// );
+/* eslint-disable @typescript-eslint/no-use-before-define */
+class MenuItem extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.registerItem(this);
+    registerDestructor(this, () => {
+      args.unregisterItem(this);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" {{disabled when=(if @disabled @disabled false)}} {{p.trigger}}>\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <CommandElement @command={{@push}} {{disabled when=(if @disabled @disabled false)}} role=\"menuitem\">\n        {{~yield~}}\n      </CommandElement>\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        popover,
+        disabled,
+        Menu,
+        CommandElement
+      })
+    }), this);
+  }
+}
+/* eslint-enable @typescript-eslint/no-use-before-define */
+
+class Menu extends Component {
+  static {
+    g(this.prototype, "fastboot", [service]);
+  }
+  #fastboot = (i(this, "fastboot"), void 0);
+  static {
+    g(this.prototype, "items", [tracked], function () {
+      return new TrackedArray();
+    });
+  }
+  #items = (i(this, "items"), void 0);
+  get hideInSSR() {
+    return this.fastboot?.isFastBoot;
+  }
+  registerItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.push(item);
+    });
+  };
+  unregisterItem = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.splice(this.items.indexOf(item), 1);
+    });
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class={{styles.menu}} data-test-menu ...attributes {{ariaMenu items=this.items disabled=@disabled}} style={{if this.hideInSSR (htmlSafe \"display: none\")}}>\n      {{yield (hash Item=(component MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        htmlSafe,
+        ariaMenu,
+        hash,
+        MenuItem
+      })
+    }), this);
+  }
+}
+
+export { Menu as M };
+//# sourceMappingURL=menu-CZKNGJ91.js.map

package/dist/menu-CZKNGJ91.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-CZKNGJ91.js","sources":["../src/components/controls/menu.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { ariaMenu } from 'ember-aria-voyager';\nimport { CommandElement } from 'ember-command';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { popover } from '../../helpers/popover.ts';\n\nimport type { MenuItemArgs, MenuItemBlocks, MenuItemElement } from './-menu.ts';\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\nimport type FastBoot from 'ember-cli-fastboot/services/fastboot';\n\nexport type MenuDefaultBlock = {\n  Item: WithBoundArgs<typeof MenuItem, 'registerItem' | 'unregisterItem'>;\n};\n\nexport interface MenuItemSignature {\n  Element: MenuItemElement;\n  Args: MenuItemArgs & {\n    registerItem: (item: MenuItem) => void;\n    unregisterItem: (item: MenuItem) => void;\n  };\n  Blocks: MenuItemBlocks & {\n    menu?: [MenuDefaultBlock];\n  };\n}\n\n// below are attempts at conditional typing based on provided blocks in dynamic invocation\n\n// type MenuItemArgs = {\n//   disabled?: boolean;\n//   registerItem: (item: MenuItem) => void;\n//   unregisterItem: (item: MenuItem) => void;\n// };\n\n// export interface MenuItemSignature<T = {}> {\n//   Element: HTMLButtonElement | HTMLAnchorElement;\n//   Args: T extends { Blocks: { default: [] } }\n//     ? MenuItemArgs & {\n//         push: CommandAction;\n//       }\n//     : MenuItemArgs;\n//   Blocks: T extends { Blocks: { default: [] } }\n//     ? { default: [] }\n//     : { label: []; menu: [MenuDefaultBlock] };\n// }\n\n//  & (\n//   | {\n//       Args: MenuItemArgs & {\n//         push: CommandAction;\n//       };\n//       Blocks: {\n//         default: [];\n//       };\n//     }\n//   | {\n//       Args: MenuItemArgs;\n//       Blocks: {\n//         label: [];\n//         menu: [MenuDefaultBlock];\n//       };\n//     }\n// );\n\n/* eslint-disable @typescript-eslint/no-use-before-define */\nclass MenuItem extends Component<MenuItemSignature> {\n  constructor(owner: Owner, args: MenuItemSignature['Args']) {\n    super(owner, args);\n\n    args.registerItem(this);\n\n    registerDestructor(this, () => {\n      args.unregisterItem(this);\n    });\n  }\n\n  <template>\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          aria-haspopup=\"menu\"\n          {{disabled when=(if @disabled @disabled false)}}\n          {{p.trigger}}\n        >\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <CommandElement\n        @command={{@push}}\n        {{disabled when=(if @disabled @disabled false)}}\n        role=\"menuitem\"\n      >\n        {{~yield~}}\n      </CommandElement>\n    {{/if}}\n  </template>\n}\n/* eslint-enable @typescript-eslint/no-use-before-define */\n\nexport interface MenuSignature {\n  Element: HTMLDivElement;\n  Args: {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [MenuDefaultBlock];\n  };\n}\n\nexport class Menu extends Component<MenuSignature> {\n  @service declare fastboot?: FastBoot;\n\n  @tracked items: MenuItem[] = new TrackedArray();\n\n  get hideInSSR() {\n    return this.fastboot?.isFastBoot;\n  }\n\n  registerItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  <template>\n    <div\n      class={{styles.menu}}\n      data-test-menu\n      ...attributes\n      {{ariaMenu items=this.items disabled=@disabled}}\n      style={{if this.hideInSSR (htmlSafe \"display: none\")}}\n    >\n      {{yield\n        (hash\n          Item=(component\n            MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["MenuItem","Component","constructor","owner","args","registerItem","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","scope","popover","disabled","Menu","CommandElement","g","prototype","service","i","void 0","tracked","TrackedArray","hideInSSR","fastboot","isFastBoot","item","next","items","push","splice","indexOf","styles","htmlSafe","ariaMenu","hash"],"mappings":";;;;;;;;;;;;;;;;;AAqCA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA,MAAMA,QAAA,SAAiBC,SAAA,CAAU;AAC/BC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA+B,EAAE;AACzD,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,YAAY,CAAC,IAAI,CAAA;IAEtBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBF,MAAAA,IAAA,CAAKG,cAAc,CAAC,IAAI,CAAA;AAC1B,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,okBAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AACA;;AAYO,MAAMD,aAAab,SAAA,CAAU;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CACjCC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAEAI,OAAA,CAAA,EAAA,YAAA;MAAA,OAA4B,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAH,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAEjC,IAAIG,SAAAA,GAAY;AACd,IAAA,OAAO,IAAI,CAACC,QAAQ,EAAEC,UAAA;AACxB,EAAA;EAEApB,YAAA,GAAgBqB,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAnB,cAAA,GAAkBmB,IAAM,IAAA;AACtB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACE,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,CAACL,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;AAEA,EAAA;IAAAlB,oBAAA,CAAAC,kBAAA,CAAA,8SAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAqB,MAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAnC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}