@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4

package/es/components/data-table/table-row.js

@@ -4,7 +4,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 let _ = t => t,
   _t,
   _t2,
-  _t3;
+  _t3,
+  _t4,
+  _t5;
 /**
  * @license
  *
@@ -17,9 +19,11 @@ let _ = t => t,
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
+import ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././data-table.css.js";
-
+import HostListener from '../../globals/decorators/host-listener';
+import HostListenerMixin from '../../globals/mixins/host-listener';
 /**
  * Data table row.
  *
@@ -29,36 +33,66 @@ import styles from "././data-table.css.js";
  * @fires cds-table-row-change-selection
  *   The custom event fired before this row is selected/unselected upon a user gesture.
  *   Cancellation of this event stops the user-initiated change in selection.
- */ /**
-     * Data table row.
-     *
-     * @element cds-table-row
-     * @csspart selection-container The container of the checkbox.
-     * @csspart selection The checkbox.
-     * @fires cds-table-row-change-selection
-     *   The custom event fired before this row is selected/unselected upon a user gesture.
-     *   Cancellation of this event stops the user-initiated change in selection.
-     */
-let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_initialize, _FocusMixin) {
-  class BXTableRow extends _FocusMixin {
+ */
+let CDSTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_initialize, _HostListenerMixin) {
+  class CDSTableRow extends _HostListenerMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTableRow,
+    F: CDSTableRow,
     d: [{
       kind: "method",
-      key: "_handleClickSelectionCheckbox",
+      decorators: [HostListener('eventRadioChange')],
+      key: "_handleClickSelectionRadio",
       value:
+      /**
+       * Handles `click` event on the radio button.
+       *
+       * @param event The event.
+       */
+      function _handleClickSelectionRadio(event) {
+        const {
+          detail
+        } = event;
+        const selected = detail.checked;
+        const init = {
+          bubbles: true,
+          cancelable: true,
+          composed: true,
+          detail: {
+            selected
+          }
+        };
+        const constructor = this.constructor;
+        if (this.dispatchEvent(new CustomEvent(constructor.eventBeforeChangeSelection, init))) {
+          var _this$nextElementSibl;
+          this.selected = selected;
+          const {
+            selectorExpandedRow
+          } = this.constructor;
+          if ((_this$nextElementSibl = this.nextElementSibling) !== null && _this$nextElementSibl !== void 0 && _this$nextElementSibl.matches(selectorExpandedRow)) {
+            this.nextElementSibling.selected = selected;
+          }
+        }
+      }
+
       /**
        * Handles `click` event on the check box.
        *
        * @param event The event.
        */
-      function _handleClickSelectionCheckbox(event) {
-        const selected = event.target.checked;
+    }, {
+      kind: "method",
+      decorators: [HostListener('eventCheckboxChange')],
+      key: "_handleClickSelectionCheckbox",
+      value: function _handleClickSelectionCheckbox(event) {
+        const {
+          detail
+        } = event;
+        const selected = detail.checked;
         const init = {
           bubbles: true,
           cancelable: true,
@@ -69,10 +103,100 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
         };
         const constructor = this.constructor;
         if (this.dispatchEvent(new CustomEvent(constructor.eventBeforeChangeSelection, init))) {
+          var _this$nextElementSibl2;
           this.selected = selected;
+          const {
+            selectorExpandedRow
+          } = this.constructor;
+          if ((_this$nextElementSibl2 = this.nextElementSibling) !== null && _this$nextElementSibl2 !== void 0 && _this$nextElementSibl2.matches(selectorExpandedRow)) {
+            this.nextElementSibling.selected = selected;
+          }
         }
       }
 
+      /**
+       * Handles `click` event on the expando button.
+       */
+    }, {
+      kind: "method",
+      key: "_handleClickExpando",
+      value: function _handleClickExpando() {
+        this._handleUserInitiatedToggleExpando();
+      }
+
+      /**
+       * Handles `mouseover`/`mouseout` event handler on this element.
+       *
+       * @param event The event.
+       */
+    }, {
+      kind: "method",
+      decorators: [HostListener('mouseover'), HostListener('mouseout')],
+      key: "_handleMouseOverOut",
+      value: function _handleMouseOverOut(event) {
+        const {
+          selectorExpandedRow,
+          selectorTableCellOverflowMenu
+        } = this.constructor;
+        const {
+          nextElementSibling
+        } = this;
+        if (nextElementSibling !== null && nextElementSibling !== void 0 && nextElementSibling.matches(selectorExpandedRow)) {
+          nextElementSibling.highlighted = event.type === 'mouseover';
+        }
+        if (this.overflowMenuOnHover) {
+          const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);
+          const parentCell = overflowMenu === null || overflowMenu === void 0 ? void 0 : overflowMenu.parentElement;
+          if (event.type === 'mouseout') {
+            parentCell.overflowMenuOnHover = true;
+          } else {
+            parentCell.overflowMenuOnHover = false;
+          }
+        }
+      }
+
+      /**
+       * Handles user-initiated toggle request of the expando button in this table row.
+       *
+       * @param expanded The new expanded state.
+       */
+    }, {
+      kind: "method",
+      key: "_handleUserInitiatedToggleExpando",
+      value: function _handleUserInitiatedToggleExpando(expanded = !this.expanded) {
+        const init = {
+          bubbles: true,
+          cancelable: true,
+          composed: true,
+          detail: {
+            expanded
+          }
+        };
+        if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeExpandoToggle, init))) {
+          this.expanded = expanded;
+          this.dispatchEvent(new CustomEvent(this.constructor.eventExpandoToggle, init));
+        }
+      }
+    }, {
+      kind: "method",
+      key: "_renderExpandButton",
+      value: function _renderExpandButton() {
+        const {
+          _handleClickExpando: handleClickExpando
+        } = this;
+        return html(_t || (_t = _`
+      <div class="${0}--table-expand">
+        <button
+          class="${0}--table-expand__button"
+          @click="${0}">
+          ${0}
+        </button>
+      </div>
+    `), prefix, prefix, handleClickExpando, ChevronRight16({
+          class: `${prefix}--table-expand__svg`
+        }));
+      }
+
       /**
        * @returns The first set of table cells.
        */
@@ -82,39 +206,42 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       value: function _renderFirstCells() {
         const {
           disabled,
+          hideCheckbox,
+          radio,
           selected,
           selectionLabel,
           selectionName,
           selectionValue
         } = this;
-        // Using `@click` instead of `@change` to support `.preventDefault()`
-        return !selectionName ? undefined : html(_t || (_t = _`
-          <div
-            part="selection-container"
-            class="${0}--table-column-checkbox">
+        return !selectionName ? undefined : html(_t2 || (_t2 = _`
+          <div class="${0}--table-column-checkbox">
             ${0}
           </div>
-        `), prefix, html(_t2 || (_t2 = _`
-              <input
-                id="selection"
-                part="selection"
-                class="${0}--checkbox"
-                type="checkbox"
-                value="${0}"
-                name="${0}"
-                ?disabled="${0}"
-                .checked=${0}
-                @click=${0} />
-              <label
-                for="selection"
-                class="${0}--checkbox-label"
-                aria-label="${0}"></label>
-            `), prefix, selectionValue, selectionName, disabled, selected, this._handleClickSelectionCheckbox, prefix, selectionLabel));
+        `), prefix, radio ? html(_t3 || (_t3 = _`<cds-radio-button data-table></cds-radio-button>`)) : html(_t4 || (_t4 = _`<cds-checkbox
+                  hide-label
+                  ?hide-checkbox="${0}"
+                  label-text="${0}"
+                  name=${0}
+                  data-table
+                  ?disabled=${0}
+                  ?checked=${0}
+                  value=${0}></cds-checkbox> `), hideCheckbox, selectionLabel, selectionName, disabled, selected, selectionValue));
       }
 
       /**
-       * `true` if this table row should be disabled.
+       * `true` if this table should support batch expansion
        */
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'batch-expansion'
+      })],
+      key: "batchExpansion",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -135,6 +262,57 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "expandable",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "expanded",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "filtered",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'hide-checkbox'
+      })],
+      key: "hideCheckbox",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "highlighted",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -145,6 +323,27 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'overflow-menu-on-hover'
+      })],
+      key: "overflowMenuOnHover",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "radio",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -186,18 +385,49 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       kind: "method",
       key: "connectedCallback",
       value:
