ember-headless-form 0.0.0

package/LICENSE.md

@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2023
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,26 @@
+# ember-headless-form
+
+[Short description of the addon.]
+
+## Compatibility
+
+- Ember.js v4.8 or above
+- Embroider or ember-auto-import v2
+
+## Installation
+
+```
+ember install ember-headless-form
+```
+
+## Usage
+
+[Longer description of how to use the addon in apps.]
+
+## Contributing
+
+See the [Contributing](CONTRIBUTING.md) guide for details.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE.md).

package/addon-main.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const { addonV1Shim } = require('@embroider/addon-shim');
+
+module.exports = addonV1Shim(__dirname);

package/dist/_app_/components/headless-form.js

@@ -0,0 +1 @@
+export { default } from "ember-headless-form/components/headless-form";

package/dist/components/-private/capture-events.d.ts

@@ -0,0 +1,21 @@
+interface CaptureEventsModifierSignature {
+    Element: HTMLElement;
+    Args: {
+        Named: {
+            event: 'focusout' | 'change';
+            triggerValidation(): void;
+        };
+    };
+}
+declare const CaptureEventsModifier: import("ember-modifier/.").FunctionBasedModifier<{
+    Element: HTMLElement;
+    Args: {
+        Named: {
+            event: 'focusout' | 'change';
+            triggerValidation(): void;
+        };
+        Positional: [];
+    };
+}>;
+export { CaptureEventsModifier as default, CaptureEventsModifierSignature };
+//# sourceMappingURL=components/-private/capture-events.d.ts.map

package/dist/components/-private/capture-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/-private/capture-events.d.ts","sourceRoot":"","sources":["../src/components/-private/capture-events.ts"],"names":[],"mappings":"AAEA,UAAiB,8BAA8B;IAC7C,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,UAAU,GAAG,QAAQ,CAAC;YAC7B,iBAAiB,IAAI,IAAI,CAAC;SAC3B,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,qBAAqB;;;;mBANd,UAAU,GAAG,QAAQ;iCACP,IAAI;;;;EAa9B,CAAC"}

package/dist/components/-private/capture-events.js

@@ -0,0 +1,16 @@
+import { modifier } from 'ember-modifier';
+
+const CaptureEventsModifier = modifier((element, _pos, {
+  event,
+  triggerValidation
+}) => {
+  element.addEventListener(event, triggerValidation, {
+    passive: true
+  });
+  return () => {
+    element.removeEventListener(event, triggerValidation);
+  };
+});
+
+export { CaptureEventsModifier as default };
+//# sourceMappingURL=capture-events.js.map

package/dist/components/-private/capture-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-events.js","sources":["../../../src/components/-private/capture-events.ts"],"sourcesContent":["import { modifier } from 'ember-modifier';\n\nexport interface CaptureEventsModifierSignature {\n  Element: HTMLElement;\n  Args: {\n    Named: {\n      event: 'focusout' | 'change';\n      triggerValidation(): void;\n    };\n  };\n}\n\nconst CaptureEventsModifier = modifier<CaptureEventsModifierSignature>(\n  (element, _pos, { event, triggerValidation }) => {\n    element.addEventListener(event, triggerValidation, { passive: true });\n\n    return () => {\n      element.removeEventListener(event, triggerValidation);\n    };\n  }\n);\n\nexport default CaptureEventsModifier;\n"],"names":["CaptureEventsModifier","modifier","element","_pos","event","triggerValidation","addEventListener","passive","removeEventListener"],"mappings":";;AAYMA,MAAAA,qBAAqB,GAAGC,QAAQ,CACpC,CAACC,OAAO,EAAEC,IAAI,EAAE;EAAEC,KAAK;AAAEC,EAAAA,iBAAAA;AAAkB,CAAC,KAAK;AAC/CH,EAAAA,OAAO,CAACI,gBAAgB,CAACF,KAAK,EAAEC,iBAAiB,EAAE;AAAEE,IAAAA,OAAO,EAAE,IAAA;AAAK,GAAC,CAAC,CAAA;AAErE,EAAA,OAAO,MAAM;AACXL,IAAAA,OAAO,CAACM,mBAAmB,CAACJ,KAAK,EAAEC,iBAAiB,CAAC,CAAA;GACtD,CAAA;AACH,CAAC;;;;"}

package/dist/components/-private/control/checkbox.d.ts

@@ -0,0 +1,16 @@
+import Component from '@glimmer/component';
+interface HeadlessFormControlCheckboxComponentSignature {
+    Element: HTMLInputElement;
+    Args: {
+        value: boolean;
+        name: string;
+        fieldId: string;
+        setValue: (value: boolean) => void;
+        invalid: boolean;
+        errorId: string;
+    };
+}
+declare class HeadlessFormControlCheckboxComponent extends Component<HeadlessFormControlCheckboxComponentSignature> {
+    handleInput(e: Event | InputEvent): void;
+}
+export { HeadlessFormControlCheckboxComponentSignature, HeadlessFormControlCheckboxComponent as default };

package/dist/components/-private/control/checkbox.js

