@hashicorp/design-system-components 4.6.0 → 4.7.0

package/dist/components/hds/form/error/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/error/index.hbs","../../../../../src/components/hds/form/error/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} id={{this.id}} {{did-insert this.onInsert}} {{will-destroy this.onRemove}} ...attributes>\\n  <FlightIcon class=\\\"hds-form-error__icon\\\" @name=\\\"alert-diamond-fill\\\" />\\n  <Hds::Text::Body class=\\\"hds-form-error__content\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\">\\n    {{yield (hash Message=(component \\\"hds/form/error/message\\\"))}}\\n  </Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nexport const ID_PREFIX = 'error-';\n\nconst NOOP = () => {};\n\nexport default class HdsFormErrorIndexComponent extends Component {\n  /**\n   * Determines the unique ID to assign to the element\n   * @method id\n   * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n   */\n  get id() {\n    let { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  /**\n   * @param onInsert\n   * @type {function}\n   * @default () => {}\n   */\n  get onInsert() {\n    let { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param onRemove\n   * @type {function}\n   * @default () => {}\n   */\n  get onRemove() {\n    let { onRemove } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onRemove === 'function') {\n      return onRemove;\n    } else {\n      return NOOP;\n    }\n  }\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-error'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormErrorIndexComponent","Component","id","controlId","args","onInsert","onRemove","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ugBAAugB;;ACDziB;AACA;AACA;AACA;;AAGO,MAAMA,SAAS,GAAG,SAAQ;AAEjC,MAAMC,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAG;IACP,IAAI;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAC7B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGL,EAAAA,SAAS,CAAGK,EAAAA,SAAS,CAAE,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,QAAQA,GAAG;IACb,IAAI;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,IAAI,CAAA;;AAE5B;AACA,IAAA,IAAI,OAAOC,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAON,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIO,QAAQA,GAAG;IACb,IAAI;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACF,IAAI,CAAA;;AAE5B;AACA,IAAA,IAAI,OAAOE,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAOP,IAAI,CAAA;AACb,KAAA;AACF,GAAA;AACA;AACF;AACA;AACA;AACA;EACE,IAAIQ,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,eAAe,EAAE;MAC7BD,OAAO,CAACE,IAAI,CAAC,IAAI,CAACN,IAAI,CAACK,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA9DoBb,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/error/index.hbs","../../../../../src/components/hds/form/error/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} id={{this.id}} {{did-insert this.onInsert}} {{will-destroy this.onRemove}} ...attributes>\\n  <FlightIcon class=\\\"hds-form-error__icon\\\" @name=\\\"alert-diamond-fill\\\" />\\n  <Hds::Text::Body class=\\\"hds-form-error__content\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\">\\n    {{yield (hash Message=(component \\\"hds/form/error/message\\\"))}}\\n  </Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorMessageSignature } from './message';\n\nexport const ID_PREFIX = 'error-';\n\nconst NOOP = (): void => {};\n\nexport interface HdsFormErrorSignature {\n  Args: {\n    contextualClass?: string;\n    controlId?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onInsert?: (element: HTMLElement, ...args: any[]) => void;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onRemove?: (element: HTMLElement, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Message?: ComponentLike<HdsFormErrorMessageSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormErrorComponent extends Component<HdsFormErrorSignature> {\n  /**\n   * Determines the unique ID to assign to the element\n   * @method id\n   * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n   */\n  get id(): string | null {\n    const { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  /**\n   * @param onInsert\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onInsert(): (element: HTMLElement, ...args: any[]) => void {\n    const { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param onRemove\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onRemove(): (element: HTMLElement, ...args: any[]) => void {\n    const { onRemove } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onRemove === 'function') {\n      return onRemove;\n    } else {\n      return NOOP;\n    }\n  }\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-error'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormErrorComponent","Component","id","controlId","args","onInsert","onRemove","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8dAA8d;;ACDhgB;AACA;AACA;AACA;;AAMO,MAAMA,SAAS,GAAG,SAAQ;AAEjC,MAAMC,IAAI,GAAGA,MAAY,EAAE,CAAA;AAqBZ,MAAMC,qBAAqB,SAASC,SAAS,CAAwB;AAClF;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAkB;IACtB,MAAM;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAC/B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGL,EAAAA,SAAS,CAAGK,EAAAA,SAAS,CAAE,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACE;EACA,IAAIE,QAAQA,GAAmD;IAC7D,MAAM;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,IAAI,CAAA;;AAE9B;AACA,IAAA,IAAI,OAAOC,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAON,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACE;EACA,IAAIO,QAAQA,GAAmD;IAC7D,MAAM;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACF,IAAI,CAAA;;AAE9B;AACA,IAAA,IAAI,OAAOE,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAOP,IAAI,CAAA;AACb,KAAA;AACF,GAAA;AACA;AACF;AACA;AACA;AACA;EACE,IAAIQ,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,eAAe,EAAE;MAC7BD,OAAO,CAACE,IAAI,CAAC,IAAI,CAACN,IAAI,CAACK,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhEoBb,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/error/message.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body class=\"hds-form-error__message\" @tag=\"p\" @size=\"100\" @weight=\"medium\" ...attributes>\n  {{yield}}\n</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body class=\"hds-form-error__message\" @tag=\"p\" @size=\"100\" @weight=\"medium\" ...attributes>\n  {{yield}}\n</Hds::Text::Body>");
 
-var message = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsFormErrorMessageComponent = templateOnlyComponent();
+var message = setComponentTemplate(TEMPLATE, HdsFormErrorMessageComponent);
 
 export { message as default };
 //# sourceMappingURL=message.js.map

package/dist/components/hds/form/error/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":["../../../../../src/components/hds/form/error/message.hbs","../../../../../src/components/hds/form/error/message.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body class=\\\"hds-form-error__message\\\" @tag=\\\"p\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" ...attributes>\\n  {{yield}}\\n</Hds::Text::Body>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uQAAuQ;;ACAzS,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"message.js","sources":["../../../../../src/components/hds/form/error/message.hbs","../../../../../src/components/hds/form/error/message.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body class=\\\"hds-form-error__message\\\" @tag=\\\"p\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" ...attributes>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsFormErrorMessageSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormErrorMessageComponent =\n  templateOnlyComponent<HdsFormErrorMessageSignature>();\n\nexport default HdsFormErrorMessageComponent;\n"],"names":["HdsFormErrorMessageComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8NAA8N;;ACDhQ;AACA;AACA;AACA;;AAaA,MAAMA,4BAA4B,GAChCC,qBAAqB,EAAgC,CAAA;AAEvD,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}

