@hashicorp/design-system-components 6.4.0 → 6.5.0

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 (72) hide show
  1. package/component-catalog.json +13139 -0
  2. package/declarations/components/hds/advanced-table/column-manager/index.d.ts +5 -7
  3. package/declarations/components/hds/advanced-table/column-manager/width.d.ts +17 -20
  4. package/declarations/components/hds/advanced-table/index.d.ts +3 -2
  5. package/declarations/components/hds/advanced-table/th-context-menu.d.ts +2 -1
  6. package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +8 -19
  7. package/declarations/components/hds/advanced-table/th.d.ts +5 -19
  8. package/declarations/components/hds/advanced-table/tr.d.ts +3 -0
  9. package/declarations/components/hds/advanced-table/types.d.ts +1 -1
  10. package/declarations/components/hds/advanced-table/utils.d.ts +1 -0
  11. package/declarations/components/hds/composite/index.d.ts +1 -0
  12. package/declarations/components/hds/icon/index.d.ts +1 -1
  13. package/declarations/components/hds/segmented-group/index.d.ts +13 -3
  14. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  15. package/declarations/components/hds/table/index.d.ts +1 -0
  16. package/declarations/components/hds/table/tr.d.ts +4 -0
  17. package/dist/components/hds/advanced-table/column-manager/index.js +1 -1
  18. package/dist/components/hds/advanced-table/column-manager/index.js.map +1 -1
  19. package/dist/components/hds/advanced-table/column-manager/order.js +2 -1
  20. package/dist/components/hds/advanced-table/column-manager/order.js.map +1 -1
  21. package/dist/components/hds/advanced-table/column-manager/width.js +96 -183
  22. package/dist/components/hds/advanced-table/column-manager/width.js.map +1 -1
  23. package/dist/components/hds/advanced-table/index.js +1 -1
  24. package/dist/components/hds/advanced-table/th-context-menu.js +14 -7
  25. package/dist/components/hds/advanced-table/th-context-menu.js.map +1 -1
  26. package/dist/components/hds/advanced-table/th-reorder-drop-target.js +1 -1
  27. package/dist/components/hds/advanced-table/th-resize-handle.js +1 -1
  28. package/dist/components/hds/advanced-table/th-selectable.js +1 -1
  29. package/dist/components/hds/advanced-table/th.js +1 -1
  30. package/dist/components/hds/advanced-table/tr.js +3 -1
  31. package/dist/components/hds/advanced-table/tr.js.map +1 -1
  32. package/dist/components/hds/advanced-table/types.js.map +1 -1
  33. package/dist/components/hds/advanced-table/utils.js +8 -1
  34. package/dist/components/hds/advanced-table/utils.js.map +1 -1
  35. package/dist/components/hds/composite/index.js +6 -0
  36. package/dist/components/hds/composite/index.js.map +1 -1
  37. package/dist/components/hds/filter-bar/index.js +1 -1
  38. package/dist/components/hds/filter-bar/index.js.map +1 -1
  39. package/dist/components/hds/segmented-group/index.js +36 -13
  40. package/dist/components/hds/segmented-group/index.js.map +1 -1
  41. package/dist/components/hds/stepper/list/step.js +6 -2
  42. package/dist/components/hds/stepper/list/step.js.map +1 -1
  43. package/dist/components/hds/stepper/nav/step.js +6 -2
  44. package/dist/components/hds/stepper/nav/step.js.map +1 -1
  45. package/dist/components/hds/table/index.js +9 -0
  46. package/dist/components/hds/table/index.js.map +1 -1
  47. package/dist/components/hds/table/tr.js +27 -15
  48. package/dist/components/hds/table/tr.js.map +1 -1
  49. package/dist/components.js +1 -1
  50. package/dist/{index-DtMB-P9m.js → index-Cx64Nvu4.js} +111 -226
  51. package/dist/index-Cx64Nvu4.js.map +1 -0
  52. package/dist/modifiers/hds-scroll-into-view-on-focus.js +4 -0
  53. package/dist/modifiers/hds-scroll-into-view-on-focus.js.map +1 -1
  54. package/dist/styles/@hashicorp/design-system-components.css +86 -22
  55. package/dist/styles/@hashicorp/design-system-components.css.map +1 -1
  56. package/dist/styles/components/advanced-table.scss +4 -1
  57. package/dist/styles/components/badge-count.scss +1 -1
  58. package/dist/styles/components/badge.scss +1 -1
  59. package/dist/styles/components/filter-bar.scss +10 -2
  60. package/dist/styles/components/form/character-count.scss +1 -1
  61. package/dist/styles/components/form/error.scss +1 -1
  62. package/dist/styles/components/form/helper-text.scss +1 -1
  63. package/dist/styles/components/form/indicator.scss +1 -1
  64. package/dist/styles/components/form/label.scss +1 -1
  65. package/dist/styles/components/form/legend.scss +1 -1
  66. package/dist/styles/components/icon-tile.scss +1 -1
  67. package/dist/styles/components/link/standalone.scss +1 -1
  68. package/dist/styles/components/segmented-group.scss +43 -6
  69. package/dist/styles/components/tag.scss +1 -1
  70. package/package.json +7 -4
  71. package/translations/hds/components/stepper/en-us.yaml +1 -0
  72. package/dist/index-DtMB-P9m.js.map +0 -1
@@ -7,7 +7,7 @@ import { TrackedMap } from 'tracked-built-ins';
7
7
  import type { ModifierLike } from '@glint/template';
