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

package/dist/components/hds/app-side-nav/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/list/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsYield from '../../yield/index.gts';\nimport HdsAppSideNavListItem from './item.gts';\nimport HdsAppSideNavListBackLink from './back-link.gts';\nimport HdsAppSideNavListTitle from './title.gts';\nimport HdsAppSideNavListLink from './link.gts';\n\nexport interface HdsAppSideNavListSignature {\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: typeof HdsYield;\n        Item?: typeof HdsAppSideNavListItem;\n        BackLink?: typeof HdsAppSideNavListBackLink;\n        Title?: WithBoundArgs<typeof HdsAppSideNavListTitle, 'didInsertTitle'>;\n        Link?: typeof HdsAppSideNavListLink;\n        ExtraAfter?: typeof HdsYield;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppSideNavList extends Component<HdsAppSideNavListSignature> {\n  @tracked private _titleIds: string[] = [];\n\n  get titleIds(): string {\n    return this._titleIds.join(' ');\n  }\n\n  didInsertTitle = (titleId: string): void => {\n    this._titleIds = [...this._titleIds, titleId];\n  };\n\n  <template>\n    <nav\n      class=\"hds-app-side-nav__list-wrapper\"\n      aria-label={{hdsT\n        \"hds.components.app-side-nav.list.aria-label\"\n        default=\"Application local\"\n      }}\n      ...attributes\n    >\n      {{yield (hash ExtraBefore=HdsYield)}}\n      <ul\n        class=\"hds-app-side-nav__list\"\n        role=\"list\"\n        aria-labelledby={{this.titleIds}}\n      >\n        {{yield\n          (hash\n            Item=HdsAppSideNavListItem\n            BackLink=HdsAppSideNavListBackLink\n            Title=(component\n              HdsAppSideNavListTitle didInsertTitle=this.didInsertTitle\n            )\n            Link=HdsAppSideNavListLink\n          )\n        }}\n      </ul>\n      {{yield (hash ExtraAfter=HdsYield)}}\n    </nav>\n  </template>\n}\n"],"names":["HdsAppSideNavList","Component","g","prototype","tracked","i","titleIds","_titleIds","join","didInsertTitle","titleId","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","hash","HdsYield","HdsAppSideNavListItem","HdsAppSideNavListBackLink","HdsAppSideNavListTitle","HdsAppSideNavListLink"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AA+Bc,MAAMA,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsC,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;EAEzC,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACC,SAAS,CAACC,IAAI,CAAC,GAAA,CAAA;AAC7B,EAAA;EAEAC,cAAA,GAAkBC,OAAe,IAAO;IACtC,IAAI,CAACH,SAAS,GAAG,CAAI,GAAA,IAAI,CAACA,SAAS,EAAEG,OAAA,CAAQ;EAC/C,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,shBAAA,EA4BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,qBAAA;QAAAC,yBAAA;QAAAC,sBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/list/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport hdsT from '../../../../helpers/hds-t.ts';\nimport HdsYield from '../../yield/index.gts';\nimport HdsAppSideNavListItem from './item.gts';\nimport HdsAppSideNavListBackLink from './back-link.gts';\nimport HdsAppSideNavListTitle from './title.gts';\nimport HdsAppSideNavListLink from './link.gts';\n\nexport interface HdsAppSideNavListSignature {\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: typeof HdsYield;\n        Item?: typeof HdsAppSideNavListItem;\n        BackLink?: typeof HdsAppSideNavListBackLink;\n        Title?: WithBoundArgs<typeof HdsAppSideNavListTitle, 'didInsertTitle'>;\n        Link?: typeof HdsAppSideNavListLink;\n        ExtraAfter?: typeof HdsYield;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppSideNavList extends Component<HdsAppSideNavListSignature> {\n  @tracked private _titleIds: string[] = [];\n\n  get titleIds(): string {\n    return this._titleIds.join(' ');\n  }\n\n  didInsertTitle = (titleId: string): void => {\n    this._titleIds = [...this._titleIds, titleId];\n  };\n\n  <template>\n    <nav\n      class=\"hds-app-side-nav__list-wrapper\"\n      aria-label={{hdsT\n        \"hds.components.app-side-nav.list.aria-label\"\n        default=\"Application local\"\n      }}\n      ...attributes\n    >\n      {{yield (hash ExtraBefore=HdsYield)}}\n      <ul\n        class=\"hds-app-side-nav__list\"\n        role=\"list\"\n        aria-labelledby={{this.titleIds}}\n      >\n        {{yield\n          (hash\n            Item=HdsAppSideNavListItem\n            BackLink=HdsAppSideNavListBackLink\n            Title=(component\n              HdsAppSideNavListTitle didInsertTitle=this.didInsertTitle\n            )\n            Link=HdsAppSideNavListLink\n          )\n        }}\n      </ul>\n      {{yield (hash ExtraAfter=HdsYield)}}\n    </nav>\n  </template>\n}\n"],"names":["HdsAppSideNavList","Component","g","prototype","tracked","i","titleIds","_titleIds","join","didInsertTitle","titleId","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","hash","HdsYield","HdsAppSideNavListItem","HdsAppSideNavListBackLink","HdsAppSideNavListTitle","HdsAppSideNavListLink"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AA+Bc,MAAMA,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CACtDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsC,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;EAEzC,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACC,SAAS,CAACC,IAAI,CAAC,GAAA,CAAA;AAC7B,EAAA;EAEAC,cAAA,GAAkBC,OAAe,IAAO;IACtC,IAAI,CAACH,SAAS,GAAG,CAAI,GAAA,IAAI,CAACA,SAAS,EAAEG,OAAA,CAAQ;EAC/C,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,shBAAA,EA4BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,qBAAA;QAAAC,yBAAA;QAAAC,sBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/app-side-nav/list/item.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 HdsAppSideNavListItem = setComponentTemplate(precompileTemplate("<li class=\"hds-app-side-nav__list-item\" ...attributes>\n  {{yield}}\n</li>", {

package/dist/components/hds/app-side-nav/list/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/app-side-nav/list/item.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 HdsAppSideNavListItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppSideNavListItem: TemplateOnlyComponent<HdsAppSideNavListItemSignature> =\n  <template>\n    <li class=\"hds-app-side-nav__list-item\" ...attributes>\n      {{yield}}\n    </li>\n  </template>;\n\nexport default HdsAppSideNavListItem;\n"],"names":["HdsAppSideNavListItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,8EAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/app-side-nav/list/item.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 HdsAppSideNavListItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppSideNavListItem: TemplateOnlyComponent<HdsAppSideNavListItemSignature> =\n  <template>\n    <li class=\"hds-app-side-nav__list-item\" ...attributes>\n      {{yield}}\n    </li>\n  </template>;\n\nexport default HdsAppSideNavListItem;\n"],"names":["HdsAppSideNavListItem","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,8EAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/app-side-nav/list/link.js

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

package/dist/components/hds/app-side-nav/list/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../../src/components/hds/app-side-nav/list/link.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 HdsAppSideNavListItem from './item.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsInteractive from '../../interactive/index.gts';\nimport HdsBadge from '../../badge/index.gts';\nimport HdsBadgeCount from '../../badge-count/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsAppSideNavListLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon?: HdsIconSignature['Args']['name'];\n    text?: string;\n    badge?: string;\n    count?: string;\n    hasSubItems?: boolean;\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListLink: TemplateOnlyComponent<HdsAppSideNavListLinkSignature> =\n  <template>\n    <HdsAppSideNavListItem>\n      <HdsInteractive\n        class=\"hds-app-side-nav__list-item-link {{if @isActive 'active'}}\"\n        @current-when={{@current-when}}\n        @model={{@model}}\n        @models={{@models}}\n        @query={{@query}}\n        @replace={{@replace}}\n        @route={{@route}}\n        @isRouteExternal={{@isRouteExternal}}\n        @href={{@href}}\n        @isHrefExternal={{@isHrefExternal}}\n        aria-current={{if @isActive \"page\"}}\n        ...attributes\n      >\n        {{#if @icon}}\n          <HdsIcon\n            class=\"hds-app-side-nav__list-item-icon-leading\"\n            @name={{@icon}}\n          />\n        {{/if}}\n\n        {{#if @text}}\n          <span\n            class=\"hds-app-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\"\n          >\n            {{@text}}\n          </span>\n        {{/if}}\n\n        {{#if @count}}\n          <HdsBadgeCount @text={{@count}} @type=\"outlined\" @size=\"small\" />\n        {{/if}}\n\n        {{#if @badge}}\n          <HdsBadge @text={{@badge}} @type=\"outlined\" @size=\"small\" />\n        {{/if}}\n\n        {{yield}}\n\n        {{#if @hasSubItems}}\n          <span class=\"hds-app-side-nav__list-item-icon-trailing\">\n            <HdsIcon @name=\"chevron-right\" />\n          </span>\n        {{/if}}\n        {{#if @isHrefExternal}}\n          <span class=\"hds-app-side-nav__list-item-icon-trailing\">\n            <HdsIcon @name=\"external-link\" />\n          </span>\n        {{/if}}\n      </HdsInteractive>\n    </HdsAppSideNavListItem>\n  </template>;\n\nexport default HdsAppSideNavListLink;\n"],"names":["HdsAppSideNavListLink","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","HdsInteractive","HdsIcon","HdsBadgeCount","HdsBadge","templateOnly"],"mappings":";;;;;;;;;AAAA;;;AAGC;;AA4BD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,+wCAAA,EAqDA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,qBAAA;IAAAC,cAAA;IAAAC,OAAA;IAAAC,aAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"link.js","sources":["../../../../../src/components/hds/app-side-nav/list/link.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 HdsAppSideNavListItem from './item.gts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsInteractive from '../../interactive/index.gts';\nimport HdsBadge from '../../badge/index.gts';\nimport HdsBadgeCount from '../../badge-count/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsAppSideNavListLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon?: HdsIconSignature['Args']['name'];\n    text?: string;\n    badge?: string;\n    count?: string;\n    hasSubItems?: boolean;\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListLink: TemplateOnlyComponent<HdsAppSideNavListLinkSignature> =\n  <template>\n    <HdsAppSideNavListItem>\n      <HdsInteractive\n        class=\"hds-app-side-nav__list-item-link {{if @isActive 'active'}}\"\n        @current-when={{@current-when}}\n        @model={{@model}}\n        @models={{@models}}\n        @query={{@query}}\n        @replace={{@replace}}\n        @route={{@route}}\n        @isRouteExternal={{@isRouteExternal}}\n        @href={{@href}}\n        @isHrefExternal={{@isHrefExternal}}\n        aria-current={{if @isActive \"page\"}}\n        ...attributes\n      >\n        {{#if @icon}}\n          <HdsIcon\n            class=\"hds-app-side-nav__list-item-icon-leading\"\n            @name={{@icon}}\n          />\n        {{/if}}\n\n        {{#if @text}}\n          <span\n            class=\"hds-app-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\"\n          >\n            {{@text}}\n          </span>\n        {{/if}}\n\n        {{#if @count}}\n          <HdsBadgeCount @text={{@count}} @type=\"outlined\" @size=\"small\" />\n        {{/if}}\n\n        {{#if @badge}}\n          <HdsBadge @text={{@badge}} @type=\"outlined\" @size=\"small\" />\n        {{/if}}\n\n        {{yield}}\n\n        {{#if @hasSubItems}}\n          <span class=\"hds-app-side-nav__list-item-icon-trailing\">\n            <HdsIcon @name=\"chevron-right\" />\n          </span>\n        {{/if}}\n        {{#if @isHrefExternal}}\n          <span class=\"hds-app-side-nav__list-item-icon-trailing\">\n            <HdsIcon @name=\"external-link\" />\n          </span>\n        {{/if}}\n      </HdsInteractive>\n    </HdsAppSideNavListItem>\n  </template>;\n\nexport default HdsAppSideNavListLink;\n"],"names":["HdsAppSideNavListLink","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","HdsInteractive","HdsIcon","HdsBadgeCount","HdsBadge","templateOnly"],"mappings":";;;;;;;;;AAAA;;;AAGC;;AA4BD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,+wCAAA,EAqDA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,qBAAA;IAAAC,cAAA;IAAAC,OAAA;IAAAC,aAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/app-side-nav/list/title.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 HdsAppSideNavListTitle extends Component {

package/dist/components/hds/app-side-nav/list/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/app-side-nav/list/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsAppSideNavListItem from './item.gts';\n\nexport interface HdsAppSideNavListTitleSignature {\n  Args: {\n    didInsertTitle?: (titleId: string) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavListTitle extends Component<HdsAppSideNavListTitleSignature> {\n  /*  Generate a unique ID for each Title */\n  private _titleId = 'title-' + guidFor(this);\n\n  didInsertTitle = (element: HTMLElement): void => {\n    const { didInsertTitle } = this.args;\n\n    if (typeof didInsertTitle === 'function') {\n      didInsertTitle(element.id);\n    }\n  };\n\n  <template>\n    <HdsAppSideNavListItem>\n      <div\n        class=\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\"\n        id={{this._titleId}}\n        {{didInsert this.didInsertTitle}}\n        ...attributes\n      >{{~yield~}}</div>\n    </HdsAppSideNavListItem>\n  </template>\n}\n"],"names":["HdsAppSideNavListTitle","Component","_titleId","guidFor","didInsertTitle","element","args","id","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","didInsert"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,+BAA+BC,SAAA,CAAU;AAC5D,4CACQC,QAAA,GAAW,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAE1CC,cAAA,GAAkBC,OAAS,IAAkB;IAC3C,MAAM;AAAED,MAAAA;KAAgB,GAAG,IAAI,CAACE,IAAI;AAEpC,IAAA,IAAI,OAAOF,mBAAmB,UAAA,EAAY;AACxCA,MAAAA,cAAA,CAAeC,QAAQE,EAAE,CAAA;AAC3B,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0OAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,qBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/app-side-nav/list/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsAppSideNavListItem from './item.gts';\n\nexport interface HdsAppSideNavListTitleSignature {\n  Args: {\n    didInsertTitle?: (titleId: string) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavListTitle extends Component<HdsAppSideNavListTitleSignature> {\n  /*  Generate a unique ID for each Title */\n  private _titleId = 'title-' + guidFor(this);\n\n  didInsertTitle = (element: HTMLElement): void => {\n    const { didInsertTitle } = this.args;\n\n    if (typeof didInsertTitle === 'function') {\n      didInsertTitle(element.id);\n    }\n  };\n\n  <template>\n    <HdsAppSideNavListItem>\n      <div\n        class=\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\"\n        id={{this._titleId}}\n        {{didInsert this.didInsertTitle}}\n        ...attributes\n      >{{~yield~}}</div>\n    </HdsAppSideNavListItem>\n  </template>\n}\n"],"names":["HdsAppSideNavListTitle","Component","_titleId","guidFor","didInsertTitle","element","args","id","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","didInsert"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,+BAA+BC,SAAA,CAAU;AAC5D,4CACQC,QAAA,GAAW,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAE1CC,cAAA,GAAkBC,OAAS,IAAkB;IAC3C,MAAM;AAAED,MAAAA;KAAgB,GAAG,IAAI,CAACE,IAAI;AAEpC,IAAA,IAAI,OAAOF,mBAAmB,UAAA,EAAY;AACxCA,MAAAA,cAAA,CAAeC,QAAQE,EAAE,CAAA;AAC3B,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0OAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,qBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/app-side-nav/portal/index.js

@@ -5,7 +5,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/app-side-nav/portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/portal/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport Portal from 'ember-stargate/components/portal';\n\nimport HdsAppSideNavList from '../list/index.gts';\n\nimport type { HdsAppSideNavListSignature } from '../list/index.gts';\n\nexport interface HdsAppSideNavPortalSignature {\n  Args: {\n    ariaLabel?: string;\n    targetName?: string;\n  };\n  Blocks: HdsAppSideNavListSignature['Blocks'];\n  Element: HTMLDivElement;\n}\n\nconst HdsAppSideNavPortal: TemplateOnlyComponent<HdsAppSideNavPortalSignature> =\n  <template>\n    <Portal\n      @target={{if @targetName @targetName \"hds-app-side-nav-portal-target\"}}\n    >\n      <div class=\"hds-app-side-nav__content-panel\" ...attributes>\n        <HdsAppSideNavList aria-label={{@ariaLabel}} as |ListElements|>\n          {{yield ListElements}}\n        </HdsAppSideNavList>\n      </div>\n    </Portal>\n  </template>;\n\nexport default HdsAppSideNavPortal;\n"],"names":["HdsAppSideNavPortal","setComponentTemplate","precompileTemplate","strictMode","scope","Portal","HdsAppSideNavList","templateOnly"],"mappings":";;;;;;AAAA;;;AAGC;;AAkBD,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,uSAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/portal/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport Portal from 'ember-stargate/components/portal';\n\nimport HdsAppSideNavList from '../list/index.gts';\n\nimport type { HdsAppSideNavListSignature } from '../list/index.gts';\n\nexport interface HdsAppSideNavPortalSignature {\n  Args: {\n    ariaLabel?: string;\n    targetName?: string;\n  };\n  Blocks: HdsAppSideNavListSignature['Blocks'];\n  Element: HTMLDivElement;\n}\n\nconst HdsAppSideNavPortal: TemplateOnlyComponent<HdsAppSideNavPortalSignature> =\n  <template>\n    <Portal\n      @target={{if @targetName @targetName \"hds-app-side-nav-portal-target\"}}\n    >\n      <div class=\"hds-app-side-nav__content-panel\" ...attributes>\n        <HdsAppSideNavList aria-label={{@ariaLabel}} as |ListElements|>\n          {{yield ListElements}}\n        </HdsAppSideNavList>\n      </div>\n    </Portal>\n  </template>;\n\nexport default HdsAppSideNavPortal;\n"],"names":["HdsAppSideNavPortal","setComponentTemplate","precompileTemplate","strictMode","scope","Portal","HdsAppSideNavList","templateOnly"],"mappings":";;;;;;AAAA;;;AAGC;;AAkBD,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,uSAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/app-side-nav/portal/target.js

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

package/dist/components/hds/app-side-nav/portal/target.js.map

@@ -1 +1 @@
-{"version":3,"file":"target.js","sources":["../../../../../src/components/hds/app-side-nav/portal/target.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { service } from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\nimport { macroCondition, isTesting } from '@embroider/macros';\nimport PortalTarget from 'ember-stargate/components/portal-target';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport type { Registry as Services } from '@ember/service';\n\nimport type { HdsAppSideNavPortalSignature } from './index.gts';\n\ninterface HdsAppSideNavPortalTargetSignature {\n  Args: {\n    targetName?: HdsAppSideNavPortalSignature['Args']['targetName'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavPortalTarget extends Component<HdsAppSideNavPortalTargetSignature> {\n  @service declare readonly router: Services['router'];\n\n  @tracked private _numSubnavs = 0;\n  @tracked private _lastPanelEl: Element | undefined;\n\n  static get prefersReducedMotionOverride(): boolean {\n    return macroCondition(isTesting()) ? true : false;\n  }\n\n  private _prefersReducedMotionMQ = window.matchMedia(\n    '(prefers-reduced-motion: reduce)'\n  );\n\n  get prefersReducedMotion(): boolean {\n    return (\n      HdsAppSideNavPortalTarget.prefersReducedMotionOverride ||\n      (this._prefersReducedMotionMQ && this._prefersReducedMotionMQ.matches)\n    );\n  }\n\n  panelsChanged = (portalCount: number): void => {\n    this._numSubnavs = portalCount;\n  };\n\n  didUpdateSubnav = (element: HTMLElement, [count]: [number]): void => {\n    this.animateSubnav(element, [count]);\n  };\n\n  animateSubnav = (element: HTMLElement, [count]: [number]): void => {\n    /*\n     * Here is ascii art of what the layout looks like for this setup\n     *\n\n                                    AppSideNav\n                                    +----------------------+\n                                    | +------------------+ |\n                                    | |    (\"header\")    | |\n                                    | +------------------+ |\n                                    |                      |\n                                    | +------------------+ |\n                                    | |    (\"body\")      | |\n        (PortalTarget)              | |                  | |\n        +----------------------------------------------+ | |\n        | +----------+  +----------+  |  +----------+  | | |\n        | | (Portal) |  | (Portal) |     | (Portal) |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |  hidden  |  |  hidden  |     | *active* |  | | |\n        | |   panel  |  |   panel  |  |  |   panel  |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | +----------+  +----------+  |  +----------+  | | |\n        +----------------------------------------------+ | |\n                                    | |                  | |\n                                    | +------------------+ |\n                                    |                      |\n                                    | +------------------+ |\n                                    | |    (\"footer\")    | |\n                                    | +------------------+ |\n                                    +----------------------+\n\n     *\n     * every time `HcAppFrame::SideNav::Portal` renders, it contains a portaled \"panel\"\n     * that is rendered into the `hds-app-side-nav__content-panels` (inside the PortalTarget).\n     *\n     * Rendering or unrendering other `HcAppFrame::SideNav::Portal`s triggers the number of\n     * subnavs to change (via `numSubnavs`), so this function runs and slides\n     * `hds-app-side-nav__content-panels` left or right using the `element.animate` api.\n     *\n     * */\n\n    const activeIndex = count - 1;\n    const targetElement = element;\n    const { prefersReducedMotion } = this;\n\n    const styles = getComputedStyle(targetElement);\n    const columnWidth = styles.getPropertyValue(\n      '--hds-app-side-nav-width-expanded'\n    );\n    const slideDuration = prefersReducedMotion ? 0 : 150;\n    let fadeDuration = prefersReducedMotion ? 0 : 175;\n    let fadeDelay = prefersReducedMotion ? 0 : 50;\n\n    // slide entire parent panel\n    const start = styles.transform;\n    const end = `translateX(-${activeIndex * parseInt(columnWidth, 10)}px)`;\n    const anim = targetElement.animate(\n      [{ transform: start }, { transform: end }],\n      {\n        duration: slideDuration,\n        easing: 'cubic-bezier(0.65, 0, 0.35, 1)',\n        fill: 'forwards',\n      }\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    anim.finished.then((): void => {\n      // uncomment this if we need/want to scroll the element to the top\n      // targetElement.scrollIntoView(true);\n      if (activeIndex > 0) {\n        const allPrev = Array.from(targetElement.children).slice(\n          0,\n          activeIndex\n        ) as HTMLElement[];\n        for (const ele of allPrev) {\n          ele.ariaHidden = 'true';\n          ele.style.setProperty('visibility', 'hidden');\n          ele.style.setProperty('opacity', '0');\n        }\n      }\n      // Notice: we don't add the styles by default because it writes a `style` attribute to the element and it causes an additional re-render\n      if (macroCondition(isTesting())) {\n        // Check the visibility of the element before attempting to commitStyles.\n        if (targetElement.offsetParent !== null) {\n          anim.commitStyles();\n        }\n      }\n    });\n\n    // fade in next panel\n    const nextPanelEl = targetElement.children[activeIndex] as HTMLElement;\n\n    // get reference to last child panel\n    const lastPanelEl = targetElement.children[\n      targetElement.children.length - 1\n    ] as HTMLElement;\n\n    if (nextPanelEl) {\n      nextPanelEl.ariaHidden = 'false';\n      nextPanelEl.style.setProperty('visibility', 'visible');\n      // this eliminates a flicker if there's only one subnav rendering or if we\n      // already just rendered this panel.\n      if (this._lastPanelEl) {\n        if (activeIndex === 0 || nextPanelEl.isSameNode(this._lastPanelEl)) {\n          fadeDelay = 0;\n          fadeDuration = 0;\n        }\n      }\n\n      // remember the last panel\n      this._lastPanelEl = lastPanelEl;\n\n      nextPanelEl.animate([{ opacity: '0' }, { opacity: '1' }], {\n        delay: fadeDelay,\n        duration: fadeDuration,\n        fill: 'forwards',\n      });\n    }\n  };\n\n  <template>\n    <div class=\"hds-app-side-nav__content\" ...attributes>\n      <PortalTarget\n        @multiple={{true}}\n        @onChange={{this.panelsChanged}}\n        @name={{if @targetName @targetName \"hds-app-side-nav-portal-target\"}}\n        class=\"hds-app-side-nav__content-panels\"\n        {{didUpdate this.didUpdateSubnav this._numSubnavs}}\n      />\n    </div>\n  </template>\n}\n"],"names":["HdsAppSideNavPortalTarget","Component","g","prototype","service","i","tracked","prefersReducedMotionOverride","macroCondition","isTesting","_prefersReducedMotionMQ","window","matchMedia","prefersReducedMotion","matches","panelsChanged","portalCount","_numSubnavs","didUpdateSubnav","element","count","animateSubnav","activeIndex","targetElement","styles","getComputedStyle","columnWidth","getPropertyValue","slideDuration","fadeDuration","fadeDelay","start","transform","end","parseInt","anim","animate","duration","easing","fill","finished","then","allPrev","Array","from","children","slice","ele","ariaHidden","style","setProperty","offsetParent","commitStyles","nextPanelEl","lastPanelEl","length","_lastPanelEl","isSameNode","opacity","delay","setComponentTemplate","precompileTemplate","strictMode","scope","PortalTarget","didUpdate"],"mappings":"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"}
+{"version":3,"file":"target.js","sources":["../../../../../src/components/hds/app-side-nav/portal/target.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';\nimport { tracked } from '@glimmer/tracking';\nimport { macroCondition, isTesting } from '@embroider/macros';\nimport PortalTarget from 'ember-stargate/components/portal-target';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport type { Registry as Services } from '@ember/service';\n\nimport type { HdsAppSideNavPortalSignature } from './index.gts';\n\ninterface HdsAppSideNavPortalTargetSignature {\n  Args: {\n    targetName?: HdsAppSideNavPortalSignature['Args']['targetName'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavPortalTarget extends Component<HdsAppSideNavPortalTargetSignature> {\n  @service declare readonly router: Services['router'];\n\n  @tracked private _numSubnavs = 0;\n  @tracked private _lastPanelEl: Element | undefined;\n\n  static get prefersReducedMotionOverride(): boolean {\n    return macroCondition(isTesting()) ? true : false;\n  }\n\n  private _prefersReducedMotionMQ = window.matchMedia(\n    '(prefers-reduced-motion: reduce)'\n  );\n\n  get prefersReducedMotion(): boolean {\n    return (\n      HdsAppSideNavPortalTarget.prefersReducedMotionOverride ||\n      (this._prefersReducedMotionMQ && this._prefersReducedMotionMQ.matches)\n    );\n  }\n\n  panelsChanged = (portalCount: number): void => {\n    this._numSubnavs = portalCount;\n  };\n\n  didUpdateSubnav = (element: HTMLElement, [count]: [number]): void => {\n    this.animateSubnav(element, [count]);\n  };\n\n  animateSubnav = (element: HTMLElement, [count]: [number]): void => {\n    /*\n     * Here is ascii art of what the layout looks like for this setup\n     *\n\n                                    AppSideNav\n                                    +----------------------+\n                                    | +------------------+ |\n                                    | |    (\"header\")    | |\n                                    | +------------------+ |\n                                    |                      |\n                                    | +------------------+ |\n                                    | |    (\"body\")      | |\n        (PortalTarget)              | |                  | |\n        +----------------------------------------------+ | |\n        | +----------+  +----------+  |  +----------+  | | |\n        | | (Portal) |  | (Portal) |     | (Portal) |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |  hidden  |  |  hidden  |     | *active* |  | | |\n        | |   panel  |  |   panel  |  |  |   panel  |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | |          |  |          |  |  |          |  | | |\n        | |          |  |          |     |          |  | | |\n        | +----------+  +----------+  |  +----------+  | | |\n        +----------------------------------------------+ | |\n                                    | |                  | |\n                                    | +------------------+ |\n                                    |                      |\n                                    | +------------------+ |\n                                    | |    (\"footer\")    | |\n                                    | +------------------+ |\n                                    +----------------------+\n\n     *\n     * every time `HcAppFrame::SideNav::Portal` renders, it contains a portaled \"panel\"\n     * that is rendered into the `hds-app-side-nav__content-panels` (inside the PortalTarget).\n     *\n     * Rendering or unrendering other `HcAppFrame::SideNav::Portal`s triggers the number of\n     * subnavs to change (via `numSubnavs`), so this function runs and slides\n     * `hds-app-side-nav__content-panels` left or right using the `element.animate` api.\n     *\n     * */\n\n    const activeIndex = count - 1;\n    const targetElement = element;\n    const { prefersReducedMotion } = this;\n\n    const styles = getComputedStyle(targetElement);\n    const columnWidth = styles.getPropertyValue(\n      '--hds-app-side-nav-width-expanded'\n    );\n    const slideDuration = prefersReducedMotion ? 0 : 150;\n    let fadeDuration = prefersReducedMotion ? 0 : 175;\n    let fadeDelay = prefersReducedMotion ? 0 : 50;\n\n    // slide entire parent panel\n    const start = styles.transform;\n    const end = `translateX(-${activeIndex * parseInt(columnWidth, 10)}px)`;\n    const anim = targetElement.animate(\n      [{ transform: start }, { transform: end }],\n      {\n        duration: slideDuration,\n        easing: 'cubic-bezier(0.65, 0, 0.35, 1)',\n        fill: 'forwards',\n      }\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    anim.finished.then((): void => {\n      // uncomment this if we need/want to scroll the element to the top\n      // targetElement.scrollIntoView(true);\n      if (activeIndex > 0) {\n        const allPrev = Array.from(targetElement.children).slice(\n          0,\n          activeIndex\n        ) as HTMLElement[];\n        for (const ele of allPrev) {\n          ele.ariaHidden = 'true';\n          ele.style.setProperty('visibility', 'hidden');\n          ele.style.setProperty('opacity', '0');\n        }\n      }\n      // Notice: we don't add the styles by default because it writes a `style` attribute to the element and it causes an additional re-render\n      if (macroCondition(isTesting())) {\n        // Check the visibility of the element before attempting to commitStyles.\n        if (targetElement.offsetParent !== null) {\n          anim.commitStyles();\n        }\n      }\n    });\n\n    // fade in next panel\n    const nextPanelEl = targetElement.children[activeIndex] as HTMLElement;\n\n    // get reference to last child panel\n    const lastPanelEl = targetElement.children[\n      targetElement.children.length - 1\n    ] as HTMLElement;\n\n    if (nextPanelEl) {\n      nextPanelEl.ariaHidden = 'false';\n      nextPanelEl.style.setProperty('visibility', 'visible');\n      // this eliminates a flicker if there's only one subnav rendering or if we\n      // already just rendered this panel.\n      if (this._lastPanelEl) {\n        if (activeIndex === 0 || nextPanelEl.isSameNode(this._lastPanelEl)) {\n          fadeDelay = 0;\n          fadeDuration = 0;\n        }\n      }\n\n      // remember the last panel\n      this._lastPanelEl = lastPanelEl;\n\n      nextPanelEl.animate([{ opacity: '0' }, { opacity: '1' }], {\n        delay: fadeDelay,\n        duration: fadeDuration,\n        fill: 'forwards',\n      });\n    }\n  };\n\n  <template>\n    <div class=\"hds-app-side-nav__content\" ...attributes>\n      <PortalTarget\n        @multiple={{true}}\n        @onChange={{this.panelsChanged}}\n        @name={{if @targetName @targetName \"hds-app-side-nav-portal-target\"}}\n        class=\"hds-app-side-nav__content-panels\"\n        {{didUpdate this.didUpdateSubnav this._numSubnavs}}\n      />\n    </div>\n  </template>\n}\n"],"names":["HdsAppSideNavPortalTarget","Component","g","prototype","service","i","tracked","prefersReducedMotionOverride","macroCondition","isTesting","_prefersReducedMotionMQ","window","matchMedia","prefersReducedMotion","matches","panelsChanged","portalCount","_numSubnavs","didUpdateSubnav","element","count","animateSubnav","activeIndex","targetElement","styles","getComputedStyle","columnWidth","getPropertyValue","slideDuration","fadeDuration","fadeDelay","start","transform","end","parseInt","anim","animate","duration","easing","fill","finished","then","allPrev","Array","from","children","slice","ele","ariaHidden","style","setProperty","offsetParent","commitStyles","nextPanelEl","lastPanelEl","length","_lastPanelEl","isSameNode","opacity","delay","setComponentTemplate","precompileTemplate","strictMode","scope","PortalTarget","didUpdate"],"mappings":"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"}

package/dist/components/hds/app-side-nav/toggle-button.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/app-side-nav/toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.js","sources":["../../../../src/components/hds/app-side-nav/toggle-button.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\nimport type { HdsIconSignature } from '../icon/index.gts';\n\ninterface HdsAppSideNavToggleButtonSignature {\n  Args: {\n    icon: HdsIconSignature['Args']['name'];\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsAppSideNavToggleButton: TemplateOnlyComponent<HdsAppSideNavToggleButtonSignature> =\n  <template>\n    <button class=\"hds-app-side-nav__toggle-button\" type=\"button\" ...attributes>\n      <HdsIcon @name={{@icon}} />\n    </button>\n  </template>;\n\nexport default HdsAppSideNavToggleButton;\n"],"names":["HdsAppSideNavToggleButton","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,4HAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"toggle-button.js","sources":["../../../../src/components/hds/app-side-nav/toggle-button.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\nimport type { HdsIconSignature } from '../icon/index.gts';\n\ninterface HdsAppSideNavToggleButtonSignature {\n  Args: {\n    icon: HdsIconSignature['Args']['name'];\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsAppSideNavToggleButton: TemplateOnlyComponent<HdsAppSideNavToggleButtonSignature> =\n  <template>\n    <button class=\"hds-app-side-nav__toggle-button\" type=\"button\" ...attributes>\n      <HdsIcon @name={{@icon}} />\n    </button>\n  </template>;\n\nexport default HdsAppSideNavToggleButton;\n"],"names":["HdsAppSideNavToggleButton","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,4HAAA,EAIA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/application-state/body.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/application-state/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../../src/components/hds/application-state/body.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../text/body.gts';\n\nexport interface HdsApplicationStateBodySignature {\n  Args: {\n    text?: string;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateBody: TemplateOnlyComponent<HdsApplicationStateBodySignature> =\n  <template>\n    <div class=\"hds-application-state__body\" ...attributes>\n      {{#if (has-block)}}\n        {{yield}}\n      {{else}}\n        <HdsTextBody\n          class=\"hds-application-state__body-text\"\n          @tag=\"p\"\n          @size=\"300\"\n        >\n          {{@text}}\n        </HdsTextBody>\n      {{/if}}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateBody;\n"],"names":["HdsApplicationStateBody","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAgBD,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,4PAAA,EAcA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/application-state/body.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../text/body.gts';\n\nexport interface HdsApplicationStateBodySignature {\n  Args: {\n    text?: string;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateBody: TemplateOnlyComponent<HdsApplicationStateBodySignature> =\n  <template>\n    <div class=\"hds-application-state__body\" ...attributes>\n      {{#if (has-block)}}\n        {{yield}}\n      {{else}}\n        <HdsTextBody\n          class=\"hds-application-state__body-text\"\n          @tag=\"p\"\n          @size=\"300\"\n        >\n          {{@text}}\n        </HdsTextBody>\n      {{/if}}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateBody;\n"],"names":["HdsApplicationStateBody","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAgBD,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,4PAAA,EAcA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/application-state/footer.js

@@ -7,7 +7,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/application-state/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/application-state/footer.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsButton from '../button/index.gts';\nimport HdsDropdown from '../dropdown/index.gts';\nimport HdsLinkStandalone from '../link/standalone.gts';\n\nexport interface HdsApplicationStateFooterSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default?: [\n      {\n        Button?: typeof HdsButton;\n        Dropdown?: typeof HdsDropdown;\n        LinkStandalone?: typeof HdsLinkStandalone;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateFooter: TemplateOnlyComponent<HdsApplicationStateFooterSignature> =\n  <template>\n    <div class=\"hds-application-state__footer\" ...attributes>\n      {{yield\n        (hash\n          Button=HdsButton Dropdown=HdsDropdown LinkStandalone=HdsLinkStandalone\n        )\n      }}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateFooter;\n"],"names":["HdsApplicationStateFooter","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsButton","HdsDropdown","HdsLinkStandalone","templateOnly"],"mappings":";;;;;;;;AAAA;;;AAGC;;AAyBD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,gKAAA,EAQA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,WAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/application-state/footer.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsButton from '../button/index.gts';\nimport HdsDropdown from '../dropdown/index.gts';\nimport HdsLinkStandalone from '../link/standalone.gts';\n\nexport interface HdsApplicationStateFooterSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default?: [\n      {\n        Button?: typeof HdsButton;\n        Dropdown?: typeof HdsDropdown;\n        LinkStandalone?: typeof HdsLinkStandalone;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateFooter: TemplateOnlyComponent<HdsApplicationStateFooterSignature> =\n  <template>\n    <div class=\"hds-application-state__footer\" ...attributes>\n      {{yield\n        (hash\n          Button=HdsButton Dropdown=HdsDropdown LinkStandalone=HdsLinkStandalone\n        )\n      }}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateFooter;\n"],"names":["HdsApplicationStateFooter","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsButton","HdsDropdown","HdsLinkStandalone","templateOnly"],"mappings":";;;;;;;;AAAA;;;AAGC;;AAyBD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,gKAAA,EAQA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAC,WAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/application-state/header.js

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

package/dist/components/hds/application-state/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/hds/application-state/header.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { HdsApplicationStateTitleTagValues } from './types.ts';\nimport HdsTextBody from '../text/body.gts';\nimport HdsTextDisplay from '../text/display.gts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type { HdsApplicationStateTitleTags } from './types.ts';\n\nexport interface HdsApplicationStateHeaderSignature {\n  Args: {\n    title?: string;\n    titleTag?: HdsApplicationStateTitleTags;\n    errorCode?: string;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationStateHeader extends Component<HdsApplicationStateHeaderSignature> {\n  get titleTag(): HdsApplicationStateTitleTags {\n    return this.args.titleTag ?? HdsApplicationStateTitleTagValues.Div;\n  }\n\n  <template>\n    <div class=\"hds-application-state__header\" ...attributes>\n      {{#if @errorCode}}\n        <HdsTextBody\n          class=\"hds-application-state__error-code\"\n          @tag=\"div\"\n          @size=\"100\"\n          @weight=\"medium\"\n          @color=\"faint\"\n        >\n          {{hdsT \"hds.application-state.header.error\" default=\"ERROR\"}}\n          {{@errorCode}}\n        </HdsTextBody>\n      {{/if}}\n      {{#if @icon}}\n        <div class=\"hds-application-state__icon\">\n          <HdsIcon\n            @color=\"var(--token-color-foreground-strong)\"\n            @name={{@icon}}\n            @size=\"24\"\n            @isInline={{true}}\n          />\n        </div>\n      {{/if}}\n      <HdsTextDisplay\n        class=\"hds-application-state__title\"\n        @tag={{this.titleTag}}\n        @size=\"300\"\n        @weight=\"semibold\"\n        @color=\"strong\"\n      >\n        {{@title}}\n      </HdsTextDisplay>\n    </div>\n  </template>\n}\n"],"names":["HdsApplicationStateHeader","Component","titleTag","args","HdsApplicationStateTitleTagValues","Div","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","HdsIcon","HdsTextDisplay"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,kCAAkCC,SAAA,CAAU;EAC/D,IAAIC,WAAyC;IAC3C,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,kCAAkCC,GAAG;AACpE,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,+sBAAA,EAkCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;cAAAC,UAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/application-state/header.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport { HdsApplicationStateTitleTagValues } from './types.ts';\nimport HdsTextBody from '../text/body.gts';\nimport HdsTextDisplay from '../text/display.gts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type { HdsApplicationStateTitleTags } from './types.ts';\n\nexport interface HdsApplicationStateHeaderSignature {\n  Args: {\n    title?: string;\n    titleTag?: HdsApplicationStateTitleTags;\n    errorCode?: string;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationStateHeader extends Component<HdsApplicationStateHeaderSignature> {\n  get titleTag(): HdsApplicationStateTitleTags {\n    return this.args.titleTag ?? HdsApplicationStateTitleTagValues.Div;\n  }\n\n  <template>\n    <div class=\"hds-application-state__header\" ...attributes>\n      {{#if @errorCode}}\n        <HdsTextBody\n          class=\"hds-application-state__error-code\"\n          @tag=\"div\"\n          @size=\"100\"\n          @weight=\"medium\"\n          @color=\"faint\"\n        >\n          {{hdsT \"hds.application-state.header.error\" default=\"ERROR\"}}\n          {{@errorCode}}\n        </HdsTextBody>\n      {{/if}}\n      {{#if @icon}}\n        <div class=\"hds-application-state__icon\">\n          <HdsIcon\n            @color=\"var(--token-color-foreground-strong)\"\n            @name={{@icon}}\n            @size=\"24\"\n            @isInline={{true}}\n          />\n        </div>\n      {{/if}}\n      <HdsTextDisplay\n        class=\"hds-application-state__title\"\n        @tag={{this.titleTag}}\n        @size=\"300\"\n        @weight=\"semibold\"\n        @color=\"strong\"\n      >\n        {{@title}}\n      </HdsTextDisplay>\n    </div>\n  </template>\n}\n"],"names":["HdsApplicationStateHeader","Component","titleTag","args","HdsApplicationStateTitleTagValues","Div","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","HdsIcon","HdsTextDisplay"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,kCAAkCC,SAAA,CAAU;EAC/D,IAAIC,WAAyC;IAC3C,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,kCAAkCC,GAAG;AACpE,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,+sBAAA,EAkCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;cAAAC,UAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/application-state/index.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 ALIGNS = Object.values(HdsApplicationStateAlignValues);

package/dist/components/hds/application-state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/application-state/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';\n\nimport { HdsApplicationStateAlignValues } from './types.ts';\nimport HdsApplicationStateMedia from './media.gts';\nimport HdsApplicationStateHeader from './header.gts';\nimport HdsApplicationStateBody from './body.gts';\nimport HdsApplicationStateFooter from './footer.gts';\n\nimport type { HdsApplicationStateAligns } from './types.ts';\n\nexport const ALIGNS: HdsApplicationStateAligns[] = Object.values(\n  HdsApplicationStateAlignValues\n);\nexport interface HdsApplicationStateSignature {\n  Args: {\n    align?: HdsApplicationStateAligns;\n    isAutoCentered?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Media?: typeof HdsApplicationStateMedia;\n        Header?: typeof HdsApplicationStateHeader;\n        Body?: typeof HdsApplicationStateBody;\n        Footer?: typeof HdsApplicationStateFooter;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationState extends Component<HdsApplicationStateSignature> {\n  get isAutoCentered(): boolean {\n    return this.args.isAutoCentered ?? true;\n  }\n\n  get align(): HdsApplicationStateAligns {\n    const validAlignValues: HdsApplicationStateAligns[] = Object.values(\n      HdsApplicationStateAlignValues\n    );\n\n    assert(\n      `@align for \"Hds::ApplicationState\" must be one of the following: ${validAlignValues.join(\n        ', '\n      )}; received: ${this.args.align}`,\n      this.args.align == null || validAlignValues.includes(this.args.align)\n    );\n\n    return this.args.align ?? HdsApplicationStateAlignValues.Left;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-application-state'];\n\n    // add a class based on the @align argument\n    classes.push(`hds-application-state--align-${this.align}`);\n\n    if (this.isAutoCentered) {\n      classes.push('hds-application-state--is-auto-centered');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash\n          Media=HdsApplicationStateMedia\n          Header=HdsApplicationStateHeader\n          Body=HdsApplicationStateBody\n          Footer=HdsApplicationStateFooter\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["ALIGNS","Object","values","HdsApplicationStateAlignValues","HdsApplicationState","Component","isAutoCentered","args","align","validAlignValues","assert","join","includes","Left","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsApplicationStateMedia","HdsApplicationStateHeader","HdsApplicationStateBody","HdsApplicationStateFooter"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AAcM,MAAMA,MAAQ,GAA8BC,MAAA,CAAOC,MAAM,CAC9DC,8BAAA;AAoBa,MAAMC,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,cAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAA;AACrC,EAAA;EAEA,IAAIE,QAAmC;AACrC,IAAA,MAAMC,gBAAkB,GAA8BR,MAAA,CAAOC,MAAM,CACjEC,8BAAA,CAAA;AAGFO,IAAAA,MAAA,CACE,CAAA,iEAAA,EAAoED,gBAAA,CAAiBE,IAAI,CACvF,IAAA,CAAA,CAAA,YAAA,EACc,IAAI,CAACJ,IAAI,CAACC,KAAK,EAAE,EACjC,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,IAAA,IAAQC,gBAAA,CAAiBG,QAAQ,CAAC,IAAI,CAACL,IAAI,CAACC,KAAK,CAAA,CAAA;IAGtE,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAIL,+BAA+BU,IAAI;AAC/D,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,uBAAA,CAAwB;AAEzC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACR,KAAK,EAAE,CAAA;IAEzD,IAAI,IAAI,CAACF,cAAc,EAAE;AACvBS,MAAAA,OAAA,CAAQC,IAAI,CAAC,yCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,yMAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,wBAAA;QAAAC,yBAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/application-state/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';\n\nimport { HdsApplicationStateAlignValues } from './types.ts';\nimport HdsApplicationStateMedia from './media.gts';\nimport HdsApplicationStateHeader from './header.gts';\nimport HdsApplicationStateBody from './body.gts';\nimport HdsApplicationStateFooter from './footer.gts';\n\nimport type { HdsApplicationStateAligns } from './types.ts';\n\nexport const ALIGNS: HdsApplicationStateAligns[] = Object.values(\n  HdsApplicationStateAlignValues\n);\nexport interface HdsApplicationStateSignature {\n  Args: {\n    align?: HdsApplicationStateAligns;\n    isAutoCentered?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Media?: typeof HdsApplicationStateMedia;\n        Header?: typeof HdsApplicationStateHeader;\n        Body?: typeof HdsApplicationStateBody;\n        Footer?: typeof HdsApplicationStateFooter;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationState extends Component<HdsApplicationStateSignature> {\n  get isAutoCentered(): boolean {\n    return this.args.isAutoCentered ?? true;\n  }\n\n  get align(): HdsApplicationStateAligns {\n    const validAlignValues: HdsApplicationStateAligns[] = Object.values(\n      HdsApplicationStateAlignValues\n    );\n\n    assert(\n      `@align for \"Hds::ApplicationState\" must be one of the following: ${validAlignValues.join(\n        ', '\n      )}; received: ${this.args.align}`,\n      this.args.align == null || validAlignValues.includes(this.args.align)\n    );\n\n    return this.args.align ?? HdsApplicationStateAlignValues.Left;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-application-state'];\n\n    // add a class based on the @align argument\n    classes.push(`hds-application-state--align-${this.align}`);\n\n    if (this.isAutoCentered) {\n      classes.push('hds-application-state--is-auto-centered');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash\n          Media=HdsApplicationStateMedia\n          Header=HdsApplicationStateHeader\n          Body=HdsApplicationStateBody\n          Footer=HdsApplicationStateFooter\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["ALIGNS","Object","values","HdsApplicationStateAlignValues","HdsApplicationState","Component","isAutoCentered","args","align","validAlignValues","assert","join","includes","Left","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsApplicationStateMedia","HdsApplicationStateHeader","HdsApplicationStateBody","HdsApplicationStateFooter"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AAcM,MAAMA,MAAQ,GAA8BC,MAAA,CAAOC,MAAM,CAC9DC,8BAAA;AAoBa,MAAMC,4BAA4BC,SAAA,CAAU;EACzD,IAAIC,cAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAA;AACrC,EAAA;EAEA,IAAIE,QAAmC;AACrC,IAAA,MAAMC,gBAAkB,GAA8BR,MAAA,CAAOC,MAAM,CACjEC,8BAAA,CAAA;AAGFO,IAAAA,MAAA,CACE,CAAA,iEAAA,EAAoED,gBAAA,CAAiBE,IAAI,CACvF,IAAA,CAAA,CAAA,YAAA,EACc,IAAI,CAACJ,IAAI,CAACC,KAAK,EAAE,EACjC,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,IAAA,IAAQC,gBAAA,CAAiBG,QAAQ,CAAC,IAAI,CAACL,IAAI,CAACC,KAAK,CAAA,CAAA;IAGtE,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAIL,+BAA+BU,IAAI;AAC/D,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,uBAAA,CAAwB;AAEzC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACR,KAAK,EAAE,CAAA;IAEzD,IAAI,IAAI,CAACF,cAAc,EAAE;AACvBS,MAAAA,OAAA,CAAQC,IAAI,CAAC,yCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,yMAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,wBAAA;QAAAC,yBAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/application-state/media.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 HdsApplicationStateMedia = setComponentTemplate(precompileTemplate("<div class=\"hds-application-state__media\" ...attributes>\n  {{yield}}\n</div>", {

package/dist/components/hds/application-state/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sources":["../../../../src/components/hds/application-state/media.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 HdsApplicationStateMediaSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateMedia: TemplateOnlyComponent<HdsApplicationStateMediaSignature> =\n  <template>\n    <div class=\"hds-application-state__media\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateMedia;\n"],"names":["HdsApplicationStateMedia","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,iFAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"media.js","sources":["../../../../src/components/hds/application-state/media.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 HdsApplicationStateMediaSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateMedia: TemplateOnlyComponent<HdsApplicationStateMediaSignature> =\n  <template>\n    <div class=\"hds-application-state__media\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsApplicationStateMedia;\n"],"names":["HdsApplicationStateMedia","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,iFAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const SIZES = Object.values(HdsBadgeSizeValues);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge/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';\n\nimport HdsIcon from '../icon/index.gts';\nimport {\n  HdsBadgeColorValues,\n  HdsBadgeSizeValues,\n  HdsBadgeTypeValues,\n} from './types.ts';\nimport type { HdsBadgeColors, HdsBadgeSizes, HdsBadgeTypes } from './types.ts';\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport const SIZES: HdsBadgeSizes[] = Object.values(HdsBadgeSizeValues);\nexport const TYPES: HdsBadgeTypes[] = Object.values(HdsBadgeTypeValues);\nexport const COLORS: HdsBadgeColors[] = Object.values(HdsBadgeColorValues);\nexport const DEFAULT_SIZE = HdsBadgeSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;\n\nexport interface HdsBadgeSignature {\n  Args: {\n    size?: HdsBadgeSizes;\n    type?: HdsBadgeTypes;\n    color?: HdsBadgeColors;\n    text: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    isIconOnly?: boolean;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadge extends Component<HdsBadgeSignature> {\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Badge\" 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 type() {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Badge\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Badge\" 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 text() {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Badge\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get isIconOnly() {\n    if (this.args.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n\n    return false;\n  }\n\n  get classNames() {\n    const classes = ['hds-badge'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{#if @icon}}\n        <div class=\"hds-badge__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      {{#if this.isIconOnly}}\n        <span class=\"sr-only\">{{this.text}}</span>\n      {{else}}\n        <div class=\"hds-badge__text\">\n          {{this.text}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsBadgeSizeValues","TYPES","HdsBadgeTypeValues","COLORS","HdsBadgeColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadge","Component","size","args","assert","join","includes","type","color","text","undefined","isIconOnly","icon","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":";;;;;;;AAAA;;;AAGC;AAcM,MAAMA,KAAO,GAAkBC,MAAA,CAAOC,MAAM,CAACC,kBAAA;AAC7C,MAAMC,KAAO,GAAkBH,MAAA,CAAOC,MAAM,CAACG,kBAAA;AAC7C,MAAMC,MAAQ,GAAmBL,MAAA,CAAOC,MAAM,CAACK,mBAAA;AAC/C,MAAMC,YAAA,GAAeL,kBAAA,CAAmBM;AACxC,MAAMC,YAAA,GAAeL,kBAAA,CAAmBM;AACxC,MAAMC,aAAA,GAAgBL,mBAAA,CAAoBM;AAclC,MAAMC,iBAAiBC,SAAA,CAAU;EAC9C,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDlB,KAAA,CAAMmB,IAAI,CAChE,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBhB,KAAA,CAAMoB,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA,IAAA,GAAOX;KAAc,GAAG,IAAI,CAACO,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDd,KAAA,CAAMe,IAAI,CAChE,IAAA,CAAA,CAAA,YAAA,EACcE,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMgB,QAAQ,CAACC,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIC,KAAAA,GAAQ;IACV,MAAM;AAAEA,MAAAA,KAAA,GAAQV;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,sDAAA,EAAyDZ,MAAA,CAAOa,IAAI,CAClE,IAAA,CAAA,CAAA,YAAA,EACcG,KAAA,CAAA,CAAO,EACvBhB,MAAA,CAAOc,QAAQ,CAACE,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACN,IAAI;AAE1BC,IAAAA,MAAA,CACE,kDACAK,IAAA,KAASC,SAAA,CAAA;AAGX,IAAA,OAAOD,IAAA;AACT,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,IAAI,EAAE;AAClB,MAAA,OAAO,IAAI,CAACT,IAAI,CAACQ,UAAU,IAAI,KAAA;AACjC,IAAA;AAEA,IAAA,OAAO,KAAA;AACT,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,MAAMC,OAAA,GAAU,CAAC,WAAA,CAAY;AAE7B;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACb,IAAI,EAAE,CAAA;AAE3C;IACAY,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACR,IAAI,EAAE,CAAA;AAE3C;IACAO,OAAA,CAAQC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAACP,KAAK,EAAE,CAAA;AAE7C,IAAA,OAAOM,OAAA,CAAQT,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAAA,kXAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge/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';\n\nimport HdsIcon from '../icon/index.gts';\nimport {\n  HdsBadgeColorValues,\n  HdsBadgeSizeValues,\n  HdsBadgeTypeValues,\n} from './types.ts';\nimport type { HdsBadgeColors, HdsBadgeSizes, HdsBadgeTypes } from './types.ts';\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport const SIZES: HdsBadgeSizes[] = Object.values(HdsBadgeSizeValues);\nexport const TYPES: HdsBadgeTypes[] = Object.values(HdsBadgeTypeValues);\nexport const COLORS: HdsBadgeColors[] = Object.values(HdsBadgeColorValues);\nexport const DEFAULT_SIZE = HdsBadgeSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;\n\nexport interface HdsBadgeSignature {\n  Args: {\n    size?: HdsBadgeSizes;\n    type?: HdsBadgeTypes;\n    color?: HdsBadgeColors;\n    text: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    isIconOnly?: boolean;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadge extends Component<HdsBadgeSignature> {\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Badge\" 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 type() {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Badge\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Badge\" 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 text() {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Badge\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get isIconOnly() {\n    if (this.args.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n\n    return false;\n  }\n\n  get classNames() {\n    const classes = ['hds-badge'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{#if @icon}}\n        <div class=\"hds-badge__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      {{#if this.isIconOnly}}\n        <span class=\"sr-only\">{{this.text}}</span>\n      {{else}}\n        <div class=\"hds-badge__text\">\n          {{this.text}}\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsBadgeSizeValues","TYPES","HdsBadgeTypeValues","COLORS","HdsBadgeColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadge","Component","size","args","assert","join","includes","type","color","text","undefined","isIconOnly","icon","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":";;;;;;;AAAA;;;AAGC;AAcM,MAAMA,KAAO,GAAkBC,MAAA,CAAOC,MAAM,CAACC,kBAAA;AAC7C,MAAMC,KAAO,GAAkBH,MAAA,CAAOC,MAAM,CAACG,kBAAA;AAC7C,MAAMC,MAAQ,GAAmBL,MAAA,CAAOC,MAAM,CAACK,mBAAA;AAC/C,MAAMC,YAAA,GAAeL,kBAAA,CAAmBM;AACxC,MAAMC,YAAA,GAAeL,kBAAA,CAAmBM;AACxC,MAAMC,aAAA,GAAgBL,mBAAA,CAAoBM;AAclC,MAAMC,iBAAiBC,SAAA,CAAU;EAC9C,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDlB,KAAA,CAAMmB,IAAI,CAChE,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBhB,KAAA,CAAMoB,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA,IAAA,GAAOX;KAAc,GAAG,IAAI,CAACO,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDd,KAAA,CAAMe,IAAI,CAChE,IAAA,CAAA,CAAA,YAAA,EACcE,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMgB,QAAQ,CAACC,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIC,KAAAA,GAAQ;IACV,MAAM;AAAEA,MAAAA,KAAA,GAAQV;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,sDAAA,EAAyDZ,MAAA,CAAOa,IAAI,CAClE,IAAA,CAAA,CAAA,YAAA,EACcG,KAAA,CAAA,CAAO,EACvBhB,MAAA,CAAOc,QAAQ,CAACE,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,IAAAA,GAAO;IACT,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACN,IAAI;AAE1BC,IAAAA,MAAA,CACE,kDACAK,IAAA,KAASC,SAAA,CAAA;AAGX,IAAA,OAAOD,IAAA;AACT,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,IAAI,EAAE;AAClB,MAAA,OAAO,IAAI,CAACT,IAAI,CAACQ,UAAU,IAAI,KAAA;AACjC,IAAA;AAEA,IAAA,OAAO,KAAA;AACT,EAAA;EAEA,IAAIE,UAAAA,GAAa;AACf,IAAA,MAAMC,OAAA,GAAU,CAAC,WAAA,CAAY;AAE7B;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACb,IAAI,EAAE,CAAA;AAE3C;IACAY,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACR,IAAI,EAAE,CAAA;AAE3C;IACAO,OAAA,CAAQC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAACP,KAAK,EAAE,CAAA;AAE7C,IAAA,OAAOM,OAAA,CAAQT,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAAA,kXAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/badge-count/index.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
  */
 const SIZES = Object.values(HdsBadgeCountSizeValues);

package/dist/components/hds/badge-count/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge-count/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';\n\nimport {\n  HdsBadgeCountColorValues,\n  HdsBadgeCountSizeValues,\n  HdsBadgeCountTypeValues,\n} from './types.ts';\nimport type {\n  HdsBadgeCountColors,\n  HdsBadgeCountSizes,\n  HdsBadgeCountTypes,\n} from './types.ts';\n\nexport const SIZES: HdsBadgeCountSizes[] = Object.values(\n  HdsBadgeCountSizeValues\n);\nexport const TYPES: HdsBadgeCountTypes[] = Object.values(\n  HdsBadgeCountTypeValues\n);\nexport const COLORS: HdsBadgeCountColors[] = Object.values(\n  HdsBadgeCountColorValues\n);\nexport const DEFAULT_SIZE = HdsBadgeCountSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeCountTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeCountColorValues.Neutral;\n\nexport interface HdsBadgeCountSignature {\n  Args: {\n    size?: HdsBadgeCountSizes;\n    type?: HdsBadgeCountTypes;\n    color?: HdsBadgeCountColors;\n    text: string | number;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadgeCount extends Component<HdsBadgeCountSignature> {\n  get size(): HdsBadgeCountSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::BadgeCount\" 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 type(): HdsBadgeCountTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::BadgeCount\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get color(): HdsBadgeCountColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::BadgeCount\" 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 = ['hds-badge-count'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge-count--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge-count--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge-count--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{@text}}\n    </div>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsBadgeCountSizeValues","TYPES","HdsBadgeCountTypeValues","COLORS","HdsBadgeCountColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadgeCount","Component","size","args","assert","join","includes","type","color","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAAA;;;AAGC;AAgBM,MAAMA,KAAO,GAAuBC,MAAA,CAAOC,MAAM,CACtDC,uBAAA;AAEK,MAAMC,KAAO,GAAuBH,MAAA,CAAOC,MAAM,CACtDG,uBAAA;AAEK,MAAMC,MAAQ,GAAwBL,MAAA,CAAOC,MAAM,CACxDK,wBAAA;AAEK,MAAMC,YAAA,GAAeL,uBAAA,CAAwBM;AAC7C,MAAMC,YAAA,GAAeL,uBAAA,CAAwBM;AAC7C,MAAMC,aAAA,GAAgBL,wBAAA,CAAyBM;AAYvC,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,OAA2B;IAC7B,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DlB,KAAA,CAAMmB,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBhB,KAAA,CAAMoB,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,OAA2B;IAC7B,MAAM;AAAEA,MAAAA,IAAA,GAAOX;KAAc,GAAG,IAAI,CAACO,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6Dd,KAAA,CAAMe,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcE,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMgB,QAAQ,CAACC,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIC,QAA6B;IAC/B,MAAM;AAAEA,MAAAA,KAAA,GAAQV;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,2DAAA,EAA8DZ,MAAA,CAAOa,IAAI,CACvE,IAAA,CAAA,CAAA,YAAA,EACcG,KAAA,CAAA,CAAO,EACvBhB,MAAA,CAAOc,QAAQ,CAACE,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,iBAAA,CAAkB;AAEnC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACT,IAAI,EAAE,CAAA;AAEjD;IACAQ,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACJ,IAAI,EAAE,CAAA;AAEjD;IACAG,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACH,KAAK,EAAE,CAAA;AAEnD,IAAA,OAAOE,OAAA,CAAQL,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,oEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge-count/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';\n\nimport {\n  HdsBadgeCountColorValues,\n  HdsBadgeCountSizeValues,\n  HdsBadgeCountTypeValues,\n} from './types.ts';\nimport type {\n  HdsBadgeCountColors,\n  HdsBadgeCountSizes,\n  HdsBadgeCountTypes,\n} from './types.ts';\n\nexport const SIZES: HdsBadgeCountSizes[] = Object.values(\n  HdsBadgeCountSizeValues\n);\nexport const TYPES: HdsBadgeCountTypes[] = Object.values(\n  HdsBadgeCountTypeValues\n);\nexport const COLORS: HdsBadgeCountColors[] = Object.values(\n  HdsBadgeCountColorValues\n);\nexport const DEFAULT_SIZE = HdsBadgeCountSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeCountTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeCountColorValues.Neutral;\n\nexport interface HdsBadgeCountSignature {\n  Args: {\n    size?: HdsBadgeCountSizes;\n    type?: HdsBadgeCountTypes;\n    color?: HdsBadgeCountColors;\n    text: string | number;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadgeCount extends Component<HdsBadgeCountSignature> {\n  get size(): HdsBadgeCountSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::BadgeCount\" 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 type(): HdsBadgeCountTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::BadgeCount\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get color(): HdsBadgeCountColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::BadgeCount\" 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 = ['hds-badge-count'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge-count--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge-count--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge-count--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{@text}}\n    </div>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsBadgeCountSizeValues","TYPES","HdsBadgeCountTypeValues","COLORS","HdsBadgeCountColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadgeCount","Component","size","args","assert","join","includes","type","color","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAAA;;;AAGC;AAgBM,MAAMA,KAAO,GAAuBC,MAAA,CAAOC,MAAM,CACtDC,uBAAA;AAEK,MAAMC,KAAO,GAAuBH,MAAA,CAAOC,MAAM,CACtDG,uBAAA;AAEK,MAAMC,MAAQ,GAAwBL,MAAA,CAAOC,MAAM,CACxDK,wBAAA;AAEK,MAAMC,YAAA,GAAeL,uBAAA,CAAwBM;AAC7C,MAAMC,YAAA,GAAeL,uBAAA,CAAwBM;AAC7C,MAAMC,aAAA,GAAgBL,wBAAA,CAAyBM;AAYvC,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,OAA2B;IAC7B,MAAM;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DlB,KAAA,CAAMmB,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcH,IAAA,CAAA,CAAM,EACtBhB,KAAA,CAAMoB,QAAQ,CAACJ,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIK,OAA2B;IAC7B,MAAM;AAAEA,MAAAA,IAAA,GAAOX;KAAc,GAAG,IAAI,CAACO,IAAI;AAEzCC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6Dd,KAAA,CAAMe,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcE,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMgB,QAAQ,CAACC,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,IAAIC,QAA6B;IAC/B,MAAM;AAAEA,MAAAA,KAAA,GAAQV;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,2DAAA,EAA8DZ,MAAA,CAAOa,IAAI,CACvE,IAAA,CAAA,CAAA,YAAA,EACcG,KAAA,CAAA,CAAO,EACvBhB,MAAA,CAAOc,QAAQ,CAACE,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,iBAAA,CAAkB;AAEnC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACT,IAAI,EAAE,CAAA;AAEjD;IACAQ,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACJ,IAAI,EAAE,CAAA;AAEjD;IACAG,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACH,KAAK,EAAE,CAAA;AAEnD,IAAA,OAAOE,OAAA,CAAQL,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,oEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -4,7 +4,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 NOOP = () => {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nexport interface HdsBreadcrumbSignature {\n  Args: {\n    ariaLabel?: string;\n    itemsCanWrap?: boolean;\n    didInsert?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumb extends Component<HdsBreadcrumbSignature> {\n  get didInsert(): () => void {\n    const { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get itemsCanWrap(): boolean {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n      <ol class=\"hds-breadcrumb__list\" {{didInsert this.didInsert}}>\n        {{yield}}\n      </ol>\n    </nav>\n  </template>\n}\n"],"names":["NOOP","HdsBreadcrumb","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;AAAA;;;AAGC;AAkBD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,SAAAA,GAAwB;IAC1B,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/B,IAAA,IAAI,OAAOD,cAAc,UAAA,EAAY;AACnC,MAAA,OAAOA,SAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOH,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIK,YAAAA,GAAwB;AAC1B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAA;AACnC,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAA;AAChC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,gCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iLAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAX,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nexport interface HdsBreadcrumbSignature {\n  Args: {\n    ariaLabel?: string;\n    itemsCanWrap?: boolean;\n    didInsert?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumb extends Component<HdsBreadcrumbSignature> {\n  get didInsert(): () => void {\n    const { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get itemsCanWrap(): boolean {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n      <ol class=\"hds-breadcrumb__list\" {{didInsert this.didInsert}}>\n        {{yield}}\n      </ol>\n    </nav>\n  </template>\n}\n"],"names":["NOOP","HdsBreadcrumb","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;AAAA;;;AAGC;AAkBD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,SAAAA,GAAwB;IAC1B,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/B,IAAA,IAAI,OAAOD,cAAc,UAAA,EAAY;AACnC,MAAA,OAAOA,SAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOH,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIK,YAAAA,GAAwB;AAC1B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAA;AACnC,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAA;AAChC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,gCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iLAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAX,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/breadcrumb/item.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 HdsBreadcrumbItem extends Component {

package/dist/components/hds/breadcrumb/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nimport type { SafeString } from '@ember/template';\n\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    href?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n      {{#if @current}}\n        <div class=\"hds-breadcrumb__current\">\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </div>\n      {{else}}\n        <HdsInteractive\n          class=\"hds-breadcrumb__link\"\n          @current-when={{@current-when}}\n          @models={{@models}}\n          @model={{@model}}\n          @query={{@query}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @href={{@href}}\n          @isRouteExternal={{@isRouteExternal}}\n        >\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsInteractive"],"mappings":";;;;;;;;AAAA;;;AAGC;AA+Bc,MAAMA,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,QAAAA,GAA+B;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAA,EAAU;MACZE,MAAA,CACE,CAAA,qHAAA,EAAwHF,QAAA,CAAA,CAAU,EAClIA,QAAA,CAASG,KAAK,CAAC,cAAA,CAAA,CAAA;AAGjB,MAAA,OAAOH,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,SAAAA,GAAoC;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAA,CAAS,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAA;AAC/C,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIG,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,u4BAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nimport type { SafeString } from '@ember/template';\n\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    href?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n      {{#if @current}}\n        <div class=\"hds-breadcrumb__current\">\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </div>\n      {{else}}\n        <HdsInteractive\n          class=\"hds-breadcrumb__link\"\n          @current-when={{@current-when}}\n          @models={{@models}}\n          @model={{@model}}\n          @query={{@query}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @href={{@href}}\n          @isRouteExternal={{@isRouteExternal}}\n        >\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsInteractive"],"mappings":";;;;;;;;AAAA;;;AAGC;AA+Bc,MAAMA,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,QAAAA,GAA+B;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAA,EAAU;MACZE,MAAA,CACE,CAAA,qHAAA,EAAwHF,QAAA,CAAA,CAAU,EAClIA,QAAA,CAASG,KAAK,CAAC,cAAA,CAAA,CAAA;AAGjB,MAAA,OAAOH,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,SAAAA,GAAoC;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAA,CAAS,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAA;AAC/C,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIG,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,u4BAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/breadcrumb/truncation.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 HdsBreadcrumbTruncation extends Component {

package/dist/components/hds/breadcrumb/truncation.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n\n  <template>\n    <li\n      class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\"\n      ...attributes\n    >\n      <HdsPopoverPrimitive @enableClickEvents={{true}} as |PP|>\n        <div {{PP.setupPrimitiveContainer}}>\n          <button\n            type=\"button\"\n            class=\"hds-breadcrumb__truncation-toggle\"\n            aria-label={{this.ariaLabel}}\n            aria-expanded={{if PP.isOpen \"true\" \"false\"}}\n            {{PP.setupPrimitiveToggle}}\n          >\n            <HdsIcon @name=\"more-horizontal\" @size=\"16\" />\n          </button>\n          <div\n            class=\"hds-breadcrumb__truncation-content\"\n            {{PP.setupPrimitivePopover\n              anchoredPositionOptions=(hash\n                placement=\"bottom-start\" offsetOptions=4\n              )\n            }}\n          >\n            <ol class=\"hds-breadcrumb__sublist\">\n              {{yield}}\n            </ol>\n          </div>\n        </div>\n      </HdsPopoverPrimitive>\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","HdsIcon","hash"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAA;AAChC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mvBAAA,EA+BA;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":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n\n  <template>\n    <li\n      class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\"\n      ...attributes\n    >\n      <HdsPopoverPrimitive @enableClickEvents={{true}} as |PP|>\n        <div {{PP.setupPrimitiveContainer}}>\n          <button\n            type=\"button\"\n            class=\"hds-breadcrumb__truncation-toggle\"\n            aria-label={{this.ariaLabel}}\n            aria-expanded={{if PP.isOpen \"true\" \"false\"}}\n            {{PP.setupPrimitiveToggle}}\n          >\n            <HdsIcon @name=\"more-horizontal\" @size=\"16\" />\n          </button>\n          <div\n            class=\"hds-breadcrumb__truncation-content\"\n            {{PP.setupPrimitivePopover\n              anchoredPositionOptions=(hash\n                placement=\"bottom-start\" offsetOptions=4\n              )\n            }}\n          >\n            <ol class=\"hds-breadcrumb__sublist\">\n              {{yield}}\n            </ol>\n          </div>\n        </div>\n      </HdsPopoverPrimitive>\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","HdsIcon","hash"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAA;AAChC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mvBAAA,EA+BA;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/button/index.js

@@ -1,4 +1,5 @@
 import Component from '@glimmer/component';
+import { service } from '@ember/service';
 import { assert } from '@ember/debug';
 import { eq } from 'ember-truth-helpers';
 import { HdsButtonSizeValues, HdsButtonColorValues, HdsButtonIconPositionValues } from './types.js';
@@ -6,9 +7,10 @@ import HdsInteractive from '../interactive/index.js';
 import HdsIcon from '../icon/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const SIZES = Object.values(HdsButtonSizeValues);
@@ -18,6 +20,10 @@ const DEFAULT_SIZE = HdsButtonSizeValues.Medium;
 const DEFAULT_COLOR = HdsButtonColorValues.Primary;
 const DEFAULT_ICON_POSITION = HdsButtonIconPositionValues.Leading;
 class HdsButton extends Component {
+  static {
+    g(this.prototype, "hdsTheming", [service]);
+  }
+  #hdsTheming = (i(this, "hdsTheming"), void 0);
   get text() {
     // TEST2
     const {
@@ -58,7 +64,8 @@ class HdsButton extends Component {
     return iconPosition;
   }
   get iconSize() {
-    if (this.args.size === 'large') {
+    // the Carbon Button component has a 16px icon also at large size (the 24px icon resized to 16px would have a smaller stroke width, which is not desireable)
+    if (this.args.size === 'large' && !this.hdsTheming.isCarbonThemeEnabled) {
       return '24';
     } else {
       return '16';