@@ -0,0 +1,18 @@
+import _applyDecoratedDescriptor from '@babel/runtime/helpers/esm/applyDecoratedDescriptor';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+var TEMPLATE = precompileTemplate("<input\n  name={{@name}}\n  type=\'checkbox\'\n  checked={{@value}}\n  id={{@fieldId}}\n  aria-invalid={{if @invalid \'true\'}}\n  ...attributes\n  {{on \'click\' this.handleInput}}\n/>");
+
+var _class;
+let HeadlessFormControlCheckboxComponent = (_class = class HeadlessFormControlCheckboxComponent extends Component {
+  handleInput(e) {
+    this.args.setValue(e.target.checked);
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "handleInput", [action], Object.getOwnPropertyDescriptor(_class.prototype, "handleInput"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HeadlessFormControlCheckboxComponent);
+
+export { HeadlessFormControlCheckboxComponent as default };
+//# sourceMappingURL=checkbox.js.map

package/dist/components/-private/control/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/-private/control/checkbox.hbs.js","../../../../src/components/-private/control/checkbox.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<input\\n  name={{@name}}\\n  type=\\'checkbox\\'\\n  checked={{@value}}\\n  id={{@fieldId}}\\n  aria-invalid={{if @invalid \\'true\\'}}\\n  ...attributes\\n  {{on \\'click\\' this.handleInput}}\\n/>\")","import Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nexport interface HeadlessFormControlCheckboxComponentSignature {\n  Element: HTMLInputElement;\n  Args: {\n    value: boolean;\n    name: string;\n    fieldId: string;\n    setValue: (value: boolean) => void;\n    invalid: boolean;\n    errorId: string;\n  };\n}\n\nexport default class HeadlessFormControlCheckboxComponent extends Component<HeadlessFormControlCheckboxComponentSignature> {\n  @action\n  handleInput(e: Event | InputEvent): void {\n    this.args.setValue((e.target as HTMLInputElement).checked);\n  }\n}\n"],"names":["precompileTemplate","HeadlessFormControlCheckboxComponent","Component","handleInput","e","args","setValue","target","checked","action"],"mappings":";;;;;;AACA,eAAeA,kBAAkB,CAAC,2LAA2L,CAAC;;;ACAvL,IAclBC,oCAAoC,IAA1C,MAAA,GAAA,MAAMA,oCAAoC,SAASC,SAAS,CAAgD;EAEzHC,WAAW,CAACC,CAAqB,EAAQ;IACvC,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAsBC,OAAO,CAAC,CAAA;AAC5D,GAAA;AACF,CAAC,+DAJEC,MAAM,CAAA,EAAA,MAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,MAAA,CAAA,SAAA,CAAA,GAAA,MAAA,EAAA;AADgD,oBAAA,CAAA,QAAA,EAAA,oCAAA,CAAA;;;;"}

package/dist/components/-private/control/input.d.ts

@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+type InputType = 'color' | 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+interface HeadlessFormControlInputComponentSignature {
+    Element: HTMLInputElement;
+    Args: {
+        value: string;
+        name: string;
+        type?: InputType;
+        fieldId: string;
+        setValue: (value: string) => void;
+        invalid: boolean;
+        errorId: string;
+    };
+}
+declare class HeadlessFormControlInputComponent extends Component<HeadlessFormControlInputComponentSignature> {
+    constructor(owner: unknown, args: HeadlessFormControlInputComponentSignature['Args']);
+    get type(): InputType;
+    handleInput(e: Event | InputEvent): void;
+}
+export { InputType, HeadlessFormControlInputComponentSignature, HeadlessFormControlInputComponent as default };

package/dist/components/-private/control/input.js

@@ -0,0 +1,32 @@
+import _applyDecoratedDescriptor from '@babel/runtime/helpers/esm/applyDecoratedDescriptor';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { action } from '@ember/object';
+
+var TEMPLATE = precompileTemplate("<input\n  name={{@name}}\n  type={{@type}}\n  value={{@value}}\n  id={{@fieldId}}\n  aria-invalid={{if @invalid \'true\'}}\n  aria-errormessage={{if @invalid @errorId}}\n  ...attributes\n  {{on \'input\' this.handleInput}}\n/>");
+
+var _class;
+
+// Possible values for the input type, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+// for the sake ok completeness, we list all here, with some commented out that are better handled elsewhere, or not at all...
+let HeadlessFormControlInputComponent = (_class = class HeadlessFormControlInputComponent extends Component {
+  constructor(owner, args) {
+    assert(`input component does not support @type="${args.type}" as there is a dedicated component for this. Please use the \`field.${args.type}\` instead!`, args.type === undefined ||
+    // TS would guard us against using an unsupported `InputType`, but for JS consumers we add a dev-only runtime check here
+    !['checkbox', 'radio'].includes(args.type));
+    super(owner, args);
+  }
+  get type() {
+    return this.args.type ?? 'text';
+  }
+  handleInput(e) {
+    assert('Expected HTMLInputElement', e.target instanceof HTMLInputElement);
+    this.args.setValue(e.target.value);
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "handleInput", [action], Object.getOwnPropertyDescriptor(_class.prototype, "handleInput"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HeadlessFormControlInputComponent);
+
+export { HeadlessFormControlInputComponent as default };
+//# sourceMappingURL=input.js.map

package/dist/components/-private/control/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../src/components/-private/control/input.hbs.js","../../../../src/components/-private/control/input.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<input\\n  name={{@name}}\\n  type={{@type}}\\n  value={{@value}}\\n  id={{@fieldId}}\\n  aria-invalid={{if @invalid \\'true\\'}}\\n  aria-errormessage={{if @invalid @errorId}}\\n  ...attributes\\n  {{on \\'input\\' this.handleInput}}\\n/>\")","import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\n\n// Possible values for the input type, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n// for the sake ok completeness, we list all here, with some commented out that are better handled elsewhere, or not at all...\nexport type InputType =\n  // | 'button' - not useful as a control component\n  // | 'checkbox' - handled separately, for handling `checked` correctly and operating with true boolean values\n  | 'color'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  // | 'file' - would need special handling\n  | 'hidden'\n  // | 'image' - not useful as a control component\n  | 'month'\n  | 'number'\n  | 'password'\n  // | 'radio' - handled separately, for handling groups or radio buttons\n  | 'range'\n  // | 'reset' - would need special handling\n  | 'search'\n  // | 'submit' - not useful as a control component\n  | 'tel'\n  | 'text'\n  | 'time'\n  | 'url'\n  | 'week';\n\nexport interface HeadlessFormControlInputComponentSignature {\n  Element: HTMLInputElement;\n  Args: {\n    value: string;\n    name: string;\n    type?: InputType;\n    fieldId: string;\n    setValue: (value: string) => void;\n    invalid: boolean;\n    errorId: string;\n  };\n}\n\nexport default class HeadlessFormControlInputComponent extends Component<HeadlessFormControlInputComponentSignature> {\n  constructor(\n    owner: unknown,\n    args: HeadlessFormControlInputComponentSignature['Args']\n  ) {\n    assert(\n      `input component does not support @type=\"${args.type}\" as there is a dedicated component for this. Please use the \\`field.${args.type}\\` instead!`,\n      args.type === undefined ||\n        // TS would guard us against using an unsupported `InputType`, but for JS consumers we add a dev-only runtime check here\n        !['checkbox', 'radio'].includes(args.type as string)\n    );\n\n    super(owner, args);\n  }\n\n  get type(): InputType {\n    return this.args.type ?? 'text';\n  }\n\n  @action\n  handleInput(e: Event | InputEvent): void {\n    assert('Expected HTMLInputElement', e.target instanceof HTMLInputElement);\n    this.args.setValue(e.target.value);\n  }\n}\n"],"names":["precompileTemplate","HeadlessFormControlInputComponent","Component","constructor","owner","args","assert","type","undefined","includes","handleInput","e","target","HTMLInputElement","setValue","value","action"],"mappings":";;;;;;;AACA,eAAeA,kBAAkB,CAAC,oOAAoO,CAAC;;;;ACGvQ;AACA;AAAA,IAsCqBC,iCAAiC,IAAvC,MAAA,GAAA,MAAMA,iCAAiC,SAASC,SAAS,CAA6C;AACnHC,EAAAA,WAAW,CACTC,KAAc,EACdC,IAAwD,EACxD;AACAC,IAAAA,MAAM,CACH,CAAA,wCAAA,EAA0CD,IAAI,CAACE,IAAK,CAAuEF,qEAAAA,EAAAA,IAAI,CAACE,IAAK,aAAY,EAClJF,IAAI,CAACE,IAAI,KAAKC,SAAS;AACrB;AACA,IAAA,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACJ,IAAI,CAACE,IAAI,CAAW,CACvD,CAAA;AAED,IAAA,KAAK,CAACH,KAAK,EAAEC,IAAI,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,IAAIE,IAAI,GAAc;AACpB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,MAAM,CAAA;AACjC,GAAA;EAGAG,WAAW,CAACC,CAAqB,EAAQ;IACvCL,MAAM,CAAC,2BAA2B,EAAEK,CAAC,CAACC,MAAM,YAAYC,gBAAgB,CAAC,CAAA;IACzE,IAAI,CAACR,IAAI,CAACS,QAAQ,CAACH,CAAC,CAACC,MAAM,CAACG,KAAK,CAAC,CAAA;AACpC,GAAA;AACF,CAAC,+DALEC,MAAM,CAAA,EAAA,MAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,MAAA,CAAA,SAAA,CAAA,GAAA,MAAA,EAAA;AAnB6C,oBAAA,CAAA,QAAA,EAAA,iCAAA,CAAA;;;;"}

package/dist/components/-private/control/radio/input.d.ts

@@ -0,0 +1,12 @@
+interface HeadlessFormControlRadioInputComponentSignature {
+    Element: HTMLInputElement;
+    Args: {
+        value: string;
+        name: string;
+        checked: boolean;
+        fieldId: string;
+        setValue: (value: string) => void;
+    };
+}
+declare const _default: import("@ember/component/template-only").TemplateOnlyComponent<HeadlessFormControlRadioInputComponentSignature>;
+export { _default as default, HeadlessFormControlRadioInputComponentSignature };

package/dist/components/-private/control/radio/input.js

@@ -0,0 +1,10 @@
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import templateOnlyComponent from '@ember/component/template-only';
+
+var TEMPLATE = precompileTemplate("<input\n  name={{@name}}\n  type=\'radio\'\n  value={{@value}}\n  checked={{@checked}}\n  id={{@fieldId}}\n  ...attributes\n  {{on \'change\' (fn @setValue @value)}}\n/>");
+
+var RadioInputComponent = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+
+export { RadioInputComponent as default };
+//# sourceMappingURL=input.js.map

package/dist/components/-private/control/radio/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../../src/components/-private/control/radio/input.hbs.js","../../../../../src/components/-private/control/radio/input.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<input\\n  name={{@name}}\\n  type=\\'radio\\'\\n  value={{@value}}\\n  checked={{@checked}}\\n  id={{@fieldId}}\\n  ...attributes\\n  {{on \\'change\\' (fn @setValue @value)}}\\n/>\")","import templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HeadlessFormControlRadioInputComponentSignature {\n  Element: HTMLInputElement;\n  Args: {\n    value: string;\n    name: string;\n    checked: boolean;\n    fieldId: string;\n    setValue: (value: string) => void;\n  };\n}\n\nexport default templateOnlyComponent<HeadlessFormControlRadioInputComponentSignature>();\n"],"names":["precompileTemplate","templateOnlyComponent"],"mappings":";;;;AACA,eAAeA,kBAAkB,CAAC,2KAA2K,CAAC;;ACY9M,0BAAA,oBAAA,CAAA,QAAA,EAAeC,qBAAqB,EAAmD,CAAA;;;;"}