8
8
  import type { HdsAdvancedTableSyncWidthValuesSignature } from './width';
9
9
  import type { HdsAdvancedTableSyncColumnOrderSignature } from './order';
10
- import type { HdsAdvancedTableColumn, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn } from '../types.ts';
10
+ import type { HdsAdvancedTableColumn, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from '../types.ts';
11
11
  import type { HdsAdvancedTableSignature } from '../index';
12
12
  export interface HdsAdvancedTableSyncThElementsSignature {
13
13
  Element: HTMLDivElement;
@@ -39,9 +39,11 @@ export interface HdsAdvancedTableColumnManagerSignature {
39
39
  syncColumnOrder: ModifierLike<HdsAdvancedTableSyncColumnOrderSignature>;
40
40
  syncThElements: ModifierLike<HdsAdvancedTableSyncThElementsSignature>;
41
41
  syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
42
- applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
42
+ beginColumnResize: () => void;
43
+ commitColumnWidths: () => void;
43
44
  getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
44
45
  getColumnByKey: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
46
+ getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
45
47
  getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => {
46
48
  previous?: HdsAdvancedTableNormalizedColumn['key'];
47
49
  next?: HdsAdvancedTableNormalizedColumn['key'];
@@ -49,16 +51,12 @@ export interface HdsAdvancedTableColumnManagerSignature {
49
51
  moveColumnToDropTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
50
52
  moveColumnToTarget: (columnKey: HdsAdvancedTableNormalizedColumn['key'], targetColumnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
51
53
  moveColumnToTerminalPosition: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
54
+ resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
52
55
  restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
53
56
  setDraggedColumnKey: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
54
57
  setReorderHoveredColumnKey: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
55
- setTransientColumnWidths: (options: {
56
- roundValues?: boolean;
57
- }) => void;
58
- setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
59
58
  resetTransientColumnWidths: () => void;
60
59
  stepColumn: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
61
- updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
62
60
  }
63
61
  ];
64
62
  };
@@ -4,11 +4,11 @@
4
4
  */
5
5
  import Component from '@glimmer/component';
6
6
  import { TrackedMap } from 'tracked-built-ins';
7
- import type { HdsAdvancedTableNormalizedColumn } from '../types.ts';
7
+ import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from '../types.ts';
8
8
  import type { ModifierLike } from '@glint/template';
9
9
  export declare const DEFAULT_WIDTH = "1fr";
10
10
  export declare const DEFAULT_MIN_WIDTH = "150px";
11
- export declare const DEFAULT_MAX_WIDTH = "800px";
11
+ export declare const SUBPIXEL_TOLERANCE = 0.5;
12
12
  export interface HdsAdvancedTableSyncWidthValuesSignature {
13
13
  Element: HTMLDivElement;
14
14
  }
@@ -26,19 +26,17 @@ interface HdsAdvancedTableColumnManagerWidthSignature {
26
26
  {
27
27
  gridTemplateColumns: string;
28
28
  syncWidthValues: ModifierLike<HdsAdvancedTableSyncWidthValuesSignature>;
29
- applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
29
+ beginColumnResize: () => void;
30
+ resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
31
+ commitColumnWidths: () => void;
30
32
  getAppliedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
33
+ getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
31
34
  getSiblingColumnKeys: (columnKey: HdsAdvancedTableNormalizedColumn['key'] | null) => {
32
35
  previous?: HdsAdvancedTableNormalizedColumn['key'];
33
36
  next?: HdsAdvancedTableNormalizedColumn['key'];
34
37
  };
35
38
  resetTransientColumnWidths: () => void;
36
39
  restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
37
- setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`, clamped?: boolean) => void;
38
- setTransientColumnWidths: (options: {
39
- roundValues?: boolean;
40
- }) => void;
41
- updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
42
40
  }
43
41
  ];
44
42
  };
@@ -47,7 +45,7 @@ export default class HdsAdvancedTableColumnManagerWidth extends Component<HdsAdv
47
45
  private _columnWidths;
48
46
  private _originalColumnWidths;
49
47
  private _transientColumnWidths;
50
- private _columnDebts;
48
+ private _resizeStartWidths;
51
49
  syncWidthValues: import("ember-modifier").FunctionBasedModifier<{
52
50
  Element: HTMLDivElement;
53
51
  Args: {
@@ -62,18 +60,17 @@ export default class HdsAdvancedTableColumnManagerWidth extends Component<HdsAdv
62
60
  next?: HdsAdvancedTableNormalizedColumn["key"];
63
61
  };
64
62
  private _getPxWidth;
65
- private _getPxMinWidth;
66
- applyTransientWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => void;
67
- setTransientColumnWidths: (options?: {
68
- roundValues?: boolean;
69
- }) => void;
63
+ private _colMinPx;
64
+ private _colMaxPx;
65
+ beginColumnResize: () => void;
66
+ private _distributeWidthChange;
67
+ private _distributableCapacity;
68
+ resizeColumnByDelta: (columnKey: HdsAdvancedTableNormalizedColumn["key"], deltaPx: number) => number;
69
+ commitColumnWidths: () => void;
70
+ private _resolvePxPerFrUnit;
70
71
  resetTransientColumnWidths: () => void;
71
- setTransientColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"], width: `${number}px`, clamped?: boolean) => void;
72
- updateResizeDebt: (columnKey: HdsAdvancedTableNormalizedColumn["key"], delta: number) => void;
73
72
  restoreColumnWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => void;
74
- private _settleWidthDebts;
75
- private _collectWidthDebts;
76
- private _payWidthDebts;
77
- private _sourceFundsForPayment;
73
+ getRenderedWidth: (columnKey: HdsAdvancedTableNormalizedColumn["key"]) => HdsAdvancedTablePixelString | undefined;
74
+ private _parseFrMultiplier;
78
75
  }
79
76
  export {};
@@ -9,7 +9,7 @@ import HdsAdvancedTableTh from './th';
9
9
  import HdsAdvancedTableTd from './td';
10
10
  import type Owner from '@ember/owner';
11
11
  import type { ComponentLike, WithBoundArgs } from '@glint/template';
12
- import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableSortingFunction, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableModel } from './types.ts';
12
+ import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableSortingFunction, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableColumnResizeCallback, HdsAdvancedTableModel } from './types.ts';
13
13
  import type { HdsAdvancedTableThSelectableSignature } from './th-selectable';
14
14
  import type { HdsAdvancedTableTrSignature } from './tr';
15
15
  import type { HdsFilterBarSignature } from '../filter-bar/index';
@@ -57,7 +57,7 @@ export interface HdsAdvancedTableSignature<T = HdsAdvancedTableModel> {
57
57
  childrenKey?: string;
58
58
  maxHeight?: string;
59
59
  onColumnReorder?: HdsAdvancedTableColumnReorderCallback;
60
- onColumnResize?: (columnKey: string, newWidth?: string) => void;
60
+ onColumnResize?: HdsAdvancedTableColumnResizeCallback;
61
61
  onSelectionChange?: (selection: HdsAdvancedTableOnSelectionChangeSignature) => void;
62
62
  onSort?: (sortBy: string, sortOrder: HdsAdvancedTableThSortOrder) => void;
63
63
  };
@@ -87,6 +87,7 @@ export default class HdsAdvancedTable<T = HdsAdvancedTableModel> extends Compone
87
87
  private _isSelectAllCheckboxSelected?;
88
88
  private _tableHeight;
89
89
  private _selectableRows;
90
+ private _isBulkSelectionChange;
90
91
  private _captionId;
91
92
  private _scrollHandler;
92
93
  private _dragOverHandler;
@@ -9,7 +9,7 @@ import type { HdsAdvancedTableSignature } from './index';
9
9
  import type { HdsAdvancedTableThReorderHandleSignature } from './th-reorder-handle';
10
10
  import type { HdsAdvancedTableThResizeHandleSignature } from './th-resize-handle';
11
11
  import type HdsIntlService from '../../../services/hds-intl.ts';
12
- import type { HdsAdvancedTableNormalizedColumn } from './types.ts';
12
+ import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from './types.ts';
13
13
  interface HdsAdvancedTableThContextMenuOption {
14
14
  key: string;
15
15
  icon?: HdsDropdownToggleIconSignature['Args']['icon'];
@@ -29,6 +29,7 @@ export interface HdsAdvancedTableThContextMenuSignature {
29
29
  resizeHandleElement?: HdsAdvancedTableThResizeHandleSignature['Element'];
30
30
  onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
31
31
  onFocusReorderHandle?: () => void;
32
+ onGetRenderedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
32
33
  onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
33
34
  onPinFirstColumn?: () => void;
34
35
  onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
@@ -4,26 +4,18 @@
4
4
  */
5
5
  import Component from '@glimmer/component';
6
6
  import type Owner from '@ember/owner';
7
- import type { HdsAdvancedTableNormalizedColumn } from './types';
7
+ import type { HdsAdvancedTableNormalizedColumn, HdsAdvancedTablePixelString } from './types';
8
8
  import type { HdsAdvancedTableSignature } from './index';
9
9
  export interface HdsAdvancedTableThResizeHandleSignature {
10
10
  Args: {
11
11
  column?: HdsAdvancedTableNormalizedColumn;
12
- siblingColumnKeys?: {
13
- previous?: HdsAdvancedTableNormalizedColumn['key'];
14
- next?: HdsAdvancedTableNormalizedColumn['key'];
15
- };
16
12
  tableHeight?: number;
17
- onApplyTransientWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
13
+ onBeginColumnResize?: () => void;
14
+ onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
15
+ onCommitColumnWidths?: () => void;
18
16
  onGetAppliedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
19
- onGetColumnByKey?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
20
- onSetTransientColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`) => void;
21
- onSetTransientColumnWidths?: (options: {
22
- roundValues?: boolean;
23
- }) => void;
24
17
  onResetTransientColumnWidths?: () => void;
25
- onUpdateResizeDebt?: (delta: number) => void;
26
- onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
18
+ onResizeColumnByDelta?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
27
19
  };
28
20
  Blocks: {
29
21
  default?: [];
@@ -33,8 +25,6 @@ export interface HdsAdvancedTableThResizeHandleSignature {
33
25
  export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvancedTableThResizeHandleSignature> {
34
26
  resizing: {
35
27
  startX: number;
36
- startColumnPxWidth: number;
37
- startNextColumnPxWidth?: number;
38
28
  } | null;
39
29
  private _transientDelta;
40
30
  private _isUpdateQueued;
@@ -47,14 +37,13 @@ export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvance
47
37
  get currentWidthInPixels(): number;
48
38
  get minWidthInPixels(): number;
49
39
  get maxWidthInPixels(): number;
40
+ get widthValueText(): string;
50
41
  get height(): string | undefined;
51
42
  get classNames(): string;
52
- private _applyTransientWidths;
53
- onColumnResize(key?: string, width?: string): void;
43
+ onColumnResize(key?: string, width?: HdsAdvancedTablePixelString): void;
44
+ private _finishColumnResize;
54
45
  handleKeydown(event: KeyboardEvent): void;
55
46
  startResize(event: PointerEvent): void;
56
- private _setColumnWidth;
57
- private _applyResizeDelta;
58
47
  private _resize;
59
48
  private _stopResize;
60
49
  }
@@ -5,7 +5,7 @@
5
5
  import Component from '@glimmer/component';
6
6
  import { type FocusableElement } from 'tabbable';
7
7
  import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
8
- import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableThSortOrder } from './types.ts';
8
+ import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableNormalizedColumn, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableThSortOrder, HdsAdvancedTablePixelString } from './types.ts';
9
9
  import type { HdsCompositeSignature } from '../composite/index';
10
10
  import type { HdsAdvancedTableThButtonSortSignature } from './th-button-sort';
11
11
  import type { HdsAdvancedTableSignature } from './index';
@@ -38,10 +38,6 @@ export interface HdsAdvancedTableThSignature {
38
38
  reorderHoveredColumnKey?: HdsAdvancedTableNormalizedColumn['key'] | null;
39
39
  rowspan?: number;
40
40
  scope?: HdsAdvancedTableScope;
41
- siblingColumnKeys?: {
42
- previous?: HdsAdvancedTableNormalizedColumn['key'];
43
- next?: HdsAdvancedTableNormalizedColumn['key'];
44
- };
45
41
  draggedColumnSiblingColumnKeys?: {
46
42
  previous?: HdsAdvancedTableNormalizedColumn['key'];
47
43
  next?: HdsAdvancedTableNormalizedColumn['key'];
@@ -50,25 +46,22 @@ export interface HdsAdvancedTableThSignature {
50
46
  tableHeight?: number;
51
47
  tooltip?: string;
52
48
  didInsertExpandButton?: (button: HTMLButtonElement) => void;
53
- onApplyTransientWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
49
+ onBeginColumnResize?: () => void;
50
+ onCommitColumnWidths?: () => void;
54
51
  onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];
55
52
  onClickToggle?: () => void;
56
53
  onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
57
54
  onGetAppliedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn['width'];
58
- onGetColumnByKey?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTableNormalizedColumn | undefined;
59
55
  onMoveColumnToTerminalPosition?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], position: 'start' | 'end') => void;
60
56
  onPinFirstColumn?: () => void;
61
57
  onReorderDrop?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], side: HdsAdvancedTableColumnReorderSide) => void;
62
58
  onResetTransientColumnWidths?: () => void;
59
+ onResizeColumnByDelta?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], deltaPx: number) => number;
63
60
  onRestoreColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => void;
