@hashicorp/design-system-components 4.15.0 → 4.17.0

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

@@ -0,0 +1,53 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { action } from '@ember/object';
+import { HdsAdvancedTableThExpandIconValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\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=\"Toggle the visibility of the related rows.\"\n  ...attributes\n>\n  {{! template-lint-enable no-unsupported-role-attributes}}\n  <span id={{this._prefixLabelId}} class=\"hds-advanced-table__th-button-aria-label-hidden-segment\">Toggle</span>\n  <Hds::Icon @name={{this.icon}} />\n</button>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAdvancedTableThButtonExpand extends Component {
+  // Generates a unique ID for the (hidden) "label prefix" <span> element
+  _prefixLabelId = 'prefix-' + guidFor(this);
+  get isExpanded() {
+    const {
+      isExpanded = false
+    } = this.args;
+    return isExpanded;
+  }
+  get icon() {
+    if (this.isExpanded) {
+      return HdsAdvancedTableThExpandIconValues.ChevronDown;
+    } else {
+      return HdsAdvancedTableThExpandIconValues.ChevronRight;
+    }
+  }
+  onClick() {
+    if (this.args.onToggle) {
+      this.args.onToggle();
+    }
+  }
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
+  get classNames() {
+    const classes = ['hds-advanced-table__th-button', 'hds-advanced-table__th-button--expand'];
+
+    // add a class based on the isExpanded state
+    if (this.args.isExpanded) {
+      classes.push(`hds-advanced-table__th-button--is-expanded`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableThButtonExpand);
+
+export { HdsAdvancedTableThButtonExpand as default };
+//# sourceMappingURL=th-button-expand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-button-expand.js","sources":["../../../../src/components/hds/advanced-table/th-button-expand.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\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';\n\nimport { HdsAdvancedTableThExpandIconValues } from './types.ts';\nimport type { HdsAdvancedTableThSortExpandIcons } from './types.ts';\nexport interface HdsAdvancedTableThButtonExpandSignature {\n  Args: {\n    labelId?: string;\n    isExpanded?: boolean;\n    onToggle?: () => void;\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(): boolean {\n    const { isExpanded = false } = this.args;\n\n    return isExpanded;\n  }\n\n  get icon(): HdsAdvancedTableThSortExpandIcons {\n    if (this.isExpanded) {\n      return HdsAdvancedTableThExpandIconValues.ChevronDown;\n    } else {\n      return HdsAdvancedTableThExpandIconValues.ChevronRight;\n    }\n  }\n\n  @action onClick() {\n    if (this.args.onToggle) {\n      this.args.onToggle();\n    }\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) {\n      classes.push(`hds-advanced-table__th-button--is-expanded`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAdvancedTableThButtonExpand","Component","_prefixLabelId","guidFor","isExpanded","args","icon","HdsAdvancedTableThExpandIconValues","ChevronDown","ChevronRight","onClick","onToggle","n","prototype","action","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AAiBe,MAAMA,8BAA8B,SAASC,SAAS,CAA0C;AAC7G;AACQC,EAAAA,cAAc,GAAG,SAAS,GAAGC,OAAO,CAAC,IAAI,CAAC;EAElD,IAAIC,UAAUA,GAAY;IACxB,MAAM;AAAEA,MAAAA,UAAU,GAAG;KAAO,GAAG,IAAI,CAACC,IAAI;AAExC,IAAA,OAAOD,UAAU;AACnB;EAEA,IAAIE,IAAIA,GAAsC;IAC5C,IAAI,IAAI,CAACF,UAAU,EAAE;MACnB,OAAOG,kCAAkC,CAACC,WAAW;AACvD,KAAC,MAAM;MACL,OAAOD,kCAAkC,CAACE,YAAY;AACxD;AACF;AAEQC,EAAAA,OAAOA,GAAG;AAChB,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACN,IAAI,CAACM,QAAQ,EAAE;AACtB;AACF;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAJAC,MAAM,CAAA,CAAA;AAAA;EAMP,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,+BAA+B,EAC/B,uCAAuC,CACxC;;AAED;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACD,UAAU,EAAE;AACxBY,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAC;AAC5D;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EArCoBpB,8BAA8B,CAAA;;;;"}

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

@@ -0,0 +1,58 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { HdsAdvancedTableThSortOrderIconValues, HdsAdvancedTableThSortOrderValues, HdsAdvancedTableThSortOrderLabelValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\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 id={{this._prefixLabelId}} class=\"hds-advanced-table__th-button-aria-label-hidden-segment\">Sort by</span>\n  <span\n    id={{this._suffixLabelId}}\n    class=\"hds-advanced-table__th-button-aria-label-hidden-segment\"\n  >{{this.sortOrderLabel}}</span>\n  <Hds::Icon @name={{this.icon}} />\n</button>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const NOOP = () => {};
+class HdsAdvancedTableThButtonSort extends Component {
+  // Generates a unique ID for the (hidden) "label prefix/suffix" <span> elements
+  _prefixLabelId = 'prefix-' + guidFor(this);
+  _suffixLabelId = 'suffix-' + guidFor(this);
+  get icon() {
+    switch (this.args.sortOrder) {
+      case HdsAdvancedTableThSortOrderValues.Asc:
+        return HdsAdvancedTableThSortOrderIconValues.ArrowUp;
+      case HdsAdvancedTableThSortOrderValues.Desc:
+        return HdsAdvancedTableThSortOrderIconValues.ArrowDown;
+      default:
+        return HdsAdvancedTableThSortOrderIconValues.SwapVertical;
+    }
+  }
+
+  // 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;
+  }
+  get onClick() {
+    const {
+      onClick
+    } = this.args;
+    if (typeof onClick === 'function') {
+      return onClick;
+    } else {
+      return NOOP;
+    }
+  }
+  get classNames() {
+    const classes = ['hds-advanced-table__th-button', 'hds-advanced-table__th-button--sort'];
+
+    // add a class based on the @sortOrder argument
+    if (this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Asc || this.args.sortOrder === HdsAdvancedTableThSortOrderValues.Desc) {
+      classes.push(`hds-advanced-table__th-button--is-sorted`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableThButtonSort);
+
+export { HdsAdvancedTableThButtonSort as default };
+//# sourceMappingURL=th-button-sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-button-sort.js","sources":["../../../../src/components/hds/advanced-table/th-button-sort.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nimport {\n  HdsAdvancedTableThSortOrderIconValues,\n  HdsAdvancedTableThSortOrderLabelValues,\n  HdsAdvancedTableThSortOrderValues,\n} from './types.ts';\nimport type {\n  HdsAdvancedTableThSortOrder,\n  HdsAdvancedTableThSortOrderIcons,\n  HdsAdvancedTableThSortOrderLabels,\n} from './types.ts';\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"],"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","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAwBA,MAAMA,IAAI,GAAGA,MAAM,EAAE;AAEN,MAAMC,4BAA4B,SAASC,SAAS,CAAwC;AACzG;AACQC,EAAAA,cAAc,GAAG,SAAS,GAAGC,OAAO,CAAC,IAAI,CAAC;AAC1CC,EAAAA,cAAc,GAAG,SAAS,GAAGD,OAAO,CAAC,IAAI,CAAC;EAElD,IAAIE,IAAIA,GAAqC;AAC3C,IAAA,QAAQ,IAAI,CAACC,IAAI,CAACC,SAAS;MACzB,KAAKC,iCAAiC,CAACC,GAAG;QACxC,OAAOC,qCAAqC,CAACC,OAAO;MACtD,KAAKH,iCAAiC,CAACI,IAAI;QACzC,OAAOF,qCAAqC,CAACG,SAAS;AACxD,MAAA;QACE,OAAOH,qCAAqC,CAACI,YAAY;AAC7D;AACF;;AAEA;AACA;EACA,IAAIC,cAAcA,GAAsC;AACtD,IAAA,OAAO,IAAI,CAACT,IAAI,CAACC,SAAS,KAAKC,iCAAiC,CAACC,GAAG,GAChEO,sCAAsC,CAACJ,IAAI,GAC3CI,sCAAsC,CAACP,GAAG;AAChD;EAEA,IAAIQ,OAAOA,GAAe;IACxB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACX,IAAI;AAE7B,IAAA,IAAI,OAAOW,OAAO,KAAK,UAAU,EAAE;AACjC,MAAA,OAAOA,OAAO;AAChB,KAAC,MAAM;AACL,MAAA,OAAOlB,IAAI;AACb;AACF;EAEA,IAAImB,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,+BAA+B,EAC/B,qCAAqC,CACtC;;AAED;AACA,IAAA,IACE,IAAI,CAACb,IAAI,CAACC,SAAS,KAAKC,iCAAiC,CAACC,GAAG,IAC7D,IAAI,CAACH,IAAI,CAACC,SAAS,KAAKC,iCAAiC,CAACI,IAAI,EAC9D;AACAO,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,wCAAA,CAA0C,CAAC;AAC1D;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAlDoBvB,4BAA4B,CAAA;;;;"}

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

@@ -0,0 +1,29 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { guidFor } from '@ember/object/internals';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<button\n  type=\"button\"\n  class={{this.classNames}}\n  {{hds-tooltip this.tooltip}}\n  aria-labelledby=\"{{this._prefixLabelId}} {{@labelId}}\"\n  ...attributes\n>\n  <span id={{this._prefixLabelId}} class=\"hds-advanced-table__th-button-aria-label-hidden-segment\">More information for</span>\n  <Hds::Icon @name=\"info\" />\n</button>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAdvancedTableThButtonTooltip extends Component {
+  // Generates a unique ID for the (hidden) "label prefix" <span> element
+  _prefixLabelId = guidFor(this);
+  get tooltip() {
+    assert(`@tooltip for "HdsAdvancedTableThButtonTooltip" must be a string`, typeof this.args.tooltip === 'string');
+    return this.args.tooltip;
+  }
+  get classNames() {
+    const classes = ['hds-advanced-table__th-button', 'hds-advanced-table__th-button--tooltip'];
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableThButtonTooltip);
+
+export { HdsAdvancedTableThButtonTooltip as default };
+//# sourceMappingURL=th-button-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-button-tooltip.js","sources":["../../../../src/components/hds/advanced-table/th-button-tooltip.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\n\nexport interface HdsAdvancedTableThButtonTooltipSignature {\n  Args: {\n    labelId?: string;\n    tooltip: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAdvancedTableThButtonTooltip extends Component<HdsAdvancedTableThButtonTooltipSignature> {\n  // Generates a unique ID for the (hidden) \"label prefix\" <span> element\n  private _prefixLabelId = guidFor(this);\n\n  get tooltip(): string {\n    assert(\n      `@tooltip for \"HdsAdvancedTableThButtonTooltip\" must be a string`,\n      typeof this.args.tooltip === 'string'\n    );\n    return this.args.tooltip;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-advanced-table__th-button',\n      'hds-advanced-table__th-button--tooltip',\n    ];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAdvancedTableThButtonTooltip","Component","_prefixLabelId","guidFor","tooltip","assert","args","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;AAC/G;AACQC,EAAAA,cAAc,GAAGC,OAAO,CAAC,IAAI,CAAC;EAEtC,IAAIC,OAAOA,GAAW;IACpBC,MAAM,CACJ,CAAiE,+DAAA,CAAA,EACjE,OAAO,IAAI,CAACC,IAAI,CAACF,OAAO,KAAK,QAC/B,CAAC;AACD,IAAA,OAAO,IAAI,CAACE,IAAI,CAACF,OAAO;AAC1B;EAEA,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,+BAA+B,EAC/B,wCAAwC,CACzC;AAED,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EApBoBX,+BAA+B,CAAA;;;;"}

package/dist/components/hds/advanced-table/th-selectable.js

@@ -0,0 +1,100 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
+import { tracked } from '@glimmer/tracking';
+import { HdsAdvancedTableThSortOrderLabelValues, HdsAdvancedTableThSortOrderValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::AdvancedTable::Th\n  class=\"hds-advanced-table__th--is-selectable\"\n  aria-sort={{if this.isSortable this.ariaSort}}\n  @scope={{@selectionScope}}\n  ...attributes\n>\n  <div class=\"hds-advanced-table__th-content\">\n    <Hds::Form::Checkbox::Base\n      id={{this._checkboxId}}\n      class=\"hds-advanced-table__checkbox\"\n      checked={{@isSelected}}\n      aria-label={{this.ariaLabel}}\n      {{did-insert this.didInsertCheckbox}}\n      {{will-destroy this.willDestroyNode}}\n      {{on \"change\" this.onSelectionChange}}\n    />\n    {{#if this.isSortable}}\n      <span id={{this._labelId}} class=\"sr-only\">selection state</span>\n      <Hds::AdvancedTable::ThButtonSort\n        @sortOrder={{@sortBySelectedOrder}}\n        @onClick={{@onClickSortBySelected}}\n        @labelId={{this._labelId}}\n      />\n    {{/if}}\n  </div>\n</Hds::AdvancedTable::Th>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAdvancedTableThSelectable extends Component {
+  static {
+    g(this.prototype, "_isSelected", [tracked], function () {
+      return this.args.isSelected ?? false;
+    });
+  }
+  #_isSelected = (i(this, "_isSelected"), undefined);
+  _guid = guidFor(this);
+  _checkboxId = `checkbox-${this._guid}`;
+  _labelId = `label-${this._guid}`;
+  get isSortable() {
+    return this.args.onClickSortBySelected !== undefined;
+  }
+  get ariaLabel() {
+    const {
+      selectionAriaLabelSuffix = 'row'
+    } = this.args;
+    return `Select ${selectionAriaLabelSuffix}`;
+  }
+  get ariaSort() {
+    switch (this.args.sortBySelectedOrder) {
+      case HdsAdvancedTableThSortOrderValues.Asc:
+        return HdsAdvancedTableThSortOrderLabelValues.Asc;
+      case HdsAdvancedTableThSortOrderValues.Desc:
+        return HdsAdvancedTableThSortOrderLabelValues.Desc;
+      default:
+        // none is the default per the spec.
+        return HdsAdvancedTableThSortOrderLabelValues.None;
+    }
+  }
+  didInsertCheckbox(checkbox) {
+    const {
+      didInsert
+    } = this.args;
+    if (typeof didInsert === 'function') {
+      didInsert(checkbox, this.args.selectionKey);
+      // we need to use a custom event listener here because changing the `checked` value via JS
+      // (and this happens with the "select all") doesn't trigger the `change` event
+      // and consequently the `aria-label` won't be automatically updated (and so we have to force it)
+      checkbox.addEventListener('toggle', this.updateAriaLabel.bind(this), true);
+    }
+  }
+  static {
+    n(this.prototype, "didInsertCheckbox", [action]);
+  }
+  willDestroyNode(checkbox) {
+    super.willDestroy();
+    const {
+      willDestroy
+    } = this.args;
+    if (typeof willDestroy === 'function') {
+      willDestroy(this.args.selectionKey);
+      if (checkbox) {
+        checkbox.removeEventListener('toggle', this.updateAriaLabel.bind(this), true);
+      }
+    }
+  }
+  static {
+    n(this.prototype, "willDestroyNode", [action]);
+  }
+  onSelectionChange(event) {
+    // Assert event.target as HdsFormCheckboxBaseSignature['Element'] to access the 'checked' property
+    const target = event.target;
+    this._isSelected = target.checked;
+    const {
+      onSelectionChange
+    } = this.args;
+    if (typeof onSelectionChange === 'function') {
+      onSelectionChange(target, this.args.selectionKey);
+    }
+  }
+  static {
+    n(this.prototype, "onSelectionChange", [action]);
+  }
+  updateAriaLabel(event) {
+    // Assert event.target as HTMLInputElement to access the 'checked' property
+    const target = event.target;
+    this._isSelected = target.checked;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableThSelectable);
+
+export { HdsAdvancedTableThSelectable as default };
+//# sourceMappingURL=th-selectable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-selectable.js","sources":["../../../../src/components/hds/advanced-table/th-selectable.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\n\nimport {\n  HdsAdvancedTableThSortOrderValues,\n  HdsAdvancedTableThSortOrderLabelValues,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';\nimport type {\n  HdsAdvancedTableScope,\n  HdsAdvancedTableThSortOrder,\n  HdsAdvancedTableThSortOrderLabels,\n} from './types.ts';\nimport type { HdsAdvancedTableThSignature } from './th.ts';\n\nexport interface HdsAdvancedTableThSelectableSignature {\n  Args: {\n    didInsert?: (\n      checkbox: HdsFormCheckboxBaseSignature['Element'],\n      selectionKey?: string\n    ) => void;\n    isSelected?: boolean;\n    onClickSortBySelected?: () => void;\n    onSelectionChange?: (\n      target: HdsFormCheckboxBaseSignature['Element'],\n      selectionKey: string | undefined\n    ) => void;\n    selectionAriaLabelSuffix?: string;\n    selectionKey?: string;\n    selectionScope?: HdsAdvancedTableScope;\n    sortBySelectedOrder?: HdsAdvancedTableThSortOrder;\n    willDestroy?: (selectionKey?: string) => void;\n  };\n  Element: HdsAdvancedTableThSignature['Element'];\n}\n\nexport default class HdsAdvancedTableThSelectable extends Component<HdsAdvancedTableThSelectableSignature> {\n  @tracked private _isSelected = this.args.isSelected ?? false;\n\n  private _guid = guidFor(this);\n  private _checkboxId = `checkbox-${this._guid}`;\n  private _labelId = `label-${this._guid}`;\n\n  get isSortable(): boolean {\n    return this.args.onClickSortBySelected !== undefined;\n  }\n\n  get ariaLabel(): string {\n    const { selectionAriaLabelSuffix = 'row' } = this.args;\n    return `Select ${selectionAriaLabelSuffix}`;\n  }\n\n  get ariaSort(): HdsAdvancedTableThSortOrderLabels | undefined {\n    switch (this.args.sortBySelectedOrder) {\n      case HdsAdvancedTableThSortOrderValues.Asc:\n        return HdsAdvancedTableThSortOrderLabelValues.Asc;\n      case HdsAdvancedTableThSortOrderValues.Desc:\n        return HdsAdvancedTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsAdvancedTableThSortOrderLabelValues.None;\n    }\n  }\n\n  @action\n  didInsertCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element']): void {\n    const { didInsert } = this.args;\n    if (typeof didInsert === 'function') {\n      didInsert(checkbox, this.args.selectionKey);\n      // we need to use a custom event listener here because changing the `checked` value via JS\n      // (and this happens with the \"select all\") doesn't trigger the `change` event\n      // and consequently the `aria-label` won't be automatically updated (and so we have to force it)\n      checkbox.addEventListener(\n        'toggle',\n        this.updateAriaLabel.bind(this),\n        true\n      );\n    }\n  }\n\n  @action\n  willDestroyNode(checkbox: HdsFormCheckboxBaseSignature['Element']): void {\n    super.willDestroy();\n    const { willDestroy } = this.args;\n    if (typeof willDestroy === 'function') {\n      willDestroy(this.args.selectionKey);\n      if (checkbox) {\n        checkbox.removeEventListener(\n          'toggle',\n          this.updateAriaLabel.bind(this),\n          true\n        );\n      }\n    }\n  }\n\n  @action\n  onSelectionChange(event: Event): void {\n    // Assert event.target as HdsFormCheckboxBaseSignature['Element'] to access the 'checked' property\n    const target = event.target as HdsFormCheckboxBaseSignature['Element'];\n    this._isSelected = target.checked;\n    const { onSelectionChange } = this.args;\n    if (typeof onSelectionChange === 'function') {\n      onSelectionChange(target, this.args.selectionKey);\n    }\n  }\n\n  updateAriaLabel(event: Event): void {\n    // Assert event.target as HTMLInputElement to access the 'checked' property\n    const target = event.target as HdsFormCheckboxBaseSignature['Element'];\n    this._isSelected = target.checked;\n  }\n}\n"],"names":["HdsAdvancedTableThSelectable","Component","g","prototype","tracked","args","isSelected","i","void 0","_guid","guidFor","_checkboxId","_labelId","isSortable","onClickSortBySelected","undefined","ariaLabel","selectionAriaLabelSuffix","ariaSort","sortBySelectedOrder","HdsAdvancedTableThSortOrderValues","Asc","HdsAdvancedTableThSortOrderLabelValues","Desc","None","didInsertCheckbox","checkbox","didInsert","selectionKey","addEventListener","updateAriaLabel","bind","n","action","willDestroyNode","willDestroy","removeEventListener","onSelectionChange","event","target","_isSelected","checked","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,88 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { assert } from '@ember/debug';
+import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+import { focusable } from 'tabbable';
+import { HdsAdvancedTableThSortOrderLabelValues, HdsAdvancedTableThSortOrderValues, HdsAdvancedTableHorizontalAlignmentValues } from './types.js';
+import { onFocusTrapDeactivate } from '../../../modifiers/hds-advanced-table-cell/dom-management.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div\n  class={{this.classNames}}\n  aria-sort={{this.ariaSort}}\n  role=\"columnheader\"\n  aria-rowspan={{@rowspan}}\n  aria-colspan={{@colspan}}\n  {{hds-advanced-table-cell\n    handleEnableFocusTrap=this.enableFocusTrap\n    shouldTrapFocus=this._shouldTrapFocus\n    setCellElement=this.setElement\n  }}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap\n    isActive=this._shouldTrapFocus\n    focusTrapOptions=(hash\n      onDeactivate=this.onFocusTrapDeactivate initialFocus=this.getInitialFocus clickOutsideDeactivates=true\n    )\n  }}\n  ...attributes\n>\n  <div class=\"hds-advanced-table__th-content\">\n    <span id={{this._labelId}} class=\"hds-typography-body-200 hds-font-weight-semibold\">{{yield}}</span>\n    {{#if @tooltip}}\n      <Hds::AdvancedTable::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n    {{/if}}\n    <Hds::AdvancedTable::ThButtonSort @sortOrder={{@sortOrder}} @onClick={{@onClickSort}} @labelId={{this._labelId}} />\n  </div>\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const ALIGNMENTS = Object.values(HdsAdvancedTableHorizontalAlignmentValues);
+const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
+class HdsAdvancedTableThSort extends Component {
+  _labelId = guidFor(this);
+  _element;
+  static {
+    g(this.prototype, "_shouldTrapFocus", [tracked], function () {
+      return false;
+    });
+  }
+  #_shouldTrapFocus = (i(this, "_shouldTrapFocus"), undefined);
+  get ariaSort() {
+    switch (this.args.sortOrder) {
+      case HdsAdvancedTableThSortOrderValues.Asc:
+        return HdsAdvancedTableThSortOrderLabelValues.Asc;
+      case HdsAdvancedTableThSortOrderValues.Desc:
+        return HdsAdvancedTableThSortOrderLabelValues.Desc;
+      default:
+        // none is the default per the spec.
+        return HdsAdvancedTableThSortOrderLabelValues.None;
+    }
+  }
+  get align() {
+    const {
+      align = DEFAULT_ALIGN
+    } = this.args;
+    assert(`@align for "Hds::Table" must be one of the following: ${ALIGNMENTS.join(', ')}; received: ${align}`, ALIGNMENTS.includes(align));
+    return align;
+  }
+  get classNames() {
+    const classes = ['hds-advanced-table__th', 'hds-advanced-table__th--sort'];
+
+    // add a class based on the @align argument
+    if (this.align) {
+      classes.push(`hds-advanced-table__th--align-${this.align}`);
+    }
+    return classes.join(' ');
+  }
+  onFocusTrapDeactivate() {
+    this._shouldTrapFocus = false;
+    onFocusTrapDeactivate(this._element);
+  }
+  static {
+    n(this.prototype, "onFocusTrapDeactivate", [action]);
+  }
+  enableFocusTrap() {
+    this._shouldTrapFocus = true;
+  }
+  static {
+    n(this.prototype, "enableFocusTrap", [action]);
+  }
+  getInitialFocus() {
+    const cellFocusableElements = focusable(this._element);
+    return cellFocusableElements[0];
+  }
+  static {
+    n(this.prototype, "getInitialFocus", [action]);
+  }
+  setElement(element) {
+    this._element = element;
+  }
+  static {
+    n(this.prototype, "setElement", [action]);
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableThSort);
+
+export { ALIGNMENTS, DEFAULT_ALIGN, HdsAdvancedTableThSort as default };
+//# sourceMappingURL=th-sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-sort.js","sources":["../../../../src/components/hds/advanced-table/th-sort.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { focusable, type FocusableElement } from 'tabbable';\n\nimport {\n  HdsAdvancedTableHorizontalAlignmentValues,\n  HdsAdvancedTableThSortOrderValues,\n  HdsAdvancedTableThSortOrderLabelValues,\n} from './types.ts';\nimport type {\n  HdsAdvancedTableHorizontalAlignment,\n  HdsAdvancedTableThSortOrder,\n  HdsAdvancedTableThSortOrderLabels,\n} from './types.ts';\nimport type { HdsAdvancedTableThButtonSortSignature } from './th-button-sort.ts';\nimport { onFocusTrapDeactivate } from '../../../modifiers/hds-advanced-table-cell/dom-management.ts';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsAdvancedTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;\n\nexport interface HdsAdvancedTableThSortSignature {\n  Args: {\n    align?: HdsAdvancedTableHorizontalAlignment;\n    onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];\n    sortOrder?: HdsAdvancedTableThSortOrder;\n    tooltip?: string;\n    rowspan?: number;\n    colspan?: number;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAdvancedTableThSort extends Component<HdsAdvancedTableThSortSignature> {\n  private _labelId = guidFor(this);\n  private _element!: HTMLDivElement;\n  @tracked private _shouldTrapFocus = false;\n\n  get ariaSort(): HdsAdvancedTableThSortOrderLabels {\n    switch (this.args.sortOrder) {\n      case HdsAdvancedTableThSortOrderValues.Asc:\n        return HdsAdvancedTableThSortOrderLabelValues.Asc;\n      case HdsAdvancedTableThSortOrderValues.Desc:\n        return HdsAdvancedTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsAdvancedTableThSortOrderLabelValues.None;\n    }\n  }\n\n  get align(): HdsAdvancedTableHorizontalAlignment {\n    const { align = DEFAULT_ALIGN } = this.args;\n\n    assert(\n      `@align for \"Hds::Table\" must be one of the following: ${ALIGNMENTS.join(\n        ', '\n      )}; received: ${align}`,\n      ALIGNMENTS.includes(align)\n    );\n    return align;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-advanced-table__th', 'hds-advanced-table__th--sort'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-advanced-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action onFocusTrapDeactivate(): void {\n    this._shouldTrapFocus = false;\n    onFocusTrapDeactivate(this._element);\n  }\n\n  @action enableFocusTrap(): void {\n    this._shouldTrapFocus = true;\n  }\n\n  @action getInitialFocus(): FocusableElement | undefined {\n    const cellFocusableElements = focusable(this._element);\n    return cellFocusableElements[0];\n  }\n\n  @action setElement(element: HTMLDivElement): void {\n    this._element = element;\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsAdvancedTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsAdvancedTableThSort","Component","_labelId","guidFor","_element","g","prototype","tracked","i","void 0","ariaSort","args","sortOrder","HdsAdvancedTableThSortOrderValues","Asc","HdsAdvancedTableThSortOrderLabelValues","Desc","None","align","assert","join","includes","classNames","classes","push","onFocusTrapDeactivate","_shouldTrapFocus","n","action","enableFocusTrap","getInitialFocus","cellFocusableElements","focusable","setElement","element","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;;AAsBO,MAAMA,UAAoB,GAAGC,MAAM,CAACC,MAAM,CAC/CC,yCACF;AACaC,MAAAA,aAAa,GAAGD,yCAAyC,CAACE;AAiBxD,MAAMC,sBAAsB,SAASC,SAAS,CAAkC;AACrFC,EAAAA,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC;EACxBC,QAAQ;AAAkB,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,kBAAA,EAAA,CACjCC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAA4B,KAAK;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAAC,SAAA;EAEzC,IAAIC,QAAQA,GAAsC;AAChD,IAAA,QAAQ,IAAI,CAACC,IAAI,CAACC,SAAS;MACzB,KAAKC,iCAAiC,CAACC,GAAG;QACxC,OAAOC,sCAAsC,CAACD,GAAG;MACnD,KAAKD,iCAAiC,CAACG,IAAI;QACzC,OAAOD,sCAAsC,CAACC,IAAI;AACpD,MAAA;AACE;QACA,OAAOD,sCAAsC,CAACE,IAAI;AACtD;AACF;EAEA,IAAIC,KAAKA,GAAwC;IAC/C,MAAM;AAAEA,MAAAA,KAAK,GAAGpB;KAAe,GAAG,IAAI,CAACa,IAAI;AAE3CQ,IAAAA,MAAM,CACJ,CAAyDzB,sDAAAA,EAAAA,UAAU,CAAC0B,IAAI,CACtE,IACF,CAAC,CAAA,YAAA,EAAeF,KAAK,CAAA,CAAE,EACvBxB,UAAU,CAAC2B,QAAQ,CAACH,KAAK,CAC3B,CAAC;AACD,IAAA,OAAOA,KAAK;AACd;EAEA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,wBAAwB,EAAE,8BAA8B,CAAC;;AAE1E;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACN,KAAK,EAAE,CAAC;AAC7D;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;AAEQK,EAAAA,qBAAqBA,GAAS;IACpC,IAAI,CAACC,gBAAgB,GAAG,KAAK;AAC7BD,IAAAA,qBAAqB,CAAC,IAAI,CAACrB,QAAQ,CAAC;AACtC;AAAC,EAAA;IAAAuB,CAAA,CAAA,IAAA,CAAArB,SAAA,EAAA,uBAAA,EAAA,CAHAsB,MAAM,CAAA,CAAA;AAAA;AAKCC,EAAAA,eAAeA,GAAS;IAC9B,IAAI,CAACH,gBAAgB,GAAG,IAAI;AAC9B;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAArB,SAAA,EAAA,iBAAA,EAAA,CAFAsB,MAAM,CAAA,CAAA;AAAA;AAICE,EAAAA,eAAeA,GAAiC;AACtD,IAAA,MAAMC,qBAAqB,GAAGC,SAAS,CAAC,IAAI,CAAC5B,QAAQ,CAAC;IACtD,OAAO2B,qBAAqB,CAAC,CAAC,CAAC;AACjC;AAAC,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAArB,SAAA,EAAA,iBAAA,EAAA,CAHAsB,MAAM,CAAA,CAAA;AAAA;EAKCK,UAAUA,CAACC,OAAuB,EAAQ;IAChD,IAAI,CAAC9B,QAAQ,GAAG8B,OAAO;AACzB;AAAC,EAAA;IAAAP,CAAA,CAAA,IAAA,CAAArB,SAAA,EAAA,YAAA,EAAA,CAFAsB,MAAM,CAAA,CAAA;AAAA;AAGT;AAACO,oBAAA,CAAAC,QAAA,EAzDoBpC,sBAAsB,CAAA;;;;"}

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

@@ -0,0 +1,105 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { assert } from '@ember/debug';
+import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+import { focusable } from 'tabbable';
+import { HdsAdvancedTableHorizontalAlignmentValues } from './types.js';
+import { onFocusTrapDeactivate } from '../../../modifiers/hds-advanced-table-cell/dom-management.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div\n  class={{this.classNames}}\n  role={{this.role}}\n  aria-rowspan={{@rowspan}}\n  aria-colspan={{@colspan}}\n  aria-describedby={{@parentId}}\n  {{style grid-row=this.rowspan grid-column=this.colspan padding-left=this.paddingLeft}}\n  {{hds-advanced-table-cell\n    handleEnableFocusTrap=this.enableFocusTrap\n    shouldTrapFocus=this._shouldTrapFocus\n    setCellElement=this.setElement\n  }}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap\n    isActive=this._shouldTrapFocus\n    focusTrapOptions=(hash\n      onDeactivate=this.onFocusTrapDeactivate initialFocus=this.getInitialFocus clickOutsideDeactivates=true\n    )\n  }}\n  ...attributes\n>\n  {{#if @isVisuallyHidden}}\n    <span class=\"sr-only\">{{yield}}</span>\n  {{else}}\n    {{#if @tooltip}}\n      <div class=\"hds-advanced-table__th-content\">\n        {{#if @isExpandable}}\n          <Hds::AdvancedTable::ThButtonExpand\n            @labelId={{this._labelId}}\n            @onToggle={{@onClickToggle}}\n            @isExpanded={{@isExpanded}}\n          />\n        {{/if}}\n        <span id={{this._labelId}} class=\"hds-typography-body-200 hds-font-weight-semibold\">{{yield}}</span>\n        <Hds::AdvancedTable::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n      </div>\n    {{else}}\n      <div class=\"hds-advanced-table__th-content\">\n        {{#if @isExpandable}}\n          <Hds::AdvancedTable::ThButtonExpand\n            @labelId={{this._labelId}}\n            @onToggle={{@onClickToggle}}\n            @isExpanded={{@isExpanded}}\n          />\n        {{/if}}\n        <span class=\"hds-typography-body-200 hds-font-weight-semibold\" id={{this._labelId}}>{{yield}}</span>\n      </div>\n    {{/if}}\n  {{/if}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const ALIGNMENTS = Object.values(HdsAdvancedTableHorizontalAlignmentValues);
+const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
+class HdsAdvancedTableTh extends Component {
+  _labelId = this.args.newLabel ? this.args.newLabel : guidFor(this);
+  _element;
+  static {
+    g(this.prototype, "_shouldTrapFocus", [tracked], function () {
+      return false;
+    });
+  }
+  #_shouldTrapFocus = (i(this, "_shouldTrapFocus"), undefined);
+  get scope() {
+    const {
+      scope = 'col'
+    } = this.args;
+    return scope;
+  }
+  get role() {
+    if (this.scope === 'col') return 'columnheader';else return 'rowheader';
+  }
+  get align() {
+    const {
+      align = DEFAULT_ALIGN
+    } = this.args;
+    assert(`@align for "Hds::Table::Th" must be one of the following: ${ALIGNMENTS.join(', ')}; received: ${align}`, ALIGNMENTS.includes(align));
+    return align;
+  }
+
+  // rowspan and colspan have to return 'auto' if not defined because otherwise the style modifier sets grid-area: undefined on the cell, which breaks the grid styles
+  get rowspan() {
+    if (this.args.rowspan) {
+      return `span ${this.args.rowspan}`;
+    }
+    return 'auto';
+  }
+  get colspan() {
+    if (this.args.colspan) {
+      return `span ${this.args.colspan}`;
+    }
+    return 'auto';
+  }
+  get paddingLeft() {
+    if (this.args.depth) {
+      return `calc(${this.args.depth} * 32px + 16px)`;
+    }
+  }
+  get classNames() {
+    const classes = ['hds-advanced-table__th'];
+
+    // add a class based on the @align argument
+    if (this.align) {
+      classes.push(`hds-advanced-table__th--align-${this.align}`);
+    }
+    return classes.join(' ');
+  }
+  onFocusTrapDeactivate() {
+    this._shouldTrapFocus = false;
+    onFocusTrapDeactivate(this._element);
+  }
+  static {
+    n(this.prototype, "onFocusTrapDeactivate", [action]);
+  }
+  enableFocusTrap() {
+    this._shouldTrapFocus = true;
+  }
+  static {
+    n(this.prototype, "enableFocusTrap", [action]);
+  }
+  getInitialFocus() {
+    const cellFocusableElements = focusable(this._element);
+    return cellFocusableElements[0];
+  }
+  static {
+    n(this.prototype, "getInitialFocus", [action]);
+  }
+  setElement(element) {
+    this._element = element;
+  }
+  static {
+    n(this.prototype, "setElement", [action]);
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableTh);
+
+export { ALIGNMENTS, DEFAULT_ALIGN, HdsAdvancedTableTh as default };
+//# sourceMappingURL=th.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th.js","sources":["../../../../src/components/hds/advanced-table/th.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { focusable, type FocusableElement } from 'tabbable';\n\nimport type {\n  HdsAdvancedTableHorizontalAlignment,\n  HdsAdvancedTableScope,\n} from './types.ts';\nimport { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';\nimport { onFocusTrapDeactivate } from '../../../modifiers/hds-advanced-table-cell/dom-management.ts';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsAdvancedTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;\n\nexport interface HdsAdvancedTableThSignature {\n  Args: {\n    align?: HdsAdvancedTableHorizontalAlignment;\n    isVisuallyHidden?: boolean;\n    scope?: HdsAdvancedTableScope;\n    tooltip?: string;\n    rowspan?: number;\n    colspan?: number;\n    newLabel?: string;\n    isExpandable?: boolean;\n    parentId?: string;\n    onClickToggle?: () => void;\n    isExpanded?: boolean;\n    depth?: number;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSignature> {\n  private _labelId = this.args.newLabel ? this.args.newLabel : guidFor(this);\n  private _element!: HTMLDivElement;\n  @tracked private _shouldTrapFocus = false;\n\n  get scope(): HdsAdvancedTableScope {\n    const { scope = 'col' } = this.args;\n    return scope;\n  }\n\n  get role(): string {\n    if (this.scope === 'col') return 'columnheader';\n    else return 'rowheader';\n  }\n\n  get align(): HdsAdvancedTableHorizontalAlignment {\n    const { align = DEFAULT_ALIGN } = this.args;\n\n    assert(\n      `@align for \"Hds::Table::Th\" must be one of the following: ${ALIGNMENTS.join(\n        ', '\n      )}; received: ${align}`,\n      ALIGNMENTS.includes(align)\n    );\n    return align;\n  }\n\n  // rowspan and colspan have to return 'auto' if not defined because otherwise the style modifier sets grid-area: undefined on the cell, which breaks the grid styles\n  get rowspan(): string {\n    if (this.args.rowspan) {\n      return `span ${this.args.rowspan}`;\n    }\n    return 'auto';\n  }\n\n  get colspan(): string | undefined {\n    if (this.args.colspan) {\n      return `span ${this.args.colspan}`;\n    }\n    return 'auto';\n  }\n\n  get paddingLeft(): string | undefined {\n    if (this.args.depth) {\n      return `calc(${this.args.depth} * 32px + 16px)`;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-advanced-table__th'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-advanced-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action onFocusTrapDeactivate(): void {\n    this._shouldTrapFocus = false;\n    onFocusTrapDeactivate(this._element);\n  }\n\n  @action enableFocusTrap(): void {\n    this._shouldTrapFocus = true;\n  }\n\n  @action getInitialFocus(): FocusableElement | undefined {\n    const cellFocusableElements = focusable(this._element);\n    return cellFocusableElements[0];\n  }\n\n  @action setElement(element: HTMLDivElement): void {\n    this._element = element;\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsAdvancedTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsAdvancedTableTh","Component","_labelId","args","newLabel","guidFor","_element","g","prototype","tracked","i","void 0","scope","role","align","assert","join","includes","rowspan","colspan","paddingLeft","depth","classNames","classes","push","onFocusTrapDeactivate","_shouldTrapFocus","n","action","enableFocusTrap","getInitialFocus","cellFocusableElements","focusable","setElement","element","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class={{this.classNames}} role=\"row\" ...attributes>\n  {{#if @isSelectable}}\n    <Hds::AdvancedTable::ThSelectable\n      @isSelected={{@isSelected}}\n      @selectionScope={{@selectionScope}}\n      @selectionKey={{this.selectionKey}}\n      @selectionAriaLabelSuffix={{@selectionAriaLabelSuffix}}\n      @sortBySelectedOrder={{@sortBySelectedOrder}}\n      @didInsert={{@didInsert}}\n      @willDestroy={{@willDestroy}}\n      @onClickSortBySelected={{@onClickSortBySelected}}\n      @onSelectionChange={{@onSelectionChange}}\n    />\n  {{/if}}\n\n  {{yield}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAdvancedTableTr extends Component {
+  get selectionKey() {
+    if (this.args.isSelectable && this.args.selectionScope === 'row') {
+      assert(`@selectionKey must be defined on Table::Tr or B.Tr when @isSelectable is true`, this.args.selectionKey);
+      return this.args.selectionKey;
+    }
+    return undefined;
+  }
+  get classNames() {
+    const {
+      depth,
+      isParentRow
+    } = this.args;
+    const classes = ['hds-advanced-table__tr'];
+    if (depth && depth > 0) {
+      classes.push('hds-advanced-table__tr--nested');
+    }
+    if (isParentRow) {
+      classes.push('hds-advanced-table__tr--parent-row');
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAdvancedTableTr);
+
+export { HdsAdvancedTableTr as default };
+//# sourceMappingURL=tr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tr.js","sources":["../../../../src/components/hds/advanced-table/tr.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsAdvancedTableScopeValues } from './types.ts';\nimport type {\n  HdsAdvancedTableScope,\n  HdsAdvancedTableThSortOrder,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.ts';\nimport type { HdsAdvancedTableSignature } from './index.ts';\nimport type { HdsAdvancedTableThSelectableSignature } from './th-selectable.ts';\n\nexport interface BaseHdsAdvancedTableTrSignature {\n  Args: {\n    selectableColumnKey?: HdsAdvancedTableSignature['Args']['selectableColumnKey'];\n    isSelectable?: boolean;\n    isSelected?: false;\n    isParentRow?: boolean;\n    selectionAriaLabelSuffix?: string;\n    selectionKey?: string;\n    selectionScope?: HdsAdvancedTableScope;\n    sortBySelectedOrder?: HdsAdvancedTableThSortOrder;\n    depth?: number;\n    didInsert?: (\n      checkbox: HdsFormCheckboxBaseSignature['Element'],\n      selectionKey?: string\n    ) => void;\n    onSelectionChange?: (\n      checkbox?: HdsFormCheckboxBaseSignature['Element'],\n      selectionKey?: string\n    ) => void;\n    willDestroy?: () => void;\n    onClickSortBySelected?: HdsAdvancedTableThSelectableSignature['Args']['onClickSortBySelected'];\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\n// Extended interface for selectable rows\nexport interface SelectableHdsAdvancedTableTrArgs\n  extends BaseHdsAdvancedTableTrSignature {\n  Args: BaseHdsAdvancedTableTrSignature['Args'] & {\n    isSelectable: true;\n    selectionScope?: HdsAdvancedTableScopeValues.Row;\n    selectionKey: string; // Now required for selectable rows\n  };\n}\n\n// Union type to combine both possible states\nexport type HdsAdvancedTableTrSignature =\n  | BaseHdsAdvancedTableTrSignature\n  | SelectableHdsAdvancedTableTrArgs;\nexport default class HdsAdvancedTableTr extends Component<HdsAdvancedTableTrSignature> {\n  get selectionKey(): string | undefined {\n    if (this.args.isSelectable && this.args.selectionScope === 'row') {\n      assert(\n        `@selectionKey must be defined on Table::Tr or B.Tr when @isSelectable is true`,\n        this.args.selectionKey\n      );\n      return this.args.selectionKey;\n    }\n    return undefined;\n  }\n\n  get classNames(): string {\n    const { depth, isParentRow } = this.args;\n    const classes = ['hds-advanced-table__tr'];\n\n    if (depth && depth > 0) {\n      classes.push('hds-advanced-table__tr--nested');\n    }\n\n    if (isParentRow) {\n      classes.push('hds-advanced-table__tr--parent-row');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAdvancedTableTr","Component","selectionKey","args","isSelectable","selectionScope","assert","undefined","classNames","depth","isParentRow","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAwDe,MAAMA,kBAAkB,SAASC,SAAS,CAA8B;EACrF,IAAIC,YAAYA,GAAuB;AACrC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,YAAY,IAAI,IAAI,CAACD,IAAI,CAACE,cAAc,KAAK,KAAK,EAAE;MAChEC,MAAM,CACJ,+EAA+E,EAC/E,IAAI,CAACH,IAAI,CAACD,YACZ,CAAC;AACD,MAAA,OAAO,IAAI,CAACC,IAAI,CAACD,YAAY;AAC/B;AACA,IAAA,OAAOK,SAAS;AAClB;EAEA,IAAIC,UAAUA,GAAW;IACvB,MAAM;MAAEC,KAAK;AAAEC,MAAAA;KAAa,GAAG,IAAI,CAACP,IAAI;AACxC,IAAA,MAAMQ,OAAO,GAAG,CAAC,wBAAwB,CAAC;AAE1C,IAAA,IAAIF,KAAK,IAAIA,KAAK,GAAG,CAAC,EAAE;AACtBE,MAAAA,OAAO,CAACC,IAAI,CAAC,gCAAgC,CAAC;AAChD;AAEA,IAAA,IAAIF,WAAW,EAAE;AACfC,MAAAA,OAAO,CAACC,IAAI,CAAC,oCAAoC,CAAC;AACpD;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EA1BoBf,kBAAkB,CAAA;;;;"}

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

@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsAdvancedTableDensityValues = /*#__PURE__*/function (HdsAdvancedTableDensityValues) {
+  HdsAdvancedTableDensityValues["Default"] = "default";
+  HdsAdvancedTableDensityValues["Medium"] = "medium";
+  HdsAdvancedTableDensityValues["Short"] = "short";
+  HdsAdvancedTableDensityValues["Tall"] = "tall";
+  return HdsAdvancedTableDensityValues;
+}({});
+let HdsAdvancedTableHorizontalAlignmentValues = /*#__PURE__*/function (HdsAdvancedTableHorizontalAlignmentValues) {
+  HdsAdvancedTableHorizontalAlignmentValues["Center"] = "center";
+  HdsAdvancedTableHorizontalAlignmentValues["Left"] = "left";
+  HdsAdvancedTableHorizontalAlignmentValues["Right"] = "right";
+  return HdsAdvancedTableHorizontalAlignmentValues;
+}({});
+let HdsAdvancedTableScopeValues = /*#__PURE__*/function (HdsAdvancedTableScopeValues) {
+  HdsAdvancedTableScopeValues["Col"] = "col";
+  HdsAdvancedTableScopeValues["Row"] = "row";
+  return HdsAdvancedTableScopeValues;
+}({});
+let HdsAdvancedTableThExpandIconValues = /*#__PURE__*/function (HdsAdvancedTableThExpandIconValues) {
+  HdsAdvancedTableThExpandIconValues["ChevronRight"] = "chevron-right";
+  HdsAdvancedTableThExpandIconValues["ChevronDown"] = "chevron-down";
+  return HdsAdvancedTableThExpandIconValues;
+}({});
+let HdsAdvancedTableThSortOrderIconValues = /*#__PURE__*/function (HdsAdvancedTableThSortOrderIconValues) {
+  HdsAdvancedTableThSortOrderIconValues["ArrowDown"] = "arrow-down";
+  HdsAdvancedTableThSortOrderIconValues["ArrowUp"] = "arrow-up";
+  HdsAdvancedTableThSortOrderIconValues["SwapVertical"] = "swap-vertical";
+  return HdsAdvancedTableThSortOrderIconValues;
+}({});
+let HdsAdvancedTableThSortOrderLabelValues = /*#__PURE__*/function (HdsAdvancedTableThSortOrderLabelValues) {
+  HdsAdvancedTableThSortOrderLabelValues["Asc"] = "ascending";
+  HdsAdvancedTableThSortOrderLabelValues["Desc"] = "descending";
+  HdsAdvancedTableThSortOrderLabelValues["None"] = "none";
+  return HdsAdvancedTableThSortOrderLabelValues;
+}({});
+let HdsAdvancedTableThSortOrderValues = /*#__PURE__*/function (HdsAdvancedTableThSortOrderValues) {
+  HdsAdvancedTableThSortOrderValues["Asc"] = "asc";
+  HdsAdvancedTableThSortOrderValues["Desc"] = "desc";
+  return HdsAdvancedTableThSortOrderValues;
+}({});
+let HdsAdvancedTableVerticalAlignmentValues = /*#__PURE__*/function (HdsAdvancedTableVerticalAlignmentValues) {
+  HdsAdvancedTableVerticalAlignmentValues["Baseline"] = "baseline";
+  HdsAdvancedTableVerticalAlignmentValues["Middle"] = "middle";
+  HdsAdvancedTableVerticalAlignmentValues["Top"] = "top";
+  return HdsAdvancedTableVerticalAlignmentValues;
+}({});
+
+export { HdsAdvancedTableDensityValues, HdsAdvancedTableHorizontalAlignmentValues, HdsAdvancedTableScopeValues, HdsAdvancedTableThExpandIconValues, HdsAdvancedTableThSortOrderIconValues, HdsAdvancedTableThSortOrderLabelValues, HdsAdvancedTableThSortOrderValues, HdsAdvancedTableVerticalAlignmentValues };
+//# sourceMappingURL=types.js.map