@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/separator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsSeparator from '../../separator/index.gts';\n\nexport interface HdsFormSeparatorSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormSeparator extends Component<HdsFormSeparatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__separator'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsSeparator class={{this.classNames}} @spacing=\"0\" ...attributes />\n  </template>\n}\n"],"names":["HdsFormSeparator","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsSeparator"],"mappings":";;;;;AAAA;;;AAGC;AAac,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,qBAAA,CAAsB;AAEvC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yEAAA,EAEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/separator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsSeparator from '../../separator/index.gts';\n\nexport interface HdsFormSeparatorSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormSeparator extends Component<HdsFormSeparatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__separator'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsSeparator class={{this.classNames}} @spacing=\"0\" ...attributes />\n  </template>\n}\n"],"names":["HdsFormSeparator","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsSeparator"],"mappings":";;;;;AAAA;;;AAGC;AAac,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,qBAAA,CAAsB;AAEvC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yEAAA,EAEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -8,7 +8,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { on } from '@ember/modifier';\nimport { notEq, or } from 'ember-truth-helpers';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsButton from '../../button/index.gts';\n\nexport interface 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: TemplateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature> =\n  <template>\n    {{#if @showNoSelectedMessage}}\n      <HdsTextBody\n        @tag=\"div\"\n        @size=\"200\"\n        class=\"hds-form-super-select__no-options-selected hds-foreground-strong\"\n      >\n        {{hdsT\n          \"hds.components.form.super-select.after-options.no-options-selected\"\n          default=\"No options selected\"\n        }}\n      </HdsTextBody>\n    {{/if}}\n    <div class=\"hds-form-super-select__after-options\">\n      {{#if @content}}\n        <HdsTextBody @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n          {{@content}}\n        </HdsTextBody>\n      {{else}}\n        {{#if (or @showAll @showSelected @clearSelected)}}\n          {{#if @showOnlySelected}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.show-all\"\n                default=\"Show all\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @showAll}}\n            />\n          {{else}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.show-selected\"\n                default=\"Show selected\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @showSelected}}\n            />\n          {{/if}}\n          {{#if (notEq @selectedCount \"0\")}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.clear-selected\"\n                default=\"Clear selected\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @clearSelected}}\n            />\n          {{/if}}\n        {{/if}}\n        <HdsTextBody\n          @tag=\"div\"\n          @size=\"100\"\n          class=\"hds-form-super-select__result-count hds-foreground-strong\"\n        >\n          {{@resultCountMessage}}\n        </HdsTextBody>\n      {{/if}}\n    </div>\n  </template>;\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","or","HdsButton","on","notEq","templateOnly"],"mappings":";;;;;;;;;AAAA;;;AAGC;;AAuBD,MAAMA,8BAAsD,GAAAC,oBAAA,CAC1DC,kBAAA,CAAA,86CAAA,EA8DA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,WAAA;UAAAC,UAAA;IAAAC,EAAA;IAAAC,SAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { on } from '@ember/modifier';\nimport { notEq, or } from 'ember-truth-helpers';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsButton from '../../button/index.gts';\n\nexport interface 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: TemplateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature> =\n  <template>\n    {{#if @showNoSelectedMessage}}\n      <HdsTextBody\n        @tag=\"div\"\n        @size=\"200\"\n        class=\"hds-form-super-select__no-options-selected hds-foreground-strong\"\n      >\n        {{hdsT\n          \"hds.components.form.super-select.after-options.no-options-selected\"\n          default=\"No options selected\"\n        }}\n      </HdsTextBody>\n    {{/if}}\n    <div class=\"hds-form-super-select__after-options\">\n      {{#if @content}}\n        <HdsTextBody @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n          {{@content}}\n        </HdsTextBody>\n      {{else}}\n        {{#if (or @showAll @showSelected @clearSelected)}}\n          {{#if @showOnlySelected}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.show-all\"\n                default=\"Show all\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @showAll}}\n            />\n          {{else}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.show-selected\"\n                default=\"Show selected\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @showSelected}}\n            />\n          {{/if}}\n          {{#if (notEq @selectedCount \"0\")}}\n            <HdsButton\n              @text={{hdsT\n                \"hds.components.form.super-select.after-options.clear-selected\"\n                default=\"Clear selected\"\n              }}\n              @size=\"small\"\n              @color=\"secondary\"\n              {{on \"click\" @clearSelected}}\n            />\n          {{/if}}\n        {{/if}}\n        <HdsTextBody\n          @tag=\"div\"\n          @size=\"100\"\n          class=\"hds-form-super-select__result-count hds-foreground-strong\"\n        >\n          {{@resultCountMessage}}\n        </HdsTextBody>\n      {{/if}}\n    </div>\n  </template>;\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","or","HdsButton","on","notEq","templateOnly"],"mappings":";;;;;;;;;AAAA;;;AAGC;;AAuBD,MAAMA,8BAAsD,GAAAC,oBAAA,CAC1DC,kBAAA,CAAA,86CAAA,EA8DA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,WAAA;UAAAC,UAAA;IAAAC,EAAA;IAAAC,SAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -12,7 +12,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_HORIZONTAL_POSITION = HdsFormSuperSelectHorizontalPositionValues.Left;

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\nimport PowerSelect from 'ember-power-select/components/power-select';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\n\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\nimport HdsFormSuperSelectAfterOptions from '../after-options.gts';\nimport HdsFormSuperSelectOptionGroup from '../option-group.gts';\n\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: Select;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.optionsCount} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  calculatePosition = (\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult => {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  };\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  setPowerSelectAPI = (powerSelectAPI: Select): void => {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  };\n\n  showSelected = (): void => {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  };\n\n  showAll = (): void => {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  };\n\n  clearSelected = (): void => {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  };\n\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get styles(): Record<string, string> {\n    const styles: { [key: string]: string } = {};\n\n    if (this.args.dropdownMaxWidth) {\n      styles['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n\n    if (this.selectedCount === '0') {\n      styles['--hds-form-super-select-selected-text-display'] = 'none';\n    } else {\n      styles['--hds-form-super-select-selected-text-display'] = 'flex';\n    }\n\n    styles['--hds-form-super-select-selected-text'] =\n      `'${this.selectedCount} selected'`;\n\n    return styles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\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.styles}}>\n      <PowerSelect\n        tabindex=\"0\"\n        @afterOptionsComponent={{if\n          this.showAfterOptions\n          (or\n            @afterOptionsComponent\n            (component\n              HdsFormSuperSelectAfterOptions\n              content=@afterOptionsContent\n              resultCountMessage=this.resultCountMessageText\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\n          @verticalPosition\n          undefined\n          this.calculatePosition\n        }}\n        @closeOnSelect={{false}}\n        @disabled={{@disabled}}\n        @dropdownClass={{@dropdownClass}}\n        @extra={{@extra}}\n        @groupComponent={{HdsFormSuperSelectOptionGroup}}\n        @horizontalPosition={{@horizontalPosition}}\n        @initiallyOpened={{@initiallyOpened}}\n        @labelText={{@labelText}}\n        @loadingMessage={{@loadingMessage}}\n        @matcher={{@matcher}}\n        @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n        @multiple={{true}}\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={{this.resultCountMessageFunction}}\n        @scrollTo={{@scrollTo}}\n        @search={{@search}}\n        @searchEnabled={{@searchEnabled}}\n        @searchField={{@searchField}}\n        @searchFieldPosition=\"before-options\"\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      </PowerSelect>\n    </div>\n  </template>\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","Component","g","prototype","tracked","i","horizontalPosition","args","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessageText","resultCountMessage","resultCountMessageFunction","undefined","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","styles","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","or","HdsFormSuperSelectAfterOptions","HdsFormSuperSelectOptionGroup"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\nimport PowerSelect from 'ember-power-select/components/power-select';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\n\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\nimport HdsFormSuperSelectAfterOptions from '../after-options.gts';\nimport HdsFormSuperSelectOptionGroup from '../option-group.gts';\n\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: Select;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.optionsCount} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  calculatePosition = (\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult => {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  };\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  setPowerSelectAPI = (powerSelectAPI: Select): void => {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  };\n\n  showSelected = (): void => {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  };\n\n  showAll = (): void => {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  };\n\n  clearSelected = (): void => {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  };\n\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get styles(): Record<string, string> {\n    const styles: { [key: string]: string } = {};\n\n    if (this.args.dropdownMaxWidth) {\n      styles['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n\n    if (this.selectedCount === '0') {\n      styles['--hds-form-super-select-selected-text-display'] = 'none';\n    } else {\n      styles['--hds-form-super-select-selected-text-display'] = 'flex';\n    }\n\n    styles['--hds-form-super-select-selected-text'] =\n      `'${this.selectedCount} selected'`;\n\n    return styles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\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.styles}}>\n      <PowerSelect\n        tabindex=\"0\"\n        @afterOptionsComponent={{if\n          this.showAfterOptions\n          (or\n            @afterOptionsComponent\n            (component\n              HdsFormSuperSelectAfterOptions\n              content=@afterOptionsContent\n              resultCountMessage=this.resultCountMessageText\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\n          @verticalPosition\n          undefined\n          this.calculatePosition\n        }}\n        @closeOnSelect={{false}}\n        @disabled={{@disabled}}\n        @dropdownClass={{@dropdownClass}}\n        @extra={{@extra}}\n        @groupComponent={{HdsFormSuperSelectOptionGroup}}\n        @horizontalPosition={{@horizontalPosition}}\n        @initiallyOpened={{@initiallyOpened}}\n        @labelText={{@labelText}}\n        @loadingMessage={{@loadingMessage}}\n        @matcher={{@matcher}}\n        @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n        @multiple={{true}}\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={{this.resultCountMessageFunction}}\n        @scrollTo={{@scrollTo}}\n        @search={{@search}}\n        @searchEnabled={{@searchEnabled}}\n        @searchField={{@searchField}}\n        @searchFieldPosition=\"before-options\"\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      </PowerSelect>\n    </div>\n  </template>\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","Component","g","prototype","tracked","i","horizontalPosition","args","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessageText","resultCountMessage","resultCountMessageFunction","undefined","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","styles","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","or","HdsFormSuperSelectAfterOptions","HdsFormSuperSelectOptionGroup"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormSuperSelectMultipleField extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash, concat } from '@ember/helper';\n\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\n\nimport { ID_PREFIX } from '../../label/index.gts';\nimport HdsFormField from '../../field/index.gts';\nimport HdsFormSuperSelectMultipleBase from './base.gts';\nimport HdsYield from '../../../yield/index.gts';\n\nimport type { HdsFormFieldSignature } from '../../field/index.gts';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.gts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        Options?: typeof HdsYield;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormSuperSelectMultipleBaseSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n        <HdsFormSuperSelectMultipleBase\n          @afterOptionsComponent={{@afterOptionsComponent}}\n          @afterOptionsContent={{@afterOptionsContent}}\n          @ariaDescribedBy={{F.ariaDescribedBy}}\n          @ariaInvalid={{@ariaInvalid}}\n          @ariaLabel={{@ariaLabel}}\n          @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n          @beforeOptionsComponent={{@beforeOptionsComponent}}\n          @disabled={{@disabled}}\n          @dropdownClass={{@dropdownClass}}\n          @dropdownMaxWidth={{@dropdownMaxWidth}}\n          @extra={{@extra}}\n          @groupComponent={{@groupComponent}}\n          @horizontalPosition={{@horizontalPosition}}\n          @initiallyOpened={{@initiallyOpened}}\n          @labelText={{@labelText}}\n          @loadingMessage={{@loadingMessage}}\n          @matcher={{@matcher}}\n          @matchTriggerWidth={{@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={{@registerAPI}}\n          @renderInPlace={{true}}\n          @resultCountMessage={{@resultCountMessage}}\n          @scrollTo={{@scrollTo}}\n          @search={{@search}}\n          @searchEnabled={{@searchEnabled}}\n          @searchField={{@searchField}}\n          @searchFieldPosition=\"before-options\"\n          @searchMessage={{@searchMessage}}\n          @searchPlaceholder={{@searchPlaceholder}}\n          @selected={{@selected}}\n          @selectedItemComponent={{@selectedItemComponent}}\n          @showAfterOptions={{@showAfterOptions}}\n          @tabindex={{@tabindex}}\n          @triggerClass={{@triggerClass}}\n          @triggerComponent={{@triggerComponent}}\n          @triggerId={{F.id}}\n          @triggerRole={{@triggerRole}}\n          @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n          @verticalPosition={{@verticalPosition}}\n          @isInvalid={{@isInvalid}}\n          ...attributes\n          as |options select|\n        >\n          {{yield (hash options=options select=select Options=HdsYield)}}\n        </HdsFormSuperSelectMultipleBase>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormSuperSelectMultipleBase","concat","HdsYield"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAiCc,MAAMA,wCAAwCC,SAAA,CAAU;EACrE,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOC,SAAA;AACT,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,42EAAA,EAyEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,8BAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash, concat } from '@ember/helper';\n\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\n\nimport { ID_PREFIX } from '../../label/index.gts';\nimport HdsFormField from '../../field/index.gts';\nimport HdsFormSuperSelectMultipleBase from './base.gts';\nimport HdsYield from '../../../yield/index.gts';\n\nimport type { HdsFormFieldSignature } from '../../field/index.gts';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.gts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        Options?: typeof HdsYield;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormSuperSelectMultipleBaseSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n        <HdsFormSuperSelectMultipleBase\n          @afterOptionsComponent={{@afterOptionsComponent}}\n          @afterOptionsContent={{@afterOptionsContent}}\n          @ariaDescribedBy={{F.ariaDescribedBy}}\n          @ariaInvalid={{@ariaInvalid}}\n          @ariaLabel={{@ariaLabel}}\n          @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n          @beforeOptionsComponent={{@beforeOptionsComponent}}\n          @disabled={{@disabled}}\n          @dropdownClass={{@dropdownClass}}\n          @dropdownMaxWidth={{@dropdownMaxWidth}}\n          @extra={{@extra}}\n          @groupComponent={{@groupComponent}}\n          @horizontalPosition={{@horizontalPosition}}\n          @initiallyOpened={{@initiallyOpened}}\n          @labelText={{@labelText}}\n          @loadingMessage={{@loadingMessage}}\n          @matcher={{@matcher}}\n          @matchTriggerWidth={{@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={{@registerAPI}}\n          @renderInPlace={{true}}\n          @resultCountMessage={{@resultCountMessage}}\n          @scrollTo={{@scrollTo}}\n          @search={{@search}}\n          @searchEnabled={{@searchEnabled}}\n          @searchField={{@searchField}}\n          @searchFieldPosition=\"before-options\"\n          @searchMessage={{@searchMessage}}\n          @searchPlaceholder={{@searchPlaceholder}}\n          @selected={{@selected}}\n          @selectedItemComponent={{@selectedItemComponent}}\n          @showAfterOptions={{@showAfterOptions}}\n          @tabindex={{@tabindex}}\n          @triggerClass={{@triggerClass}}\n          @triggerComponent={{@triggerComponent}}\n          @triggerId={{F.id}}\n          @triggerRole={{@triggerRole}}\n          @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n          @verticalPosition={{@verticalPosition}}\n          @isInvalid={{@isInvalid}}\n          ...attributes\n          as |options select|\n        >\n          {{yield (hash options=options select=select Options=HdsYield)}}\n        </HdsFormSuperSelectMultipleBase>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormSuperSelectMultipleBase","concat","HdsYield"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAiCc,MAAMA,wCAAwCC,SAAA,CAAU;EACrE,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOC,SAAA;AACT,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,42EAAA,EAyEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,8BAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/super-select/option-group.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormSuperSelectOptionGroup extends Component {

package/dist/components/hds/form/super-select/option-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-group.js","sources":["../../../../../src/components/hds/form/super-select/option-group.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nimport HdsTextBody from '../../text/body.gts';\n\nexport interface HdsFormSuperSelectOptionGroupSignature {\n  Args: {\n    group: {\n      groupName?: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsFormSuperSelectOptionGroup extends Component<HdsFormSuperSelectOptionGroupSignature> {\n  private _groupTitleId = 'group-title-' + guidFor(this);\n\n  <template>\n    <li\n      class=\"hds-form-super-select__option-group\"\n      role=\"group\"\n      aria-labelledby={{this._groupTitleId}}\n    >\n      <HdsTextBody\n        @tag=\"div\"\n        @size=\"100\"\n        @weight=\"semibold\"\n        class=\"hds-form-super-select__option-group-title\"\n        id={{this._groupTitleId}}\n      >\n        {{@group.groupName}}\n      </HdsTextBody>\n      {{yield}}\n    </li>\n  </template>\n}\n"],"names":["HdsFormSuperSelectOptionGroup","Component","_groupTitleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAkBc,MAAMA,sCAAsCC,SAAA,CAAU;AAC3DC,EAAAA,aAAA,GAAgB,cAAA,GAAiBC,OAAA,CAAQ,IAAI,CAAA;AAErD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yTAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"option-group.js","sources":["../../../../../src/components/hds/form/super-select/option-group.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nimport HdsTextBody from '../../text/body.gts';\n\nexport interface HdsFormSuperSelectOptionGroupSignature {\n  Args: {\n    group: {\n      groupName?: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsFormSuperSelectOptionGroup extends Component<HdsFormSuperSelectOptionGroupSignature> {\n  private _groupTitleId = 'group-title-' + guidFor(this);\n\n  <template>\n    <li\n      class=\"hds-form-super-select__option-group\"\n      role=\"group\"\n      aria-labelledby={{this._groupTitleId}}\n    >\n      <HdsTextBody\n        @tag=\"div\"\n        @size=\"100\"\n        @weight=\"semibold\"\n        class=\"hds-form-super-select__option-group-title\"\n        id={{this._groupTitleId}}\n      >\n        {{@group.groupName}}\n      </HdsTextBody>\n      {{yield}}\n    </li>\n  </template>\n}\n"],"names":["HdsFormSuperSelectOptionGroup","Component","_groupTitleId","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAkBc,MAAMA,sCAAsCC,SAAA,CAAU;AAC3DC,EAAAA,aAAA,GAAgB,cAAA,GAAiBC,OAAA,CAAQ,IAAI,CAAA;AAErD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yTAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/super-select/placeholder.js

@@ -4,7 +4,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sources":["../../../../../src/components/hds/form/super-select/placeholder.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nexport interface HdsFormSuperSelectPlaceholderSignature {\n  Args: {\n    placeholder?: string;\n  };\n}\n\nconst HdsFormSuperSelectPlaceholder: TemplateOnlyComponent<HdsFormSuperSelectPlaceholderSignature> =\n  <template>\n    <HdsTextBody\n      @tag=\"span\"\n      @size=\"200\"\n      class=\"ember-power-select-placeholder\"\n    >{{@placeholder}}</HdsTextBody>\n  </template>;\n\nexport default HdsFormSuperSelectPlaceholder;\n"],"names":["HdsFormSuperSelectPlaceholder","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAYD,MAAMA,6BAAqD,GAAAC,oBAAA,CACzDC,kBAAA,CAAA,kHAAA,EAMA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"placeholder.js","sources":["../../../../../src/components/hds/form/super-select/placeholder.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nexport interface HdsFormSuperSelectPlaceholderSignature {\n  Args: {\n    placeholder?: string;\n  };\n}\n\nconst HdsFormSuperSelectPlaceholder: TemplateOnlyComponent<HdsFormSuperSelectPlaceholderSignature> =\n  <template>\n    <HdsTextBody\n      @tag=\"span\"\n      @size=\"200\"\n      class=\"ember-power-select-placeholder\"\n    >{{@placeholder}}</HdsTextBody>\n  </template>;\n\nexport default HdsFormSuperSelectPlaceholder;\n"],"names":["HdsFormSuperSelectPlaceholder","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAYD,MAAMA,6BAAqD,GAAAC,oBAAA,CACzDC,kBAAA,CAAA,kHAAA,EAMA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -14,7 +14,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_HORIZONTAL_POSITION = HdsFormSuperSelectHorizontalPositionValues.Left;

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\nimport PowerSelect from 'ember-power-select/components/power-select';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\n\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\nimport HdsTextBody from '../../../text/body.gts';\nimport HdsFormSuperSelectOptionGroup from '../option-group.gts';\nimport HdsFormSuperSelectPlaceholder from '../placeholder.gts';\nimport HdsFormSuperSelectAfterOptions from '../after-options.gts';\n\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: Select;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  setPowerSelectAPI = (powerSelectAPI: Select): void => {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  };\n\n  calculatePosition = (\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult => {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  };\n\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\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      <PowerSelect\n        @afterOptionsComponent={{if\n          this.showAfterOptions\n          (or\n            @afterOptionsComponent\n            (component\n              HdsFormSuperSelectAfterOptions\n              content=@afterOptionsContent\n              resultCountMessage=this.resultCountMessageText\n            )\n          )\n        }}\n        @ariaDescribedBy={{@ariaDescribedBy}}\n        @ariaInvalid={{@ariaInvalid}}\n        @ariaLabel={{@ariaLabel}}\n        @ariaLabelledBy={{@ariaLabelledBy}}\n        @beforeOptionsComponent={{@beforeOptionsComponent}}\n        @calculatePosition={{if\n          @verticalPosition\n          undefined\n          this.calculatePosition\n        }}\n        @closeOnSelect={{@closeOnSelect}}\n        @disabled={{@disabled}}\n        @dropdownClass={{@dropdownClass}}\n        @extra={{@extra}}\n        @groupComponent={{HdsFormSuperSelectOptionGroup}}\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={{HdsFormSuperSelectPlaceholder}}\n        @preventScroll={{@preventScroll}}\n        @registerAPI={{this.setPowerSelectAPI}}\n        @renderInPlace={{true}}\n        @resultCountMessage={{this.resultCountMessageFunction}}\n        @scrollTo={{@scrollTo}}\n        @search={{@search}}\n        @searchEnabled={{@searchEnabled}}\n        @searchField={{@searchField}}\n        @searchFieldPosition=\"before-options\"\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        <HdsTextBody>{{yield option select}}</HdsTextBody>\n      </PowerSelect>\n    </div>\n  </template>\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","Component","g","prototype","tracked","i","horizontalPosition","args","resultCountMessageText","resultCountMessage","powerSelectAPI","resultsCount","resultCountMessageFunction","undefined","setPowerSelectAPI","registerAPI","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","or","HdsFormSuperSelectAfterOptions","HdsFormSuperSelectOptionGroup","HdsFormSuperSelectPlaceholder","HdsTextBody"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\nimport PowerSelect from 'ember-power-select/components/power-select';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\n\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\nimport HdsTextBody from '../../../text/body.gts';\nimport HdsFormSuperSelectOptionGroup from '../option-group.gts';\nimport HdsFormSuperSelectPlaceholder from '../placeholder.gts';\nimport HdsFormSuperSelectAfterOptions from '../after-options.gts';\n\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: Select;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  setPowerSelectAPI = (powerSelectAPI: Select): void => {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  };\n\n  calculatePosition = (\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult => {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  };\n\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\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      <PowerSelect\n        @afterOptionsComponent={{if\n          this.showAfterOptions\n          (or\n            @afterOptionsComponent\n            (component\n              HdsFormSuperSelectAfterOptions\n              content=@afterOptionsContent\n              resultCountMessage=this.resultCountMessageText\n            )\n          )\n        }}\n        @ariaDescribedBy={{@ariaDescribedBy}}\n        @ariaInvalid={{@ariaInvalid}}\n        @ariaLabel={{@ariaLabel}}\n        @ariaLabelledBy={{@ariaLabelledBy}}\n        @beforeOptionsComponent={{@beforeOptionsComponent}}\n        @calculatePosition={{if\n          @verticalPosition\n          undefined\n          this.calculatePosition\n        }}\n        @closeOnSelect={{@closeOnSelect}}\n        @disabled={{@disabled}}\n        @dropdownClass={{@dropdownClass}}\n        @extra={{@extra}}\n        @groupComponent={{HdsFormSuperSelectOptionGroup}}\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={{HdsFormSuperSelectPlaceholder}}\n        @preventScroll={{@preventScroll}}\n        @registerAPI={{this.setPowerSelectAPI}}\n        @renderInPlace={{true}}\n        @resultCountMessage={{this.resultCountMessageFunction}}\n        @scrollTo={{@scrollTo}}\n        @search={{@search}}\n        @searchEnabled={{@searchEnabled}}\n        @searchField={{@searchField}}\n        @searchFieldPosition=\"before-options\"\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        <HdsTextBody>{{yield option select}}</HdsTextBody>\n      </PowerSelect>\n    </div>\n  </template>\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","Component","g","prototype","tracked","i","horizontalPosition","args","resultCountMessageText","resultCountMessage","powerSelectAPI","resultsCount","resultCountMessageFunction","undefined","setPowerSelectAPI","registerAPI","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","PowerSelect","or","HdsFormSuperSelectAfterOptions","HdsFormSuperSelectOptionGroup","HdsFormSuperSelectPlaceholder","HdsTextBody"],"mappings":"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"}

package/dist/components/hds/form/super-select/single/field.js

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormSuperSelectSingleField extends Component {

package/dist/components/hds/form/super-select/single/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash, concat } from '@ember/helper';\n\nimport type { Select } from 'ember-power-select/components/power-select';\n\nimport { ID_PREFIX } from '../../label/index.gts';\nimport HdsFormSuperSelectSingleBase from './base.gts';\nimport HdsFormField from '../../field/index.gts';\nimport HdsYield from '../../../yield/index.gts';\n\nimport type { HdsFormFieldSignature } from '../../field/index.gts';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.gts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        Options?: typeof HdsYield;\n        options?: unknown;\n        select?: Select;\n      },\n    ];\n  };\n  Element: HdsFormSuperSelectSingleBaseSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n        <HdsFormSuperSelectSingleBase\n          @afterOptionsComponent={{@afterOptionsComponent}}\n          @afterOptionsContent={{@afterOptionsContent}}\n          @ariaDescribedBy={{F.ariaDescribedBy}}\n          @ariaInvalid={{@ariaInvalid}}\n          @ariaLabel={{@ariaLabel}}\n          @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n          @beforeOptionsComponent={{@beforeOptionsComponent}}\n          @closeOnSelect={{@closeOnSelect}}\n          @disabled={{@disabled}}\n          @dropdownClass={{@dropdownClass}}\n          @dropdownMaxWidth={{@dropdownMaxWidth}}\n          @extra={{@extra}}\n          @groupComponent={{@groupComponent}}\n          @horizontalPosition={{@horizontalPosition}}\n          @initiallyOpened={{@initiallyOpened}}\n          @labelText={{@labelText}}\n          @loadingMessage={{@loadingMessage}}\n          @matcher={{@matcher}}\n          @matchTriggerWidth={{@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={{@registerAPI}}\n          @renderInPlace={{true}}\n          @resultCountMessage={{@resultCountMessage}}\n          @scrollTo={{@scrollTo}}\n          @search={{@search}}\n          @searchEnabled={{@searchEnabled}}\n          @searchField={{@searchField}}\n          @searchFieldPosition=\"before-options\"\n          @searchMessage={{@searchMessage}}\n          @searchPlaceholder={{@searchPlaceholder}}\n          @selected={{@selected}}\n          @selectedItemComponent={{@selectedItemComponent}}\n          @showAfterOptions={{@showAfterOptions}}\n          @tabindex={{@tabindex}}\n          @triggerClass={{@triggerClass}}\n          @triggerComponent={{@triggerComponent}}\n          @triggerId={{F.id}}\n          @triggerRole={{@triggerRole}}\n          @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n          @verticalPosition={{@verticalPosition}}\n          @isInvalid={{@isInvalid}}\n          ...attributes\n          as |options select|\n        >\n          {{yield (hash options=options select=select Options=HdsYield)}}\n        </HdsFormSuperSelectSingleBase>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormSuperSelectSingleBase","concat","HdsYield"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAiCc,MAAMA,sCAAsCC,SAAA,CAAU;EACnE,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOC,SAAA;AACT,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,04EAAA,EA0EA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,4BAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash, concat } from '@ember/helper';\n\nimport type { Select } from 'ember-power-select/components/power-select';\n\nimport { ID_PREFIX } from '../../label/index.gts';\nimport HdsFormSuperSelectSingleBase from './base.gts';\nimport HdsFormField from '../../field/index.gts';\nimport HdsYield from '../../../yield/index.gts';\n\nimport type { HdsFormFieldSignature } from '../../field/index.gts';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.gts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        Options?: typeof HdsYield;\n        options?: unknown;\n        select?: Select;\n      },\n    ];\n  };\n  Element: HdsFormSuperSelectSingleBaseSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n        <HdsFormSuperSelectSingleBase\n          @afterOptionsComponent={{@afterOptionsComponent}}\n          @afterOptionsContent={{@afterOptionsContent}}\n          @ariaDescribedBy={{F.ariaDescribedBy}}\n          @ariaInvalid={{@ariaInvalid}}\n          @ariaLabel={{@ariaLabel}}\n          @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n          @beforeOptionsComponent={{@beforeOptionsComponent}}\n          @closeOnSelect={{@closeOnSelect}}\n          @disabled={{@disabled}}\n          @dropdownClass={{@dropdownClass}}\n          @dropdownMaxWidth={{@dropdownMaxWidth}}\n          @extra={{@extra}}\n          @groupComponent={{@groupComponent}}\n          @horizontalPosition={{@horizontalPosition}}\n          @initiallyOpened={{@initiallyOpened}}\n          @labelText={{@labelText}}\n          @loadingMessage={{@loadingMessage}}\n          @matcher={{@matcher}}\n          @matchTriggerWidth={{@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={{@registerAPI}}\n          @renderInPlace={{true}}\n          @resultCountMessage={{@resultCountMessage}}\n          @scrollTo={{@scrollTo}}\n          @search={{@search}}\n          @searchEnabled={{@searchEnabled}}\n          @searchField={{@searchField}}\n          @searchFieldPosition=\"before-options\"\n          @searchMessage={{@searchMessage}}\n          @searchPlaceholder={{@searchPlaceholder}}\n          @selected={{@selected}}\n          @selectedItemComponent={{@selectedItemComponent}}\n          @showAfterOptions={{@showAfterOptions}}\n          @tabindex={{@tabindex}}\n          @triggerClass={{@triggerClass}}\n          @triggerComponent={{@triggerComponent}}\n          @triggerId={{F.id}}\n          @triggerRole={{@triggerRole}}\n          @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n          @verticalPosition={{@verticalPosition}}\n          @isInvalid={{@isInvalid}}\n          ...attributes\n          as |options select|\n        >\n          {{yield (hash options=options select=select Options=HdsYield)}}\n        </HdsFormSuperSelectSingleBase>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormSuperSelectSingleBase","concat","HdsYield"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAiCc,MAAMA,sCAAsCC,SAAA,CAAU;EACnE,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOC,SAAA;AACT,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,04EAAA,EA0EA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,4BAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/text-input/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport style from 'ember-style-modifier';\n\nimport { HdsFormTextInputTypeValues } from './types.ts';\nimport type { HdsFormTextInputTypes } from './types.ts';\n\n// notice: we don't support all the possible HTML types, only a subset\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\nexport const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;\nexport const TYPES: HdsFormTextInputTypes[] = Object.values(\n  HdsFormTextInputTypeValues\n);\n\nexport interface HdsFormTextInputBaseSignature {\n  Args: {\n    hasVisibilityToggle?: boolean;\n    isInvalid?: boolean;\n    isLoading?: boolean;\n    type?: HdsFormTextInputTypes;\n    value?: string;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nexport default class HdsFormTextInputBase extends Component<HdsFormTextInputBaseSignature> {\n  get type(): HdsFormTextInputTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Form::TextInput\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-text-input'];\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-text-input--is-invalid`);\n    }\n\n    // add a class based on the @hasVisibilityToggle argument\n    if (this.args.hasVisibilityToggle) {\n      classes.push(`hds-form-text-input--has-visibility-toggle`);\n    }\n\n    // add a class based on the @isLoading argument\n    if (this.args.isLoading) {\n      classes.push(`hds-form-text-input--is-loading`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <input\n      class={{this.classNames}}\n      {{style width=@width}}\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      value={{@value}}\n      type={{this.type}}\n    />\n  </template>\n}\n"],"names":["DEFAULT_TYPE","HdsFormTextInputTypeValues","Text","TYPES","Object","values","HdsFormTextInputBase","Component","type","args","assert","join","includes","classNames","classes","push","isInvalid","hasVisibilityToggle","isLoading","setComponentTemplate","precompileTemplate","strictMode","scope","style"],"mappings":";;;;;;;AAAA;;;AAGC;AAWM,MAAMA,YAAA,GAAeC,0BAAA,CAA2BC;AAChD,MAAMC,KAAO,GAA0BC,MAAA,CAAOC,MAAM,CACzDJ,0BAAA;AAiBa,MAAMK,6BAA6BC,SAAA,CAAU;EAC1D,IAAIC,OAA8B;IAChC,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,+DAAA,EAAkEP,KAAA,CAAMQ,IAAI,CAC1E,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBL,KAAA,CAAMS,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,qBAAA,CAAsB;AAEvC;AACAA,IAAAA,OAAA,CAAQC,IAAI,CAAC,yBAAA,EAA2B,yBAAA,CAAA;AAExC;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,SAAS,EAAE;AACvBF,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAA;AAChD,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,mBAAmB,EAAE;AACjCH,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACS,SAAS,EAAE;AACvBJ,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAA;AAChD,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,+JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/text-input/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport style from 'ember-style-modifier';\n\nimport { HdsFormTextInputTypeValues } from './types.ts';\nimport type { HdsFormTextInputTypes } from './types.ts';\n\n// notice: we don't support all the possible HTML types, only a subset\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\nexport const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;\nexport const TYPES: HdsFormTextInputTypes[] = Object.values(\n  HdsFormTextInputTypeValues\n);\n\nexport interface HdsFormTextInputBaseSignature {\n  Args: {\n    hasVisibilityToggle?: boolean;\n    isInvalid?: boolean;\n    isLoading?: boolean;\n    type?: HdsFormTextInputTypes;\n    value?: string;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nexport default class HdsFormTextInputBase extends Component<HdsFormTextInputBaseSignature> {\n  get type(): HdsFormTextInputTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Form::TextInput\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-text-input'];\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-text-input--is-invalid`);\n    }\n\n    // add a class based on the @hasVisibilityToggle argument\n    if (this.args.hasVisibilityToggle) {\n      classes.push(`hds-form-text-input--has-visibility-toggle`);\n    }\n\n    // add a class based on the @isLoading argument\n    if (this.args.isLoading) {\n      classes.push(`hds-form-text-input--is-loading`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <input\n      class={{this.classNames}}\n      {{style width=@width}}\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      value={{@value}}\n      type={{this.type}}\n    />\n  </template>\n}\n"],"names":["DEFAULT_TYPE","HdsFormTextInputTypeValues","Text","TYPES","Object","values","HdsFormTextInputBase","Component","type","args","assert","join","includes","classNames","classes","push","isInvalid","hasVisibilityToggle","isLoading","setComponentTemplate","precompileTemplate","strictMode","scope","style"],"mappings":";;;;;;;AAAA;;;AAGC;AAWM,MAAMA,YAAA,GAAeC,0BAAA,CAA2BC;AAChD,MAAMC,KAAO,GAA0BC,MAAA,CAAOC,MAAM,CACzDJ,0BAAA;AAiBa,MAAMK,6BAA6BC,SAAA,CAAU;EAC1D,IAAIC,OAA8B;IAChC,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,+DAAA,EAAkEP,KAAA,CAAMQ,IAAI,CAC1E,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBL,KAAA,CAAMS,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,qBAAA,CAAsB;AAEvC;AACAA,IAAAA,OAAA,CAAQC,IAAI,CAAC,yBAAA,EAA2B,yBAAA,CAAA;AAExC;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,SAAS,EAAE;AACvBF,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAA;AAChD,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,mBAAmB,EAAE;AACjCH,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACS,SAAS,EAAE;AACvBJ,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAA;AAChD,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAQ,oBAAA,CAAAC,kBAAA,CAAA,+JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -12,7 +12,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormTextInputField extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormTextInputBase from './base.gts';\nimport HdsFormVisibilityToggle from '../visibility-toggle/index.gts';\nimport HdsFormCharacterCount from '../character-count/index.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormTextInputBaseSignature } from './base.gts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.gts';\n\nexport interface HdsFormTextInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextInputBaseSignature['Args'] & {\n      visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n      visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    };\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        CharacterCount?: WithBoundArgs<typeof HdsFormCharacterCount, 'value'>;\n      },\n    ];\n  };\n  Element: HdsFormTextInputBaseSignature['Element'];\n}\n\nexport default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {\n  @tracked private _isPasswordMasked = true;\n  @tracked type;\n\n  constructor(owner: Owner, args: HdsFormTextInputFieldSignature['Args']) {\n    super(owner, args);\n    this.type = this.args.type ?? 'text';\n  }\n\n  get hasVisibilityToggle(): boolean {\n    return this.args.hasVisibilityToggle ?? true;\n  }\n\n  get showVisibilityToggle(): boolean {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  get visibilityToggleAriaLabel(): string | undefined {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this._isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  get visibilityToggleAriaMessageText(): string | undefined {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this._isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  onClickTogglePasswordReadability = (): void => {\n    this._isPasswordMasked = !this._isPasswordMasked;\n    this.type = this._isPasswordMasked ? 'password' : 'text';\n  };\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      {{#if F.CharacterCount}}\n        {{yield\n          (hash CharacterCount=(component F.CharacterCount value=@value))\n        }}\n      {{/if}}\n      <F.Control>\n        <div class=\"hds-form-text-input__wrapper\" {{style width=@width}}>\n          <HdsFormTextInputBase\n            @type={{this.type}}\n            @value={{@value}}\n            @isInvalid={{@isInvalid}}\n            @isLoading={{@isLoading}}\n            @hasVisibilityToggle={{this.showVisibilityToggle}}\n            required={{@isRequired}}\n            ...attributes\n            id={{F.id}}\n            aria-describedby={{F.ariaDescribedBy}}\n          />\n          {{#if this.showVisibilityToggle}}\n            <HdsFormVisibilityToggle\n              @isVisible={{this._isPasswordMasked}}\n              @ariaLabel={{this.visibilityToggleAriaLabel}}\n              @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n              aria-controls={{F.id}}\n              class=\"hds-form-text-input__visibility-toggle\"\n              {{on \"click\" this.onClickTogglePasswordReadability}}\n            />\n          {{/if}}\n        </div>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormTextInputField","Component","g","prototype","tracked","i","constructor","owner","args","type","hasVisibilityToggle","showVisibilityToggle","visibilityToggleAriaLabel","_isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","style","HdsFormTextInputBase","HdsFormVisibilityToggle","on"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAuCc,MAAMA,8BAA8BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CAC1DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACpCC,OAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA4C,EAAE;AACtE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IACb,IAAI,CAACC,IAAI,GAAG,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,mBAAAA,GAA+B;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,mBAAmB,IAAI,IAAA;AAC1C,EAAA;EAEA,IAAIC,oBAAAA,GAAgC;IAClC,OAAO,IAAI,CAACH,IAAI,CAACC,IAAI,KAAK,UAAA,IAAc,IAAI,CAACC,mBAAmB;AAClE,EAAA;EAEA,IAAIE,yBAAAA,GAAgD;AAClD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,yBAAyB;AAC5C,IAAA,CAAA,MAAO,IAAI,IAAI,CAACC,iBAAiB,EAAE;AACjC,MAAA,OAAO,eAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,eAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,+BAAAA,GAAsD;AACxD,IAAA,IAAI,IAAI,CAACN,IAAI,CAACM,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACN,IAAI,CAACM,+BAA+B;AAClD,IAAA,CAAA,MAAO,IAAI,IAAI,CAACD,iBAAiB,EAAE;AACjC,MAAA,OAAO,oBAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,qBAAA;AACT,IAAA;AACF,EAAA;EAEAE,gCAAA,GAAmCA,MAAQ;AACzC,IAAA,IAAI,CAACF,iBAAiB,GAAG,CAAC,IAAI,CAACA,iBAAiB;IAChD,IAAI,CAACJ,IAAI,GAAG,IAAI,CAACI,iBAAiB,GAAG,UAAA,GAAa,MAAA;EACpD,CAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,otCAAA,EA0CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,KAAA;QAAAC,oBAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormTextInputBase from './base.gts';\nimport HdsFormVisibilityToggle from '../visibility-toggle/index.gts';\nimport HdsFormCharacterCount from '../character-count/index.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormTextInputBaseSignature } from './base.gts';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.gts';\n\nexport interface HdsFormTextInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextInputBaseSignature['Args'] & {\n      visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n      visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    };\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        CharacterCount?: WithBoundArgs<typeof HdsFormCharacterCount, 'value'>;\n      },\n    ];\n  };\n  Element: HdsFormTextInputBaseSignature['Element'];\n}\n\nexport default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {\n  @tracked private _isPasswordMasked = true;\n  @tracked type;\n\n  constructor(owner: Owner, args: HdsFormTextInputFieldSignature['Args']) {\n    super(owner, args);\n    this.type = this.args.type ?? 'text';\n  }\n\n  get hasVisibilityToggle(): boolean {\n    return this.args.hasVisibilityToggle ?? true;\n  }\n\n  get showVisibilityToggle(): boolean {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  get visibilityToggleAriaLabel(): string | undefined {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this._isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  get visibilityToggleAriaMessageText(): string | undefined {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this._isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  onClickTogglePasswordReadability = (): void => {\n    this._isPasswordMasked = !this._isPasswordMasked;\n    this.type = this._isPasswordMasked ? 'password' : 'text';\n  };\n\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      {{#if F.CharacterCount}}\n        {{yield\n          (hash CharacterCount=(component F.CharacterCount value=@value))\n        }}\n      {{/if}}\n      <F.Control>\n        <div class=\"hds-form-text-input__wrapper\" {{style width=@width}}>\n          <HdsFormTextInputBase\n            @type={{this.type}}\n            @value={{@value}}\n            @isInvalid={{@isInvalid}}\n            @isLoading={{@isLoading}}\n            @hasVisibilityToggle={{this.showVisibilityToggle}}\n            required={{@isRequired}}\n            ...attributes\n            id={{F.id}}\n            aria-describedby={{F.ariaDescribedBy}}\n          />\n          {{#if this.showVisibilityToggle}}\n            <HdsFormVisibilityToggle\n              @isVisible={{this._isPasswordMasked}}\n              @ariaLabel={{this.visibilityToggleAriaLabel}}\n              @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n              aria-controls={{F.id}}\n              class=\"hds-form-text-input__visibility-toggle\"\n              {{on \"click\" this.onClickTogglePasswordReadability}}\n            />\n          {{/if}}\n        </div>\n      </F.Control>\n    </HdsFormField>\n  </template>\n}\n"],"names":["HdsFormTextInputField","Component","g","prototype","tracked","i","constructor","owner","args","type","hasVisibilityToggle","showVisibilityToggle","visibilityToggleAriaLabel","_isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","style","HdsFormTextInputBase","HdsFormVisibilityToggle","on"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAuCc,MAAMA,8BAA8BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CAC1DC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAoC,IAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACpCC,OAAA,CAAA,CAAA;AAAA;EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA4C,EAAE;AACtE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IACb,IAAI,CAACC,IAAI,GAAG,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,MAAA;AAChC,EAAA;EAEA,IAAIC,mBAAAA,GAA+B;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,mBAAmB,IAAI,IAAA;AAC1C,EAAA;EAEA,IAAIC,oBAAAA,GAAgC;IAClC,OAAO,IAAI,CAACH,IAAI,CAACC,IAAI,KAAK,UAAA,IAAc,IAAI,CAACC,mBAAmB;AAClE,EAAA;EAEA,IAAIE,yBAAAA,GAAgD;AAClD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,yBAAyB;AAC5C,IAAA,CAAA,MAAO,IAAI,IAAI,CAACC,iBAAiB,EAAE;AACjC,MAAA,OAAO,eAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,eAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,+BAAAA,GAAsD;AACxD,IAAA,IAAI,IAAI,CAACN,IAAI,CAACM,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACN,IAAI,CAACM,+BAA+B;AAClD,IAAA,CAAA,MAAO,IAAI,IAAI,CAACD,iBAAiB,EAAE;AACjC,MAAA,OAAO,oBAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,qBAAA;AACT,IAAA;AACF,EAAA;EAEAE,gCAAA,GAAmCA,MAAQ;AACzC,IAAA,IAAI,CAACF,iBAAiB,GAAG,CAAC,IAAI,CAACA,iBAAiB;IAChD,IAAI,CAACJ,IAAI,GAAG,IAAI,CAACI,iBAAiB,GAAG,UAAA,GAAa,MAAA;EACpD,CAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,otCAAA,EA0CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,IAAA;QAAAC,KAAA;QAAAC,oBAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -4,7 +4,7 @@ import { setComponentTemplate, Textarea } from '@ember/component';
 import { precompileTemplate } from '@ember/template-compilation';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormTextareaBase extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport style from 'ember-style-modifier';\nimport { Textarea } from '@ember/component';\n\nexport interface HdsFormTextareaBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    value?: string;\n    width?: string;\n    height?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLTextAreaElement;\n}\n\nexport default class HdsFormTextareaBase extends Component<HdsFormTextareaBaseSignature> {\n  get classNames(): string {\n    const classes = ['hds-form-textarea'];\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-textarea--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\n    <Textarea\n      class={{this.classNames}}\n      {{style width=@width height=@height}}\n      rows=\"4\"\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      @value={{@value}}\n    />\n  </template>\n}\n"],"names":["HdsFormTextareaBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","Textarea","style"],"mappings":";;;;;AAAA;;;AAGC;AAkBc,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,mBAAA,CAAoB;AAErC;AACAA,IAAAA,OAAA,CAAQC,IAAI,CAAC,yBAAA,EAA2B,yBAAA,CAAA;AAExC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAA;AAC9C,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,wQAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport style from 'ember-style-modifier';\nimport { Textarea } from '@ember/component';\n\nexport interface HdsFormTextareaBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    value?: string;\n    width?: string;\n    height?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLTextAreaElement;\n}\n\nexport default class HdsFormTextareaBase extends Component<HdsFormTextareaBaseSignature> {\n  get classNames(): string {\n    const classes = ['hds-form-textarea'];\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-textarea--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\n    <Textarea\n      class={{this.classNames}}\n      {{style width=@width height=@height}}\n      rows=\"4\"\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      @value={{@value}}\n    />\n  </template>\n}\n"],"names":["HdsFormTextareaBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","precompileTemplate","strictMode","scope","Textarea","style"],"mappings":";;;;;AAAA;;;AAGC;AAkBc,MAAMA,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,mBAAA,CAAoB;AAErC;AACAA,IAAAA,OAAA,CAAQC,IAAI,CAAC,yBAAA,EAA2B,yBAAA,CAAA;AAExC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAA;AAC9C,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,wQAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -6,7 +6,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormTextareaBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormTextareaBaseSignature } from './base.gts';\nimport type HdsFormCharacterCountComponent from '../character-count/index.gts';\n\nexport interface HdsFormTextareaFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextareaBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormTextareaBaseSignature['Element'];\n}\n\nconst HdsFormTextareaField: TemplateOnlyComponent<HdsFormTextareaFieldSignature> =\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      {{#if F.CharacterCount}}\n        {{yield\n          (hash CharacterCount=(component F.CharacterCount value=@value))\n        }}\n      {{/if}}\n      <F.Control>\n        <HdsFormTextareaBase\n          @value={{@value}}\n          @isInvalid={{@isInvalid}}\n          @width={{@width}}\n          @height={{@height}}\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormTextareaField;\n"],"names":["HdsFormTextareaField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormTextareaBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAiCD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,utBAAA,EA6BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormTextareaBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormTextareaBaseSignature } from './base.gts';\nimport type HdsFormCharacterCountComponent from '../character-count/index.gts';\n\nexport interface HdsFormTextareaFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextareaBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormTextareaBaseSignature['Element'];\n}\n\nconst HdsFormTextareaField: TemplateOnlyComponent<HdsFormTextareaFieldSignature> =\n  <template>\n    <HdsFormField\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 \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      {{#if F.CharacterCount}}\n        {{yield\n          (hash CharacterCount=(component F.CharacterCount value=@value))\n        }}\n      {{/if}}\n      <F.Control>\n        <HdsFormTextareaBase\n          @value={{@value}}\n          @isInvalid={{@isInvalid}}\n          @width={{@width}}\n          @height={{@height}}\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormTextareaField;\n"],"names":["HdsFormTextareaField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormTextareaBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAiCD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,utBAAA,EA6BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsFormToggleBase = setComponentTemplate(precompileTemplate("<div class=\"hds-form-toggle\">\n  <input class=\"hds-form-toggle__control\" type=\"checkbox\" ...attributes value={{@value}} role=\"switch\" />\n  <div class=\"hds-form-toggle__facade\"></div>\n</div>", {

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsFormToggleBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormToggleBase: TemplateOnlyComponent<HdsFormToggleBaseSignature> =\n  <template>\n    <div class=\"hds-form-toggle\">\n      <input\n        class=\"hds-form-toggle__control\"\n        type=\"checkbox\"\n        ...attributes\n        value={{@value}}\n        role=\"switch\"\n      />\n      <div class=\"hds-form-toggle__facade\"></div>\n    </div>\n  </template>;\n\nexport default HdsFormToggleBase;\n"],"names":["HdsFormToggleBase","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,2MAAA,EAWA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsFormToggleBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormToggleBase: TemplateOnlyComponent<HdsFormToggleBaseSignature> =\n  <template>\n    <div class=\"hds-form-toggle\">\n      <input\n        class=\"hds-form-toggle__control\"\n        type=\"checkbox\"\n        ...attributes\n        value={{@value}}\n        role=\"switch\"\n      />\n      <div class=\"hds-form-toggle__facade\"></div>\n    </div>\n  </template>;\n\nexport default HdsFormToggleBase;\n"],"names":["HdsFormToggleBase","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,2MAAA,EAWA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -6,7 +6,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormToggleBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormToggleBaseSignature } from './base.gts';\n\nexport interface HdsFormToggleFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormToggleBaseSignature['Element'];\n}\n\nconst HdsFormToggleField: TemplateOnlyComponent<HdsFormToggleFieldSignature> =\n  <template>\n    <HdsFormField\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 is controlled at \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        <HdsFormToggleBase\n          @value={{@value}}\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormToggleField;\n"],"names":["HdsFormToggleField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormToggleBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AA2BD,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,ygBAAA,EAoBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormToggleBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormToggleBaseSignature } from './base.gts';\n\nexport interface HdsFormToggleFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormToggleBaseSignature['Element'];\n}\n\nconst HdsFormToggleField: TemplateOnlyComponent<HdsFormToggleFieldSignature> =\n  <template>\n    <HdsFormField\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 is controlled at \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        <HdsFormToggleBase\n          @value={{@value}}\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormToggleField;\n"],"names":["HdsFormToggleField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormToggleBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AA2BD,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,ygBAAA,EAoBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -6,7 +6,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport HdsFormFieldset from '../fieldset/index.gts';\nimport HdsFormToggleField from './field.gts';\n\nimport type { HdsFormFieldsetSignature } from '../fieldset/index.gts';\n\nexport interface HdsFormToggleGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: HdsFormFieldsetSignature['Blocks']['default'][0]['Legend'];\n        HelperText?: HdsFormFieldsetSignature['Blocks']['default'][0]['HelperText'];\n        ToggleField?: WithBoundArgs<\n          typeof HdsFormToggleField,\n          'contextualClass' | 'isRequired' | 'extraAriaDescribedBy'\n        >;\n        Error?: HdsFormFieldsetSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormToggleGroup: TemplateOnlyComponent<HdsFormToggleGroupSignature> =\n  <template>\n    <HdsFormFieldset\n      @layout={{@layout}}\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 \"HdsFormFieldset\" component level }}\n      {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{yield\n          (hash\n            ToggleField=(component\n              HdsFormToggleField\n              contextualClass=\"hds-form-group__control-field\"\n              isRequired=@isRequired\n              extraAriaDescribedBy=F.ariaDescribedBy\n            )\n          )\n        }}\n      </F.Control>\n    </HdsFormFieldset>\n  </template>;\n\nexport default HdsFormToggleGroup;\n"],"names":["HdsFormToggleGroup","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormFieldset","hash","HdsFormToggleField","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAgCD,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,uiBAAA,EAuBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,eAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport HdsFormFieldset from '../fieldset/index.gts';\nimport HdsFormToggleField from './field.gts';\n\nimport type { HdsFormFieldsetSignature } from '../fieldset/index.gts';\n\nexport interface HdsFormToggleGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: HdsFormFieldsetSignature['Blocks']['default'][0]['Legend'];\n        HelperText?: HdsFormFieldsetSignature['Blocks']['default'][0]['HelperText'];\n        ToggleField?: WithBoundArgs<\n          typeof HdsFormToggleField,\n          'contextualClass' | 'isRequired' | 'extraAriaDescribedBy'\n        >;\n        Error?: HdsFormFieldsetSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormToggleGroup: TemplateOnlyComponent<HdsFormToggleGroupSignature> =\n  <template>\n    <HdsFormFieldset\n      @layout={{@layout}}\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 \"HdsFormFieldset\" component level }}\n      {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        {{yield\n          (hash\n            ToggleField=(component\n              HdsFormToggleField\n              contextualClass=\"hds-form-group__control-field\"\n              isRequired=@isRequired\n              extraAriaDescribedBy=F.ariaDescribedBy\n            )\n          )\n        }}\n      </F.Control>\n    </HdsFormFieldset>\n  </template>;\n\nexport default HdsFormToggleGroup;\n"],"names":["HdsFormToggleGroup","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormFieldset","hash","HdsFormToggleField","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAgCD,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,uiBAAA,EAuBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,eAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/form/visibility-toggle/index.js

@@ -4,7 +4,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/visibility-toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsIcon from '../../icon/index.gts';\n\nexport interface HdsFormVisibilityToggleSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaMessageText?: string;\n    isVisible?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsFormVisibilityToggle: TemplateOnlyComponent<HdsFormVisibilityToggleSignature> =\n  <template>\n    <button\n      class=\"hds-form-visibility-toggle\"\n      type=\"button\"\n      aria-label={{@ariaLabel}}\n      ...attributes\n    >\n      <HdsIcon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" />\n      <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n    </button>\n  </template>;\n\nexport default HdsFormVisibilityToggle;\n"],"names":["HdsFormVisibilityToggle","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAcD,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,sQAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsIcon from '../../icon/index.gts';\n\nexport interface HdsFormVisibilityToggleSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaMessageText?: string;\n    isVisible?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsFormVisibilityToggle: TemplateOnlyComponent<HdsFormVisibilityToggleSignature> =\n  <template>\n    <button\n      class=\"hds-form-visibility-toggle\"\n      type=\"button\"\n      aria-label={{@ariaLabel}}\n      ...attributes\n    >\n      <HdsIcon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" />\n      <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n    </button>\n  </template>;\n\nexport default HdsFormVisibilityToggle;\n"],"names":["HdsFormVisibilityToggle","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAcD,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,sQAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}