+      /**
+       * `true` if this table row should be disabled.
+       */
       /**
        * `true` if this table row is placed at an even position in parent `<cds-table-body>`.
        * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.
        *
        * @private
        */
+      /**
+       * `true` if this table row can be expanded to show content underneath
+       *
+       * @private
+       */
+      /**
+       * `true` when the table row expanded is showing
+       *
+       * @private
+       */
+      /**
+       * `true` if this table row should be filtered out.
+       */
+      /**
+       * Specify whether the checkbox should be present in the DOM,
+       * but invisible and uninteractable.
+       */
+      /**
+       * `true` if the table row should be highlighted.
+       */
       /**
        * `true` if this table row is placed at an odd position in parent `<cds-table-body>`.
        * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.
        *
        * @private
        */
+      /**
+       * Specify whether the overflow menu (if it exists) should be shown always, or only on hover
+       */
+      /**
+       * Specify whether the control should be a radio button or inline checkbox
+       *
+       * @private
+       */
       /**
        * `true` if this table row should be selected.
        */
@@ -211,17 +441,83 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       /**
        * The `value` attribute for the `<input>` for selection.
        */
+      /**
+       * TODO: Uncomment when Carbon fully implements sticky header
+       * Specify whether the header should be sticky.
+       * Still experimental: may not work with every combination of table props
+       */
+      // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
+      // stickyHeader = false;
       function connectedCallback() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'row');
         }
