@hashicorp/design-system-components 4.9.0 → 4.11.0

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

@@ -9,7 +9,7 @@ import { setComponentTemplate } from '@ember/component';
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} {{style width=@width}}>\n  {{#if @isMultiline}}\n    <Hds::Form::Textarea::Base\n      class=\"hds-form-masked-input__control\"\n      @value={{@value}}\n      @isInvalid={{@isInvalid}}\n      @height={{@height}}\n      id={{this.id}}\n      ...attributes\n    />\n  {{else}}\n    <Hds::Form::TextInput::Base\n      class=\"hds-form-masked-input__control\"\n      @value={{@value}}\n      @isInvalid={{@isInvalid}}\n      id={{this.id}}\n      ...attributes\n    />\n  {{/if}}\n  <Hds::Form::VisibilityToggle\n    @isVisible={{this.isContentMasked}}\n    @ariaLabel={{this.visibilityToggleAriaLabel}}\n    @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n    aria-controls={{this.id}}\n    class=\"hds-form-masked-input__toggle-button\"\n    {{on \"click\" this.onClickToggleMasking}}\n  />\n  {{#if @hasCopyButton}}\n    <Hds::Copy::Button\n      class=\"hds-form-masked-input__copy-button\"\n      @text={{this.copyButtonText}}\n      @isIconOnly={{true}}\n      @targetToCopy=\"#{{this.id}}\"\n    />\n  {{/if}}\n</div>");
 
 var _class, _descriptor;
-let HdsFormMaskedInputBaseComponent = (_class = class HdsFormMaskedInputBaseComponent extends Component {
+let HdsFormMaskedInputBase = (_class = class HdsFormMaskedInputBase extends Component {
   constructor(...args) {
     super(...args);
     _initializerDefineProperty(this, "isContentMasked", _descriptor, this);
@@ -90,7 +90,7 @@ let HdsFormMaskedInputBaseComponent = (_class = class HdsFormMaskedInputBaseComp
     return this.args.isContentMasked ?? true;
   }
 }), _applyDecoratedDescriptor(_class.prototype, "onClickToggleMasking", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggleMasking"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsFormMaskedInputBaseComponent);
+setComponentTemplate(TEMPLATE, HdsFormMaskedInputBase);
 
-export { HdsFormMaskedInputBaseComponent as default };
+export { HdsFormMaskedInputBase as default };
 //# sourceMappingURL=base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/masked-input/base.hbs","../../../../../src/components/hds/form/masked-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<div class={{this.classNames}} {{style width=@width}}>\\n  {{#if @isMultiline}}\\n    <Hds::Form::Textarea::Base\\n      class=\\\"hds-form-masked-input__control\\\"\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @height={{@height}}\\n      id={{this.id}}\\n      ...attributes\\n    />\\n  {{else}}\\n    <Hds::Form::TextInput::Base\\n      class=\\\"hds-form-masked-input__control\\\"\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      id={{this.id}}\\n      ...attributes\\n    />\\n  {{/if}}\\n  <Hds::Form::VisibilityToggle\\n    @isVisible={{this.isContentMasked}}\\n    @ariaLabel={{this.visibilityToggleAriaLabel}}\\n    @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n    aria-controls={{this.id}}\\n    class=\\\"hds-form-masked-input__toggle-button\\\"\\n    {{on \\\"click\\\" this.onClickToggleMasking}}\\n  />\\n  {{#if @hasCopyButton}}\\n    <Hds::Copy::Button\\n      class=\\\"hds-form-masked-input__copy-button\\\"\\n      @text={{this.copyButtonText}}\\n      @isIconOnly={{true}}\\n      @targetToCopy=\\\"#{{this.id}}\\\"\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsCopyButtonSignature } from '../../copy/button/index.ts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.ts';\n\nexport interface HdsFormMaskedInputBaseSignature {\n  Args: {\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n    hasCopyButton?: boolean;\n    isContentMasked?: boolean;\n    isInvalid?: boolean;\n    isMultiline?: boolean;\n    id?: string;\n    value?: string;\n    visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n    visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    width?: string;\n    height?: string;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormMaskedInputBaseComponent extends Component<HdsFormMaskedInputBaseSignature> {\n  @tracked isContentMasked = this.args.isContentMasked ?? true;\n\n  @action\n  onClickToggleMasking(): void {\n    this.isContentMasked = !this.isContentMasked;\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 ariaLabel\n   * @type {string}\n   * @default 'Show masked content'\n   */\n  get visibilityToggleAriaLabel(): string {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this.isContentMasked) {\n      return 'Show masked content';\n    } else {\n      return 'Hide masked content';\n    }\n  }\n\n  /**\n   * @param ariaMessageText\n   * @type {string}\n   * @default 'Input content is now hidden'\n   */\n  get visibilityToggleAriaMessageText(): string {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this.isContentMasked) {\n      return 'Input content is hidden';\n    } else {\n      return 'Input content is visible';\n    }\n  }\n\n  /**\n   * @param copyButtonText\n   * @type {string}\n   * @default 'Copy masked content'\n   */\n  get copyButtonText(): string {\n    if (this.args.copyButtonText) {\n      return this.args.copyButtonText;\n    } else {\n      return 'Copy masked content';\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-masked-input'];\n\n    if (this.isContentMasked) {\n      classes.push(`hds-form-masked-input--is-masked`);\n    } else {\n      classes.push(`hds-form-masked-input--is-not-masked`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormMaskedInputBaseComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","onClickToggleMasking","isContentMasked","id","getElementId","visibilityToggleAriaLabel","visibilityToggleAriaMessageText","copyButtonText","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/masked-input/base.hbs","../../../../../src/components/hds/form/masked-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<div class={{this.classNames}} {{style width=@width}}>\\n  {{#if @isMultiline}}\\n    <Hds::Form::Textarea::Base\\n      class=\\\"hds-form-masked-input__control\\\"\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @height={{@height}}\\n      id={{this.id}}\\n      ...attributes\\n    />\\n  {{else}}\\n    <Hds::Form::TextInput::Base\\n      class=\\\"hds-form-masked-input__control\\\"\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      id={{this.id}}\\n      ...attributes\\n    />\\n  {{/if}}\\n  <Hds::Form::VisibilityToggle\\n    @isVisible={{this.isContentMasked}}\\n    @ariaLabel={{this.visibilityToggleAriaLabel}}\\n    @ariaMessageText={{this.visibilityToggleAriaMessageText}}\\n    aria-controls={{this.id}}\\n    class=\\\"hds-form-masked-input__toggle-button\\\"\\n    {{on \\\"click\\\" this.onClickToggleMasking}}\\n  />\\n  {{#if @hasCopyButton}}\\n    <Hds::Copy::Button\\n      class=\\\"hds-form-masked-input__copy-button\\\"\\n      @text={{this.copyButtonText}}\\n      @isIconOnly={{true}}\\n      @targetToCopy=\\\"#{{this.id}}\\\"\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsCopyButtonSignature } from '../../copy/button/index.ts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.ts';\n\nexport interface HdsFormMaskedInputBaseSignature {\n  Args: {\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n    hasCopyButton?: boolean;\n    isContentMasked?: boolean;\n    isInvalid?: boolean;\n    isMultiline?: boolean;\n    id?: string;\n    value?: string;\n    visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n    visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    width?: string;\n    height?: string;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormMaskedInputBase extends Component<HdsFormMaskedInputBaseSignature> {\n  @tracked isContentMasked = this.args.isContentMasked ?? true;\n\n  @action\n  onClickToggleMasking(): void {\n    this.isContentMasked = !this.isContentMasked;\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 ariaLabel\n   * @type {string}\n   * @default 'Show masked content'\n   */\n  get visibilityToggleAriaLabel(): string {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this.isContentMasked) {\n      return 'Show masked content';\n    } else {\n      return 'Hide masked content';\n    }\n  }\n\n  /**\n   * @param ariaMessageText\n   * @type {string}\n   * @default 'Input content is now hidden'\n   */\n  get visibilityToggleAriaMessageText(): string {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this.isContentMasked) {\n      return 'Input content is hidden';\n    } else {\n      return 'Input content is visible';\n    }\n  }\n\n  /**\n   * @param copyButtonText\n   * @type {string}\n   * @default 'Copy masked content'\n   */\n  get copyButtonText(): string {\n    if (this.args.copyButtonText) {\n      return this.args.copyButtonText;\n    } else {\n      return 'Copy masked content';\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-masked-input'];\n\n    if (this.isContentMasked) {\n      classes.push(`hds-form-masked-input--is-masked`);\n    } else {\n      classes.push(`hds-form-masked-input--is-not-masked`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormMaskedInputBase","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","onClickToggleMasking","isContentMasked","id","getElementId","visibilityToggleAriaLabel","visibilityToggleAriaMessageText","copyButtonText","classNames","classes","push","join","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormMaskedInputFieldComponent = templateOnlyComponent();
-var field = setComponentTemplate(TEMPLATE, HdsFormMaskedInputFieldComponent);
+const HdsFormMaskedInputField = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormMaskedInputField);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/masked-input/field.hbs","../../../../../src/components/hds/form/masked-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  {{#if F.CharacterCount}}\\n    {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n  {{/if}}\\n  <F.Control>\\n    <Hds::Form::MaskedInput::Base\\n      @hasCopyButton={{@hasCopyButton}}\\n      @isMultiline={{@isMultiline}}\\n      @isContentMasked={{@isContentMasked}}\\n      @visibilityToggleAriaLabel={{@visibilityToggleAriaLabel}}\\n      @visibilityToggleAriaMessageText={{@visibilityToggleAriaMessageText}}\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      @height={{@height}}\\n      @id={{F.id}}\\n      required={{@isRequired}}\\n      ...attributes\\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, WithBoundArgs } from '@glint/template';\nimport type HdsFormCharacterCountComponent from '../character-count';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormMaskedInputBaseSignature } from './base';\n\ninterface HdsFormMaskedInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormMaskedInputBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormMaskedInputFieldComponent =\n  templateOnlyComponent<HdsFormMaskedInputFieldSignature>();\n\nexport default HdsFormMaskedInputFieldComponent;\n"],"names":["HdsFormMaskedInputFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ipCAAipC;;ACDnrC;AACA;AACA;AACA;;AA8BA,MAAMA,gCAAgC,GACpCC,qBAAqB,EAAoC,CAAA;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,gCAAgC,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/masked-input/field.hbs","../../../../../src/components/hds/form/masked-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  {{#if F.CharacterCount}}\\n    {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n  {{/if}}\\n  <F.Control>\\n    <Hds::Form::MaskedInput::Base\\n      @hasCopyButton={{@hasCopyButton}}\\n      @isMultiline={{@isMultiline}}\\n      @isContentMasked={{@isContentMasked}}\\n      @visibilityToggleAriaLabel={{@visibilityToggleAriaLabel}}\\n      @visibilityToggleAriaMessageText={{@visibilityToggleAriaMessageText}}\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      @height={{@height}}\\n      @id={{F.id}}\\n      required={{@isRequired}}\\n      ...attributes\\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, WithBoundArgs } from '@glint/template';\nimport type HdsFormCharacterCountComponent from '../character-count';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormMaskedInputBaseSignature } from './base';\n\ninterface HdsFormMaskedInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormMaskedInputBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormMaskedInputField =\n  templateOnlyComponent<HdsFormMaskedInputFieldSignature>();\n\nexport default HdsFormMaskedInputField;\n"],"names":["HdsFormMaskedInputField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ipCAAipC;;ACDnrC;AACA;AACA;AACA;;AA8BA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC,CAAA;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}

package/dist/components/hds/form/radio/base.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioBaseComponent = templateOnlyComponent();
-var base = setComponentTemplate(TEMPLATE, HdsFormRadioBaseComponent);
+const HdsFormRadioBase = templateOnlyComponent();
+var base = setComponentTemplate(TEMPLATE, HdsFormRadioBase);
 
 export { base as default };
 //# sourceMappingURL=base.js.map

package/dist/components/hds/form/radio/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/radio/base.hbs","../../../../../src/components/hds/form/radio/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 type=\\\"radio\\\" class=\\\"hds-form-radio\\\" ...attributes value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormRadioBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormRadioBaseComponent =\n  templateOnlyComponent<HdsFormRadioBaseSignature>();\n\nexport default HdsFormRadioBaseComponent;\n"],"names":["HdsFormRadioBaseComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gKAAgK;;ACDlM;AACA;AACA;AACA;;AAWA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAA6B,CAAA;AAEpD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/radio/base.hbs","../../../../../src/components/hds/form/radio/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 type=\\\"radio\\\" class=\\\"hds-form-radio\\\" ...attributes value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormRadioBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormRadioBase = templateOnlyComponent<HdsFormRadioBaseSignature>();\n\nexport default HdsFormRadioBase;\n"],"names":["HdsFormRadioBase","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gKAAgK;;ACDlM;AACA;AACA;AACA;;AAWA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B,CAAA;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioFieldComponent = templateOnlyComponent();
-var field = setComponentTemplate(TEMPLATE, HdsFormRadioFieldComponent);
+const HdsFormRadioField = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormRadioField);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/radio/field.hbs","../../../../../src/components/hds/form/radio/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=\\\"flag\\\"\\n  @contextualClass={{@contextualClass}}\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s 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::Radio::Base\\n      @value={{@value}}\\n      name={{@name}}\\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 { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n    name?: string;\n  };\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 HdsFormRadioFieldComponent =\n  templateOnlyComponent<HdsFormRadioFieldSignature>();\n\nexport default HdsFormRadioFieldComponent;\n"],"names":["HdsFormRadioFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,srBAAsrB;;ACDxtB;AACA;AACA;AACA;;AA0BA,MAAMA,0BAA0B,GAC9BC,qBAAqB,EAA8B,CAAA;AAErD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/radio/field.hbs","../../../../../src/components/hds/form/radio/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=\\\"flag\\\"\\n  @contextualClass={{@contextualClass}}\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s 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::Radio::Base\\n      @value={{@value}}\\n      name={{@name}}\\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 { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormRadioFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n    name?: string;\n  };\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 HdsFormRadioField = templateOnlyComponent<HdsFormRadioFieldSignature>();\n\nexport default HdsFormRadioField;\n"],"names":["HdsFormRadioField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,srBAAsrB;;ACDxtB;AACA;AACA;AACA;;AA0BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B,CAAA;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/radio/group.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioGroupComponent = templateOnlyComponent();
-var group = setComponentTemplate(TEMPLATE, HdsFormRadioGroupComponent);
+const HdsFormRadioGroup = templateOnlyComponent();
+var group = setComponentTemplate(TEMPLATE, HdsFormRadioGroup);
 
 export { group as default };
 //# sourceMappingURL=group.js.map

package/dist/components/hds/form/radio/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio/group.hbs","../../../../../src/components/hds/form/radio/group.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::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        RadioField=(component\\n          \\\"hds/form/radio/field\\\"\\n          contextualClass=\\\"hds-form-group__control-field\\\"\\n          isRequired=@isRequired\\n          name=@name\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\ninterface HdsFormRadioGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        RadioField?: ComponentLike<HdsFormRadioFieldSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioGroupComponent =\n  templateOnlyComponent<HdsFormRadioGroupSignature>();\n\nexport default HdsFormRadioGroupComponent;\n"],"names":["HdsFormRadioGroupComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6uBAA6uB;;ACD/wB;AACA;AACA;AACA;;AA2BA,MAAMA,0BAA0B,GAC9BC,qBAAqB,EAA8B,CAAA;AAErD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio/group.hbs","../../../../../src/components/hds/form/radio/group.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::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        RadioField=(component\\n          \\\"hds/form/radio/field\\\"\\n          contextualClass=\\\"hds-form-group__control-field\\\"\\n          isRequired=@isRequired\\n          name=@name\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\ninterface HdsFormRadioGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        RadioField?: ComponentLike<HdsFormRadioFieldSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioGroup = templateOnlyComponent<HdsFormRadioGroupSignature>();\n\nexport default HdsFormRadioGroup;\n"],"names":["HdsFormRadioGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6uBAA6uB;;ACD/wB;AACA;AACA;AACA;;AA2BA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B,CAAA;AAE7E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/description.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioCardDescriptionComponent = templateOnlyComponent();
-var description = setComponentTemplate(TEMPLATE, HdsFormRadioCardDescriptionComponent);
+const HdsFormRadioCardDescription = templateOnlyComponent();
+var description = setComponentTemplate(TEMPLATE, HdsFormRadioCardDescription);
 
 export { description as default };
 //# sourceMappingURL=description.js.map

package/dist/components/hds/form/radio-card/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/radio-card/description.hbs","../../../../../src/components/hds/form/radio-card/description.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=\\\"hds-form-radio-card__description\\\"\\n  @tag=\\\"span\\\"\\n  @size=\\\"100\\\"\\n  ...attributes\\n>{{yield}}</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsFormRadioCardDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormRadioCardDescriptionComponent =\n  templateOnlyComponent<HdsFormRadioCardDescriptionSignature>();\n\nexport default HdsFormRadioCardDescriptionComponent;\n"],"names":["HdsFormRadioCardDescriptionComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+NAA+N;;ACDjQ;AACA;AACA;AACA;;AAYA,MAAMA,oCAAoC,GACxCC,qBAAqB,EAAwC,CAAA;AAE/D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,oCAAoC,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/radio-card/description.hbs","../../../../../src/components/hds/form/radio-card/description.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=\\\"hds-form-radio-card__description\\\"\\n  @tag=\\\"span\\\"\\n  @size=\\\"100\\\"\\n  ...attributes\\n>{{yield}}</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsFormRadioCardDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormRadioCardDescription =\n  templateOnlyComponent<HdsFormRadioCardDescriptionSignature>();\n\nexport default HdsFormRadioCardDescription;\n"],"names":["HdsFormRadioCardDescription","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+NAA+N;;ACDjQ;AACA;AACA;AACA;;AAYA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAAwC,CAAA;AAE/D,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}

package/dist/components/hds/form/radio-card/group.js

@@ -2,15 +2,15 @@ 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::Fieldset\n  class=\"hds-form-group--radio-cards\"\n  @layout={{if (eq @layout \"vertical\") \"vertical\" \"horizontal\"}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  ...attributes\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because it\'s controlled at \"Hds::Form::Fieldset\" component level }}\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{yield\n      (hash\n        RadioCard=(component\n          \"hds/form/radio-card\"\n          name=@name\n          alignment=@alignment\n          controlPosition=@controlPosition\n          extraAriaDescribedBy=F.ariaDescribedBy\n        )\n      )\n    }}\n  </F.Control>\n</Hds::Form::Fieldset>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Fieldset\n  class=\"hds-form-group--radio-cards\"\n  @layout={{if (eq @layout \"vertical\") \"vertical\" \"horizontal\"}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  ...attributes\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because it\'s controlled at \"Hds::Form::Fieldset\" component level }}\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{yield\n      (hash\n        RadioCard=(component\n          \"hds/form/radio-card\"\n          name=@name\n          alignment=@alignment\n          controlPosition=@controlPosition\n          extraAriaDescribedBy=F.ariaDescribedBy\n        )\n      )\n    }}\n  </F.Control>\n</Hds::Form::Fieldset>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioCardGroupComponent = templateOnlyComponent();
-var group = setComponentTemplate(TEMPLATE, HdsFormRadioCardGroupComponent);
+const HdsFormRadioCardGroup = templateOnlyComponent();
+var group = setComponentTemplate(TEMPLATE, HdsFormRadioCardGroup);
 
 export { group as default };
 //# sourceMappingURL=group.js.map

package/dist/components/hds/form/radio-card/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio-card/group.hbs","../../../../../src/components/hds/form/radio-card/group.ts"],"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::Fieldset\\n  class=\\\"hds-form-group--radio-cards\\\"\\n  @layout={{if (eq @layout \\\"vertical\\\") \\\"vertical\\\" \\\"horizontal\\\"}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  ...attributes\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        RadioCard=(component\\n          \\\"hds/form/radio-card\\\"\\n          name=@name\\n          alignment=@alignment\\n          controlPosition=@controlPosition\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioCardSignature } from './index';\nimport type { HdsFormErrorSignature } from '../error';\nimport type {\n  HdsFormRadioCardControlPositions,\n  HdsFormRadioCardAlignments,\n} from './types';\n\ninterface HdsFormRadioCardGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    controlPosition: HdsFormRadioCardControlPositions;\n    alignment: HdsFormRadioCardAlignments;\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        RadioCard?: ComponentLike<HdsFormRadioCardSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioCardGroupComponent =\n  templateOnlyComponent<HdsFormRadioCardGroupSignature>();\n\nexport default HdsFormRadioCardGroupComponent;\n"],"names":["HdsFormRadioCardGroupComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,42BAA42B;;ACD94B;AACA;AACA;AACA;;AAiCA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAAkC,CAAA;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/radio-card/group.hbs","../../../../../src/components/hds/form/radio-card/group.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::Fieldset\\n  class=\\\"hds-form-group--radio-cards\\\"\\n  @layout={{if (eq @layout \\\"vertical\\\") \\\"vertical\\\" \\\"horizontal\\\"}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  ...attributes\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        RadioCard=(component\\n          \\\"hds/form/radio-card\\\"\\n          name=@name\\n          alignment=@alignment\\n          controlPosition=@controlPosition\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormRadioCardSignature } from './index';\nimport type { HdsFormErrorSignature } from '../error';\nimport type {\n  HdsFormRadioCardControlPositions,\n  HdsFormRadioCardAlignments,\n} from './types';\n\ninterface HdsFormRadioCardGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    controlPosition?: HdsFormRadioCardControlPositions;\n    alignment?: HdsFormRadioCardAlignments;\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        RadioCard?: ComponentLike<HdsFormRadioCardSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormRadioCardGroup =\n  templateOnlyComponent<HdsFormRadioCardGroupSignature>();\n\nexport default HdsFormRadioCardGroup;\n"],"names":["HdsFormRadioCardGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,m0BAAm0B;;ACDr2B;AACA;AACA;AACA;;AAiCA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC,CAAA;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/index.js

@@ -4,7 +4,7 @@ import { HdsFormRadioCardControlPositionValues, HdsFormRadioCardAlignmentValues
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\n  <span class=\"hds-form-radio-card__content\">\n    {{yield (hash Icon=(component \"flight-icon\" size=\"24\" isInlineBlock=false))}}\n    {{yield (hash Label=(component \"hds/form/radio-card/label\"))}}\n    {{yield (hash Badge=(component \"hds/badge\"))}}\n    {{yield (hash Description=(component \"hds/form/radio-card/description\"))}}\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </span>\n  <span class=\"hds-form-radio-card__control-wrapper\">\n    <Hds::Form::Radio::Base\n      class=\"hds-form-radio-card__control\"\n      @value={{@value}}\n      name={{@name}}\n      checked={{@checked}}\n      disabled={{@disabled}}\n      aria-describedby={{@extraAriaDescribedBy}}\n      ...attributes\n    />\n  </span>\n</label>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\n  <span class=\"hds-form-radio-card__content\">\n    {{yield (hash Icon=(component \"hds/icon\" size=\"24\"))}}\n    {{yield (hash Label=(component \"hds/form/radio-card/label\"))}}\n    {{yield (hash Badge=(component \"hds/badge\"))}}\n    {{yield (hash Description=(component \"hds/form/radio-card/description\"))}}\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </span>\n  <span class=\"hds-form-radio-card__control-wrapper\">\n    <Hds::Form::Radio::Base\n      class=\"hds-form-radio-card__control\"\n      @value={{@value}}\n      name={{@name}}\n      checked={{@checked}}\n      disabled={{@disabled}}\n      aria-describedby={{@extraAriaDescribedBy}}\n      ...attributes\n    />\n  </span>\n</label>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -15,7 +15,7 @@ const DEFAULT_CONTROL_POSITION = HdsFormRadioCardControlPositionValues.Bottom;
 const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;
 const CONTROL_POSITIONS = Object.values(HdsFormRadioCardControlPositionValues);
 const ALIGNMENTS = Object.values(HdsFormRadioCardAlignmentValues);
-class HdsFormRadioCardComponent extends Component {
+class HdsFormRadioCard extends Component {
   /**
    * Sets the position of the control
    * Accepted values: buttom, left
@@ -75,7 +75,7 @@ class HdsFormRadioCardComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsFormRadioCardComponent);
+setComponentTemplate(TEMPLATE, HdsFormRadioCard);
 
-export { ALIGNMENTS, CONTROL_POSITIONS, DEFAULT_ALIGNMENT, DEFAULT_CONTROL_POSITION, HdsFormRadioCardComponent as default };
+export { ALIGNMENTS, CONTROL_POSITIONS, DEFAULT_ALIGNMENT, DEFAULT_CONTROL_POSITION, HdsFormRadioCard as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/radio-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/radio-card/index.hbs","../../../../../src/components/hds/form/radio-card/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<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\\n  <span class=\\\"hds-form-radio-card__content\\\">\\n    {{yield (hash Icon=(component \\\"flight-icon\\\" size=\\\"24\\\" isInlineBlock=false))}}\\n    {{yield (hash Label=(component \\\"hds/form/radio-card/label\\\"))}}\\n    {{yield (hash Badge=(component \\\"hds/badge\\\"))}}\\n    {{yield (hash Description=(component \\\"hds/form/radio-card/description\\\"))}}\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </span>\\n  <span class=\\\"hds-form-radio-card__control-wrapper\\\">\\n    <Hds::Form::Radio::Base\\n      class=\\\"hds-form-radio-card__control\\\"\\n      @value={{@value}}\\n      name={{@name}}\\n      checked={{@checked}}\\n      disabled={{@disabled}}\\n      aria-describedby={{@extraAriaDescribedBy}}\\n      ...attributes\\n    />\\n  </span>\\n</label>\")","/**\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 {\n  HdsFormRadioCardControlPositionValues,\n  HdsFormRadioCardAlignmentValues,\n} from './types.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsFormRadioBaseSignature } from '../radio/base';\nimport type { HdsFormRadioCardDescriptionSignature } from './description';\nimport type { HdsFormRadioCardLabelSignature } from './label';\nimport type { HdsYieldSignature } from '../../yield';\nimport type {\n  HdsFormRadioCardControlPositions,\n  HdsFormRadioCardAlignments,\n} from './types';\n\nexport const DEFAULT_CONTROL_POSITION =\n  HdsFormRadioCardControlPositionValues.Bottom;\nexport const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;\nexport const CONTROL_POSITIONS: string[] = Object.values(\n  HdsFormRadioCardControlPositionValues\n);\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsFormRadioCardAlignmentValues\n);\n\nexport interface HdsFormRadioCardSignature {\n  Args: {\n    name: string;\n    value: string;\n    checked: boolean;\n    disabled: boolean;\n    controlPosition: HdsFormRadioCardControlPositions;\n    alignment: HdsFormRadioCardAlignments;\n    maxWidth: string;\n    extraAriaDescribedBy: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Icon?: ComponentLike<FlightIconSignature>;\n        Label?: ComponentLike<HdsFormRadioCardLabelSignature>;\n        Badge?: ComponentLike<HdsBadgeSignature>;\n        Description?: ComponentLike<HdsFormRadioCardDescriptionSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsFormRadioCardComponent extends Component<HdsFormRadioCardSignature> {\n  /**\n   * Sets the position of the control\n   * Accepted values: buttom, left\n   *\n   * @param type\n   * @type {string}\n   * @default 'bottom'\n   */\n  get controlPosition(): HdsFormRadioCardControlPositions {\n    const { controlPosition = DEFAULT_CONTROL_POSITION } = this.args;\n\n    assert(\n      `@controlPosition for \"Hds::Form::RadioCard\" must be one of the following: ${CONTROL_POSITIONS.join(\n        ', '\n      )}; received: ${controlPosition}`,\n      CONTROL_POSITIONS.includes(controlPosition)\n    );\n\n    return controlPosition;\n  }\n\n  /**\n   * Sets the alignment of the content\n   * Accepted values: left, center\n   *\n   * @param alignnment\n   * @type {string}\n   * @default 'left'\n   */\n  get alignment(): HdsFormRadioCardAlignments {\n    const { alignment = DEFAULT_ALIGNMENT } = this.args;\n\n    assert(\n      `@alignment for \"Hds::Form::RadioCard\" must be one of the following: ${ALIGNMENTS.join(\n        ', '\n      )}; received: ${alignment}`,\n      ALIGNMENTS.includes(alignment)\n    );\n\n    return alignment;\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-radio-card'];\n\n    if (this.args.checked) {\n      classes.push('hds-form-radio-card--checked');\n    }\n    if (this.args.disabled) {\n      classes.push('hds-form-radio-card--disabled');\n    }\n    if (this.args.maxWidth) {\n      classes.push('hds-form-radio-card--has-fixed-width');\n    } else {\n      classes.push('hds-form-radio-card--has-fluid-width');\n    }\n\n    // add a class based on the @controlPosition argument\n    classes.push(`hds-form-radio-card--control-${this.controlPosition}`);\n\n    // add a class based on the @alignment argument\n    classes.push(`hds-form-radio-card--align-${this.alignment}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_CONTROL_POSITION","HdsFormRadioCardControlPositionValues","Bottom","DEFAULT_ALIGNMENT","HdsFormRadioCardAlignmentValues","Left","CONTROL_POSITIONS","Object","values","ALIGNMENTS","HdsFormRadioCardComponent","Component","controlPosition","args","assert","join","includes","alignment","classNames","classes","checked","push","disabled","maxWidth","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,w3BAAw3B;;ACD15B;AACA;AACA;AACA;;AAqBaA,MAAAA,wBAAwB,GACnCC,qCAAqC,CAACC,OAAM;AACjCC,MAAAA,iBAAiB,GAAGC,+BAA+B,CAACC,KAAI;AAC9D,MAAMC,iBAA2B,GAAGC,MAAM,CAACC,MAAM,CACtDP,qCACF,EAAC;AACM,MAAMQ,UAAoB,GAAGF,MAAM,CAACC,MAAM,CAC/CJ,+BACF,EAAC;AA2Bc,MAAMM,yBAAyB,SAASC,SAAS,CAA4B;AAC1F;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAqC;IACtD,MAAM;AAAEA,MAAAA,eAAe,GAAGZ,wBAAAA;KAA0B,GAAG,IAAI,CAACa,IAAI,CAAA;AAEhEC,IAAAA,MAAM,CACJ,CAA6ER,0EAAAA,EAAAA,iBAAiB,CAACS,IAAI,CACjG,IACF,CAAC,CAAA,YAAA,EAAeH,eAAe,CAAA,CAAE,EACjCN,iBAAiB,CAACU,QAAQ,CAACJ,eAAe,CAC5C,CAAC,CAAA;AAED,IAAA,OAAOA,eAAe,CAAA;AACxB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,SAASA,GAA+B;IAC1C,MAAM;AAAEA,MAAAA,SAAS,GAAGd,iBAAAA;KAAmB,GAAG,IAAI,CAACU,IAAI,CAAA;AAEnDC,IAAAA,MAAM,CACJ,CAAuEL,oEAAAA,EAAAA,UAAU,CAACM,IAAI,CACpF,IACF,CAAC,CAAA,YAAA,EAAeE,SAAS,CAAA,CAAE,EAC3BR,UAAU,CAACO,QAAQ,CAACC,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC,CAAA;AAEvC,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,OAAO,EAAE;AACrBD,MAAAA,OAAO,CAACE,IAAI,CAAC,8BAA8B,CAAC,CAAA;AAC9C,KAAA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,QAAQ,EAAE;AACtBH,MAAAA,OAAO,CAACE,IAAI,CAAC,+BAA+B,CAAC,CAAA;AAC/C,KAAA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACU,QAAQ,EAAE;AACtBJ,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAA;;AAEA;IACAF,OAAO,CAACE,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACT,eAAe,EAAE,CAAC,CAAA;;AAEpE;IACAO,OAAO,CAACE,IAAI,CAAC,CAAA,2BAAA,EAA8B,IAAI,CAACJ,SAAS,EAAE,CAAC,CAAA;AAE5D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACS,oBAAA,CAAAC,QAAA,EAvEoBf,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/radio-card/index.hbs","../../../../../src/components/hds/form/radio-card/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<label class={{this.classNames}} {{style maxWidth=@maxWidth}}>\\n  <span class=\\\"hds-form-radio-card__content\\\">\\n    {{yield (hash Icon=(component \\\"hds/icon\\\" size=\\\"24\\\"))}}\\n    {{yield (hash Label=(component \\\"hds/form/radio-card/label\\\"))}}\\n    {{yield (hash Badge=(component \\\"hds/badge\\\"))}}\\n    {{yield (hash Description=(component \\\"hds/form/radio-card/description\\\"))}}\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </span>\\n  <span class=\\\"hds-form-radio-card__control-wrapper\\\">\\n    <Hds::Form::Radio::Base\\n      class=\\\"hds-form-radio-card__control\\\"\\n      @value={{@value}}\\n      name={{@name}}\\n      checked={{@checked}}\\n      disabled={{@disabled}}\\n      aria-describedby={{@extraAriaDescribedBy}}\\n      ...attributes\\n    />\\n  </span>\\n</label>\")","/**\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 {\n  HdsFormRadioCardControlPositionValues,\n  HdsFormRadioCardAlignmentValues,\n} from './types.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsFormRadioBaseSignature } from '../radio/base';\nimport type { HdsFormRadioCardDescriptionSignature } from './description';\nimport type { HdsFormRadioCardLabelSignature } from './label';\nimport type { HdsYieldSignature } from '../../yield';\nimport type {\n  HdsFormRadioCardControlPositions,\n  HdsFormRadioCardAlignments,\n} from './types';\n\nexport const DEFAULT_CONTROL_POSITION =\n  HdsFormRadioCardControlPositionValues.Bottom;\nexport const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;\nexport const CONTROL_POSITIONS: string[] = Object.values(\n  HdsFormRadioCardControlPositionValues\n);\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsFormRadioCardAlignmentValues\n);\n\nexport interface HdsFormRadioCardSignature {\n  Args: {\n    name?: string;\n    value?: string;\n    checked?: boolean;\n    disabled?: boolean;\n    controlPosition?: HdsFormRadioCardControlPositions;\n    alignment?: HdsFormRadioCardAlignments;\n    maxWidth?: string;\n    extraAriaDescribedBy?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Icon?: ComponentLike<HdsIconSignature>;\n        Label?: ComponentLike<HdsFormRadioCardLabelSignature>;\n        Badge?: ComponentLike<HdsBadgeSignature>;\n        Description?: ComponentLike<HdsFormRadioCardDescriptionSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsFormRadioCard extends Component<HdsFormRadioCardSignature> {\n  /**\n   * Sets the position of the control\n   * Accepted values: buttom, left\n   *\n   * @param type\n   * @type {string}\n   * @default 'bottom'\n   */\n  get controlPosition(): HdsFormRadioCardControlPositions {\n    const { controlPosition = DEFAULT_CONTROL_POSITION } = this.args;\n\n    assert(\n      `@controlPosition for \"Hds::Form::RadioCard\" must be one of the following: ${CONTROL_POSITIONS.join(\n        ', '\n      )}; received: ${controlPosition}`,\n      CONTROL_POSITIONS.includes(controlPosition)\n    );\n\n    return controlPosition;\n  }\n\n  /**\n   * Sets the alignment of the content\n   * Accepted values: left, center\n   *\n   * @param alignnment\n   * @type {string}\n   * @default 'left'\n   */\n  get alignment(): HdsFormRadioCardAlignments {\n    const { alignment = DEFAULT_ALIGNMENT } = this.args;\n\n    assert(\n      `@alignment for \"Hds::Form::RadioCard\" must be one of the following: ${ALIGNMENTS.join(\n        ', '\n      )}; received: ${alignment}`,\n      ALIGNMENTS.includes(alignment)\n    );\n\n    return alignment;\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-radio-card'];\n\n    if (this.args.checked) {\n      classes.push('hds-form-radio-card--checked');\n    }\n    if (this.args.disabled) {\n      classes.push('hds-form-radio-card--disabled');\n    }\n    if (this.args.maxWidth) {\n      classes.push('hds-form-radio-card--has-fixed-width');\n    } else {\n      classes.push('hds-form-radio-card--has-fluid-width');\n    }\n\n    // add a class based on the @controlPosition argument\n    classes.push(`hds-form-radio-card--control-${this.controlPosition}`);\n\n    // add a class based on the @alignment argument\n    classes.push(`hds-form-radio-card--align-${this.alignment}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_CONTROL_POSITION","HdsFormRadioCardControlPositionValues","Bottom","DEFAULT_ALIGNMENT","HdsFormRadioCardAlignmentValues","Left","CONTROL_POSITIONS","Object","values","ALIGNMENTS","HdsFormRadioCard","Component","controlPosition","args","assert","join","includes","alignment","classNames","classes","checked","push","disabled","maxWidth","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,i2BAAi2B;;ACDn4B;AACA;AACA;AACA;;AAqBaA,MAAAA,wBAAwB,GACnCC,qCAAqC,CAACC,OAAM;AACjCC,MAAAA,iBAAiB,GAAGC,+BAA+B,CAACC,KAAI;AAC9D,MAAMC,iBAA2B,GAAGC,MAAM,CAACC,MAAM,CACtDP,qCACF,EAAC;AACM,MAAMQ,UAAoB,GAAGF,MAAM,CAACC,MAAM,CAC/CJ,+BACF,EAAC;AA2Bc,MAAMM,gBAAgB,SAASC,SAAS,CAA4B;AACjF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAqC;IACtD,MAAM;AAAEA,MAAAA,eAAe,GAAGZ,wBAAAA;KAA0B,GAAG,IAAI,CAACa,IAAI,CAAA;AAEhEC,IAAAA,MAAM,CACJ,CAA6ER,0EAAAA,EAAAA,iBAAiB,CAACS,IAAI,CACjG,IACF,CAAC,CAAA,YAAA,EAAeH,eAAe,CAAA,CAAE,EACjCN,iBAAiB,CAACU,QAAQ,CAACJ,eAAe,CAC5C,CAAC,CAAA;AAED,IAAA,OAAOA,eAAe,CAAA;AACxB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,SAASA,GAA+B;IAC1C,MAAM;AAAEA,MAAAA,SAAS,GAAGd,iBAAAA;KAAmB,GAAG,IAAI,CAACU,IAAI,CAAA;AAEnDC,IAAAA,MAAM,CACJ,CAAuEL,oEAAAA,EAAAA,UAAU,CAACM,IAAI,CACpF,IACF,CAAC,CAAA,YAAA,EAAeE,SAAS,CAAA,CAAE,EAC3BR,UAAU,CAACO,QAAQ,CAACC,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC,CAAA;AAEvC,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,OAAO,EAAE;AACrBD,MAAAA,OAAO,CAACE,IAAI,CAAC,8BAA8B,CAAC,CAAA;AAC9C,KAAA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,QAAQ,EAAE;AACtBH,MAAAA,OAAO,CAACE,IAAI,CAAC,+BAA+B,CAAC,CAAA;AAC/C,KAAA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACU,QAAQ,EAAE;AACtBJ,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,sCAAsC,CAAC,CAAA;AACtD,KAAA;;AAEA;IACAF,OAAO,CAACE,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACT,eAAe,EAAE,CAAC,CAAA;;AAEpE;IACAO,OAAO,CAACE,IAAI,CAAC,CAAA,2BAAA,EAA8B,IAAI,CAACJ,SAAS,EAAE,CAAC,CAAA;AAE5D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACS,oBAAA,CAAAC,QAAA,EAvEoBf,gBAAgB,CAAA;;;;"}

package/dist/components/hds/form/radio-card/label.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormRadioCardLabelComponent = templateOnlyComponent();
-var label = setComponentTemplate(TEMPLATE, HdsFormRadioCardLabelComponent);
+const HdsFormRadioCardLabel = templateOnlyComponent();
+var label = setComponentTemplate(TEMPLATE, HdsFormRadioCardLabel);
 
 export { label as default };
 //# sourceMappingURL=label.js.map

package/dist/components/hds/form/radio-card/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../../../src/components/hds/form/radio-card/label.hbs","../../../../../src/components/hds/form/radio-card/label.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::Display\\n  class=\\\"hds-form-radio-card__label\\\"\\n  @tag=\\\"span\\\"\\n  @size=\\\"300\\\"\\n  @weight=\\\"bold\\\"\\n  ...attributes\\n>{{yield}}</Hds::Text::Display>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextDisplaySignature } from '../../text/display';\n\nexport interface HdsFormRadioCardLabelSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextDisplaySignature['Element'];\n}\n\nconst HdsFormRadioCardLabelComponent =\n  templateOnlyComponent<HdsFormRadioCardLabelSignature>();\n\nexport default HdsFormRadioCardLabelComponent;\n"],"names":["HdsFormRadioCardLabelComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mPAAmP;;ACDrR;AACA;AACA;AACA;;AAYA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAAkC,CAAA;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"label.js","sources":["../../../../../src/components/hds/form/radio-card/label.hbs","../../../../../src/components/hds/form/radio-card/label.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::Display\\n  class=\\\"hds-form-radio-card__label\\\"\\n  @tag=\\\"span\\\"\\n  @size=\\\"300\\\"\\n  @weight=\\\"bold\\\"\\n  ...attributes\\n>{{yield}}</Hds::Text::Display>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsTextDisplaySignature } from '../../text/display';\n\nexport interface HdsFormRadioCardLabelSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextDisplaySignature['Element'];\n}\n\nconst HdsFormRadioCardLabel =\n  templateOnlyComponent<HdsFormRadioCardLabelSignature>();\n\nexport default HdsFormRadioCardLabel;\n"],"names":["HdsFormRadioCardLabel","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mPAAmP;;ACDrR;AACA;AACA;AACA;;AAYA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC,CAAA;AAEzD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/select/base.js

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsFormSelectBaseComponent extends Component {
+class HdsFormSelectBase extends Component {
   /**
    * Get the class names to apply to the component.
    * @method classNames
@@ -28,7 +28,7 @@ class HdsFormSelectBaseComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsFormSelectBaseComponent);
+setComponentTemplate(TEMPLATE, HdsFormSelectBase);
 
-export { HdsFormSelectBaseComponent as default };
+export { HdsFormSelectBase as default };
 //# sourceMappingURL=base.js.map

package/dist/components/hds/form/select/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.hbs","../../../../../src/components/hds/form/select/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<select class={{this.classNames}} {{style width=@width}} ...attributes>\\n  {{yield (hash Options=(component \\\"hds/yield\\\"))}}\\n</select>\")","/**\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 { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    width?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBaseComponent extends Component<HdsFormSelectBaseSignature> {\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-select'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSelectBaseComponent","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wNAAwN;;ACD1P;AACA;AACA;AACA;;AAqBe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B;AAC5F;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC,CAAA;AAC7C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.hbs","../../../../../src/components/hds/form/select/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<select class={{this.classNames}} {{style width=@width}} ...attributes>\\n  {{yield (hash Options=(component \\\"hds/yield\\\"))}}\\n</select>\")","/**\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 { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    width?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBase extends Component<HdsFormSelectBaseSignature> {\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-select'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSelectBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wNAAwN;;ACD1P;AACA;AACA;AACA;;AAqBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC,CAAA;AAC7C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,iBAAiB,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormSelectFieldComponent = templateOnlyComponent();
-var field = setComponentTemplate(TEMPLATE, HdsFormSelectFieldComponent);
+const HdsFormSelectField = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormSelectField);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.hbs","../../../../../src/components/hds/form/select/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::Select::Base\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n      as |S|\\n    >\\n      {{yield (hash Options=S.Options)}}\\n    </Hds::Form::Select::Base>\\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 { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\ninterface HdsFormSelectFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormSelectBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectFieldComponent =\n  templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectFieldComponent;\n"],"names":["HdsFormSelectFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+yBAA+yB;;ACDj1B;AACA;AACA;AACA;;AA2BA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAA+B,CAAA;AAEtD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.hbs","../../../../../src/components/hds/form/select/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::Select::Base\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n      as |S|\\n    >\\n      {{yield (hash Options=S.Options)}}\\n    </Hds::Form::Select::Base>\\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 { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\ninterface HdsFormSelectFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormSelectBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectField = templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectField;\n"],"names":["HdsFormSelectField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+yBAA+yB;;ACDj1B;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B,CAAA;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

package/dist/components/hds/form/super-select/after-options.js

@@ -2,9 +2,15 @@ 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{{#if @showNoSelectedMessage}}\n  <Hds::Text::Body @tag=\"div\" @size=\"200\" class=\"hds-form-super-select__no-options-selected hds-foreground-strong\">\n    No options selected\n  </Hds::Text::Body>\n{{/if}}\n<div class=\"hds-form-super-select__after-options\">\n  {{#if @content}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n      {{@content}}\n    </Hds::Text::Body>\n  {{else}}\n    {{#if (or @showAll @showSelected @clearSelected)}}\n      {{#if @showOnlySelected}}\n        <Hds::Button @text=\"Show all\" @size=\"small\" @color=\"secondary\" {{on \"click\" @showAll}} />\n      {{else}}\n        <Hds::Button @text=\"Show selected\" @size=\"small\" @color=\"secondary\" {{on \"click\" @showSelected}} />\n      {{/if}}\n      {{#if (not-eq @selectedCount \"0\")}}\n        <Hds::Button @text=\"Clear selected\" @size=\"small\" @color=\"secondary\" {{on \"click\" @clearSelected}} />\n      {{/if}}\n    {{/if}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-form-super-select__result-count hds-foreground-strong\">\n      {{@resultCountMessage}}\n    </Hds::Text::Body>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @showNoSelectedMessage}}\n  <Hds::Text::Body @tag=\"div\" @size=\"200\" class=\"hds-form-super-select__no-options-selected hds-foreground-strong\">\n    No options selected\n  </Hds::Text::Body>\n{{/if}}\n<div class=\"hds-form-super-select__after-options\">\n  {{#if @content}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n      {{@content}}\n    </Hds::Text::Body>\n  {{else}}\n    {{#if (or @showAll @showSelected @clearSelected)}}\n      {{#if @showOnlySelected}}\n        <Hds::Button @text=\"Show all\" @size=\"small\" @color=\"secondary\" {{on \"click\" @showAll}} />\n      {{else}}\n        <Hds::Button @text=\"Show selected\" @size=\"small\" @color=\"secondary\" {{on \"click\" @showSelected}} />\n      {{/if}}\n      {{#if (not-eq @selectedCount \"0\")}}\n        <Hds::Button @text=\"Clear selected\" @size=\"small\" @color=\"secondary\" {{on \"click\" @clearSelected}} />\n      {{/if}}\n    {{/if}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-form-super-select__result-count hds-foreground-strong\">\n      {{@resultCountMessage}}\n    </Hds::Text::Body>\n  {{/if}}\n</div>");
 
-var afterOptions = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsFormSuperSelectAfterOptions = templateOnlyComponent();
+var afterOptions = setComponentTemplate(TEMPLATE, HdsFormSuperSelectAfterOptions);
 
 export { afterOptions as default };
 //# sourceMappingURL=after-options.js.map

package/dist/components/hds/form/super-select/after-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.hbs","../../../../../src/components/hds/form/super-select/after-options.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 @showNoSelectedMessage}}\\n  <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"200\\\" class=\\\"hds-form-super-select__no-options-selected hds-foreground-strong\\\">\\n    No options selected\\n  </Hds::Text::Body>\\n{{/if}}\\n<div class=\\\"hds-form-super-select__after-options\\\">\\n  {{#if @content}}\\n    <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-foreground-strong\\\">\\n      {{@content}}\\n    </Hds::Text::Body>\\n  {{else}}\\n    {{#if (or @showAll @showSelected @clearSelected)}}\\n      {{#if @showOnlySelected}}\\n        <Hds::Button @text=\\\"Show all\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showAll}} />\\n      {{else}}\\n        <Hds::Button @text=\\\"Show selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showSelected}} />\\n      {{/if}}\\n      {{#if (not-eq @selectedCount \\\"0\\\")}}\\n        <Hds::Button @text=\\\"Clear selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @clearSelected}} />\\n      {{/if}}\\n    {{/if}}\\n    <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-form-super-select__result-count hds-foreground-strong\\\">\\n      {{@resultCountMessage}}\\n    </Hds::Text::Body>\\n  {{/if}}\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,svCAAsvC;;ACAxxC,mBAAAA,oBAAA,CAAAC,QAAA,EAAeC,qBAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.hbs","../../../../../src/components/hds/form/super-select/after-options.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 @showNoSelectedMessage}}\\n  <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"200\\\" class=\\\"hds-form-super-select__no-options-selected hds-foreground-strong\\\">\\n    No options selected\\n  </Hds::Text::Body>\\n{{/if}}\\n<div class=\\\"hds-form-super-select__after-options\\\">\\n  {{#if @content}}\\n    <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-foreground-strong\\\">\\n      {{@content}}\\n    </Hds::Text::Body>\\n  {{else}}\\n    {{#if (or @showAll @showSelected @clearSelected)}}\\n      {{#if @showOnlySelected}}\\n        <Hds::Button @text=\\\"Show all\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showAll}} />\\n      {{else}}\\n        <Hds::Button @text=\\\"Show selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @showSelected}} />\\n      {{/if}}\\n      {{#if (not-eq @selectedCount \\\"0\\\")}}\\n        <Hds::Button @text=\\\"Clear selected\\\" @size=\\\"small\\\" @color=\\\"secondary\\\" {{on \\\"click\\\" @clearSelected}} />\\n      {{/if}}\\n    {{/if}}\\n    <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" class=\\\"hds-form-super-select__result-count hds-foreground-strong\\\">\\n      {{@resultCountMessage}}\\n    </Hds::Text::Body>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsFormSuperSelectAfterOptionsSignature {\n  Args: {\n    clearSelected: () => void;\n    content?: string;\n    resultCountMessage?: string;\n    selectedCount?: string;\n    showAll: () => void;\n    showNoSelectedMessage?: boolean;\n    showOnlySelected?: boolean;\n    showSelected: () => void;\n  };\n}\n\nconst HdsFormSuperSelectAfterOptions =\n  templateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature>();\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6sCAA6sC;;ACD/uC;AACA;AACA;AACA;;AAiBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAA2C,CAAA;AAElE,mBAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}

package/dist/components/hds/form/super-select/multiple/base.js

@@ -1,45 +1,53 @@
 import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
-import PowerSelectComponent from 'ember-power-select/components/power-select';
+import Component from '@glimmer/component';
 import anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.js';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
+import { HdsFormSuperSelectHorizontalPositionValues, HdsFormSuperSelectHorizontalPositionToPlacementValues } from '../types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelectMultiple\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessage\n          showNoSelectedMessage=this.showNoSelectedMessage\n          showOnlySelected=this.showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadMatcher={{@typeAheadMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelectMultiple\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessage\n          showNoSelectedMessage=this.showNoSelectedMessage\n          showOnlySelected=this.showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{@resultCountMessage}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
 
 var _class, _descriptor, _descriptor2, _descriptor3;
-const DEFAULT_HORIZONTAL_POSITION = 'bottom-start';
-const HORIZONTAL_POSITION_MAPPING = {
-  left: 'bottom-start',
-  center: 'bottom',
-  right: 'bottom-end'
-};
-let HdsSuperSelectMultipleBaseComponent = (_class = class HdsSuperSelectMultipleBaseComponent extends PowerSelectComponent {
+const DEFAULT_HORIZONTAL_POSITION = HdsFormSuperSelectHorizontalPositionValues.Left;
+const HORIZONTAL_POSITION_MAPPING = HdsFormSuperSelectHorizontalPositionToPlacementValues;
+let HdsFormSuperSelectMultipleBase = (_class = class HdsFormSuperSelectMultipleBase extends Component {
   constructor(...args) {
     super(...args);
     _initializerDefineProperty(this, "powerSelectAPI", _descriptor, this);
     _initializerDefineProperty(this, "showOnlySelected", _descriptor2, this);
     _initializerDefineProperty(this, "showNoSelectedMessage", _descriptor3, this);
   }
+  get horizontalPosition() {
+    const {
+      horizontalPosition = DEFAULT_HORIZONTAL_POSITION
+    } = this.args;
+    return horizontalPosition;
+  }
   get selectedCount() {
-    return this.selected?.length || '0';
+    return this.powerSelectAPI?.selected?.length || '0';
   }
   get optionsCount() {
-    return this.options?.length || '0';
+    return this.powerSelectAPI?.resultsCount.toString() || '0';
   }
   get resultCountMessage() {
     return `${this.selectedCount} selected of ${this.optionsCount} total`;
   }
   calculatePosition(trigger, content) {
     // use `hds-anchored-position` to calculate and set position
+    // @ts-expect-error: known issue with type of invocation
     anchoredPositionModifier(content, [trigger], {
-      placement: this.args.horizontalPosition ? HORIZONTAL_POSITION_MAPPING[this.args.horizontalPosition] : DEFAULT_HORIZONTAL_POSITION,
+      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],
       offsetOptions: 4,
       enableCollisionDetection: true
     });
     // prevent PowerSelect from setting position
-    return {};
+    return {
+      horizontalPosition: 'auto',
+      verticalPosition: 'auto',
+      style: {}
+    };
   }
 
   /**
@@ -68,7 +76,7 @@ let HdsSuperSelectMultipleBaseComponent = (_class = class HdsSuperSelectMultiple
     this.showOnlySelected = false;
   }
   clearSelected() {
-    this.powerSelectAPI.actions.select(null);
+    this.powerSelectAPI?.actions.select(null);
     // show all options after clearing all selection
     this.showNoSelectedMessage = false;
     this.showOnlySelected = false;
@@ -115,7 +123,7 @@ let HdsSuperSelectMultipleBaseComponent = (_class = class HdsSuperSelectMultiple
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];
+    const classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];
 
     // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set
     if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {
@@ -153,7 +161,7 @@ let HdsSuperSelectMultipleBaseComponent = (_class = class HdsSuperSelectMultiple
     return false;
   }
 }), _applyDecoratedDescriptor(_class.prototype, "calculatePosition", [action], Object.getOwnPropertyDescriptor(_class.prototype, "calculatePosition"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPowerSelectAPI", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPowerSelectAPI"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showSelected"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "showAll", [action], Object.getOwnPropertyDescriptor(_class.prototype, "showAll"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "clearSelected", [action], Object.getOwnPropertyDescriptor(_class.prototype, "clearSelected"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsSuperSelectMultipleBaseComponent);
+setComponentTemplate(TEMPLATE, HdsFormSuperSelectMultipleBase);
 
-export { HdsSuperSelectMultipleBaseComponent as default };
+export { DEFAULT_HORIZONTAL_POSITION, HORIZONTAL_POSITION_MAPPING, HdsFormSuperSelectMultipleBase as default };
 //# sourceMappingURL=base.js.map