@hashicorp/design-system-components 3.5.0 → 4.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/table/index.hbs","../../../../src/components/hds/table/index.js"],"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<table class={{this.classNames}} ...attributes>\\n  {{#if @columns}}\\n    <caption class=\\\"sr-only\\\" aria-live=\\\"polite\\\">{{@caption}} {{this.sortedMessageText}}</caption>\\n  {{else if @caption}}\\n    <caption class=\\\"sr-only\\\">{{@caption}}</caption>\\n  {{/if}}\\n\\n  <thead class=\\\"hds-table__thead\\\">\\n    {{#if @columns}}\\n      <Hds::Table::Tr\\n        @selectionScope=\\\"col\\\"\\n        @isSelectable={{@isSelectable}}\\n        @onSelectionChange={{this.onSelectionAllChange}}\\n        @didInsert={{this.didInsertSelectAllCheckbox}}\\n        @willDestroy={{this.willDestroySelectAllCheckbox}}\\n        @selectionAriaLabelSuffix=\\\"all rows\\\"\\n      >\\n        {{#each @columns as |column|}}\\n          {{#if column.isSortable}}\\n            <Hds::Table::ThSort\\n              @sortOrder={{if (eq column.key this.sortBy) this.sortOrder}}\\n              @onClickSort={{fn this.setSortBy column.key}}\\n              @align={{column.align}}\\n              @width={{column.width}}\\n              @tooltip={{column.tooltip}}\\n            >\\n              {{column.label}}\\n            </Hds::Table::ThSort>\\n          {{else}}\\n            <Hds::Table::Th\\n              @align={{column.align}}\\n              @width={{column.width}}\\n              @tooltip={{column.tooltip}}\\n              @isVisuallyHidden={{column.isVisuallyHidden}}\\n            >{{column.label}}</Hds::Table::Th>\\n          {{/if}}\\n        {{/each}}\\n      </Hds::Table::Tr>\\n    {{else}}\\n      {{yield\\n        (hash\\n          Tr=(component\\n            \\\"hds/table/tr\\\"\\n            selectionScope=\\\"col\\\"\\n            isSelectable=@isSelectable\\n            onSelectionChange=this.onSelectionAllChange\\n            didInsert=this.didInsertSelectAllCheckbox\\n            willDestroy=this.willDestroySelectAllCheckbox\\n            selectionAriaLabelSuffix=\\\"all rows\\\"\\n          )\\n          Th=(component \\\"hds/table/th\\\")\\n          ThSort=(component \\\"hds/table/th-sort\\\")\\n          sortBy=this.sortBy\\n          sortOrder=this.sortOrder\\n          setSortBy=this.setSortBy\\n        )\\n        to=\\\"head\\\"\\n      }}\\n    {{/if}}\\n  </thead>\\n\\n  <tbody class=\\\"hds-table__tbody\\\">\\n    {{#if @columns}}\\n      {{! ----------------------------------------------------------------------------------------\\n        IMPORTANT: we loop on the `model` array and for each record\\n        we yield the Tr/Td/Th elements _and_ the record itself as `data`\\n        this means the consumer will *have to* use the `data` key to access it in their template\\n      -------------------------------------------------------------------------------------------- }}\\n      {{#each (sort-by this.getSortCriteria @model) key=this.identityKey as |record|}}\\n        {{yield\\n          (hash\\n            Tr=(component\\n              \\\"hds/table/tr\\\"\\n              selectionScope=\\\"row\\\"\\n              isSelectable=@isSelectable\\n              onSelectionChange=this.onSelectionRowChange\\n              didInsert=this.didInsertRowCheckbox\\n              willDestroy=this.willDestroyRowCheckbox\\n              selectionAriaLabelSuffix=@selectionAriaLabelSuffix\\n            )\\n            Th=(component \\\"hds/table/th\\\" scope=\\\"row\\\")\\n            Td=(component \\\"hds/table/td\\\" align=@align)\\n            data=record\\n          )\\n          to=\\\"body\\\"\\n        }}\\n      {{/each}}\\n    {{else}}\\n      {{yield\\n        (hash\\n          Tr=(component\\n            \\\"hds/table/tr\\\"\\n            selectionScope=\\\"row\\\"\\n            isSelectable=@isSelectable\\n            onSelectionChange=this.onSelectionRowChange\\n            didInsert=this.didInsertRowCheckbox\\n            willDestroy=this.willDestroyRowCheckbox\\n            selectionAriaLabelSuffix=@selectionAriaLabelSuffix\\n          )\\n          Th=(component \\\"hds/table/th\\\" scope=\\\"row\\\")\\n          Td=(component \\\"hds/table/td\\\" align=@align)\\n          sortBy=this.sortBy\\n          sortOrder=this.sortOrder\\n        )\\n        to=\\\"body\\\"\\n      }}\\n    {{/if}}\\n  </tbody>\\n</table>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nexport const DENSITIES = ['short', 'medium', 'tall'];\nconst DEFAULT_DENSITY = 'medium';\nconst VALIGNMENTS = ['top', 'middle', 'baseline'];\nconst DEFAULT_VALIGN = 'top';\n\nexport default class HdsTableIndexComponent extends Component {\n  @tracked sortBy = this.args.sortBy;\n  @tracked sortOrder = this.args.sortOrder || 'asc';\n  @tracked selectAllCheckbox = undefined;\n  selectableRows = [];\n  @tracked isSelectAllCheckboxSelected = undefined;\n\n  /**\n   * @param getSortCriteria\n   * @type {string | function}\n   * @default sortBy:sortOrder\n   * @description Returns the sort criteria\n   */\n  get getSortCriteria() {\n    // get the current column\n    const currentColumn = this.args?.columns?.find(\n      (column) => column.key === this.sortBy\n    );\n    if (\n      // check if there is a custom sorting function associated with the current `sortBy` column (we assume the column has `isSortable`)\n      currentColumn?.sortingFunction &&\n      typeof currentColumn.sortingFunction === 'function'\n    ) {\n      return currentColumn.sortingFunction;\n    } else {\n      // otherwise fallback to the default format \"sortBy:sortOrder\"\n      return `${this.sortBy}:${this.sortOrder}`;\n    }\n  }\n\n  /**\n   * @param identityKey\n   * @type {string}\n   * @default '@identity'\n   * @description Returns the key to use for the table rows to provide more granular control. If no identityKey is defined, Ember's default `@identity` is used. See https://api.emberjs.com/ember/release/classes/Ember.Templates.helpers/methods/each?anchor=each\n   * this would be relevant for any table that would have data that could update or change, i.e., polling.\n   */\n  get identityKey() {\n    // we have to provide a way for the consumer to pass undefined because Ember tries to interpret undefined as missing an arg and therefore falls back to the default\n    if (this.args.identityKey === 'none') {\n      return undefined;\n    } else {\n      return this.args.identityKey ?? '@identity';\n    }\n  }\n\n  /**\n   * @param sortedMessageText\n   * @type {string}\n   * @default ''\n   * @description Returns the text to display in the sorted message. If no text is defined, the default text is used.\n   */\n  get sortedMessageText() {\n    if (this.args.sortedMessageText) {\n      return this.args.sortedMessageText;\n    } else if (this.sortBy && this.sortOrder) {\n      // we should allow the user to define a custom value here (e.g., for i18n) - tracked with HDS-965\n      return `Sorted by ${this.sortBy} ${this.sortOrder}ending`;\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * @param isStriped\n   * @type {boolean}\n   * @default false\n   * @description Determines whether the table rows should have alternating background colors; defaults to false.\n   */\n  get isStriped() {\n    return this.args.isStriped ?? false;\n  }\n\n  /**\n   * @param isFixedLayout\n   * @type {boolean}\n   * @default false\n   * @description Determines whether the table-display should be set to fixed; meaning, the table columns are of equal width no matter the content; defaults to false.\n   */\n  get isFixedLayout() {\n    return this.args.isFixedLayout ?? false;\n  }\n\n  /**\n   * @param density\n   * @type {string}\n   * @default 'medium'\n   * @description Determines the density of the table cells; options are \"short\", \"medium\" and \"tall\". If no density is defined, \"medium\" is used.\n   */\n  get density() {\n    let { density = DEFAULT_DENSITY } = this.args;\n\n    assert(\n      `@density for \"Hds::Table\" must be one of the following: ${DENSITIES.join(\n        ', '\n      )}; received: ${density}`,\n      DENSITIES.includes(density)\n    );\n\n    return density;\n  }\n\n  /**\n   * @param valign\n   * @type {string}\n   * @default 'top'\n   * @description Determines the vertical alignment of the table cells; options are: \"top\", \"middle\", \"baseline\". If no valign is defined, \"top\" is used.\n   */\n  get valign() {\n    let { valign = DEFAULT_VALIGN } = this.args;\n\n    assert(\n      `@valign for \"Hds::Table\" must be one of the following: ${VALIGNMENTS.join(\n        ', '\n      )}; received: ${valign}`,\n      VALIGNMENTS.includes(valign)\n    );\n\n    return valign;\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() {\n    let classes = ['hds-table'];\n\n    // add a class based on the @isStriped argument\n    if (this.isStriped) {\n      classes.push('hds-table--striped');\n    }\n\n    // add a class based on the @isFixedLayout argument\n    if (this.isFixedLayout) {\n      classes.push('hds-table--layout-fixed');\n    }\n\n    // add a class based on the @density argument\n    if (this.density) {\n      classes.push(`hds-table--density-${this.density}`);\n    }\n\n    // add a class based on the @valign argument\n    if (this.valign) {\n      classes.push(`hds-table--valign-${this.valign}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  setSortBy(column) {\n    if (this.sortBy === column) {\n      // check to see if the column is already sorted and invert the sort order if so\n      this.sortOrder = this.sortOrder === 'asc' ? 'desc' : 'asc';\n    } else {\n      // otherwise, set the sort order to ascending\n      this.sortBy = column;\n      this.sortOrder = 'asc';\n    }\n\n    let { onSort } = this.args;\n\n    if (typeof onSort === 'function') {\n      onSort(this.sortBy, this.sortOrder);\n    }\n  }\n\n  onSelectionChangeCallback(checkbox, selectionKey) {\n    let { onSelectionChange } = this.args;\n    if (typeof onSelectionChange === 'function') {\n      onSelectionChange({\n        selectionKey: selectionKey,\n        selectionCheckboxElement: checkbox,\n        selectedRowsKeys: this.selectableRows.reduce((acc, row) => {\n          if (row.checkbox.checked) {\n            acc.push(row.selectionKey);\n          }\n          return acc;\n        }, []),\n        selectableRowsStates: this.selectableRows.reduce((acc, row) => {\n          acc.push({\n            selectionKey: row.selectionKey,\n            isSelected: row.checkbox.checked,\n          });\n          return acc;\n        }, []),\n      });\n    }\n  }\n\n  @action\n  onSelectionAllChange() {\n    this.selectableRows.forEach((row) => {\n      row.checkbox.checked = this.selectAllCheckbox.checked;\n      row.checkbox.dispatchEvent(new Event('toggle', { bubbles: false }));\n    });\n    this.isSelectAllCheckboxSelected = this.selectAllCheckbox.checked;\n    this.onSelectionChangeCallback(this.selectAllCheckbox, 'all');\n  }\n\n  @action\n  onSelectionRowChange(checkbox, selectionKey) {\n    this.setSelectAllState();\n    this.onSelectionChangeCallback(checkbox, selectionKey);\n  }\n\n  @action\n  didInsertSelectAllCheckbox(checkbox) {\n    this.selectAllCheckbox = checkbox;\n  }\n\n  @action\n  willDestroySelectAllCheckbox() {\n    this.selectAllCheckbox = undefined;\n  }\n\n  @action\n  didInsertRowCheckbox(checkbox, selectionKey) {\n    this.selectableRows.push({ selectionKey, checkbox });\n    this.setSelectAllState();\n  }\n\n  @action\n  willDestroyRowCheckbox(selectionKey) {\n    this.selectableRows = this.selectableRows.filter(\n      (row) => row.selectionKey !== selectionKey\n    );\n    this.setSelectAllState();\n  }\n\n  @action\n  setSelectAllState() {\n    if (this.selectAllCheckbox) {\n      let selectableRowsCount = this.selectableRows.length;\n      let selectedRowsCount = this.selectableRows.filter(\n        (row) => row.checkbox.checked\n      ).length;\n\n      this.selectAllCheckbox.checked =\n        selectedRowsCount === selectableRowsCount;\n      this.selectAllCheckbox.indeterminate =\n        selectedRowsCount > 0 && selectedRowsCount < selectableRowsCount;\n      this.isSelectAllCheckboxSelected = this.selectAllCheckbox.checked;\n      this.selectAllCheckbox.dispatchEvent(\n        new Event('toggle', { bubbles: false })\n      );\n    }\n  }\n}\n"],"names":["DENSITIES","DEFAULT_DENSITY","VALIGNMENTS","DEFAULT_VALIGN","HdsTableIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","_descriptor4","getSortCriteria","currentColumn","columns","find","column","key","sortBy","sortingFunction","sortOrder","identityKey","undefined","sortedMessageText","isStriped","isFixedLayout","density","assert","join","includes","valign","classNames","classes","push","setSortBy","onSort","onSelectionChangeCallback","checkbox","selectionKey","onSelectionChange","selectionCheckboxElement","selectedRowsKeys","selectableRows","reduce","acc","row","checked","selectableRowsStates","isSelected","onSelectionAllChange","forEach","selectAllCheckbox","dispatchEvent","Event","bubbles","isSelectAllCheckboxSelected","onSelectionRowChange","setSelectAllState","didInsertSelectAllCheckbox","willDestroySelectAllCheckbox","didInsertRowCheckbox","willDestroyRowCheckbox","filter","selectableRowsCount","length","selectedRowsCount","indeterminate","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+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<td class={{this.classNames}} ...attributes>\n  {{yield}}\n</td>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const ALIGNMENTS = ['left', 'center', 'right'];
+const DEFAULT_ALIGN = 'left';
+class HdsTableTdComponent extends Component {
+  /**
+   * @param align
+   * @type {string}
+   * @default left
+   * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
+   */
+  get align() {
+    let {
+      align = DEFAULT_ALIGN
+    } = this.args;
+    assert(`@align for "Hds::Table::Td" must be one of the following: ${ALIGNMENTS.join(', ')}; received: ${align}`, ALIGNMENTS.includes(align));
+    return align;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-table__td', 'hds-typography-body-200', 'hds-font-weight-regular'];
+
+    // add a class based on the @align argument
+    if (this.align) {
+      classes.push(`hds-table__td--align-${this.align}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableTdComponent);
+
+export { HdsTableTdComponent as default };
+//# sourceMappingURL=td.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"td.js","sources":["../../../../src/components/hds/table/td.hbs","../../../../src/components/hds/table/td.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<td class={{this.classNames}} ...attributes>\\n  {{yield}}\\n</td>\")","/**\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\nconst ALIGNMENTS = ['left', 'center', 'right'];\nconst DEFAULT_ALIGN = 'left';\n\nexport default class HdsTableTdComponent extends Component {\n  /**\n   * @param align\n   * @type {string}\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() {\n    let { align = DEFAULT_ALIGN } = this.args;\n\n    assert(\n      `@align for \"Hds::Table::Td\" 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() {\n    let classes = [\n      'hds-table__td',\n      'hds-typography-body-200',\n      'hds-font-weight-regular',\n    ];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-table__td--align-${this.align}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNMENTS","DEFAULT_ALIGN","HdsTableTdComponent","Component","align","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,gJAAgJ;;ACDlL;AACA;AACA;AACA;;AAKA,MAAMA,UAAU,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC9C,MAAMC,aAAa,GAAG,MAAM,CAAA;AAEb,MAAMC,mBAAmB,SAASC,SAAS,CAAC;AACzD;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGH,aAAAA;KAAe,GAAG,IAAI,CAACI,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACH,CAA4DN,0DAAAA,EAAAA,UAAU,CAACO,IAAI,CAC1E,IACF,CAAE,CAAA,YAAA,EAAcH,KAAM,CAAA,CAAC,EACvBJ,UAAU,CAACQ,QAAQ,CAACJ,KAAK,CAC3B,CAAC,CAAA;AACD,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAG;IACf,IAAIC,OAAO,GAAG,CACZ,eAAe,EACf,yBAAyB,EACzB,yBAAyB,CAC1B,CAAA;;AAED;IACA,IAAI,IAAI,CAACN,KAAK,EAAE;MACdM,OAAO,CAACC,IAAI,CAAE,CAAA,qBAAA,EAAuB,IAAI,CAACP,KAAM,EAAC,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAtCoBX,mBAAmB,CAAA;;;;"}

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

@@ -0,0 +1,82 @@
+import { _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+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<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-table__th-button-aria-label-hidden-segment\">Sort by</span>\n  <span id={{this.suffixLabelId}} class=\"hds-table__th-button-aria-label-hidden-segment\">{{this.sortOrderLabel}}</span>\n  <FlightIcon @name={{this.icon}} />\n</button>");
+
+const NOOP = () => {};
+class HdsTableThButtonSortComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generates a unique ID for the (hidden) "label prefix/suffix" <span> elements
+     *
+     * @param prefixLabelId/suffixLabelId
+     */
+    _defineProperty(this, "prefixLabelId", 'prefix-' + guidFor(this));
+    _defineProperty(this, "suffixLabelId", 'suffix-' + guidFor(this));
+  }
+  /**
+   * @param icon
+   * @type {string}
+   * @private
+   * @default swap-vertical
+   * @description Determines which icon to use based on the sort order defined
+   */
+  get icon() {
+    switch (this.args.sortOrder) {
+      case 'asc':
+        return 'arrow-up';
+      case 'desc':
+        return 'arrow-down';
+      default:
+        return 'swap-vertical';
+    }
+  }
+
+  /**
+   * @param sortOrderLabel
+   * @default 'ascending'
+   * @description 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 === 'asc' ? 'descending' : 'ascending';
+  }
+
+  /**
+   * @param onClick
+   * @type {function}
+   * @default () => {}
+   */
+  get onClick() {
+    let {
+      onClick
+    } = this.args;
+    if (typeof onClick === 'function') {
+      return onClick;
+    } else {
+      return NOOP;
+    }
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-table__th-button', 'hds-table__th-button--sort'];
+
+    // add a class based on the @sortOrder argument
+    if (this.args.sortOrder === 'asc' || this.args.sortOrder === 'desc') {
+      classes.push(`hds-table__th-button--is-sorted`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableThButtonSortComponent);
+
+export { HdsTableThButtonSortComponent as default };
+//# sourceMappingURL=th-button-sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-button-sort.js","sources":["../../../../src/components/hds/table/th-button-sort.hbs","../../../../src/components/hds/table/th-button-sort.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default 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-table__th-button-aria-label-hidden-segment\\\">Sort by</span>\\n  <span id={{this.suffixLabelId}} class=\\\"hds-table__th-button-aria-label-hidden-segment\\\">{{this.sortOrderLabel}}</span>\\n  <FlightIcon @name={{this.icon}} />\\n</button>\")","/**\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\nconst NOOP = () => {};\n\nexport default class HdsTableThButtonSortComponent extends Component {\n  /**\n   * Generates a unique ID for the (hidden) \"label prefix/suffix\" <span> elements\n   *\n   * @param prefixLabelId/suffixLabelId\n   */\n  prefixLabelId = 'prefix-' + guidFor(this);\n  suffixLabelId = 'suffix-' + guidFor(this);\n\n  /**\n   * @param icon\n   * @type {string}\n   * @private\n   * @default swap-vertical\n   * @description Determines which icon to use based on the sort order defined\n   */\n  get icon() {\n    switch (this.args.sortOrder) {\n      case 'asc':\n        return 'arrow-up';\n      case 'desc':\n        return 'arrow-down';\n      default:\n        return 'swap-vertical';\n    }\n  }\n\n  /**\n   * @param sortOrderLabel\n   * @default 'ascending'\n   * @description 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\n   */\n  get sortOrderLabel() {\n    return this.args.sortOrder === 'asc' ? 'descending' : 'ascending';\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick() {\n    let { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\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() {\n    let classes = ['hds-table__th-button', 'hds-table__th-button--sort'];\n\n    // add a class based on the @sortOrder argument\n    if (this.args.sortOrder === 'asc' || this.args.sortOrder === 'desc') {\n      classes.push(`hds-table__th-button--is-sorted`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["NOOP","HdsTableThButtonSortComponent","Component","constructor","args","_defineProperty","guidFor","icon","sortOrder","sortOrderLabel","onClick","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,qiBAAqiB;;ACOvkB,MAAMA,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,6BAA6B,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACnE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,wBAKgB,SAAS,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAAD,IAAAA,eAAA,wBACzB,SAAS,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAEzC;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;AACT,IAAA,QAAQ,IAAI,CAACH,IAAI,CAACI,SAAS;AACzB,MAAA,KAAK,KAAK;AACR,QAAA,OAAO,UAAU,CAAA;AACnB,MAAA,KAAK,MAAM;AACT,QAAA,OAAO,YAAY,CAAA;AACrB,MAAA;AACE,QAAA,OAAO,eAAe,CAAA;AAC1B,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAG;IACnB,OAAO,IAAI,CAACL,IAAI,CAACI,SAAS,KAAK,KAAK,GAAG,YAAY,GAAG,WAAW,CAAA;AACnE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,OAAOA,GAAG;IACZ,IAAI;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACN,IAAI,CAAA;AAE3B,IAAA,IAAI,OAAOM,OAAO,KAAK,UAAU,EAAE;AACjC,MAAA,OAAOA,OAAO,CAAA;AAChB,KAAC,MAAM;AACL,MAAA,OAAOV,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIW,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,sBAAsB,EAAE,4BAA4B,CAAC,CAAA;;AAEpE;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACI,SAAS,KAAK,KAAK,IAAI,IAAI,CAACJ,IAAI,CAACI,SAAS,KAAK,MAAM,EAAE;AACnEI,MAAAA,OAAO,CAACC,IAAI,CAAE,CAAA,+BAAA,CAAgC,CAAC,CAAA;AACjD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAlEoBf,6BAA6B,CAAA;;;;"}

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

@@ -0,0 +1,32 @@
+import { _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+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 @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  <FlightIcon @name=\"info\" />\n</button>");
+
+class HdsTableThButtonTooltipComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generates a unique ID for the (hidden) "label prefix" <span> element
+     *
+     * @param prefixLabelId
+     */
+    _defineProperty(this, "prefixLabelId", guidFor(this));
+  }
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-table__th-button', 'hds-table__th-button--tooltip'];
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableThButtonTooltipComponent);
+
+export { HdsTableThButtonTooltipComponent as default };
+//# sourceMappingURL=th-button-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-button-tooltip.js","sources":["../../../../src/components/hds/table/th-button-tooltip.hbs","../../../../src/components/hds/table/th-button-tooltip.js"],"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 @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  <FlightIcon @name=\\\"info\\\" />\\n</button>\")","/**\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\nexport default class HdsTableThButtonTooltipComponent extends Component {\n  /**\n   * Generates a unique ID for the (hidden) \"label prefix\" <span> element\n   *\n   * @param prefixLabelId\n   */\n  prefixLabelId = guidFor(this);\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() {\n    let classes = ['hds-table__th-button', 'hds-table__th-button--tooltip'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsTableThButtonTooltipComponent","Component","constructor","args","_defineProperty","guidFor","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,wZAAwZ;;ACO3a,MAAMA,gCAAgC,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACtE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,CAKgBC,IAAAA,EAAAA,eAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAE7B;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,sBAAsB,EAAE,+BAA+B,CAAC,CAAA;AAEvE,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAlBoBV,gCAAgC,CAAA;;;;"}

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

@@ -0,0 +1,81 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty, _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
+import { tracked } from '@glimmer/tracking';
+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<Hds::Table::Th class=\"hds-table__th--is-selectable\" @scope={{@selectionScope}} ...attributes>\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.willDestroy}}\n    {{on \"change\" this.onSelectionChange}}\n  />\n</Hds::Table::Th>");
+
+var _class, _descriptor;
+let HdsTableThSelectableComponent = (_class = class HdsTableThSelectableComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    _initializerDefineProperty(this, "isSelected", _descriptor, this);
+    /**
+     * Generate a unique ID for the Checkbox
+     * @return {string}
+     */
+    _defineProperty(this, "checkboxId", 'checkbox-' + guidFor(this));
+  }
+  get ariaLabel() {
+    let {
+      selectionAriaLabelSuffix
+    } = this.args;
+    const prefix = this.isSelected ? 'Deselect' : 'Select';
+    if (selectionAriaLabelSuffix) {
+      return `${prefix} ${selectionAriaLabelSuffix}`;
+    } else {
+      return prefix;
+    }
+  }
+  didInsert(checkbox) {
+    let {
+      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);
+    }
+  }
+  willDestroy(checkbox) {
+    super.willDestroy(...arguments);
+    let {
+      willDestroy
+    } = this.args;
+    if (typeof willDestroy === 'function') {
+      willDestroy(this.args.selectionKey);
+      if (checkbox) {
+        checkbox.removeEventListener('toggle', this.updateAriaLabel.bind(this), true);
+      }
+    }
+  }
+  onSelectionChange(event) {
+    this.isSelected = event.target.checked;
+    let {
+      onSelectionChange
+    } = this.args;
+    if (typeof onSelectionChange === 'function') {
+      onSelectionChange(event.target, this.args.selectionKey);
+    }
+  }
+  updateAriaLabel(event) {
+    // updating the `isSelected` value will trigger the update of the `aria-label` value via the `ariaLabel` getter
+    this.isSelected = event.target.checked;
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isSelected", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.isSelected;
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroy", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroy"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onSelectionChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onSelectionChange"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsTableThSelectableComponent);
+
+export { HdsTableThSelectableComponent as default };
+//# sourceMappingURL=th-selectable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-selectable.js","sources":["../../../../src/components/hds/table/th-selectable.hbs","../../../../src/components/hds/table/th-selectable.js"],"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 class=\\\"hds-table__th--is-selectable\\\" @scope={{@selectionScope}} ...attributes>\\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.willDestroy}}\\n    {{on \\\"change\\\" this.onSelectionChange}}\\n  />\\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';\n\nexport default class HdsTableThSelectableComponent extends Component {\n  @tracked isSelected = this.args.isSelected;\n\n  /**\n   * Generate a unique ID for the Checkbox\n   * @return {string}\n   */\n  checkboxId = 'checkbox-' + guidFor(this);\n\n  get ariaLabel() {\n    let { selectionAriaLabelSuffix } = this.args;\n    const prefix = this.isSelected ? 'Deselect' : 'Select';\n    if (selectionAriaLabelSuffix) {\n      return `${prefix} ${selectionAriaLabelSuffix}`;\n    } else {\n      return prefix;\n    }\n  }\n\n  @action\n  didInsert(checkbox) {\n    let { 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  willDestroy(checkbox) {\n    super.willDestroy(...arguments);\n    let { 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) {\n    this.isSelected = event.target.checked;\n    let { onSelectionChange } = this.args;\n    if (typeof onSelectionChange === 'function') {\n      onSelectionChange(event.target, this.args.selectionKey);\n    }\n  }\n\n  updateAriaLabel(event) {\n    // updating the `isSelected` value will trigger the update of the `aria-label` value via the `ariaLabel` getter\n    this.isSelected = event.target.checked;\n  }\n}\n"],"names":["HdsTableThSelectableComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","guidFor","ariaLabel","selectionAriaLabelSuffix","prefix","isSelected","didInsert","checkbox","selectionKey","addEventListener","updateAriaLabel","bind","willDestroy","arguments","removeEventListener","onSelectionChange","event","target","checked","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+import { _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+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<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>");
+
+const ALIGNMENTS = ['left', 'center', 'right'];
+const DEFAULT_ALIGN = 'left';
+class HdsTableThSortComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generates a unique ID for the <span> element ("label")
+     *
+     * @param labelId
+     */
+    _defineProperty(this, "labelId", guidFor(this));
+  }
+  /**
+   * @param ariaSort
+   * @type {string}
+   * @private
+   * @default none
+   * @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.
+   */
+  get ariaSort() {
+    switch (this.args.sortOrder) {
+      case 'asc':
+        return 'ascending';
+      case 'desc':
+        return 'descending';
+      default:
+        // none is the default per the spec.
+        return 'none';
+    }
+  }
+
+  /**
+   * @param align
+   * @type {string}
+   * @default left
+   * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
+   */
+  get align() {
+    let {
+      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 the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-table__th', 'hds-table__th--sort'];
+
+    // add a class based on the @align argument
+    if (this.align) {
+      classes.push(`hds-table__th--align-${this.align}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableThSortComponent);
+
+export { HdsTableThSortComponent as default };
+//# sourceMappingURL=th-sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th-sort.js","sources":["../../../../src/components/hds/table/th-sort.hbs","../../../../src/components/hds/table/th-sort.js"],"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\nconst ALIGNMENTS = ['left', 'center', 'right'];\nconst DEFAULT_ALIGN = 'left';\n\nexport default class HdsTableThSortComponent extends Component {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param labelId\n   */\n  labelId = guidFor(this);\n\n  /**\n   * @param ariaSort\n   * @type {string}\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() {\n    switch (this.args.sortOrder) {\n      case 'asc':\n        return 'ascending';\n      case 'desc':\n        return 'descending';\n      default:\n        // none is the default per the spec.\n        return 'none';\n    }\n  }\n\n  /**\n   * @param align\n   * @type {string}\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() {\n    let { 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() {\n    let 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","DEFAULT_ALIGN","HdsTableThSortComponent","Component","constructor","args","_defineProperty","guidFor","ariaSort","sortOrder","align","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,6mBAA6mB;;ACQ/oB,MAAMA,UAAU,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC9C,MAAMC,aAAa,GAAG,MAAM,CAAA;AAEb,MAAMC,uBAAuB,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAC7D;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,CAKUC,IAAAA,EAAAA,SAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAEvB;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAG;AACb,IAAA,QAAQ,IAAI,CAACH,IAAI,CAACI,SAAS;AACzB,MAAA,KAAK,KAAK;AACR,QAAA,OAAO,WAAW,CAAA;AACpB,MAAA,KAAK,MAAM;AACT,QAAA,OAAO,YAAY,CAAA;AACrB,MAAA;AACE;AACA,QAAA,OAAO,MAAM,CAAA;AACjB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGT,aAAAA;KAAe,GAAG,IAAI,CAACI,IAAI,CAAA;AAEzCM,IAAAA,MAAM,CACH,CAAwDX,sDAAAA,EAAAA,UAAU,CAACY,IAAI,CACtE,IACF,CAAE,CAAA,YAAA,EAAcF,KAAM,CAAA,CAAC,EACvBV,UAAU,CAACa,QAAQ,CAACH,KAAK,CAC3B,CAAC,CAAA;AACD,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAA;;AAEtD;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAE,CAAA,qBAAA,EAAuB,IAAI,CAACN,KAAM,EAAC,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EA5DoBhB,uBAAuB,CAAA;;;;"}

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

@@ -0,0 +1,54 @@
+import { _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+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<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>");
+
+const ALIGNMENTS = ['left', 'center', 'right'];
+const DEFAULT_ALIGN = 'left';
+class HdsTableThComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generates a unique ID for the <span> element ("label")
+     *
+     * @param labelId
+     */
+    _defineProperty(this, "labelId", guidFor(this));
+  }
+  /**
+   * @param align
+   * @type {string}
+   * @default left
+   * @description Determines the text alignment of the header or cell content. Options are: "left", "center", "right". If no align is defined, "left" is used.
+   */
+  get align() {
+    let {
+      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;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-table__th'];
+
+    // add a class based on the @align argument
+    if (this.align) {
+      classes.push(`hds-table__th--align-${this.align}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableThComponent);
+
+export { HdsTableThComponent as default };
+//# sourceMappingURL=th.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"th.js","sources":["../../../../src/components/hds/table/th.hbs","../../../../src/components/hds/table/th.js"],"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\nconst ALIGNMENTS = ['left', 'center', 'right'];\nconst DEFAULT_ALIGN = 'left';\n\nexport default class HdsTableThComponent extends Component {\n  /**\n   * Generates a unique ID for the <span> element (\"label\")\n   *\n   * @param labelId\n   */\n  labelId = guidFor(this);\n\n  /**\n   * @param align\n   * @type {string}\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() {\n    let { 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() {\n    let 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","DEFAULT_ALIGN","HdsTableThComponent","Component","constructor","args","_defineProperty","guidFor","align","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,urBAAurB;;ACQztB,MAAMA,UAAU,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC9C,MAAMC,aAAa,GAAG,MAAM,CAAA;AAEb,MAAMC,mBAAmB,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACzD;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,CAKUC,IAAAA,EAAAA,SAAAA,EAAAA,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAEvB;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGP,aAAAA;KAAe,GAAG,IAAI,CAACI,IAAI,CAAA;AAEzCI,IAAAA,MAAM,CACH,CAA4DT,0DAAAA,EAAAA,UAAU,CAACU,IAAI,CAC1E,IACF,CAAE,CAAA,YAAA,EAAcF,KAAM,CAAA,CAAC,EACvBR,UAAU,CAACW,QAAQ,CAACH,KAAK,CAC3B,CAAC,CAAA;AACD,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;;AAE/B;IACA,IAAI,IAAI,CAACL,KAAK,EAAE;MACdK,OAAO,CAACC,IAAI,CAAE,CAAA,qBAAA,EAAuB,IAAI,CAACN,KAAM,EAAC,CAAC,CAAA;AACpD,KAAA;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAzCoBd,mBAAmB,CAAA;;;;"}

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

@@ -0,0 +1,30 @@
+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<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      @didInsert={{@didInsert}}\n      @willDestroy={{@willDestroy}}\n      @onSelectionChange={{@onSelectionChange}}\n    />\n  {{/if}}\n\n  {{yield}}\n</tr>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsTableTrComponent extends Component {
+  /**
+   * @param selectionKey
+   * @type {string}
+   * @default undefined
+   */
+  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;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsTableTrComponent);
+
+export { HdsTableTrComponent as default };
+//# sourceMappingURL=tr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tr.js","sources":["../../../../src/components/hds/table/tr.hbs","../../../../src/components/hds/table/tr.js"],"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      @didInsert={{@didInsert}}\\n      @willDestroy={{@willDestroy}}\\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';\n\nexport default class HdsTableTrComponent extends Component {\n  /**\n   * @param selectionKey\n   * @type {string}\n   * @default undefined\n   */\n  get selectionKey() {\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":["HdsTableTrComponent","Component","selectionKey","args","isSelectable","selectionScope","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,4gBAA4gB;;ACD9iB;AACA;AACA;AACA;;AAKe,MAAMA,mBAAmB,SAASC,SAAS,CAAC;AACzD;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAG;AACjB,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,YAAY,IAAI,IAAI,CAACD,IAAI,CAACE,cAAc,KAAK,KAAK,EAAE;MAChEC,MAAM,CACH,+EAA8E,EAC/E,IAAI,CAACH,IAAI,CAACD,YACZ,CAAC,CAAA;AACD,MAAA,OAAO,IAAI,CAACC,IAAI,CAACD,YAAY,CAAA;AAC/B,KAAA;AACA,IAAA,OAAOK,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAhBoBT,mBAAmB,CAAA;;;;"}