@hashicorp/design-system-components 4.16.0 → 4.17.1

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

@@ -1 +1 @@
-{"version":3,"file":"th-button-tooltip.js","sources":["../../../../src/components/hds/table/th-button-tooltip.hbs","../../../../src/components/hds/table/th-button-tooltip.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default 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-table__th-button-aria-label-hidden-segment\\\">More information for</span>\\n  <Hds::Icon @name=\\\"info\\\" />\\n</button>\")","/**\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 HdsTableThButtonTooltipSignature {\n  Args: {\n    labelId?: string;\n    tooltip: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsTableThButtonTooltip extends Component<HdsTableThButtonTooltipSignature> {\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 \"HdsTableThButtonTooltip\" 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 = ['hds-table__th-button', 'hds-table__th-button--tooltip'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsTableThButtonTooltip","Component","constructor","args","_defineProperty","guidFor","tooltip","assert","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,6ZAA6Z;;ACgBhb,MAAMA,uBAAuB,SAASC,SAAS,CAAmC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAC/F;AAAAC,IAAAA,eAAA,CACyBC,IAAAA,EAAAA,gBAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA;AAAA;EAEtC,IAAIC,OAAOA,GAAW;IACpBC,MAAM,CACJ,CAAyD,uDAAA,CAAA,EACzD,OAAO,IAAI,CAACJ,IAAI,CAACG,OAAO,KAAK,QAC/B,CAAC;AACD,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,OAAO;AAC1B;EAEA,IAAIE,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,EAAE,+BAA+B,CAAC;AAEzE,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjBoBZ,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"th-button-tooltip.js","sources":["../../../../src/components/hds/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 HdsTableThButtonTooltipSignature {\n  Args: {\n    labelId?: string;\n    tooltip: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsTableThButtonTooltip extends Component<HdsTableThButtonTooltipSignature> {\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 \"HdsTableThButtonTooltip\" 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 = ['hds-table__th-button', 'hds-table__th-button--tooltip'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsTableThButtonTooltip","Component","_prefixLabelId","guidFor","tooltip","assert","args","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,uBAAuB,SAASC,SAAS,CAAmC;AAC/F;AACQC,EAAAA,cAAc,GAAGC,OAAO,CAAC,IAAI,CAAC;EAEtC,IAAIC,OAAOA,GAAW;IACpBC,MAAM,CACJ,CAAyD,uDAAA,CAAA,EACzD,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,CAAC,sBAAsB,EAAE,+BAA+B,CAAC;AAEzE,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjBoBX,uBAAuB,CAAA;;;;"}

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

@@ -1,22 +1,29 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
 import { tracked } from '@glimmer/tracking';
 import { HdsTableThSortOrderLabelValues, HdsTableThSortOrderValues } 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::Table::Th\n  class=\"hds-table__th--is-selectable\"\n  aria-sort={{if this.isSortable this.ariaSort}}\n  @scope={{@selectionScope}}\n  ...attributes\n>\n  <div class=\"hds-table__th-content\">\n    <Hds::Form::Checkbox::Base\n      id={{this._checkboxId}}\n      class=\"hds-table__checkbox\"\n      checked={{@isSelected}}\n      aria-label={{this.ariaLabel}}\n      {{did-insert this.didInsert}}\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::Table::ThButtonSort\n        @sortOrder={{@sortBySelectedOrder}}\n        @onClick={{@onClickSortBySelected}}\n        @labelId={{this._labelId}}\n      />\n    {{/if}}\n  </div>\n</Hds::Table::Th>");
 
-var _class, _descriptor;
-let HdsTableThSelectable = (_class = class HdsTableThSelectable extends Component {
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsTableThSelectable extends Component {
+  static {
+    g(this.prototype, "isSelected", [tracked]);
+  }
+  #isSelected = (i(this, "isSelected"), undefined);
+  _guid = guidFor(this);
+  _checkboxId = `checkbox-${this._guid}`;
+  _labelId = `label-${this._guid}`;
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "isSelected", _descriptor, this);
-    _defineProperty(this, "_guid", guidFor(this));
-    _defineProperty(this, "_checkboxId", `checkbox-${this._guid}`);
-    _defineProperty(this, "_labelId", `label-${this._guid}`);
     this.isSelected = this.args.isSelected ?? false;
   }
   get isSortable() {
@@ -45,24 +52,23 @@ let HdsTableThSelectable = (_class = class HdsTableThSelectable extends Componen
     } = 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);
     }
   }
-  willDestroyNode(checkbox) {
+  static {
+    n(this.prototype, "didInsert", [action]);
+  }
+  willDestroyNode() {
     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;
@@ -74,17 +80,10 @@ let HdsTableThSelectable = (_class = class HdsTableThSelectable extends Componen
       onSelectionChange(target, this.args.selectionKey);
     }
   }
-  updateAriaLabel(event) {
-    // Assert event.target as HTMLInputElement to access the 'checked' property
-    const target = event.target;
-    this.isSelected = target.checked;
+  static {
+    n(this.prototype, "onSelectionChange", [action]);
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "isSelected", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onSelectionChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSelectionChange"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsTableThSelectable);
 
 export { HdsTableThSelectable as default };

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

@@ -1 +1 @@
-{"version":3,"file":"th-selectable.js","sources":["../../../../src/components/hds/table/th-selectable.hbs","../../../../src/components/hds/table/th-selectable.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Table::Th\\n  class=\\\"hds-table__th--is-selectable\\\"\\n  aria-sort={{if this.isSortable this.ariaSort}}\\n  @scope={{@selectionScope}}\\n  ...attributes\\n>\\n  <div class=\\\"hds-table__th-content\\\">\\n    <Hds::Form::Checkbox::Base\\n      id={{this._checkboxId}}\\n      class=\\\"hds-table__checkbox\\\"\\n      checked={{@isSelected}}\\n      aria-label={{this.ariaLabel}}\\n      {{did-insert this.didInsert}}\\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::Table::ThButtonSort\\n        @sortOrder={{@sortBySelectedOrder}}\\n        @onClick={{@onClickSortBySelected}}\\n        @labelId={{this._labelId}}\\n      />\\n    {{/if}}\\n  </div>\\n</Hds::Table::Th>\")","/**\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';\nimport {\n  HdsTableThSortOrderValues,\n  HdsTableThSortOrderLabelValues,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';\nimport type {\n  HdsTableScope,\n  HdsTableThSortOrder,\n  HdsTableThSortOrderLabels,\n} from './types';\nimport type { HdsTableThSignature } from './th';\n\nexport interface HdsTableThSelectableSignature {\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?: HdsTableScope;\n    sortBySelectedOrder?: HdsTableThSortOrder;\n    willDestroy?: (selectionKey?: string) => void;\n  };\n  Element: HdsTableThSignature['Element'];\n}\n\nexport default class HdsTableThSelectable extends Component<HdsTableThSelectableSignature> {\n  @tracked isSelected: boolean;\n  private _guid = guidFor(this);\n\n  private _checkboxId = `checkbox-${this._guid}`;\n  private _labelId = `label-${this._guid}`;\n\n  constructor(owner: unknown, args: HdsTableThSelectableSignature['Args']) {\n    super(owner, args);\n    this.isSelected = this.args.isSelected ?? false;\n  }\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(): HdsTableThSortOrderLabels | undefined {\n    switch (this.args.sortBySelectedOrder) {\n      case HdsTableThSortOrderValues.Asc:\n        return HdsTableThSortOrderLabelValues.Asc;\n      case HdsTableThSortOrderValues.Desc:\n        return HdsTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsTableThSortOrderLabelValues.None;\n    }\n  }\n\n  @action\n  didInsert(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":["HdsTableThSelectable","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_defineProperty","guidFor","_guid","isSelected","isSortable","onClickSortBySelected","undefined","ariaLabel","selectionAriaLabelSuffix","ariaSort","sortBySelectedOrder","HdsTableThSortOrderValues","Asc","HdsTableThSortOrderLabelValues","Desc","None","didInsert","checkbox","selectionKey","addEventListener","updateAriaLabel","bind","willDestroyNode","willDestroy","removeEventListener","onSelectionChange","event","target","checked","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"th-selectable.js","sources":["../../../../src/components/hds/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';\nimport {\n  HdsTableThSortOrderValues,\n  HdsTableThSortOrderLabelValues,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';\nimport type {\n  HdsTableScope,\n  HdsTableThSortOrder,\n  HdsTableThSortOrderLabels,\n} from './types';\nimport type { HdsTableThSignature } from './th';\nimport type Owner from '@ember/owner';\n\nexport interface HdsTableThSelectableSignature {\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?: HdsTableScope;\n    sortBySelectedOrder?: HdsTableThSortOrder;\n    willDestroy?: (selectionKey?: string) => void;\n  };\n  Element: HdsTableThSignature['Element'];\n}\n\nexport default class HdsTableThSelectable extends Component<HdsTableThSelectableSignature> {\n  @tracked isSelected: boolean;\n  private _guid = guidFor(this);\n\n  private _checkboxId = `checkbox-${this._guid}`;\n  private _labelId = `label-${this._guid}`;\n\n  constructor(owner: Owner, args: HdsTableThSelectableSignature['Args']) {\n    super(owner, args);\n    this.isSelected = this.args.isSelected ?? false;\n  }\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(): HdsTableThSortOrderLabels | undefined {\n    switch (this.args.sortBySelectedOrder) {\n      case HdsTableThSortOrderValues.Asc:\n        return HdsTableThSortOrderLabelValues.Asc;\n      case HdsTableThSortOrderValues.Desc:\n        return HdsTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsTableThSortOrderLabelValues.None;\n    }\n  }\n\n  @action\n  didInsert(checkbox: HdsFormCheckboxBaseSignature['Element']): void {\n    const { didInsert } = this.args;\n    if (typeof didInsert === 'function') {\n      didInsert(checkbox, this.args.selectionKey);\n    }\n  }\n\n  @action\n  willDestroyNode(): void {\n    super.willDestroy();\n    const { willDestroy } = this.args;\n    if (typeof willDestroy === 'function') {\n      willDestroy(this.args.selectionKey);\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"],"names":["HdsTableThSelectable","Component","g","prototype","tracked","i","void 0","_guid","guidFor","_checkboxId","_labelId","constructor","owner","args","isSelected","isSortable","onClickSortBySelected","undefined","ariaLabel","selectionAriaLabelSuffix","ariaSort","sortBySelectedOrder","HdsTableThSortOrderValues","Asc","HdsTableThSortOrderLabelValues","Desc","None","didInsert","checkbox","selectionKey","n","action","willDestroyNode","willDestroy","onSelectionChange","event","target","checked","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { assert } from '@ember/debug';
@@ -8,18 +7,21 @@ import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<th\n  class={{this.classNames}}\n  aria-sort={{this.ariaSort}}\n  {{style width=@width minWidth=@width}}\n  ...attributes\n  scope=\"col\"\n>\n  <div class=\"hds-table__th-content\">\n    <span id={{this._labelId}} class=\"hds-typography-body-200 hds-font-weight-semibold\">{{yield}}</span>\n    {{#if @tooltip}}\n      <Hds::Table::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n    {{/if}}\n    <Hds::Table::ThButtonSort @sortOrder={{@sortOrder}} @onClick={{@onClickSort}} @labelId={{this._labelId}} />\n  </div>\n</th>");
 
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const ALIGNMENTS = Object.values(HdsTableHorizontalAlignmentValues);
 const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;
 class HdsTableThSort extends Component {
-  constructor(...args) {
-    super(...args);
-    /**
-     * Generates a unique ID for the <span> element ("label")
-     *
-     * @param _labelId
-     */
-    _defineProperty(this, "_labelId", guidFor(this));
-  }
+  /**
+   * Generates a unique ID for the <span> element ("label")
+   *
+   * @param _labelId
+   */
+  _labelId = guidFor(this);
+
   /**
    * @param ariaSort
    * @type {HdsTableThSortOrderLabels}

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

@@ -1 +1 @@
-{"version":3,"file":"th-sort.js","sources":["../../../../src/components/hds/table/th-sort.hbs","../../../../src/components/hds/table/th-sort.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<th\\n  class={{this.classNames}}\\n  aria-sort={{this.ariaSort}}\\n  {{style width=@width minWidth=@width}}\\n  ...attributes\\n  scope=\\\"col\\\"\\n>\\n  <div class=\\\"hds-table__th-content\\\">\\n    <span id={{this._labelId}} class=\\\"hds-typography-body-200 hds-font-weight-semibold\\\">{{yield}}</span>\\n    {{#if @tooltip}}\\n      <Hds::Table::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\\n    {{/if}}\\n    <Hds::Table::ThButtonSort @sortOrder={{@sortOrder}} @onClick={{@onClickSort}} @labelId={{this._labelId}} />\\n  </div>\\n</th>\")","/**\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';\n\nimport {\n  HdsTableHorizontalAlignmentValues,\n  HdsTableThSortOrderValues,\n  HdsTableThSortOrderLabelValues,\n} from './types.ts';\nimport type {\n  HdsTableHorizontalAlignment,\n  HdsTableThSortOrder,\n  HdsTableThSortOrderLabels,\n} from './types.ts';\nimport type { HdsTableThButtonSortSignature } from './th-button-sort';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableThSortSignature {\n  Args: {\n    align?: HdsTableHorizontalAlignment;\n    onClickSort?: HdsTableThButtonSortSignature['Args']['onClick'];\n    sortOrder?: HdsTableThSortOrder;\n    tooltip?: string;\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsTableThSort extends Component<HdsTableThSortSignature> {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param _labelId\n   */\n  private _labelId = guidFor(this);\n\n  /**\n   * @param ariaSort\n   * @type {HdsTableThSortOrderLabels}\n   * @private\n   * @default none\n   * @description Sets the aria-sort attribute based on the sort order defined; acceptable values are ascending, descending, none(default) and other. Authors SHOULD only apply this property to table headers or grid headers. If the property is not provided, there is no defined sort order. For each table or grid, authors SHOULD apply aria-sort to only one header at a time.\n   */\n  get ariaSort(): HdsTableThSortOrderLabels {\n    switch (this.args.sortOrder) {\n      case HdsTableThSortOrderValues.Asc:\n        return HdsTableThSortOrderLabelValues.Asc;\n      case HdsTableThSortOrderValues.Desc:\n        return HdsTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsTableThSortOrderLabelValues.None;\n    }\n  }\n\n  /**\n   * @param align\n   * @type {HdsTableHorizontalAlignment}\n   * @default left\n   * @description Determines the text alignment of the header or cell content. Options are: \"left\", \"center\", \"right\". If no align is defined, \"left\" is used.\n   */\n  get align(): HdsTableHorizontalAlignment {\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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-table__th', 'hds-table__th--sort'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableThSort","Component","constructor","args","_defineProperty","guidFor","ariaSort","sortOrder","HdsTableThSortOrderValues","Asc","HdsTableThSortOrderLabelValues","Desc","None","align","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,gnBAAgnB;;ACoB3oB,MAAMA,UAAoB,GAAGC,MAAM,CAACC,MAAM,CAC/CC,iCACF;AACaC,MAAAA,aAAa,GAAGD,iCAAiC,CAACE;AAgBhD,MAAMC,cAAc,SAASC,SAAS,CAA0B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAC7E;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,CAKmBC,IAAAA,EAAAA,UAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA;AAAA;AAEhC;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAA8B;AACxC,IAAA,QAAQ,IAAI,CAACH,IAAI,CAACI,SAAS;MACzB,KAAKC,yBAAyB,CAACC,GAAG;QAChC,OAAOC,8BAA8B,CAACD,GAAG;MAC3C,KAAKD,yBAAyB,CAACG,IAAI;QACjC,OAAOD,8BAA8B,CAACC,IAAI;AAC5C,MAAA;AACE;QACA,OAAOD,8BAA8B,CAACE,IAAI;AAC9C;AACF;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAgC;IACvC,MAAM;AAAEA,MAAAA,KAAK,GAAGf;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CW,IAAAA,MAAM,CACJ,CAAyDpB,sDAAAA,EAAAA,UAAU,CAACqB,IAAI,CACtE,IACF,CAAC,CAAA,YAAA,EAAeF,KAAK,CAAA,CAAE,EACvBnB,UAAU,CAACsB,QAAQ,CAACH,KAAK,CAC3B,CAAC;AACD,IAAA,OAAOA,KAAK;AACd;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,EAAE,qBAAqB,CAAC;;AAExD;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACN,KAAK,EAAE,CAAC;AACpD;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACK,oBAAA,CAAAC,QAAA,EA5DoBrB,cAAc,CAAA;;;;"}
+{"version":3,"file":"th-sort.js","sources":["../../../../src/components/hds/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';\n\nimport {\n  HdsTableHorizontalAlignmentValues,\n  HdsTableThSortOrderValues,\n  HdsTableThSortOrderLabelValues,\n} from './types.ts';\nimport type {\n  HdsTableHorizontalAlignment,\n  HdsTableThSortOrder,\n  HdsTableThSortOrderLabels,\n} from './types.ts';\nimport type { HdsTableThButtonSortSignature } from './th-button-sort';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableThSortSignature {\n  Args: {\n    align?: HdsTableHorizontalAlignment;\n    onClickSort?: HdsTableThButtonSortSignature['Args']['onClick'];\n    sortOrder?: HdsTableThSortOrder;\n    tooltip?: string;\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsTableThSort extends Component<HdsTableThSortSignature> {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param _labelId\n   */\n  private _labelId = guidFor(this);\n\n  /**\n   * @param ariaSort\n   * @type {HdsTableThSortOrderLabels}\n   * @private\n   * @default none\n   * @description Sets the aria-sort attribute based on the sort order defined; acceptable values are ascending, descending, none(default) and other. Authors SHOULD only apply this property to table headers or grid headers. If the property is not provided, there is no defined sort order. For each table or grid, authors SHOULD apply aria-sort to only one header at a time.\n   */\n  get ariaSort(): HdsTableThSortOrderLabels {\n    switch (this.args.sortOrder) {\n      case HdsTableThSortOrderValues.Asc:\n        return HdsTableThSortOrderLabelValues.Asc;\n      case HdsTableThSortOrderValues.Desc:\n        return HdsTableThSortOrderLabelValues.Desc;\n      default:\n        // none is the default per the spec.\n        return HdsTableThSortOrderLabelValues.None;\n    }\n  }\n\n  /**\n   * @param align\n   * @type {HdsTableHorizontalAlignment}\n   * @default left\n   * @description Determines the text alignment of the header or cell content. Options are: \"left\", \"center\", \"right\". If no align is defined, \"left\" is used.\n   */\n  get align(): HdsTableHorizontalAlignment {\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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-table__th', 'hds-table__th--sort'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableThSort","Component","_labelId","guidFor","ariaSort","args","sortOrder","HdsTableThSortOrderValues","Asc","HdsTableThSortOrderLabelValues","Desc","None","align","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AAkBO,MAAMA,UAAoB,GAAGC,MAAM,CAACC,MAAM,CAC/CC,iCACF;AACaC,MAAAA,aAAa,GAAGD,iCAAiC,CAACE;AAgBhD,MAAMC,cAAc,SAASC,SAAS,CAA0B;AAC7E;AACF;AACA;AACA;AACA;AACUC,EAAAA,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC;;AAEhC;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAA8B;AACxC,IAAA,QAAQ,IAAI,CAACC,IAAI,CAACC,SAAS;MACzB,KAAKC,yBAAyB,CAACC,GAAG;QAChC,OAAOC,8BAA8B,CAACD,GAAG;MAC3C,KAAKD,yBAAyB,CAACG,IAAI;QACjC,OAAOD,8BAA8B,CAACC,IAAI;AAC5C,MAAA;AACE;QACA,OAAOD,8BAA8B,CAACE,IAAI;AAC9C;AACF;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAgC;IACvC,MAAM;AAAEA,MAAAA,KAAK,GAAGd;KAAe,GAAG,IAAI,CAACO,IAAI;AAE3CQ,IAAAA,MAAM,CACJ,CAAyDnB,sDAAAA,EAAAA,UAAU,CAACoB,IAAI,CACtE,IACF,CAAC,CAAA,YAAA,EAAeF,KAAK,CAAA,CAAE,EACvBlB,UAAU,CAACqB,QAAQ,CAACH,KAAK,CAC3B,CAAC;AACD,IAAA,OAAOA,KAAK;AACd;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,EAAE,qBAAqB,CAAC;;AAExD;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACN,KAAK,EAAE,CAAC;AACpD;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACK,oBAAA,CAAAC,QAAA,EA5DoBpB,cAAc,CAAA;;;;"}

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

@@ -1,4 +1,3 @@
-import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 import { assert } from '@ember/debug';
@@ -8,18 +7,21 @@ import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<th class={{this.classNames}} {{style width=@width minWidth=@width}} ...attributes scope={{(or @scope \"col\")}}>\n  {{#if @isVisuallyHidden}}\n    <span class=\"sr-only\">{{yield}}</span>\n  {{else}}\n    {{#if @tooltip}}\n      <div class=\"hds-table__th-content\">\n        <span id={{this._labelId}} class=\"hds-typography-body-200 hds-font-weight-semibold\">{{yield}}</span>\n        <Hds::Table::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n      </div>\n    {{else}}\n      <span class=\"hds-typography-body-200 hds-font-weight-semibold\">{{yield}}</span>\n    {{/if}}\n  {{/if}}\n</th>");
 
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const ALIGNMENTS = Object.values(HdsTableHorizontalAlignmentValues);
 const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;
 class HdsTableTh extends Component {
-  constructor(...args) {
-    super(...args);
-    /**
-     * Generates a unique ID for the <span> element ("label")
-     *
-     * @param _labelId
-     */
-    _defineProperty(this, "_labelId", guidFor(this));
-  }
+  /**
+   * Generates a unique ID for the <span> element ("label")
+   *
+   * @param _labelId
+   */
+  _labelId = guidFor(this);
+
   /**
    * @param align
    * @type {HdsTableHorizontalAlignment}

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

@@ -1 +1 @@
-{"version":3,"file":"th.js","sources":["../../../../src/components/hds/table/th.hbs","../../../../src/components/hds/table/th.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<th class={{this.classNames}} {{style width=@width minWidth=@width}} ...attributes scope={{(or @scope \\\"col\\\")}}>\\n  {{#if @isVisuallyHidden}}\\n    <span class=\\\"sr-only\\\">{{yield}}</span>\\n  {{else}}\\n    {{#if @tooltip}}\\n      <div class=\\\"hds-table__th-content\\\">\\n        <span id={{this._labelId}} class=\\\"hds-typography-body-200 hds-font-weight-semibold\\\">{{yield}}</span>\\n        <Hds::Table::ThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\\n      </div>\\n    {{else}}\\n      <span class=\\\"hds-typography-body-200 hds-font-weight-semibold\\\">{{yield}}</span>\\n    {{/if}}\\n  {{/if}}\\n</th>\")","/**\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';\n\nimport type { HdsTableHorizontalAlignment, HdsTableScope } from './types.ts';\nimport { HdsTableHorizontalAlignmentValues } from './types.ts';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableThSignature {\n  Args: {\n    align?: HdsTableHorizontalAlignment;\n    isVisuallyHidden?: boolean;\n    scope?: HdsTableScope;\n    tooltip?: string;\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLTableCellElement;\n}\n\nexport default class HdsTableTh extends Component<HdsTableThSignature> {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param _labelId\n   */\n  private _labelId = guidFor(this);\n\n  /**\n   * @param align\n   * @type {HdsTableHorizontalAlignment}\n   * @default left\n   * @description Determines the text alignment of the header or cell content. Options are: \"left\", \"center\", \"right\". If no align is defined, \"left\" is used.\n   */\n  get align(): HdsTableHorizontalAlignment {\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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-table__th'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableTh","Component","constructor","args","_defineProperty","guidFor","align","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,yrBAAyrB;;ACWptB,MAAMA,UAAoB,GAAGC,MAAM,CAACC,MAAM,CAC/CC,iCACF;AACaC,MAAAA,aAAa,GAAGD,iCAAiC,CAACE;AAgBhD,MAAMC,UAAU,SAASC,SAAS,CAAsB;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AACrE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,CAKmBC,IAAAA,EAAAA,UAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA;AAAA;AAEhC;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAgC;IACvC,MAAM;AAAEA,MAAAA,KAAK,GAAGR;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CI,IAAAA,MAAM,CACJ,CAA6Db,0DAAAA,EAAAA,UAAU,CAACc,IAAI,CAC1E,IACF,CAAC,CAAA,YAAA,EAAeF,KAAK,CAAA,CAAE,EACvBZ,UAAU,CAACe,QAAQ,CAACH,KAAK,CAC3B,CAAC;AACD,IAAA,OAAOA,KAAK;AACd;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;;AAEjC;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACN,KAAK,EAAE,CAAC;AACpD;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACK,oBAAA,CAAAC,QAAA,EAzCoBd,UAAU,CAAA;;;;"}
+{"version":3,"file":"th.js","sources":["../../../../src/components/hds/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';\n\nimport type { HdsTableHorizontalAlignment, HdsTableScope } from './types.ts';\nimport { HdsTableHorizontalAlignmentValues } from './types.ts';\n\nexport const ALIGNMENTS: string[] = Object.values(\n  HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableThSignature {\n  Args: {\n    align?: HdsTableHorizontalAlignment;\n    isVisuallyHidden?: boolean;\n    scope?: HdsTableScope;\n    tooltip?: string;\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLTableCellElement;\n}\n\nexport default class HdsTableTh extends Component<HdsTableThSignature> {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param _labelId\n   */\n  private _labelId = guidFor(this);\n\n  /**\n   * @param align\n   * @type {HdsTableHorizontalAlignment}\n   * @default left\n   * @description Determines the text alignment of the header or cell content. Options are: \"left\", \"center\", \"right\". If no align is defined, \"left\" is used.\n   */\n  get align(): HdsTableHorizontalAlignment {\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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-table__th'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-table__th--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableTh","Component","_labelId","guidFor","align","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AASO,MAAMA,UAAoB,GAAGC,MAAM,CAACC,MAAM,CAC/CC,iCACF;AACaC,MAAAA,aAAa,GAAGD,iCAAiC,CAACE;AAgBhD,MAAMC,UAAU,SAASC,SAAS,CAAsB;AACrE;AACF;AACA;AACA;AACA;AACUC,EAAAA,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC;;AAEhC;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAgC;IACvC,MAAM;AAAEA,MAAAA,KAAK,GAAGN;KAAe,GAAG,IAAI,CAACO,IAAI;AAE3CC,IAAAA,MAAM,CACJ,CAA6DZ,0DAAAA,EAAAA,UAAU,CAACa,IAAI,CAC1E,IACF,CAAC,CAAA,YAAA,EAAeH,KAAK,CAAA,CAAE,EACvBV,UAAU,CAACc,QAAQ,CAACJ,KAAK,CAC3B,CAAC;AACD,IAAA,OAAOA,KAAK;AACd;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;;AAEjC;IACA,IAAI,IAAI,CAACN,KAAK,EAAE;MACdM,OAAO,CAACC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACP,KAAK,EAAE,CAAC;AACpD;AAEA,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACK,oBAAA,CAAAC,QAAA,EAzCoBb,UAAU,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tr.js","sources":["../../../../src/components/hds/table/tr.hbs","../../../../src/components/hds/table/tr.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<tr class=\\\"hds-table__tr\\\" ...attributes>\\n  {{#if @isSelectable}}\\n    <Hds::Table::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</tr>\")","/**\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 { HdsTableScopeValues } from './types.ts';\nimport type { HdsTableScope, HdsTableThSortOrder } from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';\nimport type { HdsTableSignature } from './index.ts';\nimport type { HdsTableThSelectableSignature } from './th-selectable.ts';\n\nexport interface BaseHdsTableTrSignature {\n  Args: {\n    selectableColumnKey?: HdsTableSignature['Args']['selectableColumnKey'];\n    isSelectable?: boolean;\n    isSelected?: false;\n    selectionAriaLabelSuffix?: string;\n    selectionKey?: string;\n    selectionScope?: HdsTableScope;\n    sortBySelectedOrder?: HdsTableThSortOrder;\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?: HdsTableThSelectableSignature['Args']['onClickSortBySelected'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLTableRowElement;\n}\n\n// Extended interface for selectable rows\nexport interface SelectableHdsTableTrArgs extends BaseHdsTableTrSignature {\n  Args: BaseHdsTableTrSignature['Args'] & {\n    isSelectable: true;\n    selectionScope?: HdsTableScopeValues.Row;\n    selectionKey: string; // Now required for selectable rows\n  };\n}\n\n// Union type to combine both possible states\nexport type HdsTableTrSignature =\n  | BaseHdsTableTrSignature\n  | SelectableHdsTableTrArgs;\nexport default class HdsTableTr extends Component<HdsTableTrSignature> {\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"],"names":["HdsTableTr","Component","selectionKey","args","isSelectable","selectionScope","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,0nBAA0nB;;ACD5pB;AACA;AACA;AACA;;AAiDe,MAAMA,UAAU,SAASC,SAAS,CAAsB;EACrE,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;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,UAAU,CAAA;;;;"}
+{"version":3,"file":"tr.js","sources":["../../../../src/components/hds/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';\nimport { HdsTableScopeValues } from './types.ts';\nimport type { HdsTableScope, HdsTableThSortOrder } from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';\nimport type { HdsTableSignature } from './index.ts';\nimport type { HdsTableThSelectableSignature } from './th-selectable.ts';\n\nexport interface BaseHdsTableTrSignature {\n  Args: {\n    selectableColumnKey?: HdsTableSignature['Args']['selectableColumnKey'];\n    isSelectable?: boolean;\n    isSelected?: false;\n    selectionAriaLabelSuffix?: string;\n    selectionKey?: string;\n    selectionScope?: HdsTableScope;\n    sortBySelectedOrder?: HdsTableThSortOrder;\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?: HdsTableThSelectableSignature['Args']['onClickSortBySelected'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLTableRowElement;\n}\n\n// Extended interface for selectable rows\nexport interface SelectableHdsTableTrArgs extends BaseHdsTableTrSignature {\n  Args: BaseHdsTableTrSignature['Args'] & {\n    isSelectable: true;\n    selectionScope?: HdsTableScopeValues.Row;\n    selectionKey: string; // Now required for selectable rows\n  };\n}\n\n// Union type to combine both possible states\nexport type HdsTableTrSignature =\n  | BaseHdsTableTrSignature\n  | SelectableHdsTableTrArgs;\nexport default class HdsTableTr extends Component<HdsTableTrSignature> {\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"],"names":["HdsTableTr","Component","selectionKey","args","isSelectable","selectionScope","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAiDe,MAAMA,UAAU,SAASC,SAAS,CAAsB;EACrE,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;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,UAAU,CAAA;;;;"}

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

@@ -1,4 +1,3 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
@@ -6,14 +5,55 @@ import { assert, warn } from '@ember/debug';
 import { schedule, next } from '@ember/runloop';
 import { HdsTabsSizeValues } 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{{! template-lint-disable no-invalid-role }}\n<div\n  class={{this.classNames}}\n  {{did-insert this.didInsert}}\n  {{did-update this.didUpdateSelectedTabIndex this.selectedTabIndex}}\n  {{did-update this.didUpdateSelectedTabId this._selectedTabId}}\n  {{did-update this.didUpdateParentVisibility @isParentVisible}}\n  ...attributes\n>\n  <div class=\"hds-tabs__tablist-wrapper\">\n    <ul class=\"hds-tabs__tablist\" role=\"tablist\">\n      {{yield\n        (hash\n          Tab=(component\n            \"hds/tabs/tab\"\n            didInsertNode=this.didInsertTab\n            didUpdateNode=this.didUpdateTab\n            willDestroyNode=this.willDestroyTab\n            tabIds=this._tabIds\n            panelIds=this._panelIds\n            selectedTabIndex=this.selectedTabIndex\n            onClick=this.onClick\n            onKeyUp=this.onKeyUp\n          )\n        )\n      }}\n      <li class=\"hds-tabs__tab-indicator\" role=\"presentation\"></li>\n    </ul>\n  </div>\n\n  {{yield\n    (hash\n      Panel=(component\n        \"hds/tabs/panel\"\n        didInsertNode=this.didInsertPanel\n        willDestroyNode=this.willDestroyPanel\n        tabIds=this._tabIds\n        panelIds=this._panelIds\n        selectedTabIndex=this.selectedTabIndex\n      )\n    )\n  }}\n</div>\n{{! template-lint-enable no-invalid-role }}");
 
-var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const DEFAULT_SIZE = 'medium';
 const SIZES = Object.values(HdsTabsSizeValues);
-let HdsTabs = (_class = class HdsTabs extends Component {
+class HdsTabs extends Component {
+  static {
+    g(this.prototype, "_tabNodes", [tracked], function () {
+      return [];
+    });
+  }
+  #_tabNodes = (i(this, "_tabNodes"), undefined);
+  static {
+    g(this.prototype, "_tabIds", [tracked], function () {
+      return [];
+    });
+  }
+  #_tabIds = (i(this, "_tabIds"), undefined);
+  static {
+    g(this.prototype, "_panelNodes", [tracked], function () {
+      return [];
+    });
+  }
+  #_panelNodes = (i(this, "_panelNodes"), undefined);
+  static {
+    g(this.prototype, "_panelIds", [tracked], function () {
+      return [];
+    });
+  }
+  #_panelIds = (i(this, "_panelIds"), undefined);
+  static {
+    g(this.prototype, "_selectedTabIndex", [tracked]);
+  }
+  #_selectedTabIndex = (i(this, "_selectedTabIndex"), undefined);
+  static {
+    g(this.prototype, "_selectedTabId", [tracked]);
+  }
+  #_selectedTabId = (i(this, "_selectedTabId"), undefined);
+  static {
+    g(this.prototype, "_isControlled", [tracked]);
+  }
+  #_isControlled = (i(this, "_isControlled"), undefined);
   /**
    * Sets the size of Tabs
    * Accepted values: medium, large
@@ -33,13 +73,6 @@ let HdsTabs = (_class = class HdsTabs extends Component {
     super(owner, args);
 
     // this is to determine if the "selected" tab logic is controlled in the consumers' code or is maintained as an internal state
-    _initializerDefineProperty(this, "_tabNodes", _descriptor, this);
-    _initializerDefineProperty(this, "_tabIds", _descriptor2, this);
-    _initializerDefineProperty(this, "_panelNodes", _descriptor3, this);
-    _initializerDefineProperty(this, "_panelIds", _descriptor4, this);
-    _initializerDefineProperty(this, "_selectedTabIndex", _descriptor5, this);
-    _initializerDefineProperty(this, "_selectedTabId", _descriptor6, this);
-    _initializerDefineProperty(this, "_isControlled", _descriptor7, this);
     this._isControlled = this.args.selectedTabIndex !== undefined;
     this._selectedTabIndex = this.args.selectedTabIndex ?? 0;
   }
@@ -79,12 +112,18 @@ let HdsTabs = (_class = class HdsTabs extends Component {
       this.setTabIndicator();
     });
   }
+  static {
+    n(this.prototype, "didInsert", [action]);
+  }
   didUpdateSelectedTabIndex() {
     // eslint-disable-next-line ember/no-runloop
     schedule('afterRender', () => {
       this.setTabIndicator();
     });
   }
+  static {
+    n(this.prototype, "didUpdateSelectedTabIndex", [action]);
+  }
   didUpdateSelectedTabId() {
     // if the selected tab is set dynamically (eg. in a `each` loop)
     // the `Tab` nodes will be re-inserted/rendered, which means the `this.selectedTabId` variable changes
@@ -95,12 +134,18 @@ let HdsTabs = (_class = class HdsTabs extends Component {
       this.selectedTabIndex = this._tabIds.indexOf(this._selectedTabId);
     }
   }
+  static {
+    n(this.prototype, "didUpdateSelectedTabId", [action]);
+  }
   didUpdateParentVisibility() {
     // eslint-disable-next-line ember/no-runloop
     schedule('afterRender', () => {
       this.setTabIndicator();
     });
   }
+  static {
+    n(this.prototype, "didUpdateParentVisibility", [action]);
+  }
   didInsertTab(element, isSelected) {
     this._tabNodes = [...this._tabNodes, element];
     this._tabIds = [...this._tabIds, element.id];
@@ -108,24 +153,39 @@ let HdsTabs = (_class = class HdsTabs extends Component {
       this._selectedTabId = element.id;
     }
   }
+  static {
+    n(this.prototype, "didInsertTab", [action]);
+  }
   didUpdateTab(tabIndex, isSelected) {
     if (isSelected) {
       this.selectedTabIndex = tabIndex;
     }
     this.setTabIndicator();
   }
+  static {
+    n(this.prototype, "didUpdateTab", [action]);
+  }
   willDestroyTab(element) {
     this._tabNodes = this._tabNodes.filter(node => node.id !== element.id);
     this._tabIds = this._tabIds.filter(tabId => tabId !== element.id);
   }
+  static {
+    n(this.prototype, "willDestroyTab", [action]);
+  }
   didInsertPanel(element, panelId) {
     this._panelNodes = [...this._panelNodes, element];
     this._panelIds = [...this._panelIds, panelId];
   }
+  static {
+    n(this.prototype, "didInsertPanel", [action]);
+  }
   willDestroyPanel(element) {
     this._panelNodes = this._panelNodes.filter(node => node.id !== element.id);
     this._panelIds = this._panelIds.filter(panelId => panelId !== element.id);
   }
+  static {
+    n(this.prototype, "willDestroyPanel", [action]);
+  }
   onClick(event, tabIndex) {
     this.selectedTabIndex = tabIndex;
     this.setTabIndicator();
@@ -135,6 +195,9 @@ let HdsTabs = (_class = class HdsTabs extends Component {
       this.args.onClickTab(event, tabIndex);
     }
   }
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
   onKeyUp(tabIndex, event) {
     const leftArrow = 'ArrowLeft';
     const rightArrow = 'ArrowRight';
@@ -161,6 +224,9 @@ let HdsTabs = (_class = class HdsTabs extends Component {
   }
 
   // Focus tab for keyboard & mouse navigation:
+  static {
+    n(this.prototype, "onKeyUp", [action]);
+  }
   focusTab(tabIndex, event) {
     event.preventDefault();
     this._tabNodes[tabIndex]?.focus();
@@ -197,50 +263,7 @@ let HdsTabs = (_class = class HdsTabs extends Component {
       }
     });
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_tabNodes", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return [];
-  }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_tabIds", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return [];
-  }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_panelNodes", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return [];
-  }
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "_panelIds", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return [];
-  }
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "_selectedTabIndex", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "_selectedTabId", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "_isControlled", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateSelectedTabIndex", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateSelectedTabIndex"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateSelectedTabId", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateSelectedTabId"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateParentVisibility", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateParentVisibility"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyTab", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyTab"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertPanel", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertPanel"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyPanel", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyPanel"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype), _class);
+}
 setComponentTemplate(TEMPLATE, HdsTabs);
 
 export { DEFAULT_SIZE, SIZES, HdsTabs as default };