package/dist/components/-private/control/radio.d.ts

@@ -0,0 +1,28 @@
+import Component from '@glimmer/component';
+import LabelComponent from "../label.js";
+import { HeadlessFormLabelComponentSignature } from "../label.js";
+import RadioInputComponent from "./radio/input.js";
+import { HeadlessFormControlRadioInputComponentSignature } from "./radio/input.js";
+import { ComponentLike, WithBoundArgs } from '@glint/template';
+interface HeadlessFormControlRadioComponentSignature {
+    Args: {
+        value: string;
+        name: string;
+        selected: string;
+        setValue: (value: string) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                label: WithBoundArgs<typeof LabelComponent, 'fieldId'>;
+                input: WithBoundArgs<typeof RadioInputComponent, 'fieldId' | 'value' | 'setValue' | 'checked' | 'name'>;
+            }
+        ];
+    };
+}
+declare class HeadlessFormControlRadioComponent extends Component<HeadlessFormControlRadioComponentSignature> {
+    LabelComponent: ComponentLike<HeadlessFormLabelComponentSignature>;
+    RadioInputComponent: ComponentLike<HeadlessFormControlRadioInputComponentSignature>;
+    get isChecked(): boolean;
+}
+export { HeadlessFormControlRadioComponentSignature, HeadlessFormControlRadioComponent as default };

package/dist/components/-private/control/radio.js

@@ -0,0 +1,23 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import LabelComponent from '../label.js';
+import RadioInputComponent from './radio/input.js';
+
+var TEMPLATE = precompileTemplate("{{#let (unique-id) as |uuid|}}\n  {{yield\n    (hash\n      label=(component (ensure-safe-component this.LabelComponent) fieldId=uuid)\n      input=(component\n        (ensure-safe-component this.RadioInputComponent)\n        name=@name\n        fieldId=uuid\n        value=@value\n        checked=this.isChecked\n        setValue=@setValue\n      )\n    )\n  }}\n{{/let}}");
+
+class HeadlessFormControlRadioComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "LabelComponent", LabelComponent);
+    _defineProperty(this, "RadioInputComponent", RadioInputComponent);
+  }
+  get isChecked() {
+    return this.args.selected === this.args.value;
+  }
+}
+setComponentTemplate(TEMPLATE, HeadlessFormControlRadioComponent);
+
+export { HeadlessFormControlRadioComponent as default };
+//# sourceMappingURL=radio.js.map