61
+ onGetRenderedWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key']) => HdsAdvancedTablePixelString | undefined;
64
62
  onSetDraggedColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
65
63
  onSetReorderHoveredColumnKey?: (key: HdsAdvancedTableNormalizedColumn['key'] | null) => void;
66
- onSetTransientColumnWidth?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`) => void;
67
- onSetTransientColumnWidths?: (options: {
68
- roundValues?: boolean;
69
- }) => void;
70
64
  onStepColumn?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], step: number) => void;
71
- onUpdateResizeDebt?: (columnKey: HdsAdvancedTableNormalizedColumn['key'], delta: number) => void;
72
65
  willDestroyExpandButton?: (button: HTMLButtonElement) => void;
73
66
  };
74
67
  Blocks: {
@@ -103,17 +96,10 @@ export default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSign
103
96
  enableFocusTrap(): void;
104
97
  getInitialFocus(): FocusableElement | undefined;
105
98
  focusReorderHandle(): void;
106
- applyTransientWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): void;
107
99
  resetTransientColumnWidths(): void;
108
100
  getAppliedWidth(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn['width'] | undefined;
109
- getColumnByKey(columnKey: HdsAdvancedTableNormalizedColumn['key']): HdsAdvancedTableNormalizedColumn | undefined;
110
101
  setDraggedColumnKey(columnKey: HdsAdvancedTableNormalizedColumn['key'] | null): void;
111
- setTransientColumnWidth(columnKey: HdsAdvancedTableNormalizedColumn['key'], width: `${number}px`): void;
112
- setTransientColumnWidths(options: {
113
- roundValues?: boolean;
114
- }): void;
115
102
  stepColumn(step: number): void;
116
- updateResizeDebt(delta: number): void;
117
103
  setElement(element: HTMLDivElement): void;
118
104
  private _registerReorderHandleElement;
119
105
  private _registerResizeHandleElement;
@@ -46,9 +46,12 @@ export interface BaseHdsAdvancedTableTrSignature<T> {
46
46
  }
47
47
  export type HdsAdvancedTableTrSignature<T> = BaseHdsAdvancedTableTrSignature<T>;
48
48
  export default class HdsAdvancedTableTr<T> extends Component<HdsAdvancedTableTrSignature<T>> {
49
+ private isSelectedOverride?;
49
50
  get selectionKey(): string | undefined;
51
+ get isSelected(): boolean;
50
52
  get classNames(): string;
51
53
  get cells(): HdsAdvancedTableCell<T>[];
52
54
  get orderedCells(): HdsAdvancedTableCell<T>[] | undefined;
55
+ onSelectionChange: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
53
56
  }
54
57
  export {};
@@ -96,7 +96,7 @@ export interface HdsAdvancedTableModelItem {
96
96
  isSelected?: boolean;
97
97
  }
98
98
  export type HdsAdvancedTableModel = Array<HdsAdvancedTableModelItem>;
99
- export type HdsAdvancedTableColumnResizeCallback = (columnKey: string, newWidth?: string) => void;
99
+ export type HdsAdvancedTableColumnResizeCallback = (columnKey: string, newWidth?: HdsAdvancedTablePixelString) => void;
100
100
  export type HdsAdvancedTableColumnReorderCallback = ({ column, newOrder, insertedAt, }: {
101
101
  column: HdsAdvancedTableColumn;
102
102
  newOrder: string[];
@@ -3,6 +3,7 @@
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
5
  export declare function requestAnimationFrameWaiter(callback: () => void): number;
6
+ export declare function measureColumnWidth(descendant: Element | null | undefined): `${number}px` | undefined;
6
7
  export declare function pixelToNumber(px: `${number}px`): number;
7
8
  export declare function isPixelSize(value?: string): boolean;
8
9
  export declare function parsePixel(value?: string): number | undefined;
@@ -50,6 +50,7 @@ export default class Composite extends Component<HdsCompositeSignature> {
50
50
  private get _currentIndex();
51
51
  private get _config();
52
52
  private get _navigationSnapshot();
53
+ private _resortRegisteredElements;
53
54
  private _registerItem;
54
55
  private _unregisterItem;
55
56
  private _registerGroup;
@@ -8,7 +8,7 @@ import type Owner from '@ember/owner';
8
8
  import { HdsIconSizeValues } from './types.ts';
9
9
  import type { HdsIconSizes, HdsIconColors } from './types.ts';
10
10
  export declare const COLORS: HdsIconColors[];
11
- export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
11
+ export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "ansible-community", "ansible-community-color", "ansible-automation-platform", "ansible-automation-platform-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "cloudability", "cloudability-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jenkins", "jenkins-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "openstack", "openstack-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dash", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "incomplete-normal", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "error-filled", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-up", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "command", "crop", "dashboard", "delete", "download", "edit", "end", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "pin-off", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "start", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "text-wrap", "toggle-left", "toggle-right", "top", "trash", "type", "unfold-close", "unfold-open", "upload", "workspace", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
12
12
  export interface HdsIconSignature {
13
13
  Args: {
14
14
  name: IconName;
@@ -2,13 +2,19 @@
2
2
  * Copyright IBM Corp. 2021, 2026
3
3
  * SPDX-License-Identifier: MPL-2.0
4
4
  */
5
- import type { TemplateOnlyComponent } from '@ember/component/template-only';
5
+ import Component from '@glimmer/component';
6
6
  import HdsButton from '../button/index';
7
7
  import HdsDropdown from '../dropdown/index';
8
8
  import HdsFormSelectBase from '../form/select/base';
9
9
  import HdsFormTextInputBase from '../form/text-input/base';
10
+ import HdsFormSuperSelectSingleBase from '../form/super-select/single/base';
11
+ import HdsFormSuperSelectMultipleBase from '../form/super-select/multiple/base';
10
12
  import HdsYield from '../yield/index';
11
13
  export interface HdsSegmentedGroupSignature {
14
+ Args: {
15
+ isFullWidth?: boolean;
16
+ maxWidth?: string;
17
+ };
12
18
  Blocks: {
13
19
  default: [
14
20
  {
@@ -16,11 +22,15 @@ export interface HdsSegmentedGroupSignature {
16
22
  Dropdown?: typeof HdsDropdown;
17
23
  Select?: typeof HdsFormSelectBase;
18
24
  TextInput?: typeof HdsFormTextInputBase;
25
+ SuperSelectSingle?: typeof HdsFormSuperSelectSingleBase;
26
+ SuperSelectMultiple?: typeof HdsFormSuperSelectMultipleBase;
19
27
  Generic?: typeof HdsYield;
20
28
  }
21
29
  ];
22
30
  };
23
31
  Element: HTMLDivElement;
24
32
  }
25
- declare const HdsSegmentedGroup: TemplateOnlyComponent<HdsSegmentedGroupSignature>;
26
- export default HdsSegmentedGroup;
33
+ export default class HdsSegmentedGroup extends Component<HdsSegmentedGroupSignature> {
34
+ get classNames(): string;
35
+ get styles(): Record<string, string>;
36
+ }
@@ -8,7 +8,7 @@ import type { HdsIconSignature } from '../../icon/index';
8
8
  import type { HdsStepperStatuses } from '../types.ts';
9
9
  export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
10
10
  export declare const STATUSES: HdsStepperStatuses[];
11
- export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
11
+ export declare const MAPPING_STATUS_TO_ICONS: Record<HdsStepperStatusesValues, "loading" | "loading-static" | "running" | "running-static" | "apple" | "apple-color" | "alibaba" | "alibaba-color" | "amazon-ecs" | "amazon-ecs-color" | "amazon-eks" | "amazon-eks-color" | "ansible-community" | "ansible-community-color" | "ansible-automation-platform" | "ansible-automation-platform-color" | "auth0" | "auth0-color" | "aws" | "aws-color" | "aws-cdk" | "aws-cdk-color" | "aws-cloudwatch" | "aws-cloudwatch-color" | "aws-ec2" | "aws-ec2-color" | "aws-lambda" | "aws-lambda-color" | "aws-s3" | "aws-s3-color" | "azure" | "azure-color" | "azure-aks" | "azure-aks-color" | "azure-blob-storage" | "azure-blob-storage-color" | "azure-devops" | "azure-devops-color" | "azure-vms" | "azure-vms-color" | "bitbucket" | "bitbucket-color" | "bridgecrew" | "bridgecrew-color" | "cisco" | "cisco-color" | "cloudability" | "cloudability-color" | "codepen" | "codepen-color" | "confluence" | "confluence-color" | "confluent" | "confluent-color" | "datadog" | "datadog-color" | "digital-ocean" | "digital-ocean-color" | "docker" | "docker-color" | "duo" | "duo-color" | "elastic-observability" | "elastic-observability-color" | "f5" | "f5-color" | "facebook" | "facebook-color" | "figma" | "figma-color" | "gcp" | "gcp-color" | "git" | "git-color" | "gitlab" | "gitlab-color" | "github" | "github-color" | "google" | "google-color" | "google-docs" | "google-docs-color" | "google-drive" | "google-drive-color" | "google-forms" | "google-forms-color" | "google-sheets" | "google-sheets-color" | "google-slides" | "google-slides-color" | "grafana" | "grafana-color" | "helm" | "helm-color" | "infracost" | "infracost-color" | "jenkins" | "jenkins-color" | "jfrog" | "jfrog-color" | "jira" | "jira-color" | "jwt" | "jwt-color" | "kubernetes" | "kubernetes-color" | "lightlytics" | "lightlytics-color" | "linkedin" | "linkedin-color" | "linode" | "linode-color" | "linux" | "linux-color" | "loom" | "loom-color" | "meetup" | "meetup-color" | "microsoft" | "microsoft-color" | "microsoft-teams" | "microsoft-teams-color" | "minio" | "minio-color" | "mongodb" | "mongodb-color" | "new-relic" | "new-relic-color" | "okta" | "okta-color" | "oracle" | "oracle-color" | "opa" | "opa-color" | "openid" | "openid-color" | "openstack" | "openstack-color" | "pack" | "pack-color" | "pager-duty" | "pager-duty-color" | "ping-identity" | "ping-identity-color" | "postgres" | "postgres-color" | "rabbitmq" | "rabbitmq-color" | "saml" | "saml-color" | "service-now" | "service-now-color" | "slack" | "slack-color" | "snyk" | "snyk-color" | "splunk" | "splunk-color" | "twilio" | "twilio-color" | "twitch" | "twitch-color" | "twitter" | "twitter-color" | "twitter-x" | "twitter-x-color" | "vantage" | "vantage-color" | "venafi" | "venafi-color" | "vercel" | "vercel-color" | "vmware" | "vmware-color" | "youtube" | "youtube-color" | "boundary" | "boundary-color" | "boundary-fill" | "boundary-fill-color" | "boundary-square" | "boundary-square-color" | "consul" | "consul-color" | "consul-fill" | "consul-fill-color" | "consul-square" | "consul-square-color" | "nomad" | "nomad-color" | "nomad-fill" | "nomad-fill-color" | "nomad-square" | "nomad-square-color" | "packer" | "packer-color" | "packer-fill" | "packer-fill-color" | "packer-square" | "packer-square-color" | "terraform" | "terraform-color" | "terraform-fill" | "terraform-fill-color" | "terraform-square" | "terraform-square-color" | "vagrant" | "vagrant-color" | "vagrant-fill" | "vagrant-fill-color" | "vagrant-square" | "vagrant-square-color" | "vault" | "vault-color" | "vault-fill" | "vault-fill-color" | "vault-square" | "vault-square-color" | "vault-radar" | "vault-radar-color" | "vault-radar-fill" | "vault-radar-fill-color" | "vault-radar-square" | "vault-radar-square-color" | "vault-secrets" | "vault-secrets-color" | "vault-secrets-fill" | "vault-secrets-fill-color" | "vault-secrets-square" | "vault-secrets-square-color" | "waypoint" | "waypoint-color" | "waypoint-fill" | "waypoint-fill-color" | "waypoint-square" | "waypoint-square-color" | "hashicorp" | "hashicorp-color" | "hashicorp-fill" | "hashicorp-fill-color" | "hashicorp-square" | "hashicorp-square-color" | "hcp" | "hcp-color" | "hcp-fill" | "hcp-fill-color" | "hcp-square" | "hcp-square-color" | "accessibility" | "folder-users" | "frown" | "identity-service" | "identity-user" | "meh" | "robot" | "smile" | "user" | "user-check" | "user-circle" | "user-circle-fill" | "user-minus" | "user-plus" | "user-x" | "users" | "ampersand" | "beaker" | "bucket" | "bulb" | "circle" | "circle-dash" | "circle-dot" | "circle-fill" | "circle-half" | "diamond" | "diamond-fill" | "disc" | "dot" | "dot-half" | "droplet" | "flag" | "gift" | "government" | "handshake" | "hash" | "hexagon" | "hexagon-fill" | "incomplete-normal" | "labyrinth" | "layers" | "moon" | "octagon" | "outline" | "random" | "rocket" | "sparkle" | "square" | "square-fill" | "sun" | "triangle" | "triangle-fill" | "truck" | "wand" | "zap" | "zap-off" | "docs" | "docs-download" | "docs-link" | "guide" | "guide-link" | "help" | "info" | "info-fill" | "learn" | "learn-link" | "support" | "alert-circle" | "alert-circle-fill" | "alert-diamond" | "alert-diamond-fill" | "alert-octagon" | "alert-octagon-fill" | "alert-triangle" | "alert-triangle-fill" | "check" | "check-circle" | "check-circle-fill" | "error-filled" | "check-diamond" | "check-diamond-fill" | "check-hexagon" | "check-hexagon-fill" | "check-square" | "check-square-fill" | "skip" | "x" | "x-circle" | "x-circle-fill" | "x-diamond" | "x-diamond-fill" | "x-hexagon" | "x-hexagon-fill" | "x-square" | "x-square-fill" | "bug" | "certificate" | "eye" | "eye-off" | "fingerprint" | "key" | "keychain" | "lock" | "lock-fill" | "lock-off" | "shield" | "shield-alert" | "shield-check" | "shield-off" | "shield-x" | "token" | "unlock" | "verified" | "wall" | "minus" | "minus-circle" | "minus-circle-fill" | "minus-plus" | "minus-plus-circle" | "minus-plus-square" | "minus-square" | "minus-square-fill" | "plus" | "plus-circle" | "plus-circle-fill" | "plus-square" | "camera" | "camera-off" | "cast" | "closed-caption" | "fast-forward" | "film" | "headphones" | "image" | "music" | "pause" | "pause-circle" | "play" | "play-circle" | "radio" | "rewind" | "rss" | "skip-back" | "skip-forward" | "speaker" | "stop-circle" | "volume" | "volume-down" | "volume-up" | "volume-x" | "wifi" | "wifi-off" | "compass" | "crosshair" | "map" | "map-pin" | "navigation" | "navigation-alt" | "redirect" | "target" | "align-center" | "align-justify" | "align-left" | "align-right" | "battery" | "battery-charging" | "bookmark" | "bookmark-add" | "bookmark-add-fill" | "bookmark-fill" | "bookmark-remove" | "bookmark-remove-fill" | "bottom" | "command" | "crop" | "dashboard" | "delete" | "download" | "edit" | "end" | "entry-point" | "exit-point" | "external-link" | "filter" | "filter-circle" | "filter-fill" | "grid" | "grid-alt" | "home" | "jump-link" | "layout" | "link" | "list" | "maximize" | "maximize-alt" | "menu" | "minimize" | "minimize-alt" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move-horizontal" | "paperclip" | "pen-tool" | "pencil-tool" | "pin" | "pin-off" | "power" | "printer" | "reload" | "repeat" | "resize-column" | "rotate-cw" | "rotate-ccw" | "search" | "share" | "sidebar" | "sidebar-hide" | "sidebar-show" | "sign-in" | "sign-out" | "slash" | "slash-square" | "sort-asc" | "sort-desc" | "start" | "switcher" | "sync" | "sync-alert" | "sync-reverse" | "tag" | "text-wrap" | "toggle-left" | "toggle-right" | "top" | "trash" | "type" | "unfold-close" | "unfold-open" | "upload" | "workspace" | "zoom-in" | "zoom-out" | "archive" | "clipboard" | "clipboard-checked" | "clipboard-copy" | "clipboard-x" | "file" | "file-change" | "file-check" | "file-diff" | "file-minus" | "file-plus" | "file-source" | "file-text" | "file-x" | "files" | "folder" | "folder-fill" | "folder-minus" | "folder-minus-fill" | "folder-plus" | "folder-plus-fill" | "folder-star" | "inbox" | "api" | "auto-apply" | "build" | "change" | "change-circle" | "change-square" | "channel" | "cloud" | "cloud-check" | "cloud-download" | "cloud-lightning" | "cloud-lock" | "cloud-off" | "cloud-upload" | "cloud-x" | "code" | "connection" | "connection-gateway" | "cpu" | "duplicate" | "gateway" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "git-repo" | "hammer" | "key-values" | "mainframe" | "mesh" | "module" | "monitor" | "network" | "network-alt" | "node" | "path" | "pipeline" | "plug" | "replication-direct" | "replication-perf" | "scissors" | "server" | "server-cluster" | "serverless" | "service" | "settings" | "sliders" | "smartphone" | "socket" | "step" | "tablet" | "terminal" | "terminal-screen" | "test" | "tools" | "transform-data" | "tv" | "webhook" | "wrench" | "calendar" | "clock" | "clock-filled" | "delay" | "event" | "history" | "hourglass" | "watch" | "bar-chart" | "bar-chart-alt" | "box" | "collections" | "database" | "hard-drive" | "line-chart" | "line-chart-up" | "logs" | "package" | "pie-chart" | "queue" | "save" | "trend-down" | "trend-up" | "activity" | "at-sign" | "award" | "bell" | "bell-active" | "bell-active-fill" | "bell-off" | "discussion-circle" | "discussion-square" | "heart" | "heart-fill" | "heart-off" | "mail" | "mail-open" | "message-circle" | "message-circle-fill" | "message-square" | "message-square-fill" | "mic" | "mic-off" | "newspaper" | "phone" | "phone-call" | "phone-off" | "send" | "star" | "star-circle" | "star-fill" | "star-off" | "thumbs-down" | "thumbs-up" | "video" | "video-off" | "bank-vault" | "briefcase" | "credit-card" | "dollar-sign" | "enterprise" | "globe" | "globe-private" | "org" | "provider" | "shopping-bag" | "shopping-cart" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "caret" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "load-balancer" | "migrate" | "move" | "shuffle" | "swap-horizontal" | "swap-vertical">;
12
12
  export interface HdsStepperTaskIndicatorSignature {
13
13
  Args: {
14
14
  status?: HdsStepperStatuses;
@@ -69,6 +69,7 @@ export default class HdsTable<T = HdsTableModel> extends Component<HdsTableSigna
69
69
  private _selectAllCheckbox?;
70
70
  private _selectableRows;
71
71
  private _isSelectAllCheckboxSelected?;
72
+ private _isBulkSelectionChange;
72
73
  constructor(owner: Owner, args: HdsTableSignature<T>['Args']);
73
74
  get getSortCriteria(): string | HdsTableSortingFunction<unknown>;
74
75
  get identityKey(): string | undefined;
@@ -28,5 +28,9 @@ export interface BaseHdsTableTrSignature {
28
28
  }
29
29
  export type HdsTableTrSignature = BaseHdsTableTrSignature;
30
30
  export default class HdsTableTr extends Component<HdsTableTrSignature> {
31
+ private isSelectedOverride?;
31
32
  get selectionKey(): string | undefined;
33
+ get isSelected(): boolean;
34
+ get classNames(): string;
35
+ onSelectionChange: (checkbox?: HdsFormCheckboxBaseSignature["Element"], selectionKey?: string) => void;
32
36
  }
@@ -39,7 +39,7 @@ class HdsAdvancedTableColumnManager extends Component {
39
39
  return this.normalizedColumns.find(column => column.key === key);
40
40
  };
41
41
  static {
42
- setComponentTemplate(precompileTemplate("<HdsAdvancedTableColumnManagerOrder @columns={{this.normalizedColumns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{@hasStickyFirstColumn}} @onColumnReorder={{@onColumnReorder}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Order|>\n <HdsAdvancedTableColumnManagerWidth @columns={{this.normalizedColumns}} @orderedColumns={{Order.orderedColumns}} @columnOrder={{Order.columnOrder}} @isSelectable={{@isSelectable}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Width|>\n {{yield (hash columns=this.normalizedColumns columnOrder=Order.columnOrder draggedColumnKey=Order.draggedColumnKey firstColumnKey=Order.firstColumnKey firstNonStickyColumnKey=Order.firstNonStickyColumnKey gridTemplateColumns=Width.gridTemplateColumns lastColumnKey=Order.lastColumnKey orderedColumns=Order.orderedColumns syncColumnOrder=Order.syncColumnOrder syncThElements=this.syncThElements syncWidthValues=Width.syncWidthValues applyTransientWidth=Width.applyTransientWidth getAppliedWidth=Width.getAppliedWidth getColumnByKey=this.getColumnByKey getSiblingColumnKeys=Width.getSiblingColumnKeys reorderHoveredColumnKey=Order.reorderHoveredColumnKey restoreColumnWidth=Width.restoreColumnWidth moveColumnToDropTarget=Order.moveColumnToDropTarget moveColumnToTarget=Order.moveColumnToTarget moveColumnToTerminalPosition=Order.moveColumnToTerminalPosition setTransientColumnWidths=Width.setTransientColumnWidths setTransientColumnWidth=Width.setTransientColumnWidth resetTransientColumnWidths=Width.resetTransientColumnWidths stepColumn=Order.stepColumn setDraggedColumnKey=Order.setDraggedColumnKey setReorderHoveredColumnKey=Order.setReorderHoveredColumnKey updateResizeDebt=Width.updateResizeDebt)}}\n </HdsAdvancedTableColumnManagerWidth>\n</HdsAdvancedTableColumnManagerOrder>", {
42
+ setComponentTemplate(precompileTemplate("<HdsAdvancedTableColumnManagerOrder @columns={{this.normalizedColumns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{@hasStickyFirstColumn}} @onColumnReorder={{@onColumnReorder}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Order|>\n <HdsAdvancedTableColumnManagerWidth @columns={{this.normalizedColumns}} @orderedColumns={{Order.orderedColumns}} @columnOrder={{Order.columnOrder}} @isSelectable={{@isSelectable}} @getColumnByKey={{this.getColumnByKey}} @thElements={{this.thElements}} as |Width|>\n {{yield (hash columns=this.normalizedColumns columnOrder=Order.columnOrder draggedColumnKey=Order.draggedColumnKey firstColumnKey=Order.firstColumnKey firstNonStickyColumnKey=Order.firstNonStickyColumnKey gridTemplateColumns=Width.gridTemplateColumns lastColumnKey=Order.lastColumnKey orderedColumns=Order.orderedColumns syncColumnOrder=Order.syncColumnOrder syncThElements=this.syncThElements syncWidthValues=Width.syncWidthValues beginColumnResize=Width.beginColumnResize resizeColumnByDelta=Width.resizeColumnByDelta commitColumnWidths=Width.commitColumnWidths getAppliedWidth=Width.getAppliedWidth getColumnByKey=this.getColumnByKey getSiblingColumnKeys=Width.getSiblingColumnKeys getRenderedWidth=Width.getRenderedWidth reorderHoveredColumnKey=Order.reorderHoveredColumnKey restoreColumnWidth=Width.restoreColumnWidth moveColumnToDropTarget=Order.moveColumnToDropTarget moveColumnToTarget=Order.moveColumnToTarget moveColumnToTerminalPosition=Order.moveColumnToTerminalPosition resetTransientColumnWidths=Width.resetTransientColumnWidths stepColumn=Order.stepColumn setDraggedColumnKey=Order.setDraggedColumnKey setReorderHoveredColumnKey=Order.setReorderHoveredColumnKey)}}\n </HdsAdvancedTableColumnManagerWidth>\n</HdsAdvancedTableColumnManagerOrder>", {
43
43
  strictMode: true,
44
44
  scope: () => ({
45
45
  HdsAdvancedTableColumnManagerOrder,