@hashicorp/design-system-components 7.0.0 → 7.1.0-rc-20261030172200

package/README.md

@@ -1,7 +1,7 @@
 design-system-components
 ==============================================================================
 
-A package containing the components for the Helios Design System.
+A package containing the Ember components for the Helios Design System.
 
 [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components)
 

package/component-catalog.json

@@ -4817,6 +4817,11 @@
           "type": "() => void",
           "required": false
         },
+        {
+          "name": "onOpen",
+          "type": "() => void",
+          "required": false
+        },
         {
           "name": "preserveContentInDom",
           "type": "boolean",
@@ -5389,6 +5394,11 @@
           "type": "HdsFilterBarFilters",
           "required": true
         },
+        {
+          "name": "hasLiveSearch",
+          "type": "boolean",
+          "required": false
+        },
         {
           "name": "hasSearch",
           "type": "boolean",
@@ -10136,7 +10146,7 @@
     {
       "name": "Hds::Form::VisibilityToggle",
       "modulePath": "hds/form/visibility-toggle",
-      "docsPath": "components/form/layout",
+      "docsPath": "components/form/primitives",
       "element": "HTMLButtonElement",
       "args": [
         {
@@ -12976,6 +12986,7 @@
     {
       "name": "Hds::ThemeContext",
       "modulePath": "hds/theme-context",
+      "docsPath": "theming/theme-context",
       "element": "HTMLDivElement",
       "args": [
         {

package/declarations/components/hds/advanced-table/th-button-sort.d.ts

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { HdsAdvancedTableThSortOrder, HdsAdvancedTableThSortOrderIcons, HdsAdvancedTableThSortOrderLabels } from './types.ts';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export interface HdsAdvancedTableThButtonSortSignature {
     Args: {
         labelId?: string;
@@ -13,6 +14,7 @@ export interface HdsAdvancedTableThButtonSortSignature {
     Element: HTMLButtonElement;
 }
 export default class HdsAdvancedTableThButtonSort extends Component<HdsAdvancedTableThButtonSortSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _prefixLabelId;
     private _suffixLabelId;
     get icon(): HdsAdvancedTableThSortOrderIcons;

package/declarations/components/hds/breadcrumb/index.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import type HdsIntlService from '../../../services/hds-intl';
 export interface HdsBreadcrumbSignature {
     Args: {
         ariaLabel?: string;
@@ -15,6 +16,7 @@ export interface HdsBreadcrumbSignature {
     Element: HTMLElement;
 }
 export default class HdsBreadcrumb extends Component<HdsBreadcrumbSignature> {
+    readonly hdsIntl: HdsIntlService;
     get didInsert(): () => void;
     get itemsCanWrap(): boolean;
     get ariaLabel(): string;

package/declarations/components/hds/breadcrumb/truncation.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import type HdsIntlService from '../../../services/hds-intl';
 export interface HdsBreadcrumbTruncationSignature {
     Args: {
         ariaLabel?: string;
@@ -13,5 +14,6 @@ export interface HdsBreadcrumbTruncationSignature {
     Element: HTMLLIElement;
 }
 export default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {
+    readonly hdsIntl: HdsIntlService;
     get ariaLabel(): string;
 }

package/declarations/components/hds/code-block/copy-button.d.ts

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { HdsCopyButtonSignature } from '../copy/button/index';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export interface HdsCodeBlockCopyButtonSignature {
     Args: {
         targetToCopy?: HdsCopyButtonSignature['Args']['targetToCopy'];
@@ -17,5 +18,6 @@ export interface HdsCodeBlockCopyButtonSignature {
     Element: HdsCopyButtonSignature['Element'];
 }
 export default class HdsCodeBlockCopyButton extends Component<HdsCodeBlockCopyButtonSignature> {
+    readonly hdsIntl: HdsIntlService;
     get text(): HdsCopyButtonSignature['Args']['text'];
 }

package/declarations/components/hds/code-block/index.d.ts

@@ -10,6 +10,7 @@ import type { HdsCodeBlockTitleSignature } from './title';
 import type { HdsCodeBlockDescriptionSignature } from './description';
 import type { HdsCodeBlockLanguages } from './types.ts';
 import type { HdsCopyButtonSignature } from '../copy/button/index';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 import 'prismjs/plugins/line-numbers/prism-line-numbers';
 import 'prismjs/plugins/line-highlight/prism-line-highlight';
 import 'prismjs/components/prism-bash';
@@ -52,6 +53,7 @@ export interface HdsCodeBlockSignature {
     Element: HTMLDivElement;
 }
 export default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _prismCode;
     private _isExpanded;
     private _codeContentHeight;
@@ -72,7 +74,6 @@ export default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {
     get hasLineNumbers(): boolean;
     get isStandalone(): boolean;
     get hasLineWrapping(): boolean;
-    get copyButtonText(): HdsCopyButtonSignature['Args']['text'];
     registerTitleElement: (element: HdsCodeBlockTitleSignature["Element"]) => void;
     registerDescriptionElement: (element: HdsCodeBlockDescriptionSignature["Element"]) => void;
     setPrismCode: (element: HTMLElement) => void;

package/declarations/components/hds/code-editor/index.d.ts

@@ -13,6 +13,7 @@ import type { HdsCodeEditorDescriptionSignature } from './description';
 import type { HdsCodeEditorSignature as HdsCodeEditorModifierSignature } from '../../../modifiers/hds-code-editor.ts';
 import type { HdsCodeEditorTitleSignature } from './title';
 import type { HdsCopyButtonSignature } from '../copy/button/index';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export interface HdsCodeEditorSignature {
     Args: {
         hasCopyButton?: boolean;
@@ -32,6 +33,7 @@ export interface HdsCodeEditorSignature {
     Element: HTMLDivElement;
 }
 export default class HdsCodeEditor extends Component<HdsCodeEditorSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _isFullScreen;
     private _isSetupComplete;
     private _value;

package/declarations/components/hds/dropdown/index.d.ts

@@ -33,6 +33,7 @@ export interface HdsDropdownSignature {
         enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection'];
         preserveContentInDom?: boolean;
         matchToggleWidth?: boolean;
+        onOpen?: HdsPopoverPrimitiveSignature['Args']['onOpen'];
         onClose?: HdsPopoverPrimitiveSignature['Args']['onClose'];
         onFocusOut?: HdsPopoverPrimitiveSignature['Args']['onFocusOut'];
         boundary?: HdsAnchoredPositionOptions['boundary'];

package/declarations/components/hds/filter-bar/actions-dropdown.d.ts

@@ -17,6 +17,6 @@ export interface HdsFilterBarActionsDropdownSignature {
     Element: HdsDropdownSignature['Element'];
 }
 export default class HdsFilterBarActionsDropdown extends Component<HdsFilterBarActionsDropdownSignature> {
-    hdsIntl: HdsIntlService;
+    readonly hdsIntl: HdsIntlService;
     get toggleButtonText(): string;
 }

package/declarations/components/hds/filter-bar/applied-filters.d.ts

@@ -13,7 +13,7 @@ export interface HdsFilterBarAppliedFiltersSignature {
     Element: HTMLDivElement;
 }
 export default class HdsFilterBarAppliedFilters extends Component<HdsFilterBarAppliedFiltersSignature> {
-    hdsIntl: HdsIntlService;
+    readonly hdsIntl: HdsIntlService;
     private _isArrayFilter;
     private _onFilterDismiss;
     private _filterData;

package/declarations/components/hds/filter-bar/filter-group/date.d.ts

@@ -7,10 +7,12 @@ import type { HdsFilterBarFilterGroupGenericSignature } from './generic';
 import type HdsIntlService from '../../../../services/hds-intl.ts';
 import type { HdsFormTextInputTypes } from '../../form/text-input/types.ts';
 import type { HdsFilterBarFilter, HdsFilterBarDateFilterData, HdsFilterBarDateFilterSelector, HdsFilterBarFilterGroupDateType } from '../types.ts';
+import { HdsFilterBarFilterGroupDateTypeValues } from '../types.ts';
 export declare const DATE_SELECTORS: HdsFilterBarDateFilterSelector[];
 export declare const DATE_SELECTORS_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
 export declare const DATE_SELECTORS_INPUT_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
 export declare const DATE_FILTER_GROUP_TYPES: HdsFilterBarFilterGroupDateType[];
+export declare const DEFAULT_DATE_TYPE = HdsFilterBarFilterGroupDateTypeValues.date;
 export interface HdsFilterBarFilterGroupDateSignature {
     Args: {
         key: string;
@@ -25,7 +27,7 @@ export interface HdsFilterBarFilterGroupDateSignature {
     Element: HdsFilterBarFilterGroupGenericSignature['Element'];
 }
 export default class HdsFilterBarFilterGroupDate extends Component<HdsFilterBarFilterGroupDateSignature> {
-    hdsIntl: HdsIntlService;
+    readonly hdsIntl: HdsIntlService;
     private _selectorInputValue;
     private _valueInputValue;
     private _betweenValueStartInputValue;
@@ -38,6 +40,9 @@ export default class HdsFilterBarFilterGroupDate extends Component<HdsFilterBarF
     get type(): 'date' | 'time' | 'datetime';
     get inputType(): HdsFormTextInputTypes;
     get selectorLabelText(): string;
+    get valueInputAriaLabel(): string;
+    get betweenStartInputAriaLabel(): string;
+    get betweenEndInputAriaLabel(): string;
     get keyFilterData(): HdsFilterBarDateFilterData | undefined;
     get selector(): HdsFilterBarDateFilterSelector | undefined;
     get value(): string | undefined;

package/declarations/components/hds/filter-bar/filter-group/numerical.d.ts

@@ -22,7 +22,7 @@ export interface HdsFilterBarFilterGroupNumericalSignature {
     Element: HdsFilterBarFilterGroupGenericSignature['Element'];
 }
 export default class HdsFilterBarFilterGroupNumerical extends Component<HdsFilterBarFilterGroupNumericalSignature> {
-    hdsIntl: HdsIntlService;
+    readonly hdsIntl: HdsIntlService;
     private _selectorInputValue;
     private _valueInputValue;
     private _betweenValueStartInputValue;

package/declarations/components/hds/filter-bar/index.d.ts

@@ -14,6 +14,7 @@ export interface HdsFilterBarSignature {
         filters: HdsFilterBarFilters;
         isLiveFilter?: boolean;
         hasSearch?: boolean;
+        hasLiveSearch?: boolean;
         searchPlaceholder?: string;
         searchAriaLabel?: string;
         onFilter?: (filters: HdsFilterBarFilters) => void;
@@ -30,7 +31,7 @@ export interface HdsFilterBarSignature {
     Element: HTMLDivElement;
 }
 export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
-    hdsIntl: HdsIntlService;
+    readonly hdsIntl: HdsIntlService;
     _isExpanded: boolean;
     private _dropdownToggleElement;
     private _appliedFiltersButtonId;
@@ -48,10 +49,4 @@ export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
     private _onFilterDismiss;
     private _filterData;
     private _getFilterValueText;
-    private _getFilterKeyText;
-    private _getNumericalFilterValueText;
-    private _getDateFilterValueText;
-    private _formatDateFilterText;
-    private _getGenericFilterValueText;
-    private _getMultiSelectFilterData;
 }

package/declarations/components/hds/form/character-count/index.d.ts

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { HdsTextBodySignature } from '../../text/body';
+import type HdsIntlService from '../../../../services/hds-intl';
 export interface HdsFormCharacterCountSignature {
     Args: {
         contextualClass?: string;
@@ -27,8 +28,9 @@ export interface HdsFormCharacterCountSignature {
     Element: HdsTextBodySignature['Element'];
 }
 export default class HdsFormCharacterCount extends Component<HdsFormCharacterCountSignature> {
+    readonly hdsIntl: HdsIntlService;
     get currentLength(): number;
-    private _pluralize;
+    private _countMessage;
     get maxLength(): number | undefined;
     get minLength(): number | undefined;
     get remaining(): number | undefined;

package/declarations/components/hds/form/super-select/multiple/base.d.ts

@@ -6,6 +6,7 @@ import Component from '@glimmer/component';
 import type { PowerSelectSignature } from 'ember-power-select/components/power-select';
 import type { Select } from 'ember-power-select/components/power-select';
 import type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';
+import type HdsIntlService from '../../../../../services/hds-intl.ts';
 import { HdsFormSuperSelectHorizontalPositionValues } from '../types.ts';
 import type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';
 export declare const DEFAULT_HORIZONTAL_POSITION: string;
@@ -23,14 +24,20 @@ export interface HdsFormSuperSelectMultipleBaseSignature {
     Element: PowerSelectSignature['Element'];
 }
 export default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _powerSelectAPI?;
     private _showOnlySelected;
     private _showNoSelectedMessage;
+    private _cleanupAnchoredPosition?;
     get horizontalPosition(): HdsFormSuperSelectHorizontalPositions;
     get selectedCount(): string;
     get optionsCount(): string;
     get resultCountMessageText(): string;
     get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'];
+    get noMatchesMessage(): string;
+    get loadingMessage(): string;
+    get searchMessage(): string;
+    willDestroy(): void;
     calculatePosition: (trigger: Element, content: HTMLElement) => CalculatePositionResult;
     /**
      * This action sets the powerSelectAPI property and optionally calls a registerAPI function.

package/declarations/components/hds/form/super-select/single/base.d.ts

@@ -6,6 +6,7 @@ import Component from '@glimmer/component';
 import type { PowerSelectSignature } from 'ember-power-select/components/power-select';
 import type { Select } from 'ember-power-select/components/power-select';
 import type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';
+import type HdsIntlService from '../../../../../services/hds-intl.ts';
 import { HdsFormSuperSelectHorizontalPositionValues } from '../types.ts';
 import type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';
 export declare const DEFAULT_HORIZONTAL_POSITION: string;
@@ -23,10 +24,15 @@ export interface HdsFormSuperSelectSingleBaseSignature {
     Element: PowerSelectSignature['Element'];
 }
 export default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {
+    readonly hdsIntl: HdsIntlService;
     powerSelectAPI?: Select;
+    private _cleanupAnchoredPosition?;
     get horizontalPosition(): HdsFormSuperSelectHorizontalPositions;
     get resultCountMessageText(): string;
     get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'];
+    get noMatchesMessage(): string;
+    get loadingMessage(): string;
+    get searchMessage(): string;
     /**
      * This action sets the powerSelectAPI property and optionally calls a registerAPI function.
      *
@@ -39,6 +45,7 @@ export default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuper
      * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`
      */
     setPowerSelectAPI: (powerSelectAPI: Select) => void;
+    willDestroy(): void;
     calculatePosition: (trigger: Element, content: HTMLElement) => CalculatePositionResult;
     get showAfterOptions(): boolean | string;
     get searchPlaceholder(): string;

package/declarations/components/hds/pagination/size-selector/index.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import type HdsIntlService from '../../../../services/hds-intl';
 export interface HdsPaginationSizeSelectorSignature {
     Args: {
         pageSizes: number[];
@@ -13,6 +14,7 @@ export interface HdsPaginationSizeSelectorSignature {
     Element: HTMLDivElement;
 }
 export default class HdsPaginationSizeSelector extends Component<HdsPaginationSizeSelectorSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _sizeSelectorId;
     get pageSizes(): number[];
     get selectedSize(): number | undefined;

package/declarations/components/hds/popover-primitive/index.d.ts

@@ -58,7 +58,9 @@ export default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSi
     enableSoftEvents: boolean;
     enableClickEvents: boolean;
     private _timer?;
+    private _cleanupAnchoredPosition?;
     constructor(owner: Owner, args: HdsPopoverPrimitiveSignature['Args']);
+    willDestroy(): void;
     setupPrimitiveContainer: import("ember-modifier").FunctionBasedModifier<{
         Element: HTMLElement;
         Args: {

package/declarations/components/hds/tag/index.d.ts

@@ -8,6 +8,7 @@ import { HdsTagTooltipPlacementValues } from './types.ts';
 import type { HdsTagColors } from './types.ts';
 import type { HdsTagTooltipPlacements } from './types.ts';
 import type { HdsInteractiveSignature } from '../interactive/index';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export declare const COLORS: HdsTagColors[];
 export declare const DEFAULT_COLOR = HdsTagColorValues.Primary;
 export declare const TOOLTIP_PLACEMENTS: HdsTagTooltipPlacements[];
@@ -23,6 +24,7 @@ export interface HdsTagSignature {
     Element: HTMLSpanElement;
 }
 export default class HdsTag extends Component<HdsTagSignature> {
+    readonly hdsIntl: HdsIntlService;
     private _element?;
     private get _isTextOverflow();
     private _setUpObserver;

package/declarations/instance-initializers/load-sprite-empty.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 export declare const ROOT_ID = "flight-sprite-empty-container";
+export declare function insertSpriteRoot(): SVGSVGElement | null;
 export declare function initialize(): void;
 declare const _default: {
     initialize: typeof initialize;

package/declarations/modifiers/hds-code-editor/linters/json-linter.d.ts

@@ -4,6 +4,7 @@
  */
 import type { HdsCodeEditorSignature } from '../../hds-code-editor';
 import type { Extension, Text } from '@codemirror/state';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export declare enum HdsCodeEditorJsonLintingError {
     InvalidSyntax = "Invalid syntax",
     KeyExpected = "Key expected",
@@ -18,5 +19,5 @@ export declare function determineErrorMessage({ previousToken, nextToken, errorT
     nextToken: string;
     errorToken: string;
 }): HdsCodeEditorJsonLintingError;
-export declare function renderErrorMessage(message: string, lineNumber: number): HTMLElement;
-export default function jsonLinter(onLint: HdsCodeEditorSignature['Args']['Named']['onLint']): Promise<Extension[]>;
+export declare function renderErrorMessage(message: string, lineNumber: number, hdsIntl?: HdsIntlService): HTMLElement;
+export default function jsonLinter(onLint: HdsCodeEditorSignature['Args']['Named']['onLint'], hdsIntl?: HdsIntlService): Promise<Extension[]>;

package/dist/README.md

@@ -1,7 +1,7 @@
 design-system-components
 ==============================================================================
 
-A package containing the components for the Helios Design System.
+A package containing the Ember components for the Helios Design System.
 
 [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components)
 

package/dist/components/hds/advanced-table/index.js

@@ -12,11 +12,12 @@ import 'ember-style-modifier';
 import '@ember/modifier';
 import '@nullvoxpopuli/ember-composable-helpers';
 import './types.js';
+import './utils.js';
 import '../filter-bar/index.js';
 import '../application-state/index.js';
 import '../composite/index.js';
 import './column-manager/index.js';
-export { B as BORDER_WIDTH, f as DEFAULT_DENSITY, g as DEFAULT_VALIGN, h as DENSITIES, V as VALIGNMENTS, H as default } from '../../../index-DotqHut7.js';
+export { B as BORDER_WIDTH, f as DEFAULT_DENSITY, g as DEFAULT_VALIGN, h as DENSITIES, V as VALIGNMENTS, H as default } from '../../../index-DyWbi31M.js';
 import './body.js';
 import './td.js';
 import '../../../helpers/hds-t.js';

package/dist/components/hds/advanced-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/hds/advanced-table/th-button-expand.js

@@ -44,7 +44,7 @@ class HdsAdvancedTableThButtonExpand extends Component {
     return classes.join(' ');
   }
   static {
-    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-unsupported-role-attributes --}}\n{{!-- ember template lint doesnt support ARIA 1.3 yet, including aria-description - https://github.com/A11yance/aria-query/pull/557 --}}\n<button type=\"button\" class={{this.classNames}} {{on \"click\" this.onClick}} aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}}\" aria-expanded=\"{{this.isExpanded}}\" aria-description={{hdsT \"hds.components.advanced-table.th-button-expand.aria-description\" default=\"Toggle the visibility of the related rows.\"}} ...attributes>\n  {{!-- template-lint-enable no-unsupported-role-attributes--}}\n  <span id={{this._prefixLabelId}} class=\"hds-advanced-table__th-button-aria-label-hidden-segment\">\n    {{hdsT \"hds.components.common.toggle\" default=\"Toggle\"}}\n  </span>\n  <HdsIcon @name={{this.icon}} />\n</button>", {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-unsupported-role-attributes --}}\n{{!-- ember template lint doesnt support ARIA 1.3 yet, including aria-description - https://github.com/A11yance/aria-query/pull/557 --}}\n<button type=\"button\" class={{this.classNames}} {{on \"click\" this.onClick}} aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}}\" aria-expanded=\"{{this.isExpanded}}\" aria-description={{hdsT \"hds.components.advanced-table.th-button-expand.aria-description\" default=\"Toggle the visibility of the related rows\"}} ...attributes>\n  {{!-- template-lint-enable no-unsupported-role-attributes--}}\n  <span id={{this._prefixLabelId}} class=\"hds-advanced-table__th-button-aria-label-hidden-segment\">\n    {{hdsT \"hds.components.common.toggle\" default=\"Toggle\"}}\n  </span>\n  <HdsIcon @name={{this.icon}} />\n</button>", {
       strictMode: true,
       scope: () => ({
         hdsT: HdsTHelper,

package/dist/components/hds/advanced-table/th-button-expand.js.map

@@ -1 +1 @@
-{"version":3,"file":"th-button-expand.js","sources":["../../../../src/components/hds/advanced-table/th-button-expand.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';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\n\nimport {\n  HdsAdvancedTableThExpandIconValues,\n  type HdsAdvancedTableExpandState,\n} from './types.ts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsAdvancedTableThSortExpandIcons } from './types.ts';\n\nexport interface HdsAdvancedTableThButtonExpandSignature {\n  Args: {\n    labelId?: string;\n    isExpanded?: HdsAdvancedTableExpandState;\n    onToggle?: () => void;\n    isExpandAll?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAdvancedTableThButtonExpand extends Component<HdsAdvancedTableThButtonExpandSignature> {\n  // Generates a unique ID for the (hidden) \"label prefix\" <span> element\n  private _prefixLabelId = 'prefix-' + guidFor(this);\n\n  get isExpanded(): HdsAdvancedTableExpandState {\n    const { isExpanded = false } = this.args;\n\n    return isExpanded;\n  }\n\n  get icon(): HdsAdvancedTableThSortExpandIcons {\n    if (this.isExpanded === true) {\n      return this.args.isExpandAll\n        ? HdsAdvancedTableThExpandIconValues.UnfoldClose\n        : HdsAdvancedTableThExpandIconValues.ChevronUp;\n    } else {\n      return this.args.isExpandAll\n        ? HdsAdvancedTableThExpandIconValues.UnfoldOpen\n        : HdsAdvancedTableThExpandIconValues.ChevronDown;\n    }\n  }\n\n  @action onClick() {\n    this.args.onToggle?.();\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-advanced-table__th-button',\n      'hds-advanced-table__th-button--expand',\n    ];\n\n    // add a class based on the isExpanded state\n    if (this.args.isExpanded === true) {\n      classes.push(`hds-advanced-table__th-button--is-expanded`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! template-lint-disable no-unsupported-role-attributes }}\n    {{! ember template lint doesnt support ARIA 1.3 yet, including aria-description - https://github.com/A11yance/aria-query/pull/557 }}\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{on \"click\" this.onClick}}\n      aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}}\"\n      aria-expanded=\"{{this.isExpanded}}\"\n      aria-description={{hdsT\n        \"hds.components.advanced-table.th-button-expand.aria-description\"\n        default=\"Toggle the visibility of the related rows.\"\n      }}\n      ...attributes\n    >\n      {{! template-lint-enable no-unsupported-role-attributes}}\n      <span\n        id={{this._prefixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >\n        {{hdsT \"hds.components.common.toggle\" default=\"Toggle\"}}\n      </span>\n      <HdsIcon @name={{this.icon}} />\n    </button>\n  </template>\n}\n"],"names":["HdsAdvancedTableThButtonExpand","Component","_prefixLabelId","guidFor","isExpanded","args","icon","isExpandAll","HdsAdvancedTableThExpandIconValues","UnfoldClose","ChevronUp","UnfoldOpen","ChevronDown","onClick","onToggle","n","prototype","action","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","on","HdsIcon"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AA0Bc,MAAMA,uCAAuCC,SAAA,CAAU;AACpE;AACQC,EAAAA,cAAA,GAAiB,SAAA,GAAYC,OAAA,CAAQ,IAAI,CAAA;EAEjD,IAAIC,aAA0C;IAC5C,MAAM;AAAEA,MAAAA,UAAA,GAAa;KAAO,GAAG,IAAI,CAACC,IAAI;AAExC,IAAA,OAAOD,UAAA;AACT,EAAA;EAEA,IAAIE,OAA0C;AAC5C,IAAA,IAAI,IAAI,CAACF,UAAU,KAAK,IAAA,EAAM;AAC5B,MAAA,OAAO,IAAI,CAACC,IAAI,CAACE,WAAW,GACxBC,kCAAA,CAAmCC,WAAW,GAC9CD,kCAAA,CAAmCE,SAAS;AAClD,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,IAAI,CAACL,IAAI,CAACE,WAAW,GACxBC,kCAAA,CAAmCG,UAAU,GAC7CH,kCAAA,CAAmCI,WAAW;AACpD,IAAA;AACF,EAAA;AAEQC,EAAAA,OAAAA,GAAU;AAChB,IAAA,IAAI,CAACR,IAAI,CAACS,QAAQ,IAAA;AACpB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAFCC,MAAA,CAAA,CAAA;AAAA;EAID,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,+BAAA,EACA,uCAAA,CACD;AAED;AACA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACD,UAAU,KAAK,IAAA,EAAM;AACjCe,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,k0BAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"th-button-expand.js","sources":["../../../../src/components/hds/advanced-table/th-button-expand.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';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\n\nimport {\n  HdsAdvancedTableThExpandIconValues,\n  type HdsAdvancedTableExpandState,\n} from './types.ts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsAdvancedTableThSortExpandIcons } from './types.ts';\n\nexport interface HdsAdvancedTableThButtonExpandSignature {\n  Args: {\n    labelId?: string;\n    isExpanded?: HdsAdvancedTableExpandState;\n    onToggle?: () => void;\n    isExpandAll?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAdvancedTableThButtonExpand extends Component<HdsAdvancedTableThButtonExpandSignature> {\n  // Generates a unique ID for the (hidden) \"label prefix\" <span> element\n  private _prefixLabelId = 'prefix-' + guidFor(this);\n\n  get isExpanded(): HdsAdvancedTableExpandState {\n    const { isExpanded = false } = this.args;\n\n    return isExpanded;\n  }\n\n  get icon(): HdsAdvancedTableThSortExpandIcons {\n    if (this.isExpanded === true) {\n      return this.args.isExpandAll\n        ? HdsAdvancedTableThExpandIconValues.UnfoldClose\n        : HdsAdvancedTableThExpandIconValues.ChevronUp;\n    } else {\n      return this.args.isExpandAll\n        ? HdsAdvancedTableThExpandIconValues.UnfoldOpen\n        : HdsAdvancedTableThExpandIconValues.ChevronDown;\n    }\n  }\n\n  @action onClick() {\n    this.args.onToggle?.();\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-advanced-table__th-button',\n      'hds-advanced-table__th-button--expand',\n    ];\n\n    // add a class based on the isExpanded state\n    if (this.args.isExpanded === true) {\n      classes.push(`hds-advanced-table__th-button--is-expanded`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{! template-lint-disable no-unsupported-role-attributes }}\n    {{! ember template lint doesnt support ARIA 1.3 yet, including aria-description - https://github.com/A11yance/aria-query/pull/557 }}\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{on \"click\" this.onClick}}\n      aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}}\"\n      aria-expanded=\"{{this.isExpanded}}\"\n      aria-description={{hdsT\n        \"hds.components.advanced-table.th-button-expand.aria-description\"\n        default=\"Toggle the visibility of the related rows\"\n      }}\n      ...attributes\n    >\n      {{! template-lint-enable no-unsupported-role-attributes}}\n      <span\n        id={{this._prefixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >\n        {{hdsT \"hds.components.common.toggle\" default=\"Toggle\"}}\n      </span>\n      <HdsIcon @name={{this.icon}} />\n    </button>\n  </template>\n}\n"],"names":["HdsAdvancedTableThButtonExpand","Component","_prefixLabelId","guidFor","isExpanded","args","icon","isExpandAll","HdsAdvancedTableThExpandIconValues","UnfoldClose","ChevronUp","UnfoldOpen","ChevronDown","onClick","onToggle","n","prototype","action","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsT","on","HdsIcon"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AA0Bc,MAAMA,uCAAuCC,SAAA,CAAU;AACpE;AACQC,EAAAA,cAAA,GAAiB,SAAA,GAAYC,OAAA,CAAQ,IAAI,CAAA;EAEjD,IAAIC,aAA0C;IAC5C,MAAM;AAAEA,MAAAA,UAAA,GAAa;KAAO,GAAG,IAAI,CAACC,IAAI;AAExC,IAAA,OAAOD,UAAA;AACT,EAAA;EAEA,IAAIE,OAA0C;AAC5C,IAAA,IAAI,IAAI,CAACF,UAAU,KAAK,IAAA,EAAM;AAC5B,MAAA,OAAO,IAAI,CAACC,IAAI,CAACE,WAAW,GACxBC,kCAAA,CAAmCC,WAAW,GAC9CD,kCAAA,CAAmCE,SAAS;AAClD,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,IAAI,CAACL,IAAI,CAACE,WAAW,GACxBC,kCAAA,CAAmCG,UAAU,GAC7CH,kCAAA,CAAmCI,WAAW;AACpD,IAAA;AACF,EAAA;AAEQC,EAAAA,OAAAA,GAAU;AAChB,IAAA,IAAI,CAACR,IAAI,CAACS,QAAQ,IAAA;AACpB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAFCC,MAAA,CAAA,CAAA;AAAA;EAID,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,+BAAA,EACA,uCAAA,CACD;AAED;AACA,IAAA,IAAI,IAAI,CAACd,IAAI,CAACD,UAAU,KAAK,IAAA,EAAM;AACjCe,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,i0BAAA,EAwBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;cAAAC,UAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/advanced-table/th-button-sort.js

@@ -1,11 +1,13 @@
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { on } from '@ember/modifier';
-import { HdsAdvancedTableThSortOrderIconValues, HdsAdvancedTableThSortOrderValues, HdsAdvancedTableThSortOrderLabelValues } from './types.js';
+import { service } from '@ember/service';
+import { HdsAdvancedTableThSortOrderIconValues, HdsAdvancedTableThSortOrderValues } from './types.js';
 import HdsIcon from '../icon/index.js';
 import HdsTHelper from '../../../helpers/hds-t.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
 
 /**
  * Copyright IBM Corp. 2021, 2026
@@ -13,6 +15,10 @@ import { setComponentTemplate } from '@ember/component';
  */
 const NOOP = () => {};
 class HdsAdvancedTableThButtonSort extends Component {
+  static {
+    g(this.prototype, "hdsIntl", [service]);
+  }
+  #hdsIntl = (i(this, "hdsIntl"), void 0);
   // Generates a unique ID for the (hidden) "label prefix/suffix" <span> elements
   _prefixLabelId = 'prefix-' + guidFor(this);
   _suffixLabelId = 'suffix-' + guidFor(this);
@@ -29,7 +35,15 @@ class HdsAdvancedTableThButtonSort extends Component {
   // Determines the label (suffix) to use in the `aria-labelledby` attribute of the button,
   // used to indicate what will happen if the user clicks on the button
   get sortOrderLabel() {
-    return this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Asc ? HdsAdvancedTableThSortOrderLabelValues.Desc : HdsAdvancedTableThSortOrderLabelValues.Asc;
+    const {
+      sortOrder
+    } = this.args;
+    const translatedLabel = sortOrder === HdsAdvancedTableThSortOrderValues.Asc ? this.hdsIntl.t('hds.components.common.descending', {
+      default: 'descending'
+    }) : this.hdsIntl.t('hds.components.common.ascending', {
+      default: 'ascending'
+    });
+    return translatedLabel;
   }
   get onClick() {
     const {

package/dist/components/hds/advanced-table/th-button-sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"th-button-sort.js","sources":["../../../../src/components/hds/advanced-table/th-button-sort.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';\nimport { on } from '@ember/modifier';\n\nimport {\n  HdsAdvancedTableThSortOrderIconValues,\n  HdsAdvancedTableThSortOrderLabelValues,\n  HdsAdvancedTableThSortOrderValues,\n} from './types.ts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type {\n  HdsAdvancedTableThSortOrder,\n  HdsAdvancedTableThSortOrderIcons,\n  HdsAdvancedTableThSortOrderLabels,\n} from './types.ts';\n\nexport interface HdsAdvancedTableThButtonSortSignature {\n  Args: {\n    labelId?: string;\n    onClick?: () => void;\n    sortOrder?: HdsAdvancedTableThSortOrder;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsAdvancedTableThButtonSort extends Component<HdsAdvancedTableThButtonSortSignature> {\n  // Generates a unique ID for the (hidden) \"label prefix/suffix\" <span> elements\n  private _prefixLabelId = 'prefix-' + guidFor(this);\n  private _suffixLabelId = 'suffix-' + guidFor(this);\n\n  get icon(): HdsAdvancedTableThSortOrderIcons {\n    switch (this.args.sortOrder) {\n      case HdsAdvancedTableThSortOrderValues.Asc:\n        return HdsAdvancedTableThSortOrderIconValues.ArrowUp;\n      case HdsAdvancedTableThSortOrderValues.Desc:\n        return HdsAdvancedTableThSortOrderIconValues.ArrowDown;\n      default:\n        return HdsAdvancedTableThSortOrderIconValues.SwapVertical;\n    }\n  }\n\n  // Determines the label (suffix) to use in the `aria-labelledby` attribute of the button,\n  // used to indicate what will happen if the user clicks on the button\n  get sortOrderLabel(): HdsAdvancedTableThSortOrderLabels {\n    return this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Asc\n      ? HdsAdvancedTableThSortOrderLabelValues.Desc\n      : HdsAdvancedTableThSortOrderLabelValues.Asc;\n  }\n\n  get onClick(): () => void {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-advanced-table__th-button',\n      'hds-advanced-table__th-button--sort',\n    ];\n\n    // add a class based on the @sortOrder argument\n    if (\n      this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Asc ||\n      this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Desc\n    ) {\n      classes.push(`hds-advanced-table__th-button--is-sorted`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{on \"click\" this.onClick}}\n      aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}} {{this._suffixLabelId}}\"\n      ...attributes\n    >\n      <span\n        id={{this._prefixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >\n        {{hdsT \"hds.components.common.sort-by\" default=\"Sort by\"}}\n      </span>\n      <span\n        id={{this._suffixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >{{this.sortOrderLabel}}</span>\n      <HdsIcon @name={{this.icon}} />\n    </button>\n  </template>\n}\n"],"names":["NOOP","HdsAdvancedTableThButtonSort","Component","_prefixLabelId","guidFor","_suffixLabelId","icon","args","sortOrder","HdsAdvancedTableThSortOrderValues","Asc","HdsAdvancedTableThSortOrderIconValues","ArrowUp","Desc","ArrowDown","SwapVertical","sortOrderLabel","HdsAdvancedTableThSortOrderLabelValues","onClick","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","on","hdsT","HdsIcon"],"mappings":";;;;;;;;;AAAA;;;AAGC;AA6BD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,qCAAqCC,SAAA,CAAU;AAClE;AACQC,EAAAA,cAAA,GAAiB,SAAA,GAAYC,OAAA,CAAQ,IAAI,CAAA;AACzCC,EAAAA,cAAA,GAAiB,SAAA,GAAYD,OAAA,CAAQ,IAAI,CAAA;EAEjD,IAAIE,OAAyC;AAC3C,IAAA,QAAQ,IAAI,CAACC,IAAI,CAACC,SAAS;MACzB,KAAKC,kCAAkCC,GAAG;QACxC,OAAOC,sCAAsCC,OAAO;MACtD,KAAKH,kCAAkCI,IAAI;QACzC,OAAOF,sCAAsCG,SAAS;AACxD,MAAA;QACE,OAAOH,sCAAsCI,YAAY;AAC7D;AACF,EAAA;AAEA;AACA;EACA,IAAIC,iBAAoD;AACtD,IAAA,OAAO,IAAI,CAACT,IAAI,CAACC,SAAS,KAAKC,iCAAA,CAAkCC,GAAG,GAChEO,sCAAA,CAAuCJ,IAAI,GAC3CI,uCAAuCP,GAAG;AAChD,EAAA;EAEA,IAAIQ,OAAAA,GAAsB;IACxB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACX,IAAI;AAE7B,IAAA,IAAI,OAAOW,YAAY,UAAA,EAAY;AACjC,MAAA,OAAOA,OAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOlB,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAImB,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,+BAAA,EACA,qCAAA,CACD;AAED;AACA,IAAA,IACE,IAAI,CAACb,IAAI,CAACC,SAAS,KAAKC,iCAAA,CAAkCC,GAAG,IAC7D,IAAI,CAACH,IAAI,CAACC,SAAS,KAAKC,iCAAA,CAAkCI,IAAI,EAC9D;AACAO,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,wCAAA,CAA0C,CAAA;AACzD,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0hBAAA,EAoBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"th-button-sort.js","sources":["../../../../src/components/hds/advanced-table/th-button-sort.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';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport {\n  HdsAdvancedTableThSortOrderIconValues,\n  HdsAdvancedTableThSortOrderValues,\n} from './types.ts';\nimport HdsIcon from '../icon/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type {\n  HdsAdvancedTableThSortOrder,\n  HdsAdvancedTableThSortOrderIcons,\n  HdsAdvancedTableThSortOrderLabels,\n} from './types.ts';\nimport type HdsIntlService from '../../../services/hds-intl.ts';\n\nexport interface HdsAdvancedTableThButtonSortSignature {\n  Args: {\n    labelId?: string;\n    onClick?: () => void;\n    sortOrder?: HdsAdvancedTableThSortOrder;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsAdvancedTableThButtonSort extends Component<HdsAdvancedTableThButtonSortSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n  // Generates a unique ID for the (hidden) \"label prefix/suffix\" <span> elements\n  private _prefixLabelId = 'prefix-' + guidFor(this);\n  private _suffixLabelId = 'suffix-' + guidFor(this);\n\n  get icon(): HdsAdvancedTableThSortOrderIcons {\n    switch (this.args.sortOrder) {\n      case HdsAdvancedTableThSortOrderValues.Asc:\n        return HdsAdvancedTableThSortOrderIconValues.ArrowUp;\n      case HdsAdvancedTableThSortOrderValues.Desc:\n        return HdsAdvancedTableThSortOrderIconValues.ArrowDown;\n      default:\n        return HdsAdvancedTableThSortOrderIconValues.SwapVertical;\n    }\n  }\n\n  // Determines the label (suffix) to use in the `aria-labelledby` attribute of the button,\n  // used to indicate what will happen if the user clicks on the button\n  get sortOrderLabel(): HdsAdvancedTableThSortOrderLabels {\n    const { sortOrder } = this.args;\n\n    const translatedLabel =\n      sortOrder === HdsAdvancedTableThSortOrderValues.Asc\n        ? this.hdsIntl.t('hds.components.common.descending', {\n            default: 'descending',\n          })\n        : this.hdsIntl.t('hds.components.common.ascending', {\n            default: 'ascending',\n          });\n\n    return translatedLabel as HdsAdvancedTableThSortOrderLabels;\n  }\n\n  get onClick(): () => void {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-advanced-table__th-button',\n      'hds-advanced-table__th-button--sort',\n    ];\n\n    // add a class based on the @sortOrder argument\n    if (\n      this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Asc ||\n      this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Desc\n    ) {\n      classes.push(`hds-advanced-table__th-button--is-sorted`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{on \"click\" this.onClick}}\n      aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}} {{this._suffixLabelId}}\"\n      ...attributes\n    >\n      <span\n        id={{this._prefixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >\n        {{hdsT \"hds.components.common.sort-by\" default=\"Sort by\"}}\n      </span>\n      <span\n        id={{this._suffixLabelId}}\n        class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n      >{{this.sortOrderLabel}}</span>\n      <HdsIcon @name={{this.icon}} />\n    </button>\n  </template>\n}\n"],"names":["NOOP","HdsAdvancedTableThButtonSort","Component","g","prototype","service","i","_prefixLabelId","guidFor","_suffixLabelId","icon","args","sortOrder","HdsAdvancedTableThSortOrderValues","Asc","HdsAdvancedTableThSortOrderIconValues","ArrowUp","Desc","ArrowDown","SwapVertical","sortOrderLabel","translatedLabel","hdsIntl","t","default","onClick","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","on","hdsT","HdsIcon"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AA8BD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,qCAAqCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACjEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AACD;AACQC,EAAAA,cAAA,GAAiB,SAAA,GAAYC,OAAA,CAAQ,IAAI,CAAA;AACzCC,EAAAA,cAAA,GAAiB,SAAA,GAAYD,OAAA,CAAQ,IAAI,CAAA;EAEjD,IAAIE,OAAyC;AAC3C,IAAA,QAAQ,IAAI,CAACC,IAAI,CAACC,SAAS;MACzB,KAAKC,kCAAkCC,GAAG;QACxC,OAAOC,sCAAsCC,OAAO;MACtD,KAAKH,kCAAkCI,IAAI;QACzC,OAAOF,sCAAsCG,SAAS;AACxD,MAAA;QACE,OAAOH,sCAAsCI,YAAY;AAC7D;AACF,EAAA;AAEA;AACA;EACA,IAAIC,iBAAoD;IACtD,MAAM;AAAER,MAAAA;KAAW,GAAG,IAAI,CAACD,IAAI;AAE/B,IAAA,MAAMU,eAAA,GACJT,SAAA,KAAcC,iCAAA,CAAkCC,GAAG,GAC/C,IAAI,CAACQ,OAAO,CAACC,CAAC,CAAC,kCAAA,EAAoC;AACjDC,MAAAA,OAAA,EAAS;KACX,CAAA,GACA,IAAI,CAACF,OAAO,CAACC,CAAC,CAAC,iCAAA,EAAmC;AAChDC,MAAAA,OAAA,EAAS;AACX,KAAA,CAAA;AAEN,IAAA,OAAOH,eAAA;AACT,EAAA;EAEA,IAAII,OAAAA,GAAsB;IACxB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACd,IAAI;AAE7B,IAAA,IAAI,OAAOc,YAAY,UAAA,EAAY;AACjC,MAAA,OAAOA,OAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOzB,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAI0B,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CACd,+BAAA,EACA,qCAAA,CACD;AAED;AACA,IAAA,IACE,IAAI,CAAChB,IAAI,CAACC,SAAS,KAAKC,iCAAA,CAAkCC,GAAG,IAC7D,IAAI,CAACH,IAAI,CAACC,SAAS,KAAKC,iCAAA,CAAkCI,IAAI,EAC9D;AACAU,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,wCAAA,CAA0C,CAAA;AACzD,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0hBAAA,EAoBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/advanced-table/th-context-menu.js

@@ -32,7 +32,7 @@ class HdsAdvancedTableThContextMenu extends Component {
     const {
       isLastColumn
     } = this.args;
-    const translatedResetWidthLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.reset-width', {
+    const translatedResetWidthLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.reset-width', {
       default: 'Reset column width'
     });
     let resizeOptions = [{
@@ -42,7 +42,7 @@ class HdsAdvancedTableThContextMenu extends Component {
       action: this._resetColumnWidth.bind(this)
     }];
     if (!isLastColumn) {
-      const translatedResizeLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.resize', {
+      const translatedResizeLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.resize', {
         default: 'Resize column'
       });
       resizeOptions = [{
@@ -59,7 +59,7 @@ class HdsAdvancedTableThContextMenu extends Component {
       isFirstNonStickyColumn,
       isLastColumn
     } = this.args;
-    const translatedMoveColumnLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.move-column', {
+    const translatedMoveColumnLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.move-column', {
       default: 'Move column'
     });
     let reorderOptions = [{
@@ -69,7 +69,7 @@ class HdsAdvancedTableThContextMenu extends Component {
       action: () => this._moveColumn()
     }];
     if (!isFirstNonStickyColumn) {
-      const translatedMoveColumnToStartLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.move-column-to-start', {
+      const translatedMoveColumnToStartLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.move-column-to-start', {
         default: 'Move column to start'
       });
       reorderOptions = [...reorderOptions, {
@@ -80,7 +80,7 @@ class HdsAdvancedTableThContextMenu extends Component {
       }];
     }
     if (!isLastColumn) {
-      const translatedMoveColumnToEndLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.move-column-to-end', {
+      const translatedMoveColumnToEndLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.move-column-to-end', {
         default: 'Move column to end'
       });
       reorderOptions = [...reorderOptions, {
@@ -96,10 +96,10 @@ class HdsAdvancedTableThContextMenu extends Component {
     const {
       isStickyColumn
     } = this.args;
-    const translatedPinLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.pin', {
+    const translatedPinLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.pin', {
       default: 'Pin column'
     });
-    const translatedUnpinLabel = this.hdsIntl.t('hds.advanced-table.th-context-menu.unpin', {
+    const translatedUnpinLabel = this.hdsIntl.t('hds.components.advanced-table.th-context-menu.unpin', {
       default: 'Unpin column'
     });
     return [{