npm - @hashicorp/design-system-components - Versions diffs - 6.2.0 → 6.2.1 - Mend

@hashicorp/design-system-components 6.2.0 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (748) hide show

package/dist/components/hds/app-header/menu-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-button.js","sources":["../../../../src/components/hds/app-header/menu-button.gts"],"sourcesContent":["/*\n Copyright IBM Corp. 2021, ~~2025~~\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsButton from '../button/index.gts';\n\nimport type { HdsButtonSignature } from '../button/index.gts';\n\nexport interface HdsAppHeaderMenuButtonSignature {\n Args: {\n isOpen?: boolean;\n menuContentId: string;\n onClickToggle?: () => void;\n };\n Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsAppHeaderMenuButton extends Component<HdsAppHeaderMenuButtonSignature> {\n get icon(): 'x' \| 'menu' {\n return this.args.isOpen ? 'x' : 'menu';\n }\n\n onClick = (): void => {\n const { onClickToggle } = this.args;\n\n if (typeof onClickToggle === 'function') {\n onClickToggle();\n }\n };\n\n <template>\n <HdsButton\n class=\"hds-app-header__menu-button\"\n @text={{hdsT \"hds.components.common.menu\" default=\"Menu\"}}\n @icon={{this.icon}}\n @iconPosition=\"trailing\"\n {{on \"click\" this.onClick}}\n aria-controls={{@menuContentId}}\n aria-expanded={{if @isOpen \"true\" \"false\"}}\n ...attributes\n />\n </template>\n}\n"],"names":["HdsAppHeaderMenuButton","Component","icon","args","isOpen","onClick","onClickToggle","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","hdsT","on"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,IAAAA,GAAqB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GAAG,GAAA,GAAM,MAAA;AAClC,EAAA;EAEAC,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEC,MAAAA;KAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,IAAA,IAAI,OAAOG,kBAAkB,UAAA,EAAY;AACvCA,MAAAA,aAAA,EAAA;AACF,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,gSAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"menu-button.js","sources":["../../../../src/components/hds/app-header/menu-button.gts"],"sourcesContent":["/*\n Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsButton from '../button/index.gts';\n\nimport type { HdsButtonSignature } from '../button/index.gts';\n\nexport interface HdsAppHeaderMenuButtonSignature {\n Args: {\n isOpen?: boolean;\n menuContentId: string;\n onClickToggle?: () => void;\n };\n Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsAppHeaderMenuButton extends Component<HdsAppHeaderMenuButtonSignature> {\n get icon(): 'x' \| 'menu' {\n return this.args.isOpen ? 'x' : 'menu';\n }\n\n onClick = (): void => {\n const { onClickToggle } = this.args;\n\n if (typeof onClickToggle === 'function') {\n onClickToggle();\n }\n };\n\n <template>\n <HdsButton\n class=\"hds-app-header__menu-button\"\n @text={{hdsT \"hds.components.common.menu\" default=\"Menu\"}}\n @icon={{this.icon}}\n @iconPosition=\"trailing\"\n {{on \"click\" this.onClick}}\n aria-controls={{@menuContentId}}\n aria-expanded={{if @isOpen \"true\" \"false\"}}\n ...attributes\n />\n </template>\n}\n"],"names":["HdsAppHeaderMenuButton","Component","icon","args","isOpen","onClick","onClickToggle","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","hdsT","on"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,IAAAA,GAAqB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GAAG,GAAA,GAAM,MAAA;AAClC,EAAA;EAEAC,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEC,MAAAA;KAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,IAAA,IAAI,OAAOG,kBAAkB,UAAA,EAAY;AACvCA,MAAAA,aAAA,EAAA;AACF,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,gSAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-side-nav/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 { registerDestructor } from '@ember/destroyable';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { fn } from '@ember/helper';\n// @ts-expect-error: missing types https://github.com/josemarluedke/ember-focus-trap/issues/86\nimport focusTrap from 'ember-focus-trap/modifiers/focus-trap';\n\nimport type Owner from '@ember/owner';\n\nimport { hdsBreakpoints } from '../../../utils/hds-breakpoints.ts';\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsAppSideNavToggleButton from './toggle-button.gts';\n\nexport interface HdsAppSideNavSignature {\n Args: {\n isResponsive?: boolean;\n isCollapsible?: boolean;\n isMinimized?: boolean;\n breakpoint?: string;\n onToggleMinimizedStatus?: (arg: boolean) => void;\n onDesktopViewportChange?: (arg: boolean) => void;\n };\n Blocks: {\n default?: [];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNav extends Component<HdsAppSideNavSignature> {\n @tracked private _isMinimized;\n @tracked private _isAnimating = false;\n @tracked private _isDesktop = true;\n\n private _body!: HTMLElement;\n private _bodyInitialOverflowValue = '';\n private _desktopMQ: MediaQueryList;\n private _navWrapperBody!: HTMLElement;\n\n // we use the `lg` breakpoint for `desktop` viewports, but consumers can override its value\n private _desktopMQVal = this.args.breakpoint ?? hdsBreakpoints['lg'].px;\n\n constructor(owner: Owner, args: HdsAppSideNavSignature['Args']) {\n super(owner, args);\n this._isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports\n this._desktopMQ = window.matchMedia(`(min-width:${this._desktopMQVal})`);\n this.addEventListeners();\n registerDestructor(this, (): void => {\n this.removeEventListeners();\n });\n }\n\n private _setUpBodyElement = modifier((): void => {\n this._body = document.body;\n // Store the initial `overflow` value of `<body>` so we can reset to it\n this._bodyInitialOverflowValue =\n this._body.style.getPropertyValue('overflow');\n });\n\n private _setUpNavWrapperBody = modifier((element: HTMLElement) => {\n this._navWrapperBody = element;\n });\n\n addEventListeners(): void {\n document.addEventListener('keydown', this.escapePress, true);\n this._desktopMQ.addEventListener(\n 'change',\n\n this.updateDesktopVariable,\n true\n );\n // if not instantiated as minimized via arguments\n if (!this.args.isMinimized) {\n // set initial state based on viewport using a \"synthetic\" event\n const syntheticEvent = new MediaQueryListEvent('change', {\n matches: this._desktopMQ.matches,\n media: this._desktopMQ.media,\n });\n this.updateDesktopVariable(syntheticEvent);\n }\n }\n\n removeEventListeners(): void {\n document.removeEventListener('keydown', this.escapePress, true);\n this._desktopMQ.removeEventListener(\n 'change',\n\n this.updateDesktopVariable,\n true\n );\n }\n\n // controls if the component reacts to viewport changes\n get isResponsive(): boolean {\n return this.args.isResponsive ?? true;\n }\n\n // controls if users can collapse the appsidenav on 'desktop' viewports\n get isCollapsible(): boolean {\n return this.args.isCollapsible ?? false;\n }\n\n get isMobileCollapsible(): boolean {\n return this.isResponsive && !this._isDesktop;\n }\n\n // traps focus if isResponsive is enabled and it's in mobile view with side nav expanded (overlaying content)\n get shouldTrapFocus(): boolean {\n return this.isResponsive && !this._isDesktop && !this._isMinimized;\n }\n\n get showToggleButton(): boolean {\n return (this.isResponsive && !this._isDesktop) \|\| this.isCollapsible;\n }\n\n get classNames(): string {\n const classes = [`hds-app-side-nav`];\n\n // add specific class names for the different possible states\n if (this.isResponsive) {\n classes.push('hds-app-side-nav--is-responsive');\n }\n if (!this._isDesktop && this.isResponsive) {\n classes.push('hds-app-side-nav--is-mobile');\n } else {\n classes.push('hds-app-side-nav--is-desktop');\n }\n if (this._isMinimized && this.isResponsive) {\n classes.push('hds-app-side-nav--is-minimized');\n } else {\n classes.push('hds-app-side-nav--is-not-minimized');\n }\n if (this._isAnimating) {\n classes.push('hds-app-side-nav--is-animating');\n }\n\n return classes.join(' ');\n }\n\n synchronizeInert = (): void => {\n if (this._isMinimized) {\n this._navWrapperBody?.setAttribute('inert', '');\n } else {\n this._navWrapperBody?.removeAttribute('inert');\n }\n };\n\n lockBodyScroll = (): void => {\n if (this._body) {\n // Prevent page from scrolling when the dialog is open\n this._body.style.setProperty('overflow', 'hidden');\n }\n };\n\n unlockBodyScroll = (): void => {\n // Reset page `overflow` property\n if (this._body) {\n this._body.style.removeProperty('overflow');\n if (this._bodyInitialOverflowValue === '') {\n if (this._body.style.length === 0) {\n this._body.removeAttribute('style');\n }\n } else {\n this._body.style.setProperty(\n 'overflow',\n this._bodyInitialOverflowValue\n );\n }\n }\n };\n\n escapePress = (event: KeyboardEvent): void => {\n if (event.key === 'Escape' && !this._isMinimized && !this._isDesktop) {\n this._isMinimized = true;\n this.synchronizeInert();\n this.unlockBodyScroll();\n }\n };\n\n toggleMinimizedStatus = (): void => {\n this._isMinimized = !this._isMinimized;\n this.synchronizeInert();\n\n const { onToggleMinimizedStatus } = this.args;\n\n if (typeof onToggleMinimizedStatus === 'function') {\n onToggleMinimizedStatus(this._isMinimized);\n }\n\n if (!this._isDesktop) {\n if (this._isMinimized) {\n this.unlockBodyScroll();\n } else {\n this.lockBodyScroll();\n }\n }\n };\n\n setTransition = (phase: string, event: TransitionEvent): void => {\n // we only want to respond to `width` animation/transitions\n if (event.propertyName !== 'width') {\n return;\n }\n if (phase === 'start') {\n this._isAnimating = true;\n } else {\n this._isAnimating = false;\n }\n };\n\n updateDesktopVariable = (event: MediaQueryListEvent): void => {\n this._isDesktop = event.matches;\n\n // automatically minimize on narrow viewports (when not in desktop mode)\n this._isMinimized = !this._isDesktop;\n\n this.synchronizeInert();\n\n if (this._isDesktop) {\n // make sure scrolling is enabled if the user resizes the window from mobile to desktop\n this.unlockBodyScroll();\n }\n\n const { onDesktopViewportChange } = this.args;\n\n if (typeof onDesktopViewportChange === 'function') {\n onDesktopViewportChange(this._isDesktop);\n }\n };\n\n <template>\n {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n <div\n class={{this.classNames}}\n ...attributes\n role={{if this.isMobileCollapsible \"dialog\"}}\n aria-labelledby={{if this.isMobileCollapsible \"hds-app-side-nav-header\"}}\n aria-modal={{if this.isMobileCollapsible \"true\"}}\n {{on \"transitionstart\" (fn this.setTransition \"start\")}}\n {{on \"transitionend\" (fn this.setTransition \"end\")}}\n {{focusTrap isActive=this.shouldTrapFocus}}\n {{this._setUpBodyElement}}\n >\n <h2 class=\"sr-only\" id=\"hds-app-side-nav-header\">\n {{hdsT\n \"hds.components.app-side-nav.screen-reader-label\"\n default=\"Application local navigation\"\n }}\n </h2>\n\n <div class=\"hds-app-side-nav__wrapper\">\n {{#if this.showToggleButton}}\n {{! template-lint-disable no-invalid-interactive}}\n <div\n class=\"hds-app-side-nav__overlay\"\n {{on \"click\" this.toggleMinimizedStatus}}\n />\n {{! template-lint-enable no-invalid-interactive}}\n <HdsAppSideNavToggleButton\n aria-labelledby=\"hds-app-side-nav-header\"\n aria-expanded={{if this._isMinimized \"false\" \"true\"}}\n @icon={{if this._isMinimized \"chevrons-right\" \"chevrons-left\"}}\n {{on \"click\" this.toggleMinimizedStatus}}\n />\n {{/if}}\n\n <div\n class=\"hds-app-side-nav__wrapper-body\"\n {{this._setUpNavWrapperBody}}\n >\n {{~yield~}}\n </div>\n </div>\n </div>\n </template>\n}\n"],"names":["HdsAppSideNav","Component","g","prototype","tracked","i","_body","_bodyInitialOverflowValue","_desktopMQ","_navWrapperBody","_desktopMQVal","args","breakpoint","hdsBreakpoints","px","constructor","owner","_isMinimized","isMinimized","window","matchMedia","addEventListeners","registerDestructor","removeEventListeners","_setUpBodyElement","modifier","document","body","style","getPropertyValue","_setUpNavWrapperBody","element","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","isResponsive","isCollapsible","isMobileCollapsible","_isDesktop","shouldTrapFocus","showToggleButton","classNames","classes","push","_isAnimating","join","synchronizeInert","setAttribute","removeAttribute","lockBodyScroll","setProperty","unlockBodyScroll","removeProperty","length","event","key","toggleMinimizedStatus","onToggleMinimizedStatus","setTransition","phase","propertyName","onDesktopViewportChange","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","focusTrap","hdsT","HdsAppSideNavToggleButton"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-side-nav/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 { registerDestructor } from '@ember/destroyable';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { fn } from '@ember/helper';\n// @ts-expect-error: missing types https://github.com/josemarluedke/ember-focus-trap/issues/86\nimport focusTrap from 'ember-focus-trap/modifiers/focus-trap';\n\nimport type Owner from '@ember/owner';\n\nimport { hdsBreakpoints } from '../../../utils/hds-breakpoints.ts';\nimport hdsT from '../../../helpers/hds-t.ts';\nimport HdsAppSideNavToggleButton from './toggle-button.gts';\n\nexport interface HdsAppSideNavSignature {\n Args: {\n isResponsive?: boolean;\n isCollapsible?: boolean;\n isMinimized?: boolean;\n breakpoint?: string;\n onToggleMinimizedStatus?: (arg: boolean) => void;\n onDesktopViewportChange?: (arg: boolean) => void;\n };\n Blocks: {\n default?: [];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNav extends Component<HdsAppSideNavSignature> {\n @tracked private _isMinimized;\n @tracked private _isAnimating = false;\n @tracked private _isDesktop = true;\n\n private _body!: HTMLElement;\n private _bodyInitialOverflowValue = '';\n private _desktopMQ: MediaQueryList;\n private _navWrapperBody!: HTMLElement;\n\n // we use the `lg` breakpoint for `desktop` viewports, but consumers can override its value\n private _desktopMQVal = this.args.breakpoint ?? hdsBreakpoints['lg'].px;\n\n constructor(owner: Owner, args: HdsAppSideNavSignature['Args']) {\n super(owner, args);\n this._isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports\n this._desktopMQ = window.matchMedia(`(min-width:${this._desktopMQVal})`);\n this.addEventListeners();\n registerDestructor(this, (): void => {\n this.removeEventListeners();\n });\n }\n\n private _setUpBodyElement = modifier((): void => {\n this._body = document.body;\n // Store the initial `overflow` value of `<body>` so we can reset to it\n this._bodyInitialOverflowValue =\n this._body.style.getPropertyValue('overflow');\n });\n\n private _setUpNavWrapperBody = modifier((element: HTMLElement) => {\n this._navWrapperBody = element;\n });\n\n addEventListeners(): void {\n document.addEventListener('keydown', this.escapePress, true);\n this._desktopMQ.addEventListener(\n 'change',\n\n this.updateDesktopVariable,\n true\n );\n // if not instantiated as minimized via arguments\n if (!this.args.isMinimized) {\n // set initial state based on viewport using a \"synthetic\" event\n const syntheticEvent = new MediaQueryListEvent('change', {\n matches: this._desktopMQ.matches,\n media: this._desktopMQ.media,\n });\n this.updateDesktopVariable(syntheticEvent);\n }\n }\n\n removeEventListeners(): void {\n document.removeEventListener('keydown', this.escapePress, true);\n this._desktopMQ.removeEventListener(\n 'change',\n\n this.updateDesktopVariable,\n true\n );\n }\n\n // controls if the component reacts to viewport changes\n get isResponsive(): boolean {\n return this.args.isResponsive ?? true;\n }\n\n // controls if users can collapse the appsidenav on 'desktop' viewports\n get isCollapsible(): boolean {\n return this.args.isCollapsible ?? false;\n }\n\n get isMobileCollapsible(): boolean {\n return this.isResponsive && !this._isDesktop;\n }\n\n // traps focus if isResponsive is enabled and it's in mobile view with side nav expanded (overlaying content)\n get shouldTrapFocus(): boolean {\n return this.isResponsive && !this._isDesktop && !this._isMinimized;\n }\n\n get showToggleButton(): boolean {\n return (this.isResponsive && !this._isDesktop) \|\| this.isCollapsible;\n }\n\n get classNames(): string {\n const classes = [`hds-app-side-nav`];\n\n // add specific class names for the different possible states\n if (this.isResponsive) {\n classes.push('hds-app-side-nav--is-responsive');\n }\n if (!this._isDesktop && this.isResponsive) {\n classes.push('hds-app-side-nav--is-mobile');\n } else {\n classes.push('hds-app-side-nav--is-desktop');\n }\n if (this._isMinimized && this.isResponsive) {\n classes.push('hds-app-side-nav--is-minimized');\n } else {\n classes.push('hds-app-side-nav--is-not-minimized');\n }\n if (this._isAnimating) {\n classes.push('hds-app-side-nav--is-animating');\n }\n\n return classes.join(' ');\n }\n\n synchronizeInert = (): void => {\n if (this._isMinimized) {\n this._navWrapperBody?.setAttribute('inert', '');\n } else {\n this._navWrapperBody?.removeAttribute('inert');\n }\n };\n\n lockBodyScroll = (): void => {\n if (this._body) {\n // Prevent page from scrolling when the dialog is open\n this._body.style.setProperty('overflow', 'hidden');\n }\n };\n\n unlockBodyScroll = (): void => {\n // Reset page `overflow` property\n if (this._body) {\n this._body.style.removeProperty('overflow');\n if (this._bodyInitialOverflowValue === '') {\n if (this._body.style.length === 0) {\n this._body.removeAttribute('style');\n }\n } else {\n this._body.style.setProperty(\n 'overflow',\n this._bodyInitialOverflowValue\n );\n }\n }\n };\n\n escapePress = (event: KeyboardEvent): void => {\n if (event.key === 'Escape' && !this._isMinimized && !this._isDesktop) {\n this._isMinimized = true;\n this.synchronizeInert();\n this.unlockBodyScroll();\n }\n };\n\n toggleMinimizedStatus = (): void => {\n this._isMinimized = !this._isMinimized;\n this.synchronizeInert();\n\n const { onToggleMinimizedStatus } = this.args;\n\n if (typeof onToggleMinimizedStatus === 'function') {\n onToggleMinimizedStatus(this._isMinimized);\n }\n\n if (!this._isDesktop) {\n if (this._isMinimized) {\n this.unlockBodyScroll();\n } else {\n this.lockBodyScroll();\n }\n }\n };\n\n setTransition = (phase: string, event: TransitionEvent): void => {\n // we only want to respond to `width` animation/transitions\n if (event.propertyName !== 'width') {\n return;\n }\n if (phase === 'start') {\n this._isAnimating = true;\n } else {\n this._isAnimating = false;\n }\n };\n\n updateDesktopVariable = (event: MediaQueryListEvent): void => {\n this._isDesktop = event.matches;\n\n // automatically minimize on narrow viewports (when not in desktop mode)\n this._isMinimized = !this._isDesktop;\n\n this.synchronizeInert();\n\n if (this._isDesktop) {\n // make sure scrolling is enabled if the user resizes the window from mobile to desktop\n this.unlockBodyScroll();\n }\n\n const { onDesktopViewportChange } = this.args;\n\n if (typeof onDesktopViewportChange === 'function') {\n onDesktopViewportChange(this._isDesktop);\n }\n };\n\n <template>\n {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n <div\n class={{this.classNames}}\n ...attributes\n role={{if this.isMobileCollapsible \"dialog\"}}\n aria-labelledby={{if this.isMobileCollapsible \"hds-app-side-nav-header\"}}\n aria-modal={{if this.isMobileCollapsible \"true\"}}\n {{on \"transitionstart\" (fn this.setTransition \"start\")}}\n {{on \"transitionend\" (fn this.setTransition \"end\")}}\n {{focusTrap isActive=this.shouldTrapFocus}}\n {{this._setUpBodyElement}}\n >\n <h2 class=\"sr-only\" id=\"hds-app-side-nav-header\">\n {{hdsT\n \"hds.components.app-side-nav.screen-reader-label\"\n default=\"Application local navigation\"\n }}\n </h2>\n\n <div class=\"hds-app-side-nav__wrapper\">\n {{#if this.showToggleButton}}\n {{! template-lint-disable no-invalid-interactive}}\n <div\n class=\"hds-app-side-nav__overlay\"\n {{on \"click\" this.toggleMinimizedStatus}}\n />\n {{! template-lint-enable no-invalid-interactive}}\n <HdsAppSideNavToggleButton\n aria-labelledby=\"hds-app-side-nav-header\"\n aria-expanded={{if this._isMinimized \"false\" \"true\"}}\n @icon={{if this._isMinimized \"chevrons-right\" \"chevrons-left\"}}\n {{on \"click\" this.toggleMinimizedStatus}}\n />\n {{/if}}\n\n <div\n class=\"hds-app-side-nav__wrapper-body\"\n {{this._setUpNavWrapperBody}}\n >\n {{~yield~}}\n </div>\n </div>\n </div>\n </template>\n}\n"],"names":["HdsAppSideNav","Component","g","prototype","tracked","i","_body","_bodyInitialOverflowValue","_desktopMQ","_navWrapperBody","_desktopMQVal","args","breakpoint","hdsBreakpoints","px","constructor","owner","_isMinimized","isMinimized","window","matchMedia","addEventListeners","registerDestructor","removeEventListeners","_setUpBodyElement","modifier","document","body","style","getPropertyValue","_setUpNavWrapperBody","element","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","isResponsive","isCollapsible","isMobileCollapsible","_isDesktop","shouldTrapFocus","showToggleButton","classNames","classes","push","_isAnimating","join","synchronizeInert","setAttribute","removeAttribute","lockBodyScroll","setProperty","unlockBodyScroll","removeProperty","length","event","key","toggleMinimizedStatus","onToggleMinimizedStatus","setTransition","phase","propertyName","onDesktopViewportChange","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","focusTrap","hdsT","HdsAppSideNavToggleButton"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"back-link.js","sources":["../../../../../src/components/hds/app-side-nav/list/back-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';\n\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsAppSideNavListBackLinkSignature {\n Args: HdsInteractiveSignature['Args'] & {\n text: string;\n };\n Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListBackLink: TemplateOnlyComponent<HdsAppSideNavListBackLinkSignature> =\n <template>\n <HdsAppSideNavListItem>\n <HdsInteractive\n class=\"hds-app-side-nav__list-item-link hds-app-side-nav__list-item-link--back-link\"\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 ...attributes\n >\n <HdsIcon\n class=\"hds-app-side-nav__list-item-icon-leading\"\n @name=\"chevron-left\"\n />\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 </HdsInteractive>\n </HdsAppSideNavListItem>\n </template>;\n\nexport default HdsAppSideNavListBackLink;\n"],"names":["HdsAppSideNavListBackLink","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","HdsInteractive","HdsIcon","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAiBD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,0nBAAA,EA0BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,qBAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"back-link.js","sources":["../../../../../src/components/hds/app-side-nav/list/back-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';\n\nimport type { HdsInteractiveSignature } from '../../interactive/index.gts';\n\nexport interface HdsAppSideNavListBackLinkSignature {\n Args: HdsInteractiveSignature['Args'] & {\n text: string;\n };\n Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListBackLink: TemplateOnlyComponent<HdsAppSideNavListBackLinkSignature> =\n <template>\n <HdsAppSideNavListItem>\n <HdsInteractive\n class=\"hds-app-side-nav__list-item-link hds-app-side-nav__list-item-link--back-link\"\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 ...attributes\n >\n <HdsIcon\n class=\"hds-app-side-nav__list-item-icon-leading\"\n @name=\"chevron-left\"\n />\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 </HdsInteractive>\n </HdsAppSideNavListItem>\n </template>;\n\nexport default HdsAppSideNavListBackLink;\n"],"names":["HdsAppSideNavListBackLink","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAppSideNavListItem","HdsInteractive","HdsIcon","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAiBD,MAAMA,yBAAiD,GAAAC,oBAAA,CACrDC,kBAAA,CAAA,0nBAAA,EA0BA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,qBAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

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

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

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
1	+ {"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 CHANGED Viewed

@@ -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 = () => {};