npm - @hokulea/ember - Versions diffs - 0.12.0 → 0.14.0 - Mend

@hokulea/ember 0.12.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/dist/{form-CXvWQbiY.js.map → form-VcfCjgct.js.map} RENAMED Viewed

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

package/dist/helpers/popover.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { tracked } from '@glimmer/tracking';
 import { helper } from '@ember/component/helper';
 import { uniqueId } from '@ember/helper';
-import { computePosition, flip } from '@floating-ui/dom';
 import { modifier } from 'ember-modifier';
 import { g, i } from 'decorator-transforms/runtime-esm';
@@ -21,45 +20,37 @@ class State {
 }
 const popover = helper((_, {
   position,
+  fallback = 'none',
   opened,
   closed
 }) => {
   const state = new State();
-  let triggerElement;
   let targetElement;
   return {
     trigger: modifier(element => {
       element.setAttribute('popovertarget', state.id);
-      triggerElement = element;
+      // @ts-expect-error doesn't know that CSS yet
+      element.style.positionAnchor = `--${state.id}`;
     }),
     target: modifier((element, __, {
       manual
     }) => {
-      element.setAttribute('popover', manual ? 'manual' : '');
-      targetElement = element;
       if (element.id) {
         state.id = element.id;
       } else {
         element.id = state.id;
       }
+      element.setAttribute('popover', manual ? 'manual' : '');
+      element.dataset.position = position;
+      element.dataset.fallback = fallback;
+      // @ts-expect-error doesn't know that CSS yet
+      element.style.anchorName = `--${state.id}`;
+      // @ts-expect-error doesn't know that CSS yet
+      element.style.positionArea = position;
+      targetElement = element;
       const toggleHandler = event => {
         state.opened = event.newState === 'open';
         if (event.newState === 'open') {
-          if (position && triggerElement) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            computePosition(triggerElement, element, {
-              placement: position,
-              middleware: [flip()]
-            }).then(({
-              x,
-              y
-            }) => {
-              Object.assign(element.style, {
-                left: `${String(x)}px`,
-                top: `${String(y)}px`
-              });
-            });
-          }
           opened?.();
         } else if (event.newState === 'closed') {
           closed?.();

package/dist/helpers/popover.js.map CHANGED Viewed

	@@ -1 +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\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":"~~;;;;;;;AAaA~~,MAAMA,KAAK,CAAC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,IAAA,EAAA,CACTC,OAAO,CAAA,EAAA,YAAA;MAAA,OAAMC,QAAQ,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,GAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,IAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAL,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACvBC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAU,KAAK;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAE,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,MAAA;AACzB;MAEaC,OAAO,GAAGC,MAAM,CAAC,CAACC,CAAC,EAAE;EAAEC,QAAQ;EAAEC,MAAM;AAAEC,EAAAA;AAAoB,CAAC,KAAK;~~AAC9E~~,EAAA,MAAMC,KAAK,GAAG,~~IAAIb~~,KAAK,EAAE;AACzB,EAAA,~~IAAIc~~,~~cAAuC;AAC3C,EAAA,IAAIC,~~aAAsC;EAE1C,OAAO;AACLC,IAAAA,OAAO,EAAEC,QAAQ,CAAEC,OAAoB,IAAK;MAC1CA,OAAO,CAACC,YAAY,CAAC,eAAe,~~EAAEN~~,KAAK,~~CAACO~~,EAAE,CAAC;AAC/CN,~~MAAAA~~,cAAc,~~GAAGI~~,~~OAAO~~;~~AAC1B~~,IAAA,CAAC,CAAC;AACFG,IAAAA,MAAM,~~EAAEJ~~,QAAQ,CAAC,CAACC,OAAoB,~~EAAEI~~,EAAE,EAAE;AAAEC,MAAAA;AAA6B,KAAC,KAAK;MAC/EL,~~OAAO~~,~~CAACC,YAAY,CAAC,SAAS,EAAEI,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAC;AACvDR,MAAAA,aAAa,GAAGG,~~OAAO~~;MAEvB~~,~~IAAIA,OAAO,~~CAACE,EAAE,EAAE;~~AACdP~~,QAAAA,KAAK,~~CAACO~~,EAAE,GAAGF,OAAO,CAACE,EAAE;AACvB,MAAA,CAAC,MAAM;AACLF,QAAAA,OAAO,CAACE,EAAE,~~GAAGP~~,KAAK,~~CAACO~~,EAAE;AACvB,MAAA;~~MAEA~~,~~MAAMI~~,~~aAAa~~,~~GAAIC~~,~~KAAkB~~,~~IAAK;AAC5CZ~~,~~QAAAA~~,~~KAAK,CAACF,~~MAAM,~~GAAGc~~,~~KAAK~~,~~CAACC~~,~~QAAQ~~,~~KAAK,MAAM~~;~~AAExC~~,~~QAAA~~,~~IAAID~~,~~KAAK~~,~~CAACC~~,QAAQ,~~KAAK~~,~~MAAM,EAAE;UAC7B,IAAIhB,~~QAAQ~~,IAAII,cAAc,EAAE~~;~~AAC9B;AACAa~~,~~YAAAA~~,~~eAAe~~,~~CAACb~~,~~cAAc,EAAEI,~~OAAO,~~EAAE;AACvCU~~,~~cAAAA~~,~~SAAS~~,~~EAAElB,~~QAAQ;~~AACnBmB~~,~~cAAAA~~,~~UAAU~~,~~EAAE~~,~~CAACC~~,~~IAAI~~,~~EAAE;AACrB~~,~~aAAC~~,~~CAAC~~,~~CAACC~~,~~IAAI~~,~~CAAC~~,~~CAAC;cAAEC~~,~~CAAC;AAAEC~~,~~cAAAA~~;~~AAAE,aAAC,KAAW~~;~~AAC1BC~~,~~cAAAA~~,~~MAAM,CAACC,MAAM,CAACjB,~~OAAO,~~CAACkB~~,KAAK,~~EAAE;AAC3BC~~,~~gBAAAA~~,~~IAAI~~,~~EAAE~~,~~CAAA~~,~~EAAGC~~,~~MAAM~~,~~CAACN~~,~~CAAC~~,~~CAAC~~,~~CAAA~~,~~EAAA~~,~~CAAI~~;~~AACtBO~~,~~gBAAAA~~,~~GAAG~~,~~EAAE~~,~~CAAA~~,~~EAAGD~~,~~MAAM~~,~~CAACL~~,~~CAAC~~,~~CAAC~~,~~CAAA,EAAA~~;~~AACnB~~,~~eAAC~~,~~CAAC;AACJ~~,~~YAAA~~,~~CAAC~~,~~CAAC;AACJ~~,~~UAAA~~;~~AAEAtB~~,UAAAA,MAAM,IAAI;AACZ,QAAA,CAAC,MAAM,~~IAAIc~~,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;~~AACtCd~~,UAAAA,MAAM,IAAI;AACZ,QAAA;MACF,CAAC;~~AAEDM~~,MAAAA,OAAO,~~CAACsB~~,gBAAgB,CAAC,QAAQ,~~EAAEhB~~,aAAa,CAAC;AAEjD,MAAA,OAAO,MAAM;~~AACXN~~,QAAAA,OAAO,~~CAACuB~~,mBAAmB,CAAC,QAAQ,~~EAAEjB~~,aAAa,CAAC;MACtD,CAAC;AACH,IAAA,CAAC,CAAC;IACF,~~IAAIb~~,MAAMA,GAAG;MACX,OAAOE,KAAK,CAACF,MAAM;IACrB,CAAC;~~IACD+B~~,IAAI,EAAEA,MAAM;~~MACV3B~~,aAAa,~~EAAE4B~~,WAAW,EAAE;IAC9B,CAAC;IACDC,KAAK,EAAEA,MAAM;~~MACX7B~~,aAAa,~~EAAE8B~~,WAAW,EAAE;AAC9B,IAAA;GACD;AACH,CAAC;;;;"}
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 { modifier } from 'ember-modifier';\n\nimport type { PositionArea } from './-position';\n\ntype Fallback = 'none' \| 'flip-inline' \| 'flip-block' \| 'flip-start';\n\ninterface PopoverArgs {\n /*\n The position for the popover target.\n \n @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-area\n /\n position?: PositionArea;\n\n /\n The fallback strategy, when position is not a good fit\n \n @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-try\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-try-fallbacks\n \n @default `none`\n /\n fallback?: Fallback;\n\n /\n Callback, when the popover is opened\n /\n opened?: () => void;\n\n /\n Callback, when the popover is closed\n */\n closed?: () => void;\n}\n\nclass State {\n @tracked id = uniqueId();\n @tracked opened = false;\n}\n\nexport const popover = helper((_, { position, fallback = 'none', opened, closed }: PopoverArgs) => {\n const state = new State();\n let targetElement: HTMLElement \| undefined;\n\n return {\n trigger: modifier((element: HTMLElement) => {\n element.setAttribute('popovertarget', state.id);\n // @ts-expect-error doesn't know that CSS yet\n element.style.positionAnchor = `--${state.id}`;\n }),\n target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n if (element.id) {\n state.id = element.id;\n } else {\n element.id = state.id;\n }\n\n element.setAttribute('popover', manual ? 'manual' : '');\n element.dataset.position = position;\n element.dataset.fallback = fallback;\n // @ts-expect-error doesn't know that CSS yet\n element.style.anchorName = `--${state.id}`;\n // @ts-expect-error doesn't know that CSS yet\n element.style.positionArea = position;\n targetElement = element;\n\n const toggleHandler = (event: ToggleEvent) => {\n state.opened = event.newState === 'open';\n\n if (event.newState === 'open') {\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","fallback","opened","closed","state","targetElement","trigger","modifier","element","setAttribute","id","style","positionAnchor","target","__","manual","dataset","anchorName","positionArea","toggleHandler","event","newState","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}

package/dist/{icon-button-hS8-Jo0v.js → icon-button-ClE5SC8Y.js} RENAMED Viewed

@@ -3,8 +3,8 @@ import { assert } from '@ember/debug';
 import { element } from 'ember-element-helper';
 import { b as asBoolean, n as not, a as and } from './helpers-D4So5-uK.js';
 import { d as disabled } from './disabled-B_FQ0Z51.js';
-import { P as PushElement } from './push-DnJFFc_p.js';
-import { I as Icon } from './icon-rlG6O1ps.js';
+import { P as PushElement } from './push-C8z1Qw41.js';
+import { I as Icon } from './icon-ej-3ZqQt.js';
 import { i as isLink } from './-button-KUaJCQaB.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -16,7 +16,7 @@ class IconButton extends Component {
     return this.args.label;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <PushElement @push={{@push}} @href={{@href}} @element={{element \"button\"}} class=\"icon-button\" type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"button\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </PushElement>\n  ", {
+    setComponentTemplate(precompileTemplate("<PushElement @push={{@push}} @href={{@href}} @element={{element \"button\"}} class=\"icon-button\" type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"button\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n  <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n</PushElement>", {
       strictMode: true,
       scope: () => ({
         PushElement,
@@ -33,4 +33,4 @@ class IconButton extends Component {
 }
 export { IconButton as I };
-//# sourceMappingURL=icon-button-hS8-Jo0v.js.map
+//# sourceMappingURL=icon-button-ClE5SC8Y.js.map

package/dist/{icon-button-hS8-Jo0v.js.map → icon-button-ClE5SC8Y.js.map} RENAMED Viewed

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

package/dist/{icon-rlG6O1ps.js → icon-ej-3ZqQt.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import templateOnly from '@ember/component/template-only';
 function isString(icon) {
   return typeof icon === 'string';
 }
-const Icon = setComponentTemplate(precompileTemplate("\n  <span class=\"icon\" data-test-icon ...attributes>\n    {{#if (isString @icon)}}\n      {{htmlSafe @icon}}\n    {{else}}\n      {{@icon}}\n    {{/if}}\n  </span>\n", {
+const Icon = setComponentTemplate(precompileTemplate("<span class=\"icon\" data-test-icon ...attributes>\n  {{#if (isString @icon)}}\n    {{htmlSafe @icon}}\n  {{else}}\n    {{@icon}}\n  {{/if}}\n</span>", {
   strictMode: true,
   scope: () => ({
     isString,
@@ -15,4 +15,4 @@ const Icon = setComponentTemplate(precompileTemplate("\n  <span class=\"icon\" d
 }), templateOnly());
 export { Icon as I };
-//# sourceMappingURL=icon-rlG6O1ps.js.map
+//# sourceMappingURL=icon-ej-3ZqQt.js.map

package/dist/icon-ej-3ZqQt.js.map ADDED Viewed

@@ -0,0 +1 @@

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