package/dist/components/hds/form/field/index.js

@@ -4,22 +4,21 @@ import { assert } from '@ember/debug';
 import { action } from '@ember/object';
 import { getElementId } from '../../../../utils/hds-get-element-id.js';
 import { ariaDescribedBy, registerAriaDescriptionElement, unregisterAriaDescriptionElement } from '../../../../utils/hds-aria-described-by.js';
+import { HdsFormFieldLayoutValues } from './types.js';
+import '../label/index.js';
+import '../helper-text/index.js';
+import '../character-count/index.js';
+import '../error/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { c } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>\n  {{yield\n    (hash\n      Label=(component\n        \"hds/form/label\"\n        controlId=this.id\n        isRequired=this.isRequired\n        isOptional=this.isOptional\n        contextualClass=\"hds-form-field__label\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      HelperText=(component\n        \"hds/form/helper-text\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-field__helper-text\"\n      )\n    )\n  }}\n  <div class=\"hds-form-field__control\">\n    {{yield (hash Control=(component \"hds/yield\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\n  </div>\n  {{yield\n    (hash\n      CharacterCount=(component\n        \"hds/form/character-count\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-field__character-count\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      Error=(component\n        \"hds/form/error\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        onRemove=this.removeDescriptor\n        contextualClass=\"hds-form-field__error\"\n      )\n    )\n  }}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>\n  {{yield\n    (hash\n      Label=(component\n        \"hds/form/label\"\n        controlId=this.id\n        isRequired=this.isRequired\n        isOptional=this.isOptional\n        contextualClass=\"hds-form-field__label\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      HelperText=(component\n        \"hds/form/helper-text\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-field__helper-text\"\n      )\n    )\n  }}\n  <div class=\"hds-form-field__control\">\n    {{! @glint-expect-error }}\n    {{yield (hash Control=(component \"hds/yield\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\n  </div>\n  {{yield\n    (hash\n      CharacterCount=(component\n        \"hds/form/character-count\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-field__character-count\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      Error=(component\n        \"hds/form/error\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        onRemove=this.removeDescriptor\n        contextualClass=\"hds-form-field__error\"\n      )\n    )\n  }}\n</div>");
 
 var _class;