-        _get(_getPrototypeOf(BXTableRow.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSTableRow.prototype), "connectedCallback", this).call(this);
+      }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated(changedProperties) {
+        if (changedProperties.has('expanded')) {
+          const {
+            selectorExpandedRow
+          } = this.constructor;
+          const {
+            expanded,
+            nextElementSibling
+          } = this;
+          if (nextElementSibling !== null && nextElementSibling !== void 0 && nextElementSibling.matches(selectorExpandedRow)) {
+            nextElementSibling.expanded = expanded;
+          }
+        }
+        if (changedProperties.has('highlighted')) {
+          const {
+            selectorExpandedRow
+          } = this.constructor;
+          const {
+            highlighted,
+            nextElementSibling
+          } = this;
+          if (nextElementSibling !== null && nextElementSibling !== void 0 && nextElementSibling.matches(selectorExpandedRow)) {
+            nextElementSibling.highlighted = highlighted;
+          }
+        }
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t3 || (_t3 = _` ${0}<slot></slot> `), this._renderFirstCells());
+        if (this.selectionName) {
+          var _this$closest;
+          (_this$closest = this.closest(this.constructor.selectorTable)) === null || _this$closest === void 0 ? void 0 : _this$closest.setAttribute('is-selectable', '');
+        }
+        return html(_t5 || (_t5 = _`
+      ${0}
+      ${0}
+      <slot></slot>
+    `), this.expandable ? this._renderExpandButton() : '', this._renderFirstCells());
+      }
+
+      /**
+       * The name of the custom event fired after this radio button changes its checked state.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventRadioChange",
+      value: function eventRadioChange() {
+        return `${prefix}-radio-button-changed`;
+      }
+
+      /**
+       * The name of the custom event fired after this radio button changes its checked state.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventCheckboxChange",
+      value: function eventCheckboxChange() {
+        return `${prefix}-checkbox-changed`;
       }
 
       /**
@@ -237,7 +533,7 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       }
 
       /**
-       * The CSS selector to find the table.
+       * A selector that will return the parent table
        */
     }, {
       kind: "get",
@@ -246,6 +542,51 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       value: function selectorTable() {
         return `${prefix}-table`;
       }
+
+      /**
+       * The CSS selector to find the overflow menu on the table cell
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorTableCellOverflowMenu",
+      value: function selectorTableCellOverflowMenu() {
+        return `${prefix}-table-cell ${prefix}-overflow-menu`;
+      }
+
+      /**
+       * A selector that will return the corresponding expanded row.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorExpandedRow",
+      value: function selectorExpandedRow() {
+        return `${prefix}-table-expanded-row`;
+      }
+
+      /**
+       * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.
+       * Cancellation of this event stops the user-initiated action of toggling the expanded state.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventBeforeExpandoToggle",
+      value: function eventBeforeExpandoToggle() {
+        return `${prefix}-table-row-expando-beingtoggled`;
+      }
+
+      /**
+       * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventExpandoToggle",
+      value: function eventExpandoToggle() {
+        return `${prefix}-table-row-expando-toggled`;
+      }
     }, {
       kind: "field",
       static: true,
@@ -255,6 +596,6 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
       }
     }]
   };
-}, FocusMixin(LitElement));
-export default BXTableRow;
+}, HostListenerMixin(FocusMixin(LitElement)));
+export default CDSTableRow;
 //# sourceMappingURL=table-row.js.map

package/es/components/data-table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","names":["LitElement","html","property","customElement","prefix","FocusMixin","styles","BXTableRow","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClickSelectionCheckbox","event","selected","target","checked","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_renderFirstCells","disabled","selectionLabel","selectionName","selectionValue","undefined","_t","_","_t2","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t3","static","selectorTable"],"sources":["components/data-table/table-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\n/**\n * Data table row.\n *\n * @element cds-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-table-row-change-selection\n *   The custom event fired before this row is selected/unselected upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in selection.\n */\n@customElement(`${prefix}-table-row`)\nclass BXTableRow extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  private _handleClickSelectionCheckbox(event: Event) {\n    const selected = (event.target as HTMLInputElement).checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof BXTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n    }\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    // Using `@click` instead of `@change` to support `.preventDefault()`\n    return !selectionName\n      ? undefined\n      : html`\n          <div\n            part=\"selection-container\"\n            class=\"${prefix}--table-column-checkbox\">\n            ${html`\n              <input\n                id=\"selection\"\n                part=\"selection\"\n                class=\"${prefix}--checkbox\"\n                type=\"checkbox\"\n                value=\"${selectionValue}\"\n                name=\"${selectionName}\"\n                ?disabled=\"${disabled}\"\n                .checked=${selected}\n                @click=${this._handleClickSelectionCheckbox} />\n              <label\n                for=\"selection\"\n                class=\"${prefix}--checkbox-label\"\n                aria-label=\"${selectionLabel}\"></label>\n            `}\n          </div>\n        `;\n  }\n\n  /**\n   * `true` if this table row should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this table row is placed at an even position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  even = false;\n\n  /**\n   * `true` if this table row is placed at an odd position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  odd = false;\n\n  /**\n   * `true` if this table row should be selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `aria-label` attribute for the `<label>` for selection.\n   */\n  @property({ attribute: 'selection-label' })\n  selectionLabel = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this table row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` ${this._renderFirstCells()}<slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in selection.\n   */\n  static get eventBeforeChangeSelection() {\n    return `${prefix}-table-row-change-selection`;\n  }\n\n  /**\n   * The CSS selector to find the table.\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableRow;\n"],"mappings":"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"}
+{"version":3,"file":"table-row.js","names":["LitElement","html","property","customElement","prefix","ChevronRight16","FocusMixin","styles","HostListener","HostListenerMixin","CDSTableRow","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleClickSelectionRadio","event","detail","selected","checked","init","bubbles","cancelable","composed","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_this$nextElementSibl","selectorExpandedRow","nextElementSibling","matches","_handleClickSelectionCheckbox","_this$nextElementSibl2","_handleClickExpando","_handleUserInitiatedToggleExpando","_handleMouseOverOut","selectorTableCellOverflowMenu","highlighted","type","overflowMenuOnHover","overflowMenu","querySelector","parentCell","parentElement","expanded","eventBeforeExpandoToggle","eventExpandoToggle","_renderExpandButton","handleClickExpando","_t","_","class","_renderFirstCells","disabled","hideCheckbox","radio","selectionLabel","selectionName","selectionValue","undefined","_t2","_t3","_t4","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","render","_this$closest","closest","selectorTable","_t5","expandable","static","eventRadioChange","eventCheckboxChange"],"sources":["components/data-table/table-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableExpandedRow from './table-expanded-row';\nimport CDSTableCell from './table-cell';\n\n/**\n * Data table row.\n *\n * @element cds-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-table-row-change-selection\n *   The custom event fired before this row is selected/unselected upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in selection.\n */\n@customElement(`${prefix}-table-row`)\nclass CDSTableRow extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Handles `click` event on the radio button.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventRadioChange')\n  // @ts-ignore\n  private _handleClickSelectionRadio(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventCheckboxChange')\n  // @ts-ignore\n  private _handleClickSelectionCheckbox(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggleExpando();\n  }\n\n  /**\n   * Handles `mouseover`/`mouseout` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('mouseover')\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleMouseOverOut(event: MouseEvent) {\n    const { selectorExpandedRow, selectorTableCellOverflowMenu } = this\n      .constructor as typeof CDSTableRow;\n    const { nextElementSibling } = this;\n    if (nextElementSibling?.matches(selectorExpandedRow)) {\n      (nextElementSibling as CDSTableExpandedRow).highlighted =\n        event.type === 'mouseover';\n    }\n    if (this.overflowMenuOnHover) {\n      const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);\n      const parentCell = overflowMenu?.parentElement;\n\n      if (event.type === 'mouseout') {\n        (parentCell as CDSTableCell).overflowMenuOnHover = true;\n      } else {\n        (parentCell as CDSTableCell).overflowMenuOnHover = false;\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggle request of the expando button in this table row.\n   *\n   * @param expanded The new expanded state.\n   */\n  _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventBeforeExpandoToggle,\n          init\n        )\n      )\n    ) {\n      this.expanded = expanded;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventExpandoToggle,\n          init\n        )\n      );\n    }\n  }\n\n  protected _renderExpandButton() {\n    const { _handleClickExpando: handleClickExpando } = this;\n    return html`\n      <div class=\"${prefix}--table-expand\">\n        <button\n          class=\"${prefix}--table-expand__button\"\n          @click=\"${handleClickExpando}\">\n          ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}\n        </button>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      hideCheckbox,\n      radio,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    return !selectionName\n      ? undefined\n      : html`\n          <div class=\"${prefix}--table-column-checkbox\">\n            ${radio\n              ? html`<cds-radio-button data-table></cds-radio-button>`\n              : html`<cds-checkbox\n                  hide-label\n                  ?hide-checkbox=\"${hideCheckbox}\"\n                  label-text=\"${selectionLabel}\"\n                  name=${selectionName}\n                  data-table\n                  ?disabled=${disabled}\n                  ?checked=${selected}\n                  value=${selectionValue}></cds-checkbox> `}\n          </div>\n        `;\n  }\n\n  /**\n   * `true` if this table should support batch expansion\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n  batchExpansion = false;\n\n  /**\n   * `true` if this table row should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this table row is placed at an even position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  even = false;\n\n  /**\n   * `true` if this table row can be expanded to show content underneath\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` when the table row expanded is showing\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if this table row should be filtered out.\n   */\n  @property({ type: Boolean, reflect: true })\n  filtered = false;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this table row is placed at an odd position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  odd = false;\n\n  /**\n   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'overflow-menu-on-hover',\n  })\n  overflowMenuOnHover = false;\n\n  /**\n   * Specify whether the control should be a radio button or inline checkbox\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  radio = false;\n\n  /**\n   * `true` if this table row should be selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `aria-label` attribute for the `<label>` for selection.\n   */\n  @property({ attribute: 'selection-label' })\n  selectionLabel = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this table row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).expanded = expanded;\n      }\n    }\n\n    if (changedProperties.has('highlighted')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { highlighted, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).highlighted = highlighted;\n      }\n    }\n  }\n\n  render() {\n    if (this.selectionName) {\n      this.closest(\n        (this.constructor as typeof CDSTableRow).selectorTable\n      )?.setAttribute('is-selectable', '');\n    }\n    return html`\n      ${this.expandable ? this._renderExpandButton() : ''}\n      ${this._renderFirstCells()}\n      <slot></slot>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventRadioChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventCheckboxChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in selection.\n   */\n  static get eventBeforeChangeSelection() {\n    return `${prefix}-table-row-change-selection`;\n  }\n\n  /**\n   * A selector that will return the parent table\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu on the table cell\n   */\n  static get selectorTableCellOverflowMenu() {\n    return `${prefix}-table-cell ${prefix}-overflow-menu`;\n  }\n\n  /**\n   * A selector that will return the corresponding expanded row.\n   */\n  static get selectorExpandedRow() {\n    return `${prefix}-table-expanded-row`;\n  }\n\n  /**\n   * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n   */\n  static get eventBeforeExpandoToggle() {\n    return `${prefix}-table-row-expando-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n   */\n  static get eventExpandoToggle() {\n    return `${prefix}-table-row-expando-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableRow;\n"],"mappings":"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"}