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

package/dist/components/hds/dropdown/header.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 HdsDropdownHeader = setComponentTemplate(precompileTemplate("<div class=\"hds-dropdown__header\n    {{if @hasDivider \"hds-dropdown__header--with-divider\"}}\" ...attributes>\n  {{yield}}\n</div>", {

package/dist/components/hds/dropdown/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/hds/dropdown/header.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 HdsDropdownHeaderSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDropdownHeader: TemplateOnlyComponent<HdsDropdownHeaderSignature> =\n  <template>\n    <div\n      class=\"hds-dropdown__header\n        {{if @hasDivider 'hds-dropdown__header--with-divider'}}\"\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsDropdownHeader;\n"],"names":["HdsDropdownHeader","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAcD,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,wIAAA,EAQA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/dropdown/header.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 HdsDropdownHeaderSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsDropdownHeader: TemplateOnlyComponent<HdsDropdownHeaderSignature> =\n  <template>\n    <div\n      class=\"hds-dropdown__header\n        {{if @hasDivider 'hds-dropdown__header--with-divider'}}\"\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsDropdownHeader;\n"],"names":["HdsDropdownHeader","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAcD,MAAMA,iBAAyC,GAAAC,oBAAA,CAC7CC,kBAAA,CAAA,wIAAA,EAQA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/index.js

@@ -23,7 +23,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_POSITION = HdsDropdownPositionValues.BottomRight;

package/dist/components/hds/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/dropdown/index.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 { hash } from '@ember/helper';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport {\n  HdsDropdownPositionToPlacementValues,\n  HdsDropdownPositionValues,\n} from './types.ts';\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsDropdownToggleButton from './toggle/button.gts';\nimport HdsDropdownToggleIcon from './toggle/icon.gts';\nimport HdsDropdownHeader from './header.gts';\nimport HdsDropdownListItemCheckbox from './list-item/checkbox.gts';\nimport HdsDropdownListItemCheckmark from './list-item/checkmark.gts';\nimport HdsDropdownListItemCopyItem from './list-item/copy-item.gts';\nimport HdsDropdownListItemDescription from './list-item/description.gts';\nimport HdsDropdownListItemGeneric from './list-item/generic.gts';\nimport HdsDropdownListItemInteractive from './list-item/interactive.gts';\nimport HdsDropdownListItemRadio from './list-item/radio.gts';\nimport HdsDropdownListItemSeparator from './list-item/separator.gts';\nimport HdsDropdownListItemTitle from './list-item/title.gts';\nimport HdsDropdownFooter from './footer.gts';\n\nimport type { HdsPopoverPrimitiveSignature } from '../popover-primitive/index.gts';\nimport type { HdsDropdownPositions } from './types.ts';\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\n\nexport const DEFAULT_POSITION = HdsDropdownPositionValues.BottomRight;\nexport const POSITIONS: HdsDropdownPositions[] = Object.values(\n  HdsDropdownPositionValues\n);\n\nexport interface HdsDropdownSignature {\n  Args: {\n    height?: string;\n    isInline?: boolean;\n    isOpen?: HdsPopoverPrimitiveSignature['Args']['isOpen'];\n    listPosition?: HdsDropdownPositions;\n    width?: string;\n    enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    preserveContentInDom?: boolean;\n    matchToggleWidth?: boolean;\n    onClose?: HdsPopoverPrimitiveSignature['Args']['onClose'];\n    onFocusOut?: HdsPopoverPrimitiveSignature['Args']['onFocusOut'];\n    boundary?: HdsAnchoredPositionOptions['boundary'];\n  };\n  Blocks: {\n    default: [\n      {\n        Footer?: typeof HdsDropdownFooter;\n        Header?: typeof HdsDropdownHeader;\n        Checkbox?: typeof HdsDropdownListItemCheckbox;\n        Checkmark?: typeof HdsDropdownListItemCheckmark;\n        CopyItem?: typeof HdsDropdownListItemCopyItem;\n        Description?: typeof HdsDropdownListItemDescription;\n        Generic?: typeof HdsDropdownListItemGeneric;\n        Interactive?: typeof HdsDropdownListItemInteractive;\n        Radio?: typeof HdsDropdownListItemRadio;\n        Separator?: typeof HdsDropdownListItemSeparator;\n        Title?: typeof HdsDropdownListItemTitle;\n        ToggleButton?: WithBoundArgs<\n          typeof HdsDropdownToggleButton,\n          'isOpen' | 'setupPrimitiveToggle'\n        >;\n        ToggleIcon?: WithBoundArgs<\n          typeof HdsDropdownToggleIcon,\n          'isOpen' | 'setupPrimitiveToggle'\n        >;\n        close: (event?: Event) => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsDropdown extends Component<HdsDropdownSignature> {\n  get listPosition(): HdsDropdownPositions {\n    const { listPosition = DEFAULT_POSITION } = this.args;\n\n    assert(\n      `@listPosition for \"Hds::Dropdown::Index\" must be one of the following: ${POSITIONS.join(\n        ', '\n      )}; received: ${listPosition}`,\n      POSITIONS.includes(listPosition)\n    );\n\n    return listPosition;\n  }\n\n  get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'] {\n    return this.args.enableCollisionDetection ?? false;\n  }\n\n  get matchToggleWidth(): HdsAnchoredPositionOptions['matchToggleWidth'] {\n    return this.args.matchToggleWidth ?? false;\n  }\n\n  get anchoredPositionOptions(): {\n    placement: HdsAnchoredPositionOptions['placement'];\n    offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    matchToggleWidth: HdsAnchoredPositionOptions['matchToggleWidth'];\n    boundary: HdsAnchoredPositionOptions['boundary'];\n  } {\n    // custom options specific for the `RichTooltip` component\n    // for details see the `hds-anchored-position` modifier\n    return {\n      placement: HdsDropdownPositionToPlacementValues[this.listPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: this.enableCollisionDetection ? 'flip' : false,\n      matchToggleWidth: this.matchToggleWidth,\n      boundary: this.args.boundary,\n    };\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown'];\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-dropdown--is-inline');\n    }\n\n    return classes.join(' ');\n  }\n\n  get classNamesContent(): string {\n    const classes = ['hds-dropdown__content'];\n\n    // add a class based on the @listPosition argument\n    // TODO: we preserved these classes to avoid introducing breaking changes for consumers who rely on these classes for tests, but we aim to remove them in the next major release\n    // context: https://github.com/hashicorp/design-system/pull/2309#discussion_r1706941892\n    classes.push(`hds-dropdown__content--position-${this.listPosition}`);\n\n    // add a class based on the @width or @matchToggleWidth arguments\n    if (this.args.width || this.args.matchToggleWidth) {\n      classes.push('hds-dropdown__content--fixed-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  didInsertList = (element: HTMLUListElement): void => {\n    const checkmarkItems = element.querySelectorAll(`[role=\"option\"]`);\n    if (checkmarkItems.length) {\n      const toggleButtonId = element\n        .closest('.hds-dropdown')\n        ?.querySelector('.hds-dropdown-toggle-button')\n        ?.getAttribute('id');\n\n      element.setAttribute('role', 'listbox');\n\n      if (toggleButtonId) {\n        element.setAttribute('aria-labelledby', toggleButtonId);\n      }\n    }\n  };\n\n  <template>\n    <HdsPopoverPrimitive\n      @isOpen={{@isOpen}}\n      @onClose={{@onClose}}\n      @onFocusOut={{@onFocusOut}}\n      @boundary={{@boundary}}\n      @enableClickEvents={{true}}\n      as |PP|\n    >\n      <div\n        class={{this.classNames}}\n        ...attributes\n        {{PP.setupPrimitiveContainer}}\n      >\n        {{yield\n          (hash\n            ToggleButton=(component\n              HdsDropdownToggleButton\n              isOpen=PP.isOpen\n              setupPrimitiveToggle=PP.setupPrimitiveToggle\n            )\n            ToggleIcon=(component\n              HdsDropdownToggleIcon\n              isOpen=PP.isOpen\n              setupPrimitiveToggle=PP.setupPrimitiveToggle\n            )\n            close=PP.hidePopover\n          )\n        }}\n        <div\n          tabindex=\"-1\"\n          class={{this.classNamesContent}}\n          {{style width=@width max-height=@height}}\n          {{PP.setupPrimitivePopover\n            anchoredPositionOptions=this.anchoredPositionOptions\n          }}\n        >\n          {{#if (or PP.isOpen @preserveContentInDom)}}\n            {{yield (hash Header=HdsDropdownHeader close=PP.hidePopover)}}\n            <ul class=\"hds-dropdown__list\" {{didInsert this.didInsertList}}>\n              {{yield\n                (hash\n                  close=PP.hidePopover\n                  Checkbox=HdsDropdownListItemCheckbox\n                  Checkmark=HdsDropdownListItemCheckmark\n                  CopyItem=HdsDropdownListItemCopyItem\n                  Description=HdsDropdownListItemDescription\n                  Generic=HdsDropdownListItemGeneric\n                  Interactive=HdsDropdownListItemInteractive\n                  Radio=HdsDropdownListItemRadio\n                  Separator=HdsDropdownListItemSeparator\n                  Title=HdsDropdownListItemTitle\n                )\n              }}\n            </ul>\n            {{yield (hash close=PP.hidePopover Footer=HdsDropdownFooter)}}\n          {{/if}}\n        </div>\n      </div>\n    </HdsPopoverPrimitive>\n  </template>\n}\n"],"names":["DEFAULT_POSITION","HdsDropdownPositionValues","BottomRight","POSITIONS","Object","values","HdsDropdown","Component","listPosition","args","assert","join","includes","enableCollisionDetection","matchToggleWidth","anchoredPositionOptions","placement","HdsDropdownPositionToPlacementValues","offsetOptions","boundary","classNames","classes","isInline","push","classNamesContent","width","didInsertList","element","checkmarkItems","querySelectorAll","length","toggleButtonId","closest","querySelector","getAttribute","setAttribute","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","hash","HdsDropdownToggleButton","HdsDropdownToggleIcon","style","or","HdsDropdownHeader","didInsert","HdsDropdownListItemCheckbox","HdsDropdownListItemCheckmark","HdsDropdownListItemCopyItem","HdsDropdownListItemDescription","HdsDropdownListItemGeneric","HdsDropdownListItemInteractive","HdsDropdownListItemRadio","HdsDropdownListItemSeparator","HdsDropdownListItemTitle","HdsDropdownFooter"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/dropdown/index.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 { hash } from '@ember/helper';\nimport { or } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport {\n  HdsDropdownPositionToPlacementValues,\n  HdsDropdownPositionValues,\n} from './types.ts';\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsDropdownToggleButton from './toggle/button.gts';\nimport HdsDropdownToggleIcon from './toggle/icon.gts';\nimport HdsDropdownHeader from './header.gts';\nimport HdsDropdownListItemCheckbox from './list-item/checkbox.gts';\nimport HdsDropdownListItemCheckmark from './list-item/checkmark.gts';\nimport HdsDropdownListItemCopyItem from './list-item/copy-item.gts';\nimport HdsDropdownListItemDescription from './list-item/description.gts';\nimport HdsDropdownListItemGeneric from './list-item/generic.gts';\nimport HdsDropdownListItemInteractive from './list-item/interactive.gts';\nimport HdsDropdownListItemRadio from './list-item/radio.gts';\nimport HdsDropdownListItemSeparator from './list-item/separator.gts';\nimport HdsDropdownListItemTitle from './list-item/title.gts';\nimport HdsDropdownFooter from './footer.gts';\n\nimport type { HdsPopoverPrimitiveSignature } from '../popover-primitive/index.gts';\nimport type { HdsDropdownPositions } from './types.ts';\nimport type { HdsAnchoredPositionOptions } from '../../../modifiers/hds-anchored-position.ts';\n\nexport const DEFAULT_POSITION = HdsDropdownPositionValues.BottomRight;\nexport const POSITIONS: HdsDropdownPositions[] = Object.values(\n  HdsDropdownPositionValues\n);\n\nexport interface HdsDropdownSignature {\n  Args: {\n    height?: string;\n    isInline?: boolean;\n    isOpen?: HdsPopoverPrimitiveSignature['Args']['isOpen'];\n    listPosition?: HdsDropdownPositions;\n    width?: string;\n    enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    preserveContentInDom?: boolean;\n    matchToggleWidth?: boolean;\n    onClose?: HdsPopoverPrimitiveSignature['Args']['onClose'];\n    onFocusOut?: HdsPopoverPrimitiveSignature['Args']['onFocusOut'];\n    boundary?: HdsAnchoredPositionOptions['boundary'];\n  };\n  Blocks: {\n    default: [\n      {\n        Footer?: typeof HdsDropdownFooter;\n        Header?: typeof HdsDropdownHeader;\n        Checkbox?: typeof HdsDropdownListItemCheckbox;\n        Checkmark?: typeof HdsDropdownListItemCheckmark;\n        CopyItem?: typeof HdsDropdownListItemCopyItem;\n        Description?: typeof HdsDropdownListItemDescription;\n        Generic?: typeof HdsDropdownListItemGeneric;\n        Interactive?: typeof HdsDropdownListItemInteractive;\n        Radio?: typeof HdsDropdownListItemRadio;\n        Separator?: typeof HdsDropdownListItemSeparator;\n        Title?: typeof HdsDropdownListItemTitle;\n        ToggleButton?: WithBoundArgs<\n          typeof HdsDropdownToggleButton,\n          'isOpen' | 'setupPrimitiveToggle'\n        >;\n        ToggleIcon?: WithBoundArgs<\n          typeof HdsDropdownToggleIcon,\n          'isOpen' | 'setupPrimitiveToggle'\n        >;\n        close: (event?: Event) => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsDropdown extends Component<HdsDropdownSignature> {\n  get listPosition(): HdsDropdownPositions {\n    const { listPosition = DEFAULT_POSITION } = this.args;\n\n    assert(\n      `@listPosition for \"Hds::Dropdown::Index\" must be one of the following: ${POSITIONS.join(\n        ', '\n      )}; received: ${listPosition}`,\n      POSITIONS.includes(listPosition)\n    );\n\n    return listPosition;\n  }\n\n  get enableCollisionDetection(): HdsAnchoredPositionOptions['enableCollisionDetection'] {\n    return this.args.enableCollisionDetection ?? false;\n  }\n\n  get matchToggleWidth(): HdsAnchoredPositionOptions['matchToggleWidth'] {\n    return this.args.matchToggleWidth ?? false;\n  }\n\n  get anchoredPositionOptions(): {\n    placement: HdsAnchoredPositionOptions['placement'];\n    offsetOptions: HdsAnchoredPositionOptions['offsetOptions'];\n    enableCollisionDetection: HdsAnchoredPositionOptions['enableCollisionDetection'];\n    matchToggleWidth: HdsAnchoredPositionOptions['matchToggleWidth'];\n    boundary: HdsAnchoredPositionOptions['boundary'];\n  } {\n    // custom options specific for the `RichTooltip` component\n    // for details see the `hds-anchored-position` modifier\n    return {\n      placement: HdsDropdownPositionToPlacementValues[this.listPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: this.enableCollisionDetection ? 'flip' : false,\n      matchToggleWidth: this.matchToggleWidth,\n      boundary: this.args.boundary,\n    };\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown'];\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-dropdown--is-inline');\n    }\n\n    return classes.join(' ');\n  }\n\n  get classNamesContent(): string {\n    const classes = ['hds-dropdown__content'];\n\n    // add a class based on the @listPosition argument\n    // TODO: we preserved these classes to avoid introducing breaking changes for consumers who rely on these classes for tests, but we aim to remove them in the next major release\n    // context: https://github.com/hashicorp/design-system/pull/2309#discussion_r1706941892\n    classes.push(`hds-dropdown__content--position-${this.listPosition}`);\n\n    // add a class based on the @width or @matchToggleWidth arguments\n    if (this.args.width || this.args.matchToggleWidth) {\n      classes.push('hds-dropdown__content--fixed-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  didInsertList = (element: HTMLUListElement): void => {\n    const checkmarkItems = element.querySelectorAll(`[role=\"option\"]`);\n    if (checkmarkItems.length) {\n      const toggleButtonId = element\n        .closest('.hds-dropdown')\n        ?.querySelector('.hds-dropdown-toggle-button')\n        ?.getAttribute('id');\n\n      element.setAttribute('role', 'listbox');\n\n      if (toggleButtonId) {\n        element.setAttribute('aria-labelledby', toggleButtonId);\n      }\n    }\n  };\n\n  <template>\n    <HdsPopoverPrimitive\n      @isOpen={{@isOpen}}\n      @onClose={{@onClose}}\n      @onFocusOut={{@onFocusOut}}\n      @boundary={{@boundary}}\n      @enableClickEvents={{true}}\n      as |PP|\n    >\n      <div\n        class={{this.classNames}}\n        ...attributes\n        {{PP.setupPrimitiveContainer}}\n      >\n        {{yield\n          (hash\n            ToggleButton=(component\n              HdsDropdownToggleButton\n              isOpen=PP.isOpen\n              setupPrimitiveToggle=PP.setupPrimitiveToggle\n            )\n            ToggleIcon=(component\n              HdsDropdownToggleIcon\n              isOpen=PP.isOpen\n              setupPrimitiveToggle=PP.setupPrimitiveToggle\n            )\n            close=PP.hidePopover\n          )\n        }}\n        <div\n          tabindex=\"-1\"\n          class={{this.classNamesContent}}\n          {{style width=@width max-height=@height}}\n          {{PP.setupPrimitivePopover\n            anchoredPositionOptions=this.anchoredPositionOptions\n          }}\n        >\n          {{#if (or PP.isOpen @preserveContentInDom)}}\n            {{yield (hash Header=HdsDropdownHeader close=PP.hidePopover)}}\n            <ul class=\"hds-dropdown__list\" {{didInsert this.didInsertList}}>\n              {{yield\n                (hash\n                  close=PP.hidePopover\n                  Checkbox=HdsDropdownListItemCheckbox\n                  Checkmark=HdsDropdownListItemCheckmark\n                  CopyItem=HdsDropdownListItemCopyItem\n                  Description=HdsDropdownListItemDescription\n                  Generic=HdsDropdownListItemGeneric\n                  Interactive=HdsDropdownListItemInteractive\n                  Radio=HdsDropdownListItemRadio\n                  Separator=HdsDropdownListItemSeparator\n                  Title=HdsDropdownListItemTitle\n                )\n              }}\n            </ul>\n            {{yield (hash close=PP.hidePopover Footer=HdsDropdownFooter)}}\n          {{/if}}\n        </div>\n      </div>\n    </HdsPopoverPrimitive>\n  </template>\n}\n"],"names":["DEFAULT_POSITION","HdsDropdownPositionValues","BottomRight","POSITIONS","Object","values","HdsDropdown","Component","listPosition","args","assert","join","includes","enableCollisionDetection","matchToggleWidth","anchoredPositionOptions","placement","HdsDropdownPositionToPlacementValues","offsetOptions","boundary","classNames","classes","isInline","push","classNamesContent","width","didInsertList","element","checkmarkItems","querySelectorAll","length","toggleButtonId","closest","querySelector","getAttribute","setAttribute","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","hash","HdsDropdownToggleButton","HdsDropdownToggleIcon","style","or","HdsDropdownHeader","didInsert","HdsDropdownListItemCheckbox","HdsDropdownListItemCheckmark","HdsDropdownListItemCopyItem","HdsDropdownListItemDescription","HdsDropdownListItemGeneric","HdsDropdownListItemInteractive","HdsDropdownListItemRadio","HdsDropdownListItemSeparator","HdsDropdownListItemTitle","HdsDropdownFooter"],"mappings":"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"}

package/dist/components/hds/dropdown/list-item/checkbox.js

@@ -7,7 +7,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 HdsDropdownListItemCheckbox extends Component {

package/dist/components/hds/dropdown/list-item/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkbox.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormCheckboxBase from '../../form/checkbox/base.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../../form/checkbox/base.gts';\n\nexport interface HdsDropdownListItemCheckboxSignature {\n  Args: HdsFormCheckboxBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormCheckboxBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckbox extends Component<HdsDropdownListItemCheckboxSignature> {\n  get id(): string {\n    return getElementId(this);\n  }\n\n  <template>\n    <li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-checkbox\">\n      <label\n        class=\"hds-dropdown-list-item__label hds-typography-body-200\"\n        for={{this.id}}\n      >\n        <HdsFormCheckboxBase\n          class=\"hds-dropdown-list-item__control\"\n          id={{this.id}}\n          @value={{@value}}\n          ...attributes\n        />\n        {{#if @icon}}\n          <span class=\"hds-dropdown-list-item__icon\">\n            <HdsIcon @name={{@icon}} />\n          </span>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__text-content\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            class=\"hds-dropdown-list-item__count\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n      </label>\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemCheckbox","Component","id","getElementId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormCheckboxBase","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,oCAAoCC,SAAA,CAAU;EACjE,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0uBAAA,EAiCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkbox.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormCheckboxBase from '../../form/checkbox/base.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../../form/checkbox/base.gts';\n\nexport interface HdsDropdownListItemCheckboxSignature {\n  Args: HdsFormCheckboxBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormCheckboxBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckbox extends Component<HdsDropdownListItemCheckboxSignature> {\n  get id(): string {\n    return getElementId(this);\n  }\n\n  <template>\n    <li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-checkbox\">\n      <label\n        class=\"hds-dropdown-list-item__label hds-typography-body-200\"\n        for={{this.id}}\n      >\n        <HdsFormCheckboxBase\n          class=\"hds-dropdown-list-item__control\"\n          id={{this.id}}\n          @value={{@value}}\n          ...attributes\n        />\n        {{#if @icon}}\n          <span class=\"hds-dropdown-list-item__icon\">\n            <HdsIcon @name={{@icon}} />\n          </span>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__text-content\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            class=\"hds-dropdown-list-item__count\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n      </label>\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemCheckbox","Component","id","getElementId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormCheckboxBase","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,oCAAoCC,SAAA,CAAU;EACjE,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0uBAAA,EAiCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/checkmark.js

@@ -9,7 +9,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 HdsDropdownListItemCheckmark extends Component {

package/dist/components/hds/dropdown/list-item/checkmark.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkmark.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkmark.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { array } from '@ember/helper';\n\nimport { hdsLinkToModels } from '../../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../../helpers/hds-link-to-query.ts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsInteractive from '../../interactive/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsDropdownListItemCheckmarkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    selected?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckmark extends Component<HdsDropdownListItemCheckmarkSignature> {\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--color-action',\n      'hds-dropdown-list-item--variant-checkmark',\n    ];\n\n    // add a class based on the @selected argument\n    if (this.args.selected) {\n      classes.push('hds-dropdown-list-item--variant-checkmark-selected');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! template-lint-disable no-invalid-role require-context-role require-presentational-children }}\n    <li class={{this.classNames}} role=\"none\">\n      <HdsInteractive\n        @current-when={{@current-when}}\n        @models={{hdsLinkToModels (array @model @models)}}\n        @query={{hdsLinkToQuery (array @query)}}\n        @replace={{@replace}}\n        @route={{@route}}\n        @isRouteExternal={{@isRouteExternal}}\n        @href={{@href}}\n        @isHrefExternal={{@isHrefExternal}}\n        class=\"hds-dropdown-list-item__interactive\"\n        ...attributes\n        role=\"option\"\n        aria-selected={{if @selected \"true\" \"false\"}}\n      >\n        {{#if @icon}}\n          <span\n            class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n          >\n            <HdsIcon @name={{@icon}} />\n          </span>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__interactive-text\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            class=\"hds-dropdown-list-item__count\"\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            @color=\"faint\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n        <span class=\"hds-dropdown-list-item__checkmark\">\n          {{#if @selected}}\n            <HdsIcon\n              class=\"hds-dropdown-list-item__checkmark-icon\"\n              @name=\"check\"\n            />\n          {{/if}}\n        </span>\n      </HdsInteractive>\n    </li>\n    {{! template-lint-enable no-invalid-role require-context-role require-presentational-children }}\n  </template>\n}\n"],"names":["HdsDropdownListItemCheckmark","Component","classNames","classes","args","selected","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","hdsLinkToModels","array","hdsLinkToQuery","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;;;AAAA;;;AAGC;AA0Bc,MAAMA,qCAAqCC,SAAA,CAAU;EAClE,IAAIC,UAAAA,GAAqB;IACvB,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,sCAAA,EACA,2CAAA,CACD;AAED;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,oDAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,m3CAAA,EAkDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,KAAA;QAAAC,cAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"checkmark.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkmark.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { array } from '@ember/helper';\n\nimport { hdsLinkToModels } from '../../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../../helpers/hds-link-to-query.ts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsInteractive from '../../interactive/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsDropdownListItemCheckmarkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    selected?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckmark extends Component<HdsDropdownListItemCheckmarkSignature> {\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--color-action',\n      'hds-dropdown-list-item--variant-checkmark',\n    ];\n\n    // add a class based on the @selected argument\n    if (this.args.selected) {\n      classes.push('hds-dropdown-list-item--variant-checkmark-selected');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! template-lint-disable no-invalid-role require-context-role require-presentational-children }}\n    <li class={{this.classNames}} role=\"none\">\n      <HdsInteractive\n        @current-when={{@current-when}}\n        @models={{hdsLinkToModels (array @model @models)}}\n        @query={{hdsLinkToQuery (array @query)}}\n        @replace={{@replace}}\n        @route={{@route}}\n        @isRouteExternal={{@isRouteExternal}}\n        @href={{@href}}\n        @isHrefExternal={{@isHrefExternal}}\n        class=\"hds-dropdown-list-item__interactive\"\n        ...attributes\n        role=\"option\"\n        aria-selected={{if @selected \"true\" \"false\"}}\n      >\n        {{#if @icon}}\n          <span\n            class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n          >\n            <HdsIcon @name={{@icon}} />\n          </span>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__interactive-text\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            class=\"hds-dropdown-list-item__count\"\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            @color=\"faint\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n        <span class=\"hds-dropdown-list-item__checkmark\">\n          {{#if @selected}}\n            <HdsIcon\n              class=\"hds-dropdown-list-item__checkmark-icon\"\n              @name=\"check\"\n            />\n          {{/if}}\n        </span>\n      </HdsInteractive>\n    </li>\n    {{! template-lint-enable no-invalid-role require-context-role require-presentational-children }}\n  </template>\n}\n"],"names":["HdsDropdownListItemCheckmark","Component","classNames","classes","args","selected","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","hdsLinkToModels","array","hdsLinkToQuery","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;;;AAAA;;;AAGC;AA0Bc,MAAMA,qCAAqCC,SAAA,CAAU;EAClE,IAAIC,UAAAA,GAAqB;IACvB,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,sCAAA,EACA,2CAAA,CACD;AAED;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,oDAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,m3CAAA,EAkDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,KAAA;QAAAC,cAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/copy-item.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
  */
 class HdsDropdownListItemCopyItem extends Component {

package/dist/components/hds/dropdown/list-item/copy-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-item.js","sources":["../../../../../src/components/hds/dropdown/list-item/copy-item.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';\n\nimport HdsTextBody from '../../text/body.gts';\nimport HdsCopySnippet from '../../copy/snippet/index.gts';\n\nimport type { HdsCopySnippetSignature } from '../../copy/snippet/index.gts';\n\nexport interface HdsDropdownListItemCopyItemSignature {\n  Args: {\n    copyItemTitle?: string;\n    isTruncated?: HdsCopySnippetSignature['Args']['isTruncated'];\n    text: HdsCopySnippetSignature['Args']['textToCopy'];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsDropdownListItemCopyItem extends Component<HdsDropdownListItemCopyItemSignature> {\n  get text(): HdsCopySnippetSignature['Args']['textToCopy'] {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::CopyItem\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get isTruncated(): HdsCopySnippetSignature['Args']['isTruncated'] {\n    const { isTruncated = true } = this.args;\n\n    return isTruncated;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-copy-item',\n    ];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class={{this.classNames}} ...attributes>\n      {{#if @copyItemTitle}}\n        <HdsTextBody\n          class=\"hds-dropdown-list-item__copy-item-title\"\n          @tag=\"div\"\n          @size=\"100\"\n          @weight=\"semibold\"\n          @color=\"faint\"\n        >{{@copyItemTitle}}</HdsTextBody>\n      {{/if}}\n      <HdsCopySnippet\n        @color=\"secondary\"\n        @textToCopy={{this.text}}\n        @isTruncated={{this.isTruncated}}\n      />\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemCopyItem","Component","text","args","assert","undefined","isTruncated","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","HdsCopySnippet"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,oCAAoCC,SAAA,CAAU;EACjE,IAAIC,IAAAA,GAAsD;IACxD,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,yEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,WAAAA,GAA8D;IAChE,MAAM;AAAEA,MAAAA,WAAA,GAAc;KAAM,GAAG,IAAI,CAACH,IAAI;AAExC,IAAA,OAAOG,WAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,2CAAA,CACD;AAED,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uWAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"copy-item.js","sources":["../../../../../src/components/hds/dropdown/list-item/copy-item.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';\n\nimport HdsTextBody from '../../text/body.gts';\nimport HdsCopySnippet from '../../copy/snippet/index.gts';\n\nimport type { HdsCopySnippetSignature } from '../../copy/snippet/index.gts';\n\nexport interface HdsDropdownListItemCopyItemSignature {\n  Args: {\n    copyItemTitle?: string;\n    isTruncated?: HdsCopySnippetSignature['Args']['isTruncated'];\n    text: HdsCopySnippetSignature['Args']['textToCopy'];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsDropdownListItemCopyItem extends Component<HdsDropdownListItemCopyItemSignature> {\n  get text(): HdsCopySnippetSignature['Args']['textToCopy'] {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::CopyItem\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get isTruncated(): HdsCopySnippetSignature['Args']['isTruncated'] {\n    const { isTruncated = true } = this.args;\n\n    return isTruncated;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-copy-item',\n    ];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class={{this.classNames}} ...attributes>\n      {{#if @copyItemTitle}}\n        <HdsTextBody\n          class=\"hds-dropdown-list-item__copy-item-title\"\n          @tag=\"div\"\n          @size=\"100\"\n          @weight=\"semibold\"\n          @color=\"faint\"\n        >{{@copyItemTitle}}</HdsTextBody>\n      {{/if}}\n      <HdsCopySnippet\n        @color=\"secondary\"\n        @textToCopy={{this.text}}\n        @isTruncated={{this.isTruncated}}\n      />\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemCopyItem","Component","text","args","assert","undefined","isTruncated","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","HdsCopySnippet"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,oCAAoCC,SAAA,CAAU;EACjE,IAAIC,IAAAA,GAAsD;IACxD,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,yEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,WAAAA,GAA8D;IAChE,MAAM;AAAEA,MAAAA,WAAA,GAAc;KAAM,GAAG,IAAI,CAACH,IAAI;AAExC,IAAA,OAAOG,WAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,2CAAA,CACD;AAED,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uWAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/description.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 HdsDropdownListItemDescription extends Component {

package/dist/components/hds/dropdown/list-item/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/dropdown/list-item/description.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';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsDropdownListItemDescriptionSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemDescription extends Component<HdsDropdownListItemDescriptionSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Description\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  <template>\n    <HdsTextBody\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\"\n      @tag=\"li\"\n      @size=\"100\"\n      @weight=\"regular\"\n      @color=\"faint\"\n      ...attributes\n    >\n      {{this.text}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsDropdownListItemDescription","Component","text","args","assert","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAgBc,MAAMA,uCAAuCC,SAAA,CAAU;EACpE,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,4EACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,0MAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/dropdown/list-item/description.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';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsDropdownListItemDescriptionSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemDescription extends Component<HdsDropdownListItemDescriptionSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Description\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  <template>\n    <HdsTextBody\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\"\n      @tag=\"li\"\n      @size=\"100\"\n      @weight=\"regular\"\n      @color=\"faint\"\n      ...attributes\n    >\n      {{this.text}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsDropdownListItemDescription","Component","text","args","assert","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAgBc,MAAMA,uCAAuCC,SAAA,CAAU;EACpE,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,4EACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,0MAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/generic.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 HdsDropdownListItemGeneric = setComponentTemplate(precompileTemplate("<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\" ...attributes>\n  {{yield}}\n</li>", {

package/dist/components/hds/dropdown/list-item/generic.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/dropdown/list-item/generic.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 HdsDropdownListItemGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemGeneric: TemplateOnlyComponent<HdsDropdownListItemGenericSignature> =\n  <template>\n    <li\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\"\n      ...attributes\n    >\n      {{yield}}\n    </li>\n  </template>;\n\nexport default HdsDropdownListItemGeneric;\n"],"names":["HdsDropdownListItemGeneric","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,0BAAkD,GAAAC,oBAAA,CACtDC,kBAAA,CAAA,iHAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/dropdown/list-item/generic.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 HdsDropdownListItemGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemGeneric: TemplateOnlyComponent<HdsDropdownListItemGenericSignature> =\n  <template>\n    <li\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\"\n      ...attributes\n    >\n      {{yield}}\n    </li>\n  </template>;\n\nexport default HdsDropdownListItemGeneric;\n"],"names":["HdsDropdownListItemGeneric","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,0BAAkD,GAAAC,oBAAA,CACtDC,kBAAA,CAAA,iHAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/list-item/interactive.js

@@ -12,7 +12,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_COLOR = HdsDropdownListItemInteractiveColorValues.Action;

package/dist/components/hds/dropdown/list-item/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.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 { array, hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { hdsLinkToModels } from '../../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../../helpers/hds-link-to-query.ts';\nimport { HdsDropdownListItemInteractiveColorValues } from './types.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsInteractive from '../../interactive/index.gts';\nimport HdsBadge from '../../badge/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\nimport type { HdsDropdownListItemInteractiveColors } from './types.ts';\n\nexport const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;\nexport const COLORS: HdsDropdownListItemInteractiveColors[] = Object.values(\n  HdsDropdownListItemInteractiveColorValues\n);\n\nexport interface HdsDropdownListItemInteractiveSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsDropdownListItemInteractiveColors;\n    icon?: HdsIconSignature['Args']['name'];\n    isLoading?: boolean;\n    trailingIcon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default?: [\n      {\n        Badge?: WithBoundArgs<typeof HdsBadge, 'size'>;\n      },\n    ];\n  };\n  Element: HTMLDivElement | HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemInteractive extends Component<HdsDropdownListItemInteractiveSignature> {\n  get color(): HdsDropdownListItemInteractiveColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::ListItem::Interactive\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-interactive',\n    ];\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-list-item--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class={{this.classNames}}>\n      {{#if @isLoading}}\n        <div\n          class=\"hds-dropdown-list-item__interactive-loading-wrapper\"\n          ...attributes\n        >\n          <div\n            class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n          >\n            <HdsIcon @name=\"loading\" />\n          </div>\n          <HdsTextBody\n            @tag=\"div\"\n            @size=\"100\"\n            @weight=\"regular\"\n            class=\"hds-dropdown-list-item__interactive-text\"\n          >\n            {{yield (hash Badge=(component HdsBadge size=\"small\"))}}\n          </HdsTextBody>\n        </div>\n      {{else}}\n        <HdsInteractive\n          @current-when={{@current-when}}\n          @models={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @isRouteExternal={{@isRouteExternal}}\n          @href={{@href}}\n          @isHrefExternal={{@isHrefExternal}}\n          ...attributes\n        >\n          {{#if @icon}}\n            <span\n              class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n            >\n              <HdsIcon @name={{@icon}} />\n            </span>\n          {{/if}}\n          <HdsTextBody\n            class=\"hds-dropdown-list-item__interactive-text\"\n            @tag=\"span\"\n            @size=\"200\"\n            @weight=\"medium\"\n          >\n            {{yield (hash Badge=(component HdsBadge size=\"small\"))}}\n          </HdsTextBody>\n          {{#if @trailingIcon}}\n            <span\n              class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\"\n            >\n              <HdsIcon @name={{@trailingIcon}} />\n            </span>\n          {{/if}}\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["DEFAULT_COLOR","HdsDropdownListItemInteractiveColorValues","Action","COLORS","Object","values","HdsDropdownListItemInteractive","Component","color","args","assert","join","includes","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsTextBody","hash","HdsBadge","HdsInteractive","hdsLinkToModels","array","hdsLinkToQuery"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAoBM,MAAMA,aAAA,GAAgBC,yCAAA,CAA0CC;AAChE,MAAMC,MAAQ,GAAyCC,MAAA,CAAOC,MAAM,CACzEJ,yCAAA;AAoBa,MAAMK,uCAAuCC,SAAA,CAAU;EACpE,IAAIC,QAA8C;IAChD,MAAM;AAAEA,MAAAA,KAAA,GAAQR;KAAe,GAAG,IAAI,CAACS,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,gFAAA,EAAmFP,MAAA,CAAOQ,IAAI,CAC5F,IAAA,CAAA,CAAA,YAAA,EACcH,KAAA,CAAA,CAAO,EACvBL,MAAA,CAAOS,QAAQ,CAACJ,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,6CAAA,CACD;AAED;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACP,KAAK,EAAE,CAAA;AAE1D,IAAA,OAAOM,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,4+CAAA,EA0DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,WAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.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 { array, hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { hdsLinkToModels } from '../../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../../helpers/hds-link-to-query.ts';\nimport { HdsDropdownListItemInteractiveColorValues } from './types.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsInteractive from '../../interactive/index.gts';\nimport HdsBadge from '../../badge/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\nimport type { HdsDropdownListItemInteractiveColors } from './types.ts';\n\nexport const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;\nexport const COLORS: HdsDropdownListItemInteractiveColors[] = Object.values(\n  HdsDropdownListItemInteractiveColorValues\n);\n\nexport interface HdsDropdownListItemInteractiveSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsDropdownListItemInteractiveColors;\n    icon?: HdsIconSignature['Args']['name'];\n    isLoading?: boolean;\n    trailingIcon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default?: [\n      {\n        Badge?: WithBoundArgs<typeof HdsBadge, 'size'>;\n      },\n    ];\n  };\n  Element: HTMLDivElement | HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemInteractive extends Component<HdsDropdownListItemInteractiveSignature> {\n  get color(): HdsDropdownListItemInteractiveColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::ListItem::Interactive\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-interactive',\n    ];\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-list-item--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class={{this.classNames}}>\n      {{#if @isLoading}}\n        <div\n          class=\"hds-dropdown-list-item__interactive-loading-wrapper\"\n          ...attributes\n        >\n          <div\n            class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n          >\n            <HdsIcon @name=\"loading\" />\n          </div>\n          <HdsTextBody\n            @tag=\"div\"\n            @size=\"100\"\n            @weight=\"regular\"\n            class=\"hds-dropdown-list-item__interactive-text\"\n          >\n            {{yield (hash Badge=(component HdsBadge size=\"small\"))}}\n          </HdsTextBody>\n        </div>\n      {{else}}\n        <HdsInteractive\n          @current-when={{@current-when}}\n          @models={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @isRouteExternal={{@isRouteExternal}}\n          @href={{@href}}\n          @isHrefExternal={{@isHrefExternal}}\n          ...attributes\n        >\n          {{#if @icon}}\n            <span\n              class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\"\n            >\n              <HdsIcon @name={{@icon}} />\n            </span>\n          {{/if}}\n          <HdsTextBody\n            class=\"hds-dropdown-list-item__interactive-text\"\n            @tag=\"span\"\n            @size=\"200\"\n            @weight=\"medium\"\n          >\n            {{yield (hash Badge=(component HdsBadge size=\"small\"))}}\n          </HdsTextBody>\n          {{#if @trailingIcon}}\n            <span\n              class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\"\n            >\n              <HdsIcon @name={{@trailingIcon}} />\n            </span>\n          {{/if}}\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["DEFAULT_COLOR","HdsDropdownListItemInteractiveColorValues","Action","COLORS","Object","values","HdsDropdownListItemInteractive","Component","color","args","assert","join","includes","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsTextBody","hash","HdsBadge","HdsInteractive","hdsLinkToModels","array","hdsLinkToQuery"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAoBM,MAAMA,aAAA,GAAgBC,yCAAA,CAA0CC;AAChE,MAAMC,MAAQ,GAAyCC,MAAA,CAAOC,MAAM,CACzEJ,yCAAA;AAoBa,MAAMK,uCAAuCC,SAAA,CAAU;EACpE,IAAIC,QAA8C;IAChD,MAAM;AAAEA,MAAAA,KAAA,GAAQR;KAAe,GAAG,IAAI,CAACS,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,gFAAA,EAAmFP,MAAA,CAAOQ,IAAI,CAC5F,IAAA,CAAA,CAAA,YAAA,EACcH,KAAA,CAAA,CAAO,EACvBL,MAAA,CAAOS,QAAQ,CAACJ,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,wBAAA,EACA,6CAAA,CACD;AAED;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACP,KAAK,EAAE,CAAA;AAE1D,IAAA,OAAOM,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,4+CAAA,EA0DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,WAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,KAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/radio.js

@@ -7,7 +7,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 HdsDropdownListItemRadio extends Component {

package/dist/components/hds/dropdown/list-item/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormRadioBase from '../../form/radio/base.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsFormRadioBaseSignature } from '../../form/radio/base.gts';\n\nexport interface HdsDropdownListItemRadioSignature {\n  Args: HdsFormRadioBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemRadio extends Component<HdsDropdownListItemRadioSignature> {\n  get id(): string {\n    return getElementId(this);\n  }\n\n  <template>\n    <li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\">\n      <label\n        class=\"hds-dropdown-list-item__label hds-typography-body-200\"\n        for={{this.id}}\n      >\n        <HdsFormRadioBase\n          class=\"hds-dropdown-list-item__control\"\n          id={{this.id}}\n          @value={{@value}}\n          ...attributes\n        />\n        {{#if @icon}}\n          <div class=\"hds-dropdown-list-item__icon\">\n            <HdsIcon @name={{@icon}} />\n          </div>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__text-content\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            class=\"hds-dropdown-list-item__count\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n      </label>\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemRadio","Component","id","getElementId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormRadioBase","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,iCAAiCC,SAAA,CAAU;EAC9D,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kuBAAA,EAiCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,gBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormRadioBase from '../../form/radio/base.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsFormRadioBaseSignature } from '../../form/radio/base.gts';\n\nexport interface HdsDropdownListItemRadioSignature {\n  Args: HdsFormRadioBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemRadio extends Component<HdsDropdownListItemRadioSignature> {\n  get id(): string {\n    return getElementId(this);\n  }\n\n  <template>\n    <li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\">\n      <label\n        class=\"hds-dropdown-list-item__label hds-typography-body-200\"\n        for={{this.id}}\n      >\n        <HdsFormRadioBase\n          class=\"hds-dropdown-list-item__control\"\n          id={{this.id}}\n          @value={{@value}}\n          ...attributes\n        />\n        {{#if @icon}}\n          <div class=\"hds-dropdown-list-item__icon\">\n            <HdsIcon @name={{@icon}} />\n          </div>\n        {{/if}}\n        <HdsTextBody\n          @tag=\"span\"\n          @size=\"200\"\n          @weight=\"medium\"\n          class=\"hds-dropdown-list-item__text-content\"\n        >{{yield}}</HdsTextBody>\n        {{#if @count}}\n          <HdsTextBody\n            @tag=\"span\"\n            @size=\"100\"\n            @weight=\"medium\"\n            class=\"hds-dropdown-list-item__count\"\n          >{{@count}}</HdsTextBody>\n        {{/if}}\n      </label>\n    </li>\n  </template>\n}\n"],"names":["HdsDropdownListItemRadio","Component","id","getElementId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormRadioBase","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,iCAAiCC,SAAA,CAAU;EAC9D,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kuBAAA,EAiCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,gBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/list-item/separator.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 HdsDropdownListItemSeparator = setComponentTemplate(precompileTemplate("<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\" aria-hidden=\"true\" role=\"separator\" ...attributes></li>", {

package/dist/components/hds/dropdown/list-item/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.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 HdsDropdownListItemSeparatorSignature {\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemSeparator: TemplateOnlyComponent<HdsDropdownListItemSeparatorSignature> =\n  <template>\n    <li\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n      aria-hidden=\"true\"\n      role=\"separator\"\n      ...attributes\n    ></li>\n  </template>;\n\nexport default HdsDropdownListItemSeparator;\n"],"names":["HdsDropdownListItemSeparator","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAQD,MAAMA,4BAAoD,GAAAC,oBAAA,CACxDC,kBAAA,CAAA,4IAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.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 HdsDropdownListItemSeparatorSignature {\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemSeparator: TemplateOnlyComponent<HdsDropdownListItemSeparatorSignature> =\n  <template>\n    <li\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n      aria-hidden=\"true\"\n      role=\"separator\"\n      ...attributes\n    ></li>\n  </template>;\n\nexport default HdsDropdownListItemSeparator;\n"],"names":["HdsDropdownListItemSeparator","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAQD,MAAMA,4BAAoD,GAAAC,oBAAA,CACxDC,kBAAA,CAAA,4IAAA,EAOA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/list-item/title.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 HdsDropdownListItemTitle extends Component {

package/dist/components/hds/dropdown/list-item/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.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';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsDropdownListItemTitleSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemTitle extends Component<HdsDropdownListItemTitleSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  <template>\n    <HdsTextBody\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n      @tag=\"li\"\n      @size=\"100\"\n      @weight=\"semibold\"\n      @color=\"strong\"\n      ...attributes\n    >\n      {{this.text}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsDropdownListItemTitle","Component","text","args","assert","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAgBc,MAAMA,iCAAiCC,SAAA,CAAU;EAC9D,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,sEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,sMAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.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';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsDropdownListItemTitleSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemTitle extends Component<HdsDropdownListItemTitleSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  <template>\n    <HdsTextBody\n      class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n      @tag=\"li\"\n      @size=\"100\"\n      @weight=\"semibold\"\n      @color=\"strong\"\n      ...attributes\n    >\n      {{this.text}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsDropdownListItemTitle","Component","text","args","assert","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;AAAA;;;AAGC;AAgBc,MAAMA,iCAAiCC,SAAA,CAAU;EAC9D,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,sEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,sMAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/toggle/button.js

@@ -10,7 +10,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_SIZE = HdsDropdownToggleButtonSizeValues.Medium;

package/dist/components/hds/dropdown/toggle/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.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 { guidFor } from '@ember/object/internals';\n\nimport type { ModifierLike } from '@glint/template';\n\nimport {\n  HdsDropdownToggleButtonSizeValues,\n  HdsDropdownToggleButtonColorValues,\n} from './types.ts';\nimport HdsBadge from '../../badge/index.gts';\nimport HdsBadgeCount from '../../badge-count/index.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsDropdownToggleChevron from '../toggle/chevron.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\nimport type { HdsBadgeCountSignature } from '../../badge-count/index.gts';\nimport type {\n  HdsDropdownToggleButtonSizes,\n  HdsDropdownToggleButtonColors,\n} from './types.ts';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.gts';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;\nexport const SIZES: HdsDropdownToggleButtonSizes[] = Object.values(\n  HdsDropdownToggleButtonSizeValues\n);\nexport const COLORS: HdsDropdownToggleButtonColors[] = Object.values(\n  HdsDropdownToggleButtonColorValues\n);\n\nexport interface HdsDropdownToggleButtonSignature {\n  Args: {\n    badge?: HdsBadgeSignature['Args']['text'];\n    badgeIcon?: HdsBadgeSignature['Args']['icon'];\n    color?: HdsDropdownToggleButtonColors;\n    count?: HdsBadgeCountSignature['Args']['text'];\n    icon?: HdsIconSignature['Args']['name'];\n    isFullWidth?: boolean;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleButtonSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleButton extends Component<HdsDropdownToggleButtonSignature> {\n  private _toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsDropdownToggleButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsDropdownToggleButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  get badgeType(): HdsBadgeCountSignature['Args']['type'] {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      class={{this.classNames}}\n      id={{this._toggleButtonId}}\n      ...attributes\n      type=\"button\"\n      aria-expanded={{if @isOpen \"true\" \"false\"}}\n      {{@setupPrimitiveToggle}}\n    >\n      {{#if @icon}}\n        <div class=\"hds-dropdown-toggle-button__icon\">\n          <HdsIcon @name={{@icon}} @stretched={{true}} />\n        </div>\n      {{/if}}\n      <div class=\"hds-dropdown-toggle-button__text\">\n        {{this.text}}\n      </div>\n      {{#if @count}}\n        <HdsBadgeCount\n          @text={{@count}}\n          @size=\"small\"\n          @type={{this.badgeType}}\n          class=\"hds-dropdown-toggle-button__count\"\n        />\n      {{/if}}\n      {{#if @badge}}\n        <HdsBadge\n          @text={{@badge}}\n          @icon={{@badgeIcon}}\n          @size=\"small\"\n          @type={{this.badgeType}}\n          class=\"hds-dropdown-toggle-button__badge\"\n        />\n      {{/if}}\n      <HdsDropdownToggleChevron />\n    </button>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleButtonSizeValues","Medium","DEFAULT_COLOR","HdsDropdownToggleButtonColorValues","Primary","SIZES","Object","values","COLORS","HdsDropdownToggleButton","Component","_toggleButtonId","guidFor","text","args","assert","undefined","size","join","includes","color","isFullWidth","badgeType","classNames","classes","push","isOpen","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsBadgeCount","HdsBadge","HdsDropdownToggleChevron"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AA0BM,MAAMA,YAAA,GAAeC,iCAAA,CAAkCC;AACvD,MAAMC,aAAA,GAAgBC,kCAAA,CAAmCC;AACzD,MAAMC,KAAO,GAAiCC,MAAA,CAAOC,MAAM,CAChEP,iCAAA;AAEK,MAAMQ,MAAQ,GAAkCF,MAAA,CAAOC,MAAM,CAClEJ,kCAAA;AAmBa,MAAMM,gCAAgCC,SAAA,CAAU;AACrDC,EAAAA,eAAA,GAAkB,gBAAA,GAAmBC,OAAA,CAAQ,IAAI,CAAA;EAEzD,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,qEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,OAAqC;IACvC,MAAM;AAAEA,MAAAA,IAAA,GAAOlB;KAAc,GAAG,IAAI,CAACe,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,wEAAA,EAA2EV,KAAA,CAAMa,IAAI,CACnF,IAAA,CAAA,CAAA,YAAA,EACcD,IAAA,CAAA,CAAM,EACtBZ,KAAA,CAAMc,QAAQ,CAACF,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIG,QAAuC;IACzC,MAAM;AAAEA,MAAAA,KAAA,GAAQlB;KAAe,GAAG,IAAI,CAACY,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,yEAAA,EAA4EP,MAAA,CAAOU,IAAI,CACrF,IAAA,CAAA,CAAA,YAAA,EACcE,KAAA,CAAA,CAAO,EACvBZ,MAAA,CAAOW,QAAQ,CAACC,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,WAAAA,GAAuB;AACzB,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAI,KAAA;AAClC,EAAA;EAEA,IAAIC,SAAAA,GAAoD;IACtD,OAAO,IAAI,CAACF,KAAK,KAAK,YAAY,UAAA,GAAa,QAAA;AACjD,EAAA;EAEA,IAAIG,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAACR,IAAI,EAAE,CAAA;AAE5D;IACAO,OAAA,CAAQC,IAAI,CAAC,CAAA,kCAAA,EAAqC,IAAI,CAACL,KAAK,EAAE,CAAA;AAE9D;IACA,IAAI,IAAI,CAACC,WAAW,EAAE;AACpBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,wCAAA,CAAA;AACf,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,MAAM,EAAE;AACpBF,MAAAA,OAAA,CAAQC,IAAI,CAAC,qCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQN,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,6vBAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,aAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.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 { guidFor } from '@ember/object/internals';\n\nimport type { ModifierLike } from '@glint/template';\n\nimport {\n  HdsDropdownToggleButtonSizeValues,\n  HdsDropdownToggleButtonColorValues,\n} from './types.ts';\nimport HdsBadge from '../../badge/index.gts';\nimport HdsBadgeCount from '../../badge-count/index.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsDropdownToggleChevron from '../toggle/chevron.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\nimport type { HdsBadgeCountSignature } from '../../badge-count/index.gts';\nimport type {\n  HdsDropdownToggleButtonSizes,\n  HdsDropdownToggleButtonColors,\n} from './types.ts';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.gts';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;\nexport const SIZES: HdsDropdownToggleButtonSizes[] = Object.values(\n  HdsDropdownToggleButtonSizeValues\n);\nexport const COLORS: HdsDropdownToggleButtonColors[] = Object.values(\n  HdsDropdownToggleButtonColorValues\n);\n\nexport interface HdsDropdownToggleButtonSignature {\n  Args: {\n    badge?: HdsBadgeSignature['Args']['text'];\n    badgeIcon?: HdsBadgeSignature['Args']['icon'];\n    color?: HdsDropdownToggleButtonColors;\n    count?: HdsBadgeCountSignature['Args']['text'];\n    icon?: HdsIconSignature['Args']['name'];\n    isFullWidth?: boolean;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleButtonSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleButton extends Component<HdsDropdownToggleButtonSignature> {\n  private _toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsDropdownToggleButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsDropdownToggleButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  get badgeType(): HdsBadgeCountSignature['Args']['type'] {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      class={{this.classNames}}\n      id={{this._toggleButtonId}}\n      ...attributes\n      type=\"button\"\n      aria-expanded={{if @isOpen \"true\" \"false\"}}\n      {{@setupPrimitiveToggle}}\n    >\n      {{#if @icon}}\n        <div class=\"hds-dropdown-toggle-button__icon\">\n          <HdsIcon @name={{@icon}} @stretched={{true}} />\n        </div>\n      {{/if}}\n      <div class=\"hds-dropdown-toggle-button__text\">\n        {{this.text}}\n      </div>\n      {{#if @count}}\n        <HdsBadgeCount\n          @text={{@count}}\n          @size=\"small\"\n          @type={{this.badgeType}}\n          class=\"hds-dropdown-toggle-button__count\"\n        />\n      {{/if}}\n      {{#if @badge}}\n        <HdsBadge\n          @text={{@badge}}\n          @icon={{@badgeIcon}}\n          @size=\"small\"\n          @type={{this.badgeType}}\n          class=\"hds-dropdown-toggle-button__badge\"\n        />\n      {{/if}}\n      <HdsDropdownToggleChevron />\n    </button>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleButtonSizeValues","Medium","DEFAULT_COLOR","HdsDropdownToggleButtonColorValues","Primary","SIZES","Object","values","COLORS","HdsDropdownToggleButton","Component","_toggleButtonId","guidFor","text","args","assert","undefined","size","join","includes","color","isFullWidth","badgeType","classNames","classes","push","isOpen","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsBadgeCount","HdsBadge","HdsDropdownToggleChevron"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AA0BM,MAAMA,YAAA,GAAeC,iCAAA,CAAkCC;AACvD,MAAMC,aAAA,GAAgBC,kCAAA,CAAmCC;AACzD,MAAMC,KAAO,GAAiCC,MAAA,CAAOC,MAAM,CAChEP,iCAAA;AAEK,MAAMQ,MAAQ,GAAkCF,MAAA,CAAOC,MAAM,CAClEJ,kCAAA;AAmBa,MAAMM,gCAAgCC,SAAA,CAAU;AACrDC,EAAAA,eAAA,GAAkB,gBAAA,GAAmBC,OAAA,CAAQ,IAAI,CAAA;EAEzD,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,qEACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,OAAqC;IACvC,MAAM;AAAEA,MAAAA,IAAA,GAAOlB;KAAc,GAAG,IAAI,CAACe,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,wEAAA,EAA2EV,KAAA,CAAMa,IAAI,CACnF,IAAA,CAAA,CAAA,YAAA,EACcD,IAAA,CAAA,CAAM,EACtBZ,KAAA,CAAMc,QAAQ,CAACF,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIG,QAAuC;IACzC,MAAM;AAAEA,MAAAA,KAAA,GAAQlB;KAAe,GAAG,IAAI,CAACY,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,yEAAA,EAA4EP,MAAA,CAAOU,IAAI,CACrF,IAAA,CAAA,CAAA,YAAA,EACcE,KAAA,CAAA,CAAO,EACvBZ,MAAA,CAAOW,QAAQ,CAACC,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,WAAAA,GAAuB;AACzB,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAI,KAAA;AAClC,EAAA;EAEA,IAAIC,SAAAA,GAAoD;IACtD,OAAO,IAAI,CAACF,KAAK,KAAK,YAAY,UAAA,GAAa,QAAA;AACjD,EAAA;EAEA,IAAIG,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAACR,IAAI,EAAE,CAAA;AAE5D;IACAO,OAAA,CAAQC,IAAI,CAAC,CAAA,kCAAA,EAAqC,IAAI,CAACL,KAAK,EAAE,CAAA;AAE9D;IACA,IAAI,IAAI,CAACC,WAAW,EAAE;AACpBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,wCAAA,CAAA;AACf,IAAA;AAEA;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,MAAM,EAAE;AACpBF,MAAAA,OAAA,CAAQC,IAAI,CAAC,qCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQN,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,6vBAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,aAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/dropdown/toggle/chevron.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/dropdown/toggle/chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.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 HdsIcon from '../../icon/index.gts';\n\nexport interface HdsDropdownToggleChevronSignature {\n  Element: HTMLDivElement;\n}\n\nconst HdsDropdownToggleChevron: TemplateOnlyComponent<HdsDropdownToggleChevronSignature> =\n  <template>\n    <div class=\"hds-dropdown-toggle-chevron\">\n      <HdsIcon @name=\"chevron-down\" />\n    </div>\n  </template>;\n\nexport default HdsDropdownToggleChevron;\n"],"names":["HdsDropdownToggleChevron","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAUD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,2FAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.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 HdsIcon from '../../icon/index.gts';\n\nexport interface HdsDropdownToggleChevronSignature {\n  Element: HTMLDivElement;\n}\n\nconst HdsDropdownToggleChevron: TemplateOnlyComponent<HdsDropdownToggleChevronSignature> =\n  <template>\n    <div class=\"hds-dropdown-toggle-chevron\">\n      <HdsIcon @name=\"chevron-down\" />\n    </div>\n  </template>;\n\nexport default HdsDropdownToggleChevron;\n"],"names":["HdsDropdownToggleChevron","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAUD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,2FAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/toggle/icon.js

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

package/dist/components/hds/dropdown/toggle/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport type { ModifierLike } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport HdsIcon from '../../icon/index.gts';\nimport HdsDropdownToggleChevron from './chevron.gts';\nimport {\n  HdsDropdownToggleIconSizeValues,\n  HdsDropdownToggleIconAllowedIconValues,\n} from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsDropdownToggleIconSizes } from './types.ts';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.gts';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;\nexport const SIZES: HdsDropdownToggleIconSizes[] = Object.values(\n  HdsDropdownToggleIconSizeValues\n);\n\nexport const ALLOWED_ICON_LIST: HdsIconSignature['Args']['name'][] =\n  Object.values(HdsDropdownToggleIconAllowedIconValues);\n\nexport interface HdsDropdownToggleIconSignature {\n  Args: {\n    hasChevron?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    imageSrc?: string;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleIconSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleIcon extends Component<HdsDropdownToggleIconSignature> {\n  @tracked private _hasImage = true;\n\n  constructor(owner: Owner, args: HdsDropdownToggleIconSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc(): void {\n    this._hasImage = true;\n  }\n\n  @action\n  onImageLoadError(): void {\n    this._hasImage = false;\n  }\n\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsDropdownToggleIconSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  get hasChevron(): boolean {\n    if (\n      this.args.icon &&\n      !ALLOWED_ICON_LIST.includes(this.args.icon) &&\n      this.args.hasChevron === false\n    ) {\n      assert(\n        `@hasChevron for \"Hds::Dropdown::Toggle::Icon\" must be true unless the icon is one of the following: ${ALLOWED_ICON_LIST.join(\n          ', '\n        )}; received: ${this.args.icon}`\n      );\n    }\n\n    return this.args.hasChevron ?? true;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      class={{this.classNames}}\n      aria-label={{this.text}}\n      ...attributes\n      aria-expanded={{if @isOpen \"true\" \"false\"}}\n      {{@setupPrimitiveToggle}}\n      {{didUpdate this.onDidUpdateImageSrc @imageSrc}}\n      type=\"button\"\n    >\n      <div class=\"hds-dropdown-toggle-icon__wrapper\">\n        {{#if @imageSrc}}\n          {{#if this._hasImage}}\n            <img\n              src={{@imageSrc}}\n              alt=\"\"\n              role=\"presentation\"\n              {{on \"error\" this.onImageLoadError}}\n            />\n          {{else}}\n            <HdsIcon @name=\"user\" @size={{this.iconSize}} />\n          {{/if}}\n        {{else if @icon}}\n          <HdsIcon @name={{@icon}} @size={{this.iconSize}} />\n        {{/if}}\n      </div>\n      {{#if this.hasChevron}}\n        <HdsDropdownToggleChevron />\n      {{/if}}\n    </button>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleIconSizeValues","Medium","SIZES","Object","values","ALLOWED_ICON_LIST","HdsDropdownToggleIconAllowedIconValues","HdsDropdownToggleIcon","Component","g","prototype","tracked","i","constructor","owner","args","icon","imageSrc","assert","onDidUpdateImageSrc","_hasImage","n","action","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","classNames","classes","push","isOpen","setComponentTemplate","precompileTemplate","strictMode","scope","didUpdate","on","HdsIcon","HdsDropdownToggleChevron"],"mappings":"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"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport type { ModifierLike } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport HdsIcon from '../../icon/index.gts';\nimport HdsDropdownToggleChevron from './chevron.gts';\nimport {\n  HdsDropdownToggleIconSizeValues,\n  HdsDropdownToggleIconAllowedIconValues,\n} from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsDropdownToggleIconSizes } from './types.ts';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.gts';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;\nexport const SIZES: HdsDropdownToggleIconSizes[] = Object.values(\n  HdsDropdownToggleIconSizeValues\n);\n\nexport const ALLOWED_ICON_LIST: HdsIconSignature['Args']['name'][] =\n  Object.values(HdsDropdownToggleIconAllowedIconValues);\n\nexport interface HdsDropdownToggleIconSignature {\n  Args: {\n    hasChevron?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    imageSrc?: string;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleIconSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleIcon extends Component<HdsDropdownToggleIconSignature> {\n  @tracked private _hasImage = true;\n\n  constructor(owner: Owner, args: HdsDropdownToggleIconSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc(): void {\n    this._hasImage = true;\n  }\n\n  @action\n  onImageLoadError(): void {\n    this._hasImage = false;\n  }\n\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsDropdownToggleIconSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  get hasChevron(): boolean {\n    if (\n      this.args.icon &&\n      !ALLOWED_ICON_LIST.includes(this.args.icon) &&\n      this.args.hasChevron === false\n    ) {\n      assert(\n        `@hasChevron for \"Hds::Dropdown::Toggle::Icon\" must be true unless the icon is one of the following: ${ALLOWED_ICON_LIST.join(\n          ', '\n        )}; received: ${this.args.icon}`\n      );\n    }\n\n    return this.args.hasChevron ?? true;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      class={{this.classNames}}\n      aria-label={{this.text}}\n      ...attributes\n      aria-expanded={{if @isOpen \"true\" \"false\"}}\n      {{@setupPrimitiveToggle}}\n      {{didUpdate this.onDidUpdateImageSrc @imageSrc}}\n      type=\"button\"\n    >\n      <div class=\"hds-dropdown-toggle-icon__wrapper\">\n        {{#if @imageSrc}}\n          {{#if this._hasImage}}\n            <img\n              src={{@imageSrc}}\n              alt=\"\"\n              role=\"presentation\"\n              {{on \"error\" this.onImageLoadError}}\n            />\n          {{else}}\n            <HdsIcon @name=\"user\" @size={{this.iconSize}} />\n          {{/if}}\n        {{else if @icon}}\n          <HdsIcon @name={{@icon}} @size={{this.iconSize}} />\n        {{/if}}\n      </div>\n      {{#if this.hasChevron}}\n        <HdsDropdownToggleChevron />\n      {{/if}}\n    </button>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleIconSizeValues","Medium","SIZES","Object","values","ALLOWED_ICON_LIST","HdsDropdownToggleIconAllowedIconValues","HdsDropdownToggleIcon","Component","g","prototype","tracked","i","constructor","owner","args","icon","imageSrc","assert","onDidUpdateImageSrc","_hasImage","n","action","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","classNames","classes","push","isOpen","setComponentTemplate","precompileTemplate","strictMode","scope","didUpdate","on","HdsIcon","HdsDropdownToggleChevron"],"mappings":"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"}

package/dist/components/hds/filter-bar/actions-dropdown.js

@@ -6,7 +6,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFilterBarActionsDropdown extends Component {

package/dist/components/hds/filter-bar/actions-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions-dropdown.js","sources":["../../../../src/components/hds/filter-bar/actions-dropdown.gts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { service } from '@ember/service';\n\nimport HdsDropdown from '../dropdown/index.gts';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.gts';\nimport type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.gts';\nimport type HdsIntlService from '../../../services/hds-intl.ts';\n\nexport interface HdsFilterBarActionsDropdownSignature {\n  Args: Pick<\n    HdsDropdownSignature['Args'],\n    | 'enableCollisionDetection'\n    | 'width'\n    | 'height'\n    | 'preserveContentInDom'\n    | 'onClose'\n    | 'onFocusOut'\n  > & {\n    toggleButtonText?: HdsDropdownToggleButtonSignature['Args']['text'];\n    toggleButtonIcon?: HdsDropdownToggleButtonSignature['Args']['icon'];\n  };\n  Blocks: {\n    default: [HdsDropdownSignature['Blocks']['default'][0]];\n  };\n  Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsFilterBarActionsDropdown extends Component<HdsFilterBarActionsDropdownSignature> {\n  @service hdsIntl!: HdsIntlService;\n\n  get toggleButtonText(): string {\n    return (\n      this.args.toggleButtonText ??\n      this.hdsIntl.t(\n        'hds.components.filter-bar.actions-dropdown.toggle-button',\n        {\n          default: 'Actions',\n        }\n      )\n    );\n  }\n\n  <template>\n    <HdsDropdown\n      @listPosition=\"bottom-right\"\n      @enableCollisionDetection={{@enableCollisionDetection}}\n      @width={{@width}}\n      @height={{@height}}\n      @preserveContentInDom={{@preserveContentInDom}}\n      @onClose={{@onClose}}\n      @onFocusOut={{@onFocusOut}}\n      class=\"hds-filter-bar__actions-dropdown\"\n      ...attributes\n      as |D|\n    >\n      <D.ToggleButton\n        @icon={{@toggleButtonIcon}}\n        @text={{this.toggleButtonText}}\n        @color=\"secondary\"\n        @size=\"small\"\n      />\n      {{yield D}}\n    </HdsDropdown>\n  </template>\n}\n"],"names":["HdsFilterBarActionsDropdown","Component","g","prototype","service","i","toggleButtonText","args","hdsIntl","t","default","setComponentTemplate","precompileTemplate","strictMode","scope","HdsDropdown"],"mappings":";;;;;;;AAAA;;;AAGC;AA8Bc,MAAMA,oCAAoCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAChEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,gBAAAA,GAA2B;AAC7B,IAAA,OACE,IAAI,CAACC,IAAI,CAACD,gBAAgB,IAC1B,IAAI,CAACE,OAAO,CAACC,CAAC,CACZ,0DAAA,EACA;AACEC,MAAAA,OAAA,EAAS;AACX,KAAA,CAEJ;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,ocAAA,EAqBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"actions-dropdown.js","sources":["../../../../src/components/hds/filter-bar/actions-dropdown.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { service } from '@ember/service';\n\nimport HdsDropdown from '../dropdown/index.gts';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.gts';\nimport type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.gts';\nimport type HdsIntlService from '../../../services/hds-intl.ts';\n\nexport interface HdsFilterBarActionsDropdownSignature {\n  Args: Pick<\n    HdsDropdownSignature['Args'],\n    | 'enableCollisionDetection'\n    | 'width'\n    | 'height'\n    | 'preserveContentInDom'\n    | 'onClose'\n    | 'onFocusOut'\n  > & {\n    toggleButtonText?: HdsDropdownToggleButtonSignature['Args']['text'];\n    toggleButtonIcon?: HdsDropdownToggleButtonSignature['Args']['icon'];\n  };\n  Blocks: {\n    default: [HdsDropdownSignature['Blocks']['default'][0]];\n  };\n  Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsFilterBarActionsDropdown extends Component<HdsFilterBarActionsDropdownSignature> {\n  @service hdsIntl!: HdsIntlService;\n\n  get toggleButtonText(): string {\n    return (\n      this.args.toggleButtonText ??\n      this.hdsIntl.t(\n        'hds.components.filter-bar.actions-dropdown.toggle-button',\n        {\n          default: 'Actions',\n        }\n      )\n    );\n  }\n\n  <template>\n    <HdsDropdown\n      @listPosition=\"bottom-right\"\n      @enableCollisionDetection={{@enableCollisionDetection}}\n      @width={{@width}}\n      @height={{@height}}\n      @preserveContentInDom={{@preserveContentInDom}}\n      @onClose={{@onClose}}\n      @onFocusOut={{@onFocusOut}}\n      class=\"hds-filter-bar__actions-dropdown\"\n      ...attributes\n      as |D|\n    >\n      <D.ToggleButton\n        @icon={{@toggleButtonIcon}}\n        @text={{this.toggleButtonText}}\n        @color=\"secondary\"\n        @size=\"small\"\n      />\n      {{yield D}}\n    </HdsDropdown>\n  </template>\n}\n"],"names":["HdsFilterBarActionsDropdown","Component","g","prototype","service","i","toggleButtonText","args","hdsIntl","t","default","setComponentTemplate","precompileTemplate","strictMode","scope","HdsDropdown"],"mappings":";;;;;;;AAAA;;;AAGC;AA8Bc,MAAMA,oCAAoCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAChEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,gBAAAA,GAA2B;AAC7B,IAAA,OACE,IAAI,CAACC,IAAI,CAACD,gBAAgB,IAC1B,IAAI,CAACE,OAAO,CAACC,CAAC,CACZ,0DAAA,EACA;AACEC,MAAAA,OAAA,EAAS;AACX,KAAA,CAEJ;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,ocAAA,EAqBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/filter-bar/applied-filters.js

@@ -11,7 +11,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFilterBarAppliedFilters extends Component {