package/dist/components/-private/control/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../src/components/-private/control/radio.hbs.js","../../../../src/components/-private/control/radio.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{#let (unique-id) as |uuid|}}\\n  {{yield\\n    (hash\\n      label=(component (ensure-safe-component this.LabelComponent) fieldId=uuid)\\n      input=(component\\n        (ensure-safe-component this.RadioInputComponent)\\n        name=@name\\n        fieldId=uuid\\n        value=@value\\n        checked=this.isChecked\\n        setValue=@setValue\\n      )\\n    )\\n  }}\\n{{/let}}\")","import Component from '@glimmer/component';\n\nimport LabelComponent from '../label';\nimport RadioInputComponent from './radio/input';\n\nimport type { HeadlessFormLabelComponentSignature } from '../label';\nimport type { HeadlessFormControlRadioInputComponentSignature } from './radio/input';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\n\nexport interface HeadlessFormControlRadioComponentSignature {\n  Args: {\n    value: string;\n    name: string;\n    selected: string;\n    setValue: (value: string) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        label: WithBoundArgs<typeof LabelComponent, 'fieldId'>;\n        input: WithBoundArgs<\n          typeof RadioInputComponent,\n          'fieldId' | 'value' | 'setValue' | 'checked' | 'name'\n        >;\n      }\n    ];\n  };\n}\n\nexport default class HeadlessFormControlRadioComponent extends Component<HeadlessFormControlRadioComponentSignature> {\n  LabelComponent: ComponentLike<HeadlessFormLabelComponentSignature> =\n    LabelComponent;\n  RadioInputComponent: ComponentLike<HeadlessFormControlRadioInputComponentSignature> =\n    RadioInputComponent;\n\n  get isChecked(): boolean {\n    return this.args.selected === this.args.value;\n  }\n}\n"],"names":["precompileTemplate","HeadlessFormControlRadioComponent","Component","LabelComponent","RadioInputComponent","isChecked","args","selected","value"],"mappings":";;;;;;;AACA,eAAeA,kBAAkB,CAAC,sXAAsX,CAAC;;AC4B1Y,MAAMC,iCAAiC,SAASC,SAAS,CAA6C;AAAA,EAAA,WAAA,CAAA,GAAA,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAEjHC,cAAc,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,qBAAA,EAEdC,mBAAmB,CAAA,CAAA;AAAA,GAAA;AAErB,EAAA,IAAIC,SAAS,GAAY;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,CAAA;AAC/C,GAAA;AACF,CAAA;AAAC,oBAAA,CAAA,QAAA,EAToBP,iCAAiC,CAAA;;;;"}

package/dist/components/-private/control/textarea.d.ts

@@ -0,0 +1,16 @@
+import Component from '@glimmer/component';
+interface HeadlessFormControlTextareaComponentSignature {
+    Element: HTMLTextAreaElement;
+    Args: {
+        value: string;
+        name: string;
+        fieldId: string;
+        setValue: (value: string) => void;
+        invalid: boolean;
+        errorId: string;
+    };
+}
+declare class HeadlessFormControlTextareaComponent extends Component<HeadlessFormControlTextareaComponentSignature> {
+    handleInput(e: Event | InputEvent): void;
+}
+export { HeadlessFormControlTextareaComponentSignature, HeadlessFormControlTextareaComponent as default };

package/dist/components/-private/control/textarea.js

@@ -0,0 +1,18 @@
+import _applyDecoratedDescriptor from '@babel/runtime/helpers/esm/applyDecoratedDescriptor';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+var TEMPLATE = precompileTemplate("<textarea\n  name={{@name}}\n  id={{@fieldId}}\n  aria-invalid={{if @invalid \'true\'}}\n  aria-errormessage={{if @invalid @errorId}}\n  ...attributes\n  {{on \'input\' this.handleInput}}\n>{{@value}}</textarea>");
+
+var _class;
+let HeadlessFormControlTextareaComponent = (_class = class HeadlessFormControlTextareaComponent extends Component {
+  handleInput(e) {
+    this.args.setValue(e.target.value);
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "handleInput", [action], Object.getOwnPropertyDescriptor(_class.prototype, "handleInput"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HeadlessFormControlTextareaComponent);
+
+export { HeadlessFormControlTextareaComponent as default };
+//# sourceMappingURL=textarea.js.map

package/dist/components/-private/control/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../../../src/components/-private/control/textarea.hbs.js","../../../../src/components/-private/control/textarea.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<textarea\\n  name={{@name}}\\n  id={{@fieldId}}\\n  aria-invalid={{if @invalid \\'true\\'}}\\n  aria-errormessage={{if @invalid @errorId}}\\n  ...attributes\\n  {{on \\'input\\' this.handleInput}}\\n>{{@value}}</textarea>\")","import Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nexport interface HeadlessFormControlTextareaComponentSignature {\n  Element: HTMLTextAreaElement;\n  Args: {\n    value: string;\n    name: string;\n    fieldId: string;\n    setValue: (value: string) => void;\n    invalid: boolean;\n    errorId: string;\n  };\n}\n\nexport default class HeadlessFormControlTextareaComponent extends Component<HeadlessFormControlTextareaComponentSignature> {\n  @action\n  handleInput(e: Event | InputEvent): void {\n    this.args.setValue((e.target as HTMLTextAreaElement).value);\n  }\n}\n"],"names":["precompileTemplate","HeadlessFormControlTextareaComponent","Component","handleInput","e","args","setValue","target","value","action"],"mappings":";;;;;;AACA,eAAeA,kBAAkB,CAAC,qNAAqN,CAAC;;;ACAjN,IAclBC,oCAAoC,IAA1C,MAAA,GAAA,MAAMA,oCAAoC,SAASC,SAAS,CAAgD;EAEzHC,WAAW,CAACC,CAAqB,EAAQ;IACvC,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAEF,CAAC,CAACG,MAAM,CAAyBC,KAAK,CAAC,CAAA;AAC7D,GAAA;AACF,CAAC,+DAJEC,MAAM,CAAA,EAAA,MAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,aAAA,CAAA,EAAA,MAAA,CAAA,SAAA,CAAA,GAAA,MAAA,EAAA;AADgD,oBAAA,CAAA,QAAA,EAAA,oCAAA,CAAA;;;;"}

package/dist/components/-private/errors.d.ts

@@ -0,0 +1,15 @@
+import Component from '@glimmer/component';
+import { ValidationError } from "./types.js";
+interface HeadlessFormErrorsComponentSignature<VALUE> {
+    Element: HTMLDivElement;
+    Args: {
+        errors: ValidationError<VALUE>[];
+        id: string;
+    };
+    Blocks: {
+        default?: [ValidationError<VALUE>[]];
+    };
+}
+declare class HeadlessFormErrorsComponent<VALUE> extends Component<HeadlessFormErrorsComponentSignature<VALUE>> {
+}
+export { HeadlessFormErrorsComponentSignature, HeadlessFormErrorsComponent as default };

package/dist/components/-private/errors.js

@@ -0,0 +1,12 @@
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+
+var TEMPLATE = precompileTemplate("<div id={{@id}} aria-live=\'assertive\' ...attributes>\n  {{#if (has-block)}}\n    {{yield @errors}}\n  {{else}}\n    {{#each @errors as |e|}}\n      {{#if e.message}}\n        {{e.message}}<br />\n      {{/if}}\n    {{/each}}\n  {{/if}}\n</div>");
+
+// eslint-disable-next-line ember/no-empty-glimmer-component-classes -- unfortunately we cannot use templateOnlyComponent() here, as it is not possible to type that as a generic type, like templateOnlyComponent<HeadlessFormErrorsComponentSignature<VALUE>>
+class HeadlessFormErrorsComponent extends Component {}
+setComponentTemplate(TEMPLATE, HeadlessFormErrorsComponent);
+
+export { HeadlessFormErrorsComponent as default };
+//# sourceMappingURL=errors.js.map

package/dist/components/-private/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sources":["../../../src/components/-private/errors.hbs.js","../../../src/components/-private/errors.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<div id={{@id}} aria-live=\\'assertive\\' ...attributes>\\n  {{#if (has-block)}}\\n    {{yield @errors}}\\n  {{else}}\\n    {{#each @errors as |e|}}\\n      {{#if e.message}}\\n        {{e.message}}<br />\\n      {{/if}}\\n    {{/each}}\\n  {{/if}}\\n</div>\")","import Component from '@glimmer/component';\n\nimport type { ValidationError } from './types';\n\nexport interface HeadlessFormErrorsComponentSignature<VALUE> {\n  Element: HTMLDivElement;\n  Args: {\n    errors: ValidationError<VALUE>[];\n    id: string;\n  };\n  Blocks: {\n    default?: [ValidationError<VALUE>[]];\n  };\n}\n\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes -- unfortunately we cannot use templateOnlyComponent() here, as it is not possible to type that as a generic type, like templateOnlyComponent<HeadlessFormErrorsComponentSignature<VALUE>>\nexport default class HeadlessFormErrorsComponent<VALUE> extends Component<\n  HeadlessFormErrorsComponentSignature<VALUE>\n> {}\n"],"names":["precompileTemplate","HeadlessFormErrorsComponent","Component"],"mappings":";;;;AACA,eAAeA,kBAAkB,CAAC,uPAAuP,CAAC;;ACc1R;AACe,MAAMC,2BAA2B,SAAgBC,SAAS,CAEvE,EAAA;AAAE,oBAAA,CAAA,QAAA,EAFiBD,2BAA2B,CAAA;;;;"}

package/dist/components/-private/field.d.ts

@@ -0,0 +1,76 @@
+import Component from '@glimmer/component';
+import CheckboxComponent from "./control/checkbox.js";
+import { HeadlessFormControlCheckboxComponentSignature } from "./control/checkbox.js";
+import InputComponent from "./control/input.js";
+import { HeadlessFormControlInputComponentSignature } from "./control/input.js";
+import RadioComponent from "./control/radio.js";
+import { HeadlessFormControlRadioComponentSignature } from "./control/radio.js";
+import TextareaComponent from "./control/textarea.js";
+import { HeadlessFormControlTextareaComponentSignature } from "./control/textarea.js";
+import ErrorsComponent from "./errors.js";
+import { HeadlessFormErrorsComponentSignature } from "./errors.js";
+import LabelComponent from "./label.js";
+import { HeadlessFormLabelComponentSignature } from "./label.js";
+import { CaptureEventsModifierSignature } from "./capture-events.js";
+import { ErrorRecord, FieldValidateCallback, FormData, RegisterFieldCallback, UnregisterFieldCallback, FormKey, UserData, ValidationError } from "./types.js";
+import { ComponentLike, ModifierLike, WithBoundArgs } from '@glint/template';
+interface HeadlessFormFieldComponentSignature<DATA extends UserData, KEY extends FormKey<FormData<DATA>> = FormKey<FormData<DATA>>> {
+    Args: {
+        data: FormData<DATA>;
+        name: KEY;
+        set: (key: KEY, value: DATA[KEY]) => void;
+        validate?: FieldValidateCallback<FormData<DATA>, KEY>;
+        errors?: ErrorRecord<DATA, KEY>;
+        registerField: RegisterFieldCallback<FormData<DATA>, KEY>;
+        unregisterField: UnregisterFieldCallback<FormData<DATA>, KEY>;
+        triggerValidationFor(name: KEY): Promise<void>;
+        fieldValidationEvent: 'focusout' | 'change' | 'input' | undefined;
+        fieldRevalidationEvent: 'focusout' | 'change' | 'input' | undefined;
+    };
+    Blocks: {
+        default: [
+            {
+                label: WithBoundArgs<typeof LabelComponent, 'fieldId'>;
+                input: WithBoundArgs<typeof InputComponent, 'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'>;
+                checkbox: WithBoundArgs<typeof CheckboxComponent, 'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'>;
+                radio: WithBoundArgs<typeof RadioComponent, 'name' | 'selected' | 'setValue'>;
+                textarea: WithBoundArgs<typeof TextareaComponent, 'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'>;
+                value: DATA[KEY];
+                setValue: (value: DATA[KEY]) => void;
+                id: string;
+                errorId: string;
+                errors?: WithBoundArgs<typeof ErrorsComponent<DATA[KEY]>, 'errors' | 'id'>;
+                isInvalid: boolean;
+                triggerValidation: () => void;
+                captureEvents: WithBoundArgs<ModifierLike<CaptureEventsModifierSignature>, 'event' | 'triggerValidation'>;
+            }
+        ];
+    };
+}
+declare class HeadlessFormFieldComponent<DATA extends FormData, KEY extends FormKey<FormData<DATA>> = FormKey<FormData<DATA>>> extends Component<HeadlessFormFieldComponentSignature<DATA, KEY>> {
+    LabelComponent: ComponentLike<HeadlessFormLabelComponentSignature>;
+    InputComponent: ComponentLike<HeadlessFormControlInputComponentSignature>;
+    CheckboxComponent: ComponentLike<HeadlessFormControlCheckboxComponentSignature>;
+    ErrorsComponent: ComponentLike<HeadlessFormErrorsComponentSignature<DATA[KEY]>>;
+    TextareaComponent: ComponentLike<HeadlessFormControlTextareaComponentSignature>;
+    RadioComponent: ComponentLike<HeadlessFormControlRadioComponentSignature>;
+    CaptureEventsModifier: import("ember-modifier/.").FunctionBasedModifier<{
+        Element: HTMLElement;
+        Args: {
+            Named: {
+                event: "focusout" | "change";
+                triggerValidation(): void;
+            };
+            Positional: [];
+        };
+    }>;
+    constructor(owner: unknown, args: HeadlessFormFieldComponentSignature<DATA, KEY>['Args']);
+    willDestroy(): void;
+    get value(): DATA[KEY];
+    get errors(): ValidationError<DATA[KEY]>[] | undefined;
+    get hasErrors(): boolean;
+    get valueAsString(): string | undefined;
+    get valueAsBoolean(): boolean | undefined;
+    setValue(value: unknown): void;
+}
+export { HeadlessFormFieldComponentSignature, HeadlessFormFieldComponent as default };

package/dist/components/-private/field.js

@@ -0,0 +1,61 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _applyDecoratedDescriptor from '@babel/runtime/helpers/esm/applyDecoratedDescriptor';
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { action } from '@ember/object';
+import CaptureEventsModifier from './capture-events.js';
+import HeadlessFormControlCheckboxComponent from './control/checkbox.js';
+import HeadlessFormControlInputComponent from './control/input.js';
+import HeadlessFormControlRadioComponent from './control/radio.js';
+import HeadlessFormControlTextareaComponent from './control/textarea.js';
+import HeadlessFormErrorsComponent from './errors.js';
+import LabelComponent from './label.js';
+
+var TEMPLATE = precompileTemplate("{{#let\n  (unique-id)\n  (unique-id)\n  (fn @set @name)\n  (fn @triggerValidationFor @name)\n  as |fieldId errorId setValue triggerValidation|\n}}\n  {{yield\n    (hash\n      label=(component\n        (ensure-safe-component this.LabelComponent) fieldId=fieldId\n      )\n      input=(component\n        (ensure-safe-component this.InputComponent)\n        name=@name\n        fieldId=fieldId\n        errorId=errorId\n        value=this.valueAsString\n        setValue=this.setValue\n        invalid=this.hasErrors\n      )\n      checkbox=(component\n        (ensure-safe-component this.CheckboxComponent)\n        name=@name\n        fieldId=fieldId\n        errorId=errorId\n        value=this.valueAsBoolean\n        setValue=this.setValue\n        invalid=this.hasErrors\n      )\n      textarea=(component\n        (ensure-safe-component this.TextareaComponent)\n        name=@name\n        fieldId=fieldId\n        errorId=errorId\n        value=this.valueAsString\n        setValue=this.setValue\n        invalid=this.hasErrors\n      )\n      radio=(component\n        (ensure-safe-component this.RadioComponent)\n        name=@name\n        selected=this.valueAsString\n        setValue=this.setValue\n      )\n      value=this.value\n      setValue=setValue\n      id=fieldId\n      errorId=errorId\n      errors=(if\n        this.errors\n        (component\n          (ensure-safe-component this.ErrorsComponent)\n          errors=this.errors\n          id=errorId\n        )\n      )\n      isInvalid=this.hasErrors\n      triggerValidation=triggerValidation\n      captureEvents=(modifier\n        this.CaptureEventsModifier\n        event=(if this.hasErrors @fieldRevalidationEvent @fieldValidationEvent)\n        triggerValidation=triggerValidation\n      )\n    )\n  }}\n{{/let}}");
+
+var _class;
+let HeadlessFormFieldComponent = (_class = class HeadlessFormFieldComponent extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    _defineProperty(this, "LabelComponent", LabelComponent);
+    _defineProperty(this, "InputComponent", HeadlessFormControlInputComponent);
+    _defineProperty(this, "CheckboxComponent", HeadlessFormControlCheckboxComponent);
+    _defineProperty(this, "ErrorsComponent", HeadlessFormErrorsComponent);
+    _defineProperty(this, "TextareaComponent", HeadlessFormControlTextareaComponent);
+    _defineProperty(this, "RadioComponent", HeadlessFormControlRadioComponent);
+    _defineProperty(this, "CaptureEventsModifier", CaptureEventsModifier);
+    this.args.registerField(this.args.name, {
+      validate: this.args.validate
+    });
+  }
+  willDestroy() {
+    this.args.unregisterField(this.args.name);
+    super.willDestroy();
+  }
+  get value() {
+    return this.args.data[this.args.name];
+  }
+  get errors() {
+    return this.args.errors?.[this.args.name];
+  }
+  get hasErrors() {
+    return this.errors !== undefined;
+  }
+  get valueAsString() {
+    assert(`Only string values are expected for ${String(this.args.name)}, but you passed ${typeof this.value}`, typeof this.value === 'undefined' || typeof this.value === 'string');
+    return this.value;
+  }
+  get valueAsBoolean() {
+    assert(`Only boolean values are expected for ${String(this.args.name)}, but you passed ${typeof this.value}`, typeof this.value === 'undefined' || typeof this.value === 'boolean');
+    return this.value;
+  }
+  setValue(value) {
+    this.args.set(this.args.name, value);
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "setValue", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setValue"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HeadlessFormFieldComponent);
+
+export { HeadlessFormFieldComponent as default };
+//# sourceMappingURL=field.js.map

package/dist/components/-private/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../src/components/-private/field.hbs.js","../../../src/components/-private/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{#let\\n  (unique-id)\\n  (unique-id)\\n  (fn @set @name)\\n  (fn @triggerValidationFor @name)\\n  as |fieldId errorId setValue triggerValidation|\\n}}\\n  {{yield\\n    (hash\\n      label=(component\\n        (ensure-safe-component this.LabelComponent) fieldId=fieldId\\n      )\\n      input=(component\\n        (ensure-safe-component this.InputComponent)\\n        name=@name\\n        fieldId=fieldId\\n        errorId=errorId\\n        value=this.valueAsString\\n        setValue=this.setValue\\n        invalid=this.hasErrors\\n      )\\n      checkbox=(component\\n        (ensure-safe-component this.CheckboxComponent)\\n        name=@name\\n        fieldId=fieldId\\n        errorId=errorId\\n        value=this.valueAsBoolean\\n        setValue=this.setValue\\n        invalid=this.hasErrors\\n      )\\n      textarea=(component\\n        (ensure-safe-component this.TextareaComponent)\\n        name=@name\\n        fieldId=fieldId\\n        errorId=errorId\\n        value=this.valueAsString\\n        setValue=this.setValue\\n        invalid=this.hasErrors\\n      )\\n      radio=(component\\n        (ensure-safe-component this.RadioComponent)\\n        name=@name\\n        selected=this.valueAsString\\n        setValue=this.setValue\\n      )\\n      value=this.value\\n      setValue=setValue\\n      id=fieldId\\n      errorId=errorId\\n      errors=(if\\n        this.errors\\n        (component\\n          (ensure-safe-component this.ErrorsComponent)\\n          errors=this.errors\\n          id=errorId\\n        )\\n      )\\n      isInvalid=this.hasErrors\\n      triggerValidation=triggerValidation\\n      captureEvents=(modifier\\n        this.CaptureEventsModifier\\n        event=(if this.hasErrors @fieldRevalidationEvent @fieldValidationEvent)\\n        triggerValidation=triggerValidation\\n      )\\n    )\\n  }}\\n{{/let}}\")","import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\n\nimport CaptureEventsModifier from './capture-events';\nimport CheckboxComponent from './control/checkbox';\nimport InputComponent from './control/input';\nimport RadioComponent from './control/radio';\nimport TextareaComponent from './control/textarea';\nimport ErrorsComponent from './errors';\nimport LabelComponent from './label';\n\nimport type { CaptureEventsModifierSignature } from './capture-events';\nimport type { HeadlessFormControlCheckboxComponentSignature } from './control/checkbox';\nimport type { HeadlessFormControlInputComponentSignature } from './control/input';\nimport type { HeadlessFormControlRadioComponentSignature } from './control/radio';\nimport type { HeadlessFormControlTextareaComponentSignature } from './control/textarea';\nimport type { HeadlessFormErrorsComponentSignature } from './errors';\nimport type { HeadlessFormLabelComponentSignature } from './label';\nimport type {\n  ErrorRecord,\n  FieldValidateCallback,\n  FormData,\n  RegisterFieldCallback,\n  UnregisterFieldCallback,\n} from './types';\nimport type { FormKey, UserData, ValidationError } from './types';\nimport type {\n  ComponentLike,\n  ModifierLike,\n  WithBoundArgs,\n} from '@glint/template';\n\nexport interface HeadlessFormFieldComponentSignature<\n  DATA extends UserData,\n  KEY extends FormKey<FormData<DATA>> = FormKey<FormData<DATA>>\n> {\n  Args: {\n    data: FormData<DATA>;\n    name: KEY;\n    set: (key: KEY, value: DATA[KEY]) => void;\n    validate?: FieldValidateCallback<FormData<DATA>, KEY>;\n    errors?: ErrorRecord<DATA, KEY>;\n    registerField: RegisterFieldCallback<FormData<DATA>, KEY>;\n    unregisterField: UnregisterFieldCallback<FormData<DATA>, KEY>;\n    triggerValidationFor(name: KEY): Promise<void>;\n    fieldValidationEvent: 'focusout' | 'change' | 'input' | undefined;\n    fieldRevalidationEvent: 'focusout' | 'change' | 'input' | undefined;\n  };\n  Blocks: {\n    default: [\n      {\n        label: WithBoundArgs<typeof LabelComponent, 'fieldId'>;\n        input: WithBoundArgs<\n          typeof InputComponent,\n          'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'\n        >;\n        checkbox: WithBoundArgs<\n          typeof CheckboxComponent,\n          'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'\n        >;\n        radio: WithBoundArgs<\n          typeof RadioComponent,\n          'name' | 'selected' | 'setValue'\n        >;\n        textarea: WithBoundArgs<\n          typeof TextareaComponent,\n          'name' | 'fieldId' | 'value' | 'setValue' | 'invalid' | 'errorId'\n        >;\n        value: DATA[KEY];\n        setValue: (value: DATA[KEY]) => void;\n        id: string;\n        errorId: string;\n        errors?: WithBoundArgs<\n          typeof ErrorsComponent<DATA[KEY]>,\n          'errors' | 'id'\n        >;\n        isInvalid: boolean;\n        triggerValidation: () => void;\n        captureEvents: WithBoundArgs<\n          ModifierLike<CaptureEventsModifierSignature>,\n          'event' | 'triggerValidation'\n        >;\n      }\n    ];\n  };\n}\n\nexport default class HeadlessFormFieldComponent<\n  DATA extends FormData,\n  KEY extends FormKey<FormData<DATA>> = FormKey<FormData<DATA>>\n> extends Component<HeadlessFormFieldComponentSignature<DATA, KEY>> {\n  LabelComponent: ComponentLike<HeadlessFormLabelComponentSignature> =\n    LabelComponent;\n  InputComponent: ComponentLike<HeadlessFormControlInputComponentSignature> =\n    InputComponent;\n  CheckboxComponent: ComponentLike<HeadlessFormControlCheckboxComponentSignature> =\n    CheckboxComponent;\n  ErrorsComponent: ComponentLike<\n    HeadlessFormErrorsComponentSignature<DATA[KEY]>\n  > = ErrorsComponent;\n  TextareaComponent: ComponentLike<HeadlessFormControlTextareaComponentSignature> =\n    TextareaComponent;\n  RadioComponent: ComponentLike<HeadlessFormControlRadioComponentSignature> =\n    RadioComponent;\n  CaptureEventsModifier = CaptureEventsModifier;\n\n  constructor(\n    owner: unknown,\n    args: HeadlessFormFieldComponentSignature<DATA, KEY>['Args']\n  ) {\n    super(owner, args);\n\n    this.args.registerField(this.args.name, {\n      validate: this.args.validate,\n    });\n  }\n\n  willDestroy(): void {\n    this.args.unregisterField(this.args.name);\n\n    super.willDestroy();\n  }\n\n  get value(): DATA[KEY] {\n    return this.args.data[this.args.name];\n  }\n\n  get errors(): ValidationError<DATA[KEY]>[] | undefined {\n    return this.args.errors?.[this.args.name];\n  }\n\n  get hasErrors(): boolean {\n    return this.errors !== undefined;\n  }\n\n  get valueAsString(): string | undefined {\n    assert(\n      `Only string values are expected for ${String(\n        this.args.name\n      )}, but you passed ${typeof this.value}`,\n      typeof this.value === 'undefined' || typeof this.value === 'string'\n    );\n\n    return this.value;\n  }\n\n  get valueAsBoolean(): boolean | undefined {\n    assert(\n      `Only boolean values are expected for ${String(\n        this.args.name\n      )}, but you passed ${typeof this.value}`,\n      typeof this.value === 'undefined' || typeof this.value === 'boolean'\n    );\n\n    return this.value;\n  }\n\n  @action\n  setValue(value: unknown): void {\n    this.args.set(this.args.name, value as DATA[KEY]);\n  }\n}\n"],"names":["precompileTemplate","HeadlessFormFieldComponent","Component","constructor","owner","args","LabelComponent","InputComponent","CheckboxComponent","ErrorsComponent","TextareaComponent","RadioComponent","CaptureEventsModifier","registerField","name","validate","willDestroy","unregisterField","value","data","errors","hasErrors","undefined","valueAsString","assert","String","valueAsBoolean","setValue","set","action"],"mappings":";;;;;;;;;;;;;;;AACA,eAAeA,kBAAkB,CAAC,uwDAAuwD,CAAC;;;ACSrwD,IA8EhBC,0BAA0B,IAAhC,MAAA,GAAA,MAAMA,0BAA0B,SAGrCC,SAAS,CAAiD;AAgBlEC,EAAAA,WAAW,CACTC,KAAc,EACdC,IAA4D,EAC5D;AACA,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAAC,IAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAlBnBC,cAAc,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAEdC,iCAAc,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,mBAAA,EAEdC,oCAAiB,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,iBAAA,EAGfC,2BAAe,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,mBAAA,EAEjBC,oCAAiB,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAEjBC,iCAAc,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,uBAAA,EACQC,qBAAqB,CAAA,CAAA;IAQ3C,IAAI,CAACP,IAAI,CAACQ,aAAa,CAAC,IAAI,CAACR,IAAI,CAACS,IAAI,EAAE;AACtCC,MAAAA,QAAQ,EAAE,IAAI,CAACV,IAAI,CAACU,QAAAA;AACtB,KAAC,CAAC,CAAA;AACJ,GAAA;AAEAC,EAAAA,WAAW,GAAS;IAClB,IAAI,CAACX,IAAI,CAACY,eAAe,CAAC,IAAI,CAACZ,IAAI,CAACS,IAAI,CAAC,CAAA;IAEzC,KAAK,CAACE,WAAW,EAAE,CAAA;AACrB,GAAA;AAEA,EAAA,IAAIE,KAAK,GAAc;IACrB,OAAO,IAAI,CAACb,IAAI,CAACc,IAAI,CAAC,IAAI,CAACd,IAAI,CAACS,IAAI,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIM,MAAM,GAA6C;IACrD,OAAO,IAAI,CAACf,IAAI,CAACe,MAAM,GAAG,IAAI,CAACf,IAAI,CAACS,IAAI,CAAC,CAAA;AAC3C,GAAA;AAEA,EAAA,IAAIO,SAAS,GAAY;AACvB,IAAA,OAAO,IAAI,CAACD,MAAM,KAAKE,SAAS,CAAA;AAClC,GAAA;AAEA,EAAA,IAAIC,aAAa,GAAuB;AACtCC,IAAAA,MAAM,CACH,CAAA,oCAAA,EAAsCC,MAAM,CAC3C,IAAI,CAACpB,IAAI,CAACS,IAAI,CACd,CAAmB,iBAAA,EAAA,OAAO,IAAI,CAACI,KAAM,CAAC,CAAA,EACxC,OAAO,IAAI,CAACA,KAAK,KAAK,WAAW,IAAI,OAAO,IAAI,CAACA,KAAK,KAAK,QAAQ,CACpE,CAAA;IAED,OAAO,IAAI,CAACA,KAAK,CAAA;AACnB,GAAA;AAEA,EAAA,IAAIQ,cAAc,GAAwB;AACxCF,IAAAA,MAAM,CACH,CAAA,qCAAA,EAAuCC,MAAM,CAC5C,IAAI,CAACpB,IAAI,CAACS,IAAI,CACd,CAAmB,iBAAA,EAAA,OAAO,IAAI,CAACI,KAAM,CAAC,CAAA,EACxC,OAAO,IAAI,CAACA,KAAK,KAAK,WAAW,IAAI,OAAO,IAAI,CAACA,KAAK,KAAK,SAAS,CACrE,CAAA;IAED,OAAO,IAAI,CAACA,KAAK,CAAA;AACnB,GAAA;EAGAS,QAAQ,CAACT,KAAc,EAAQ;AAC7B,IAAA,IAAI,CAACb,IAAI,CAACuB,GAAG,CAAC,IAAI,CAACvB,IAAI,CAACS,IAAI,EAAEI,KAAK,CAAc,CAAA;AACnD,GAAA;AACF,CAAC,4DAJEW,MAAM,CAAA,EAAA,MAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,SAAA,EAAA,UAAA,CAAA,EAAA,MAAA,CAAA,SAAA,CAAA,GAAA,MAAA,EAAA;AAtEsC,oBAAA,CAAA,QAAA,EAAA,0BAAA,CAAA;;;;"}

package/dist/components/-private/label.d.ts

@@ -0,0 +1,11 @@
+interface HeadlessFormLabelComponentSignature {
+    Element: HTMLLabelElement;
+    Args: {
+        fieldId: string;
+    };
+    Blocks: {
+        default: [];
+    };
+}
+declare const _default: import("@ember/component/template-only").TemplateOnlyComponent<HeadlessFormLabelComponentSignature>;
+export { _default as default, HeadlessFormLabelComponentSignature };

package/dist/components/-private/label.js

@@ -0,0 +1,10 @@
+import { setComponentTemplate } from '@ember/component';
+import { precompileTemplate } from '@ember/template-compilation';
+import templateOnlyComponent from '@ember/component/template-only';
+
+var TEMPLATE = precompileTemplate("<label for={{@fieldId}} ...attributes>\n  {{yield}}\n</label>");
+
+var LabelComponent = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+
+export { LabelComponent as default };
+//# sourceMappingURL=label.js.map

package/dist/components/-private/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/components/-private/label.hbs.js","../../../src/components/-private/label.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<label for={{@fieldId}} ...attributes>\\n  {{yield}}\\n</label>\")","import templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HeadlessFormLabelComponentSignature {\n  Element: HTMLLabelElement;\n  Args: {\n    fieldId: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default templateOnlyComponent<HeadlessFormLabelComponentSignature>();\n"],"names":["precompileTemplate","templateOnlyComponent"],"mappings":";;;;AACA,eAAeA,kBAAkB,CAAC,+DAA+D,CAAC;;ACWlG,qBAAA,oBAAA,CAAA,QAAA,EAAeC,qBAAqB,EAAuC,CAAA;;;;"}