-const LAYOUT_TYPES = ['vertical', 'flag'];
-const HdsFormFieldIndexComponent = c((_class = class HdsFormFieldIndexComponent extends Component {
-  appendDescriptor(element) {
-    registerAriaDescriptionElement(this, element);
-  }
-  removeDescriptor(element) {
-    unregisterAriaDescriptionElement(this, element);
-  }
-
+const LAYOUT_TYPES = Object.values(HdsFormFieldLayoutValues);
+// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'
+const HdsFormFieldComponent = c((_class = class HdsFormFieldComponent extends Component {
   /**
    * Sets the layout of the field
    *
@@ -27,7 +26,7 @@ const HdsFormFieldIndexComponent = c((_class = class HdsFormFieldIndexComponent
    * @type {string}
    */
   get layout() {
-    let {
+    const {
       layout
     } = this.args;
     assert(`@layout for "Hds::Form::Field" must be one of the following: ${LAYOUT_TYPES.join(', ')}; received: ${layout}`, LAYOUT_TYPES.includes(layout));
@@ -41,13 +40,31 @@ const HdsFormFieldIndexComponent = c((_class = class HdsFormFieldIndexComponent
     return getElementId(this);
   }
 
+  /**
+   * @param isRequired
+   * @type {boolean}
+   * @default false
+   */
+  get isRequired() {
+    return this.args.isRequired || false;
+  }
+
+  /**
+   * @param isOptional
+   * @type {boolean}
+   * @default false
+   */
+  get isOptional() {
+    return this.args.isOptional || false;
+  }
+
   /**
    * Get the class names to apply to the component.
    * @method classNames
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = [];
+    const classes = [];
     if (this.args.layout) {
       classes.push(`hds-form-field--layout-${this.layout}`);
     }
@@ -59,26 +76,14 @@ const HdsFormFieldIndexComponent = c((_class = class HdsFormFieldIndexComponent
     }
     return classes.join(' ');
   }
-
-  /**
-   * @param isRequired
-   * @type {boolean}
-   * @default false
-   */
-  get isRequired() {
-    return this.args.isRequired || false;
+  appendDescriptor(element) {
+    registerAriaDescriptionElement(this, element);
   }
-
-  /**
-   * @param isOptional
-   * @type {boolean}
-   * @default false
-   */
-  get isOptional() {
-    return this.args.isOptional || false;
+  removeDescriptor(element) {
+    unregisterAriaDescriptionElement(this, element);
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "appendDescriptor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "appendDescriptor"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "removeDescriptor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "removeDescriptor"), _class.prototype)), _class), [ariaDescribedBy]);
-var index = setComponentTemplate(TEMPLATE, HdsFormFieldIndexComponent);
+var index = setComponentTemplate(TEMPLATE, HdsFormFieldComponent);
 
 export { LAYOUT_TYPES, index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/field/index.hbs","../../../../../src/components/hds/form/field/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} ...attributes>\\n  {{yield\\n    (hash\\n      Label=(component\\n        \\\"hds/form/label\\\"\\n        controlId=this.id\\n        isRequired=this.isRequired\\n        isOptional=this.isOptional\\n        contextualClass=\\\"hds-form-field__label\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      HelperText=(component\\n        \\\"hds/form/helper-text\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-field__helper-text\\\"\\n      )\\n    )\\n  }}\\n  <div class=\\\"hds-form-field__control\\\">\\n    {{yield (hash Control=(component \\\"hds/yield\\\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\\n  </div>\\n  {{yield\\n    (hash\\n      CharacterCount=(component\\n        \\\"hds/form/character-count\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-field__character-count\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      Error=(component\\n        \\\"hds/form/error\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        onRemove=this.removeDescriptor\\n        contextualClass=\\\"hds-form-field__error\\\"\\n      )\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.js';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\n\nexport const LAYOUT_TYPES = ['vertical', 'flag'];\n\n@ariaDescribedBy\nclass HdsFormFieldIndexComponent extends Component {\n  @action\n  appendDescriptor(element) {\n    registerAriaDescriptionElement(this, element);\n  }\n\n  @action removeDescriptor(element) {\n    unregisterAriaDescriptionElement(this, element);\n  }\n\n  /**\n   * Sets the layout of the field\n   *\n   * @param layout\n   * @type {string}\n   */\n  get layout() {\n    let { layout } = this.args;\n\n    assert(\n      `@layout for \"Hds::Form::Field\" must be one of the following: ${LAYOUT_TYPES.join(\n        ', '\n      )}; received: ${layout}`,\n      LAYOUT_TYPES.includes(layout)\n    );\n\n    return layout;\n  }\n\n  /**\n   * Calculates the unique ID to assign to the form control\n   */\n  get id() {\n    return getElementId(this);\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = [];\n\n    if (this.args.layout) {\n      classes.push(`hds-form-field--layout-${this.layout}`);\n    }\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  /**\n   * @param isRequired\n   * @type {boolean}\n   * @default false\n   */\n  get isRequired() {\n    return this.args.isRequired || false;\n  }\n\n  /**\n   * @param isOptional\n   * @type {boolean}\n   * @default false\n   */\n  get isOptional() {\n    return this.args.isOptional || false;\n  }\n}\n\nexport default HdsFormFieldIndexComponent;\n"],"names":["LAYOUT_TYPES","HdsFormFieldIndexComponent","c","_class","Component","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","layout","args","assert","join","includes","id","getElementId","classNames","classes","push","contextualClass","isRequired","isOptional","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","ariaDescribedBy","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,yxCAAyxC;;;MCc9yCA,YAAY,GAAG,CAAC,UAAU,EAAE,MAAM,EAAC;AAAC,MAG3CC,0BAA0B,GAAAC,CAAA,EAAAC,MAAA,GAA1BF,MAAAA,0BAA0B,SAASG,SAAS,CAAC;EAEjDC,gBAAgBA,CAACC,OAAO,EAAE;AACxBC,IAAAA,8BAA8B,CAAC,IAAI,EAAED,OAAO,CAAC,CAAA;AAC/C,GAAA;EAEQE,gBAAgBA,CAACF,OAAO,EAAE;AAChCG,IAAAA,gCAAgC,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;AACjD,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,MAAMA,GAAG;IACX,IAAI;AAAEA,MAAAA,MAAAA;KAAQ,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,CAAgEZ,6DAAAA,EAAAA,YAAY,CAACa,IAAI,CAC/E,IACF,CAAC,CAAA,YAAA,EAAeH,MAAM,CAAA,CAAE,EACxBV,YAAY,CAACc,QAAQ,CAACJ,MAAM,CAC9B,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;;AAEA;AACF;AACA;EACE,IAAIK,EAAEA,GAAG;IACP,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;IACf,IAAIC,OAAO,GAAG,EAAE,CAAA;AAEhB,IAAA,IAAI,IAAI,CAACP,IAAI,CAACD,MAAM,EAAE;MACpBQ,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACT,MAAM,EAAE,CAAC,CAAA;AACvD,KAAA;;AAEA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACS,eAAe,EAAE;MAC7BF,OAAO,CAACC,IAAI,CAAC,IAAI,CAACR,IAAI,CAACS,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACL,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIQ,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACX,IAAI,CAACW,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,uBAzEEC,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAxB,MAAA,CAAAqB,SAAA,EAAArB,kBAAAA,CAAAA,EAAAA,MAAA,CAAAqB,SAAA,CAAA,EAAAD,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,EAAA,kBAAA,EAAA,CAKNC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAxB,MAAA,CAAAqB,SAAA,uBAAArB,MAAA,CAAAqB,SAAA,CAAArB,GAAAA,MAAA,IAPRyB,eAAe,CAAA,CAAA,CAAA;AA6EhB,YAAAC,oBAAA,CAAAC,QAAA,EAAe7B,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/field/index.hbs","../../../../../src/components/hds/form/field/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} ...attributes>\\n  {{yield\\n    (hash\\n      Label=(component\\n        \\\"hds/form/label\\\"\\n        controlId=this.id\\n        isRequired=this.isRequired\\n        isOptional=this.isOptional\\n        contextualClass=\\\"hds-form-field__label\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      HelperText=(component\\n        \\\"hds/form/helper-text\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-field__helper-text\\\"\\n      )\\n    )\\n  }}\\n  <div class=\\\"hds-form-field__control\\\">\\n    {{! @glint-expect-error }}\\n    {{yield (hash Control=(component \\\"hds/yield\\\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\\n  </div>\\n  {{yield\\n    (hash\\n      CharacterCount=(component\\n        \\\"hds/form/character-count\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-field__character-count\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      Error=(component\\n        \\\"hds/form/error\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        onRemove=this.removeDescriptor\\n        contextualClass=\\\"hds-form-field__error\\\"\\n      )\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldLayoutValues } from './types.ts';\nimport HdsFormLabelComponent from '../label/index.ts';\nimport HdsFormHelperTextComponent from '../helper-text/index.ts';\nimport HdsFormCharacterCountComponent from '../character-count/index.ts';\nimport HdsFormErrorComponent from '../error/index.ts';\n\nimport type { HdsFormFieldLayouts } from './types.ts';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield/index.ts';\n\nexport const LAYOUT_TYPES = Object.values(HdsFormFieldLayoutValues);\n\nexport interface HdsFormFieldSignature {\n  Args: {\n    id?: string;\n    extraAriaDescribedBy?: string;\n    contextualClass?: string;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: WithBoundArgs<\n          typeof HdsFormLabelComponent,\n          'contextualClass' | 'controlId' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperTextComponent,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: ComponentLike<HdsYieldSignature>;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Error?: WithBoundArgs<\n          typeof HdsFormErrorComponent,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'\n@ariaDescribedBy\nclass HdsFormFieldComponent extends Component<HdsFormFieldSignature> {\n  /**\n   * Sets the layout of the field\n   *\n   * @param layout\n   * @type {string}\n   */\n  get layout(): HdsFormFieldLayouts | undefined {\n    const { layout } = this.args;\n\n    assert(\n      `@layout for \"Hds::Form::Field\" must be one of the following: ${LAYOUT_TYPES.join(\n        ', '\n      )}; received: ${layout}`,\n      LAYOUT_TYPES.includes(layout as HdsFormFieldLayoutValues)\n    );\n\n    return layout;\n  }\n\n  /**\n   * Calculates the unique ID to assign to the form control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n\n  /**\n   * @param isRequired\n   * @type {boolean}\n   * @default false\n   */\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  /**\n   * @param isOptional\n   * @type {boolean}\n   * @default false\n   */\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes: string[] = [];\n\n    if (this.args.layout) {\n      classes.push(`hds-form-field--layout-${this.layout}`);\n    }\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  appendDescriptor(element: HTMLElement): void {\n    registerAriaDescriptionElement(this, element);\n  }\n\n  @action removeDescriptor(element: HTMLElement): void {\n    unregisterAriaDescriptionElement(this, element);\n  }\n}\n\nexport default HdsFormFieldComponent;\n"],"names":["LAYOUT_TYPES","Object","values","HdsFormFieldLayoutValues","HdsFormFieldComponent","c","_class","Component","layout","args","assert","join","includes","id","getElementId","isRequired","isOptional","classNames","classes","push","contextualClass","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","_applyDecoratedDescriptor","prototype","action","getOwnPropertyDescriptor","ariaDescribedBy","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,gxCAAgxC;;;ACuB3yC,MAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,wBAAwB,EAAC;AAuCnE;AAAA,MAEMC,qBAAqB,GAAAC,CAAA,EAAAC,MAAA,GAArBF,MAAAA,qBAAqB,SAASG,SAAS,CAAwB;AACnE;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,MAAMA,GAAoC;IAC5C,MAAM;AAAEA,MAAAA,MAAAA;KAAQ,GAAG,IAAI,CAACC,IAAI,CAAA;AAE5BC,IAAAA,MAAM,CACJ,CAAgEV,6DAAAA,EAAAA,YAAY,CAACW,IAAI,CAC/E,IACF,CAAC,CAAA,YAAA,EAAeH,MAAM,CAAA,CAAE,EACxBR,YAAY,CAACY,QAAQ,CAACJ,MAAkC,CAC1D,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;;AAEA;AACF;AACA;EACE,IAAIK,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;IACvB,MAAMC,OAAiB,GAAG,EAAE,CAAA;AAE5B,IAAA,IAAI,IAAI,CAACT,IAAI,CAACD,MAAM,EAAE;MACpBU,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACX,MAAM,EAAE,CAAC,CAAA;AACvD,KAAA;;AAEA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACW,eAAe,EAAE;MAC7BF,OAAO,CAACC,IAAI,CAAC,IAAI,CAACV,IAAI,CAACW,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACP,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;EAGAU,gBAAgBA,CAACC,OAAoB,EAAQ;AAC3CC,IAAAA,8BAA8B,CAAC,IAAI,EAAED,OAAO,CAAC,CAAA;AAC/C,GAAA;EAEQE,gBAAgBA,CAACF,OAAoB,EAAQ;AACnDG,IAAAA,gCAAgC,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;AACjD,GAAA;AACF,CAAC,GAAAI,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,uBAREC,MAAM,CAAA,EAAA3B,MAAA,CAAA4B,wBAAA,CAAAvB,MAAA,CAAAqB,SAAA,EAAArB,kBAAAA,CAAAA,EAAAA,MAAA,CAAAqB,SAAA,CAAA,EAAAD,yBAAA,CAAApB,MAAA,CAAAqB,SAAA,EAAA,kBAAA,EAAA,CAKNC,MAAM,CAAA3B,EAAAA,MAAA,CAAA4B,wBAAA,CAAAvB,MAAA,CAAAqB,SAAA,uBAAArB,MAAA,CAAAqB,SAAA,CAAArB,GAAAA,MAAA,IAxERwB,eAAe,CAAA,CAAA,CAAA;AA6EhB,YAAAC,oBAAA,CAAAC,QAAA,EAAe5B,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/field/types.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsFormFieldLayoutValues = /*#__PURE__*/function (HdsFormFieldLayoutValues) {
+  HdsFormFieldLayoutValues["Vertical"] = "vertical";
+  HdsFormFieldLayoutValues["Flag"] = "flag";
+  return HdsFormFieldLayoutValues;
+}({});
+
+export { HdsFormFieldLayoutValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/form/field/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/field/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormFieldLayoutValues {\n  Vertical = 'vertical',\n  Flag = 'flag',\n}\n\nexport type HdsFormFieldLayouts = `${HdsFormFieldLayoutValues}`;\n"],"names":["HdsFormFieldLayoutValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/form/fieldset/index.js

@@ -3,21 +3,19 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { getElementId } from '../../../../utils/hds-get-element-id.js';
 import { ariaDescribedBy, registerAriaDescriptionElement, unregisterAriaDescriptionElement } from '../../../../utils/hds-aria-described-by.js';
+import { HdsFormFieldsetLayoutValues } from './types.js';
+import '../legend/index.js';
+import '../helper-text/index.js';
+import '../error/index.js';
 import { c } from 'decorator-transforms/runtime';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<fieldset class={{this.classNames}} id={{this.id}} ...attributes>\n  {{yield\n    (hash\n      Legend=(component\n        \"hds/form/legend\" isRequired=this.isRequired isOptional=this.isOptional contextualClass=\"hds-form-group__legend\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      HelperText=(component\n        \"hds/form/helper-text\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-group__helper-text\"\n      )\n    )\n  }}\n  <div class=\"hds-form-group__control-fields-wrapper\">\n    {{yield (hash Control=(component \"hds/yield\") ariaDescribedBy=this.ariaDescribedBy)}}\n  </div>\n  {{yield\n    (hash\n      Error=(component\n        \"hds/form/error\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        onRemove=this.removeDescriptor\n        contextualClass=\"hds-form-group__error\"\n      )\n    )\n  }}\n</fieldset>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<fieldset class={{this.classNames}} id={{this.id}} ...attributes>\n  {{yield\n    (hash\n      Legend=(component\n        \"hds/form/legend\" isRequired=this.isRequired isOptional=this.isOptional contextualClass=\"hds-form-group__legend\"\n      )\n    )\n  }}\n  {{yield\n    (hash\n      HelperText=(component\n        \"hds/form/helper-text\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        contextualClass=\"hds-form-group__helper-text\"\n      )\n    )\n  }}\n  <div class=\"hds-form-group__control-fields-wrapper\">\n    {{! @glint-expect-error }}\n    {{yield (hash Control=(component \"hds/yield\") ariaDescribedBy=this.ariaDescribedBy)}}\n  </div>\n  {{yield\n    (hash\n      Error=(component\n        \"hds/form/error\"\n        controlId=this.id\n        onInsert=this.appendDescriptor\n        onRemove=this.removeDescriptor\n        contextualClass=\"hds-form-group__error\"\n      )\n    )\n  }}\n</fieldset>");
 
 var _class;
-const HdsFormFieldsetIndexComponent = c((_class = class HdsFormFieldsetIndexComponent extends Component {
-  appendDescriptor(element) {
-    registerAriaDescriptionElement(this, element);
-  }
-  removeDescriptor(element) {
-    unregisterAriaDescriptionElement(this, element);
-  }
-
+// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'
+const HdsFormFieldsetComponent = c((_class = class HdsFormFieldsetComponent extends Component {
   /**
    * Sets the layout of the group
    *
@@ -26,7 +24,7 @@ const HdsFormFieldsetIndexComponent = c((_class = class HdsFormFieldsetIndexComp
    * @default 'vertical'
    */
   get layout() {
-    return this.args.layout ?? 'vertical';
+    return this.args.layout ?? HdsFormFieldsetLayoutValues.Vertical;
   }
 
   /**
@@ -36,20 +34,6 @@ const HdsFormFieldsetIndexComponent = c((_class = class HdsFormFieldsetIndexComp
     return getElementId(this);
   }
 
-  /**
-   * Get the class names to apply to the component.
-   * @method classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
-  get classNames() {
-    // we just need a class for the layout
-    let classes = ['hds-form-group'];
-
-    // add a class based on the @layout argument
-    classes.push(`hds-form-group--layout-${this.layout}`);
-    return classes.join(' ');
-  }
-
   /**
    * @param isRequired
    * @type {boolean}
@@ -67,8 +51,28 @@ const HdsFormFieldsetIndexComponent = c((_class = class HdsFormFieldsetIndexComp
   get isOptional() {
     return this.args.isOptional || false;
   }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    // we just need a class for the layout
+    const classes = ['hds-form-group'];
+
+    // add a class based on the @layout argument
+    classes.push(`hds-form-group--layout-${this.layout}`);
+    return classes.join(' ');
+  }
+  appendDescriptor(element) {
+    registerAriaDescriptionElement(this, element);
+  }
+  removeDescriptor(element) {
+    unregisterAriaDescriptionElement(this, element);
+  }
 }, (_applyDecoratedDescriptor(_class.prototype, "appendDescriptor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "appendDescriptor"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "removeDescriptor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "removeDescriptor"), _class.prototype)), _class), [ariaDescribedBy]);
-var index = setComponentTemplate(TEMPLATE, HdsFormFieldsetIndexComponent);
+var index = setComponentTemplate(TEMPLATE, HdsFormFieldsetComponent);
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/fieldset/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/fieldset/index.hbs","../../../../../src/components/hds/form/fieldset/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<fieldset class={{this.classNames}} id={{this.id}} ...attributes>\\n  {{yield\\n    (hash\\n      Legend=(component\\n        \\\"hds/form/legend\\\" isRequired=this.isRequired isOptional=this.isOptional contextualClass=\\\"hds-form-group__legend\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      HelperText=(component\\n        \\\"hds/form/helper-text\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-group__helper-text\\\"\\n      )\\n    )\\n  }}\\n  <div class=\\\"hds-form-group__control-fields-wrapper\\\">\\n    {{yield (hash Control=(component \\\"hds/yield\\\") ariaDescribedBy=this.ariaDescribedBy)}}\\n  </div>\\n  {{yield\\n    (hash\\n      Error=(component\\n        \\\"hds/form/error\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        onRemove=this.removeDescriptor\\n        contextualClass=\\\"hds-form-group__error\\\"\\n      )\\n    )\\n  }}\\n</fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.js';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\n\n@ariaDescribedBy\nclass HdsFormFieldsetIndexComponent extends Component {\n  @action\n  appendDescriptor(element) {\n    registerAriaDescriptionElement(this, element);\n  }\n\n  @action removeDescriptor(element) {\n    unregisterAriaDescriptionElement(this, element);\n  }\n\n  /**\n   * Sets the layout of the group\n   *\n   * @param layout\n   * @type {enum}\n   * @default 'vertical'\n   */\n  get layout() {\n    return this.args.layout ?? 'vertical';\n  }\n\n  /**\n   * Calculates the unique ID to assign to the fieldset\n   */\n  get id() {\n    return getElementId(this);\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    // we just need a class for the layout\n    let classes = ['hds-form-group'];\n\n    // add a class based on the @layout argument\n    classes.push(`hds-form-group--layout-${this.layout}`);\n\n    return classes.join(' ');\n  }\n\n  /**\n   * @param isRequired\n   * @type {boolean}\n   * @default false\n   */\n  get isRequired() {\n    return this.args.isRequired || false;\n  }\n\n  /**\n   * @param isOptional\n   * @type {boolean}\n   * @default false\n   */\n  get isOptional() {\n    return this.args.isOptional || false;\n  }\n}\n\nexport default HdsFormFieldsetIndexComponent;\n"],"names":["HdsFormFieldsetIndexComponent","c","_class","Component","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","layout","args","id","getElementId","classNames","classes","push","join","isRequired","isOptional","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","ariaDescribedBy","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AACA,eAAe,kBAAkB,CAAC,ghCAAghC;;;ACW9/B,MAG9CA,6BAA6B,GAAAC,CAAA,EAAAC,MAAA,GAA7BF,MAAAA,6BAA6B,SAASG,SAAS,CAAC;EAEpDC,gBAAgBA,CAACC,OAAO,EAAE;AACxBC,IAAAA,8BAA8B,CAAC,IAAI,EAAED,OAAO,CAAC,CAAA;AAC/C,GAAA;EAEQE,gBAAgBA,CAACF,OAAO,EAAE;AAChCG,IAAAA,gCAAgC,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;AACjD,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,MAAMA,GAAG;AACX,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,MAAM,IAAI,UAAU,CAAA;AACvC,GAAA;;AAEA;AACF;AACA;EACE,IAAIE,EAAEA,GAAG;IACP,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf;AACA,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACN,MAAM,EAAE,CAAC,CAAA;AAErD,IAAA,OAAOK,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACR,IAAI,CAACQ,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAjB,MAAA,CAAAkB,SAAA,uBA3DEC,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAArB,MAAA,CAAAkB,SAAA,EAAAlB,kBAAAA,CAAAA,EAAAA,MAAA,CAAAkB,SAAA,CAAA,EAAAD,yBAAA,CAAAjB,MAAA,CAAAkB,SAAA,EAAA,kBAAA,EAAA,CAKNC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAArB,MAAA,CAAAkB,SAAA,uBAAAlB,MAAA,CAAAkB,SAAA,CAAAlB,GAAAA,MAAA,IAPRsB,eAAe,CAAA,CAAA,CAAA;AA+DhB,YAAAC,oBAAA,CAAAC,QAAA,EAAe1B,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/fieldset/index.hbs","../../../../../src/components/hds/form/fieldset/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<fieldset class={{this.classNames}} id={{this.id}} ...attributes>\\n  {{yield\\n    (hash\\n      Legend=(component\\n        \\\"hds/form/legend\\\" isRequired=this.isRequired isOptional=this.isOptional contextualClass=\\\"hds-form-group__legend\\\"\\n      )\\n    )\\n  }}\\n  {{yield\\n    (hash\\n      HelperText=(component\\n        \\\"hds/form/helper-text\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        contextualClass=\\\"hds-form-group__helper-text\\\"\\n      )\\n    )\\n  }}\\n  <div class=\\\"hds-form-group__control-fields-wrapper\\\">\\n    {{! @glint-expect-error }}\\n    {{yield (hash Control=(component \\\"hds/yield\\\") ariaDescribedBy=this.ariaDescribedBy)}}\\n  </div>\\n  {{yield\\n    (hash\\n      Error=(component\\n        \\\"hds/form/error\\\"\\n        controlId=this.id\\n        onInsert=this.appendDescriptor\\n        onRemove=this.removeDescriptor\\n        contextualClass=\\\"hds-form-group__error\\\"\\n      )\\n    )\\n  }}\\n</fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldsetLayoutValues } from './types.ts';\nimport HdsFormLegendComponent from '../legend/index.ts';\nimport HdsFormHelperTextComponent from '../helper-text/index.ts';\nimport HdsFormErrorComponent from '../error/index.ts';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormFieldsetLayouts } from './types.ts';\nimport type { HdsYieldSignature } from '../../yield/index.ts';\n\nexport interface HdsFormFieldsetSignature {\n  Args: {\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldsetLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: WithBoundArgs<\n          typeof HdsFormLegendComponent,\n          'contextualClass' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperTextComponent,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: ComponentLike<HdsYieldSignature>;\n        Error?: WithBoundArgs<\n          typeof HdsFormErrorComponent,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'\n@ariaDescribedBy\nclass HdsFormFieldsetComponent extends Component<HdsFormFieldsetSignature> {\n  /**\n   * Sets the layout of the group\n   *\n   * @param layout\n   * @type {enum}\n   * @default 'vertical'\n   */\n  get layout(): HdsFormFieldsetLayouts {\n    return this.args.layout ?? HdsFormFieldsetLayoutValues.Vertical;\n  }\n\n  /**\n   * Calculates the unique ID to assign to the fieldset\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n\n  /**\n   * @param isRequired\n   * @type {boolean}\n   * @default false\n   */\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  /**\n   * @param isOptional\n   * @type {boolean}\n   * @default false\n   */\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    // we just need a class for the layout\n    const classes = ['hds-form-group'];\n\n    // add a class based on the @layout argument\n    classes.push(`hds-form-group--layout-${this.layout}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  appendDescriptor(element: HTMLElement): void {\n    registerAriaDescriptionElement(this, element);\n  }\n\n  @action removeDescriptor(element: HTMLElement): void {\n    unregisterAriaDescriptionElement(this, element);\n  }\n}\n\nexport default HdsFormFieldsetComponent;\n"],"names":["HdsFormFieldsetComponent","c","_class","Component","layout","args","HdsFormFieldsetLayoutValues","Vertical","id","getElementId","isRequired","isOptional","classNames","classes","push","join","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","ariaDescribedBy","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,ugCAAugC;;;ACmDziC;AAAA,MAEMA,wBAAwB,GAAAC,CAAA,EAAAC,MAAA,GAAxBF,MAAAA,wBAAwB,SAASG,SAAS,CAA2B;AACzE;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,MAAMA,GAA2B;IACnC,OAAO,IAAI,CAACC,IAAI,CAACD,MAAM,IAAIE,2BAA2B,CAACC,QAAQ,CAAA;AACjE,GAAA;;AAEA;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB;AACA,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACV,MAAM,EAAE,CAAC,CAAA;AAErD,IAAA,OAAOS,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;EAGAC,gBAAgBA,CAACC,OAAoB,EAAQ;AAC3CC,IAAAA,8BAA8B,CAAC,IAAI,EAAED,OAAO,CAAC,CAAA;AAC/C,GAAA;EAEQE,gBAAgBA,CAACF,OAAoB,EAAQ;AACnDG,IAAAA,gCAAgC,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;AACjD,GAAA;AACF,CAAC,GAAAI,yBAAA,CAAAnB,MAAA,CAAAoB,SAAA,uBAREC,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAvB,MAAA,CAAAoB,SAAA,EAAApB,kBAAAA,CAAAA,EAAAA,MAAA,CAAAoB,SAAA,CAAA,EAAAD,yBAAA,CAAAnB,MAAA,CAAAoB,SAAA,EAAA,kBAAA,EAAA,CAKNC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAvB,MAAA,CAAAoB,SAAA,uBAAApB,MAAA,CAAAoB,SAAA,CAAApB,GAAAA,MAAA,IA1DRwB,eAAe,CAAA,CAAA,CAAA;AA+DhB,YAAAC,oBAAA,CAAAC,QAAA,EAAe5B,wBAAwB,CAAA;;;;"}

package/dist/components/hds/form/fieldset/types.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsFormFieldsetLayoutValues = /*#__PURE__*/function (HdsFormFieldsetLayoutValues) {
+  HdsFormFieldsetLayoutValues["Vertical"] = "vertical";
+  HdsFormFieldsetLayoutValues["Flag"] = "flag";
+  return HdsFormFieldsetLayoutValues;
+}({});
+
+export { HdsFormFieldsetLayoutValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/form/fieldset/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/fieldset/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormFieldsetLayoutValues {\n  Vertical = 'vertical',\n  Flag = 'flag',\n}\n\nexport type HdsFormFieldsetLayouts = `${HdsFormFieldsetLayoutValues}`;\n"],"names":["HdsFormFieldsetLayoutValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAA3BA,2BAA2B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAA3BA,2BAA2B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/form/file-input/base.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<input class=\"hds-form-file-input hds-typography-body-200\" ...attributes type=\"file\" />");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<input class=\"hds-form-file-input hds-typography-body-200\" ...attributes type=\"file\" />");
 
-var base = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsFormFileInputBaseComponent = templateOnlyComponent();
+var base = setComponentTemplate(TEMPLATE, HdsFormFileInputBaseComponent);
 
 export { base as default };
 //# sourceMappingURL=base.js.map

package/dist/components/hds/form/file-input/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/file-input/base.hbs","../../../../../src/components/hds/form/file-input/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<input class=\\\"hds-form-file-input hds-typography-body-200\\\" ...attributes type=\\\"file\\\" />\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sNAAsN;;ACAxP,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/file-input/base.hbs","../../../../../src/components/hds/form/file-input/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<input class=\\\"hds-form-file-input hds-typography-body-200\\\" ...attributes type=\\\"file\\\" />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsFormFileInputBaseSignature {\n  Element: HTMLInputElement;\n}\n\nconst HdsFormFileInputBaseComponent =\n  templateOnlyComponent<HdsFormFileInputBaseSignature>();\n\nexport default HdsFormFileInputBaseComponent;\n"],"names":["HdsFormFileInputBaseComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,2KAA2K;;ACD7M;AACA;AACA;AACA;;AAQA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAAiC,CAAA;AAExD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/file-input/field.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label isRequired=F.isRequired isOptional=F.isOptional)}}\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::FileInput::Base\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n    />\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::FileInput::Base\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n    />\n  </F.Control>\n</Hds::Form::Field>");
 
-var field = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsFormFileInputFieldComponent = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormFileInputFieldComponent);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

package/dist/components/hds/form/file-input/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/file-input/field.hbs","../../../../../src/components/hds/form/file-input/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label isRequired=F.isRequired isOptional=F.isOptional)}}\\n  {{yield (hash HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::FileInput::Base\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8wBAA8wB;;ACAhzB,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/file-input/field.hbs","../../../../../src/components/hds/form/file-input/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::FileInput::Base\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\ninterface HdsFormFileInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'>;\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormFileInputFieldComponent =\n  templateOnlyComponent<HdsFormFileInputFieldSignature>();\n\nexport default HdsFormFileInputFieldComponent;\n"],"names":["HdsFormFileInputFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iqBAAiqB;;ACDnsB;AACA;AACA;AACA;;AAuBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAAkC,CAAA;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}

package/dist/components/hds/form/helper-text/index.js

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class={{this.classNames}}\n  @tag=\"div\"\n  @size=\"100\"\n  @weight=\"regular\"\n  id={{this.id}}\n  {{did-insert this.onInsert}}\n  ...attributes\n>\n  {{yield}}\n</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class={{this.classNames}}\n  @tag=\"div\"\n  @size=\"100\"\n  @weight=\"regular\"\n  id={{this.id}}\n  {{did-insert this.onInsert}}\n  ...attributes\n>\n  {{yield}}\n</Hds::Text::Body>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -11,14 +11,14 @@ var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\
 
 const ID_PREFIX = 'helper-text-';
 const NOOP = () => {};
-class HdsFormHelperTextIndexComponent extends Component {
+class HdsFormHelperTextComponent extends Component {
   /**
    * Determines the unique ID to assign to the element
    * @method id
    * @return {(string|null)} The "id" attribute to apply to the element or null, if no controlId is provided
    */
   get id() {
-    let {
+    const {
       controlId
     } = this.args;
     if (controlId) {
@@ -32,8 +32,9 @@ class HdsFormHelperTextIndexComponent extends Component {
    * @type {function}
    * @default () => {}
    */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   get onInsert() {
-    let {
+    const {
       onInsert
     } = this.args;
 
@@ -51,7 +52,7 @@ class HdsFormHelperTextIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-form-helper-text'];
+    const classes = ['hds-form-helper-text'];
 
     // add a class based on the @contextualClass argument
     // notice: this will *not* be documented for public use
@@ -62,7 +63,7 @@ class HdsFormHelperTextIndexComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsFormHelperTextIndexComponent);
+setComponentTemplate(TEMPLATE, HdsFormHelperTextComponent);
 
-export { ID_PREFIX, HdsFormHelperTextIndexComponent as default };
+export { ID_PREFIX, HdsFormHelperTextComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/helper-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/helper-text/index.hbs","../../../../../src/components/hds/form/helper-text/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class={{this.classNames}}\\n  @tag=\\\"div\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"regular\\\"\\n  id={{this.id}}\\n  {{did-insert this.onInsert}}\\n  ...attributes\\n>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nexport const ID_PREFIX = 'helper-text-';\n\nconst NOOP = () => {};\n\nexport default class HdsFormHelperTextIndexComponent extends Component {\n  /**\n   * Determines the unique ID to assign to the element\n   * @method id\n   * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n   */\n  get id() {\n    let { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  /**\n   * @param onInsert\n   * @type {function}\n   * @default () => {}\n   */\n  get onInsert() {\n    let { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-helper-text'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormHelperTextIndexComponent","Component","id","controlId","args","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qUAAqU;;ACDvW;AACA;AACA;AACA;;AAGO,MAAMA,SAAS,GAAG,eAAc;AAEvC,MAAMC,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,+BAA+B,SAASC,SAAS,CAAC;AACrE;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAG;IACP,IAAI;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAC7B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGL,EAAAA,SAAS,CAAGK,EAAAA,SAAS,CAAE,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,QAAQA,GAAG;IACb,IAAI;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,IAAI,CAAA;;AAE5B;AACA,IAAA,IAAI,OAAOC,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAON,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIO,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,sBAAsB,CAAC,CAAA;;AAEtC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BD,OAAO,CAACE,IAAI,CAAC,IAAI,CAACL,IAAI,CAACI,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA/CoBZ,+BAA+B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/helper-text/index.hbs","../../../../../src/components/hds/form/helper-text/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class={{this.classNames}}\\n  @tag=\\\"div\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"regular\\\"\\n  id={{this.id}}\\n  {{did-insert this.onInsert}}\\n  ...attributes\\n>\\n  {{yield}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport const ID_PREFIX = 'helper-text-';\n\nconst NOOP = (): void => {};\n\nexport interface HdsFormHelperTextSignature {\n  Args: {\n    contextualClass?: string;\n    controlId?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onInsert?: (element: HTMLElement, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsFormHelperTextComponent extends Component<HdsFormHelperTextSignature> {\n  /**\n   * Determines the unique ID to assign to the element\n   * @method id\n   * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n   */\n  get id(): string | null {\n    const { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  /**\n   * @param onInsert\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onInsert(): (element: HTMLElement, ...args: any[]) => void {\n    const { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-helper-text'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormHelperTextComponent","Component","id","controlId","args","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4RAA4R;;ACD9T;AACA;AACA;AACA;;AAKO,MAAMA,SAAS,GAAG,eAAc;AAEvC,MAAMC,IAAI,GAAGA,MAAY,EAAE,CAAA;AAeZ,MAAMC,0BAA0B,SAASC,SAAS,CAA6B;AAC5F;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAkB;IACtB,MAAM;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAC/B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAO,CAAGL,EAAAA,SAAS,CAAGK,EAAAA,SAAS,CAAE,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACE;EACA,IAAIE,QAAQA,GAAmD;IAC7D,MAAM;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,IAAI,CAAA;;AAE9B;AACA,IAAA,IAAI,OAAOC,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAON,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIO,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC,CAAA;;AAExC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BD,OAAO,CAACE,IAAI,CAAC,IAAI,CAACL,IAAI,CAACI,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhDoBZ,0BAA0B,CAAA;;;;"}

package/dist/components/hds/form/indicator/index.js

@@ -2,21 +2,21 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @isOptional}}\n  <Hds::Text::Body class={{this.classNames}} tag=\"span\" @size=\"100\" @weight=\"regular\">(Optional)</Hds::Text::Body>\n{{/if}}\n{{#if @isRequired}}\n  &nbsp;<Hds::Badge aria-hidden=\"true\" class={{this.classNames}} @size=\"small\" @color=\"neutral\" @text=\"Required\" />\n{{/if}}");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @isOptional}}\n  <Hds::Text::Body class={{this.classNames}} tag=\"span\" @size=\"100\" @weight=\"regular\">(Optional)</Hds::Text::Body>\n{{/if}}\n{{#if @isRequired}}\n  &nbsp;<Hds::Badge aria-hidden=\"true\" class={{this.classNames}} @size=\"small\" @color=\"neutral\" @text=\"Required\" />\n{{/if}}");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsFormIndicatorIndexComponent extends Component {
+class HdsFormIndicatorComponent extends Component {
   /**
    * Get the class names to apply to the component.
    * @method classNames
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-form-indicator'];
+    const classes = ['hds-form-indicator'];
     if (this.args.isOptional) {
       // add speficic class for "optional" indicator
       classes.push('hds-form-indicator--optional');
@@ -24,7 +24,7 @@ class HdsFormIndicatorIndexComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsFormIndicatorIndexComponent);
+setComponentTemplate(TEMPLATE, HdsFormIndicatorComponent);
 
-export { HdsFormIndicatorIndexComponent as default };
+export { HdsFormIndicatorComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.hbs","../../../../../src/components/hds/form/indicator/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{#if @isOptional}}\\n  <Hds::Text::Body class={{this.classNames}} tag=\\\"span\\\" @size=\\\"100\\\" @weight=\\\"regular\\\">(Optional)</Hds::Text::Body>\\n{{/if}}\\n{{#if @isRequired}}\\n  &nbsp;<Hds::Badge aria-hidden=\\\"true\\\" class={{this.classNames}} @size=\\\"small\\\" @color=\\\"neutral\\\" @text=\\\"Required\\\" />\\n{{/if}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsFormIndicatorIndexComponent extends Component {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-form-indicator'];\n\n    if (this.args.isOptional) {\n      // add speficic class for \"optional\" indicator\n      classes.push('hds-form-indicator--optional');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormIndicatorIndexComponent","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,0aAA0a;;ACD5c;AACA;AACA;AACA;;AAIe,MAAMA,8BAA8B,SAASC,SAAS,CAAC;AACpE;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAA;AAEpC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAO,CAACG,IAAI,CAAC,8BAA8B,CAAC,CAAA;AAC9C,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhBoBT,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.hbs","../../../../../src/components/hds/form/indicator/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{#if @isOptional}}\\n  <Hds::Text::Body class={{this.classNames}} tag=\\\"span\\\" @size=\\\"100\\\" @weight=\\\"regular\\\">(Optional)</Hds::Text::Body>\\n{{/if}}\\n{{#if @isRequired}}\\n  &nbsp;<Hds::Badge aria-hidden=\\\"true\\\" class={{this.classNames}} @size=\\\"small\\\" @color=\\\"neutral\\\" @text=\\\"Required\\\" />\\n{{/if}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsTextBodySignature } from '../../text/body';\nimport type { HdsBadgeSignature } from '../../badge';\n\nexport interface HdsFormIndicatorSignature {\n  Args: {\n    isOptional?: boolean;\n    isRequired?: boolean;\n  };\n  Element: HdsTextBodySignature['Element'] | HdsBadgeSignature['Element'];\n}\n\nexport default class HdsFormIndicatorComponent extends Component<HdsFormIndicatorSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-indicator'];\n\n    if (this.args.isOptional) {\n      // add speficic class for \"optional\" indicator\n      classes.push('hds-form-indicator--optional');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormIndicatorComponent","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iYAAiY;;ACDna;AACA;AACA;AACA;;AAce,MAAMA,yBAAyB,SAASC,SAAS,CAA4B;AAC1F;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAA;AAEtC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAO,CAACG,IAAI,CAAC,8BAA8B,CAAC,CAAA;AAC9C,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhBoBT,yBAAyB,CAAA;;;;"}