@heartlandone/vega 2.73.0 → 2.74.0-RTE-table-preview

package/dist/vega/vega-table-row.entry.js

@@ -0,0 +1,666 @@
+import { h, F as Fragment, r as registerInstance, e as createEvent, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { V as VegaSlimmer, b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, d as slotPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { h as VegaChange, a as VegaClick, d as VegaExpand } from './vega-event-id-61c8bd9f.js';
+import { a as VegaInternalIconManager } from './internal-icon-manager-9279071a.js';
+import { c as chevronDown } from './chevron-down-4a75d28e.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-4219120b.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
+import { L as VegaInternalTableRowSelect, Q as VegaInternalTableRowExpand } from './vega-internal-event-id-b65a01a3.js';
+import { f as findParent } from './ui-5f775fd9.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { C as ChangeManager } from './change-manager-b115783e.js';
+import { k as TABLE_ROW_SELECTION, l as TABLE_ROW_SELECTION_ALL, n as TABLE_EXPAND_ROW, m as TABLE_ROW_CLICK } from './static-subject-title-6fdf8c8b.js';
+import { a as isAcceptableTableObserver, i as isAcceptableTableRowObserver } from './type-guard-4dbf864f.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
+import { r as responsiveFormatFacade } from './responsive-format-facade-d4abfdb9.js';
+import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-ee8774a6.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-2c2e1a57.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './internal-vega-event-manager-826279b7.js';
+import './try-get-document-bef0f526.js';
+import './vega-env-manager-8f8dc473.js';
+import './feature-flag-controller-24b9f956.js';
+import './index-1f9eab8f.js';
+import './_commonjsHelpers-2088bffa.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './number-4398f2e1.js';
+import './pixel-f32c07ce.js';
+import './array-a1d98264.js';
+import './public-api-a77a0b33.js';
+import './internal-vega-z-index-manager-f0ca0975.js';
+import './dark-mode-style-controller-e2a2f76c.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './valid-credit-card-number-rule-04b032a6.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './index-b04c1ee0.js';
+import './content-state-fc9d98e0.js';
+import './code-block-b5f8fc8a.js';
+import './string-a953eafc.js';
+import './object-66c37948.js';
+import './dto-renderer-manager-12bc9121.js';
+import './base-renderer-101f6d04.js';
+import './column-operation-a1620c67.js';
+import './timer-9321173b.js';
+import './styles.constants-b320e4a7.js';
+import './range-429fb0e2.js';
+
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaTableRowRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderRowSelection = () => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return (h("td", { class: "vega-table-selection-column" },
+        h("div", { class: "vega-table-checkbox-wrapper" },
+          h("vega-checkbox", { size: "small", checked: this.checked, 
+            /* eslint-disable-next-line react/jsx-no-bind */
+            onClick: this.handleClick, 
+            /* eslint-disable-next-line react/jsx-no-bind */
+            ref: (ref) => {
+              DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.onRowSelectionChange);
+            } }))));
+    };
+    this.renderExpandIcon = () => {
+      return (this.expandable && (h("td", { class: "vega-table-expand-action-column" },
+        h("div", { class: "vega-table-expand-icon-wrapper" },
+          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick })))));
+    };
+    this.onRowClick = () => {
+      this.vegaTableRowClickController.handleRowClick();
+    };
+    this.onRowSelectionChange = (input) => {
+      if (input.eventName === 'vegaChange') {
+        this.vegaTableRowSelectionController.handleRowSelect(input.detail);
+      }
+    };
+    this.handleClick = (e) => {
+      e.stopPropagation();
+      const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
+        host: this.host,
+        rowKey: this.rowKey,
+        checked: !this.checked,
+      });
+      if (rowSelectEvent.defaultPrevented) {
+        e.preventDefault();
+      }
+    };
+    this.onExpandIconClick = async (e) => {
+      e.stopPropagation();
+      const expandEvent = this.expandEventEmitter.emit({
+        expanded: !this.expanded,
+        rowKey: this.rowKey,
+      });
+      if (expandEvent && !expandEvent.defaultPrevented) {
+        this.vegaTableRowExpandController.handleExpandIconClick();
+      }
+    };
+  }
+  connectedCallback() {
+    this.setParentTableRef();
+  }
+  getParentTableRef() {
+    return this.parentTableRef;
+  }
+  render() {
+    var _a, _b;
+    return (h(Fragment, null,
+      this.renderExpandRowSpace(this.rowKey),
+      h("tr", { class: {
+          'vega-table-row': true,
+          'checked': this.checked,
+          'clickable': this.clickable,
+          'current-clicked-row': this.clicked,
+          'expand-row': this.expanded,
+        }, 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        onClick: this.clickable ? this.onRowClick : null },
+        h("td", { style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
+        this.renderRowSelection(),
+        h("slot", null),
+        this.renderExpandIcon(),
+        h("td", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
+  }
+  renderExpandRowSpace(rowKey) {
+    return (this.expandable && (h("tr", { key: `vega-table-expand-row-space-${rowKey}`, class: "expand-row-space" })));
+  }
+  setParentTableRef() {
+    this.parentTableRef = findParent(this.host, 'vega-table');
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ 'chevron-down': chevronDown });
+})();
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "host", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "rowKey", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "checked", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "clickable", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "clicked", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "expanded", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "paddingX", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "expandable", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "vegaClick", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "selectionType", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "vegaTableRowSelectionController", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "vegaTableRowExpandController", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "vegaTableRowClickController", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "expandEventEmitter", void 0);
+__decorate$5([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowRenderer.prototype, "connectedCallback", null);
+
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The row selection controller for the table row
+ */
+class VegaTableRowSelectionController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Handles the row selection event.
+     *
+     * @param {boolean} checked - The "checked" parameter is a boolean value that indicates whether an item is checked or not.
+     */
+    this.handleRowSelect = (checked) => {
+      this.checked = checked;
+      ChangeManager.notify(TABLE_ROW_SELECTION, {
+        host: this.host,
+        checked: checked,
+        rowKey: this.rowKey,
+      });
+    };
+  }
+  /**
+   * Component lifecycle - [connectedCallback]{@link VegaTableRow.connectedCallback}
+   */
+  connectedCallback() {
+    this.initRowSelectionObserver();
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableRow.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
+    ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
+  }
+  /**
+   * The function sets the value of the "checked" property to the provided boolean value.
+   *
+   * @param {boolean} checked - The "checked" parameter is a boolean value that indicates whether an item is checked or not.
+   */
+  setChecked(checked) {
+    this.checked = checked;
+  }
+  /**
+   * Initialize the row selection observer.
+   */
+  initRowSelectionObserver() {
+    this.rowSelectionAllObserver = new Observer(isAcceptableTableObserver.bind(this), (payload) => {
+      if (payload.checked || (payload.checked === false && payload.noneChecked)) {
+        this.checked = payload.checked;
+      }
+    });
+    ChangeManager.register(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
+    this.rowSelectionObserver = new Observer(isAcceptableTableObserver.bind(this), (payload) => {
+      if (payload.rowKey === this.rowKey) {
+        this.checked = payload.checked;
+      }
+    });
+    ChangeManager.register(TABLE_ROW_SELECTION, this.rowSelectionObserver);
+  }
+}
+__decorate$4([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "host", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "selectionType", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaTableRowSelectionController.prototype, "rowKey", void 0);
+__decorate$4([
+  MapToComponentField({ writable: true })
+], VegaTableRowSelectionController.prototype, "checked", void 0);
+__decorate$4([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowSelectionController.prototype, "connectedCallback", null);
+__decorate$4([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableRowSelectionController.prototype, "disconnectedCallback", null);
+
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The row expand controller for expandable table row.
+ */
+class VegaTableRowExpandController extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]{@link VegaTableRow.connectedCallback}
+   */
+  connectedCallback() {
+    this.initRowExpandObserver();
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableRow.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    ChangeManager.unregister(TABLE_EXPAND_ROW, this.rowExpandObserver);
+  }
+  /**
+   * The handler for expand icon click event.
+   */
+  handleExpandIconClick() {
+    const rowExpandEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
+      host: this.host,
+      rowKey: this.rowKey,
+      expanded: !this.expanded,
+    });
+    if (!rowExpandEvent.defaultPrevented) {
+      this.expanded = !this.expanded;
+      ChangeManager.notify(TABLE_EXPAND_ROW, {
+        host: this.host,
+        rowKey: this.rowKey,
+        expanded: this.expanded,
+      });
+    }
+  }
+  /**
+   * Initialize the row expand observer.
+   */
+  initRowExpandObserver() {
+    this.rowExpandObserver = new Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+      if (payload.rowKey === this.rowKey) {
+        this.expanded = payload.expanded;
+      }
+    });
+    ChangeManager.register(TABLE_EXPAND_ROW, this.rowExpandObserver);
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "host", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "rowKey", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "expandable", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaTableRowExpandController.prototype, "expanded", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableRowExpandController.prototype, "vegaTableRowRenderer", void 0);
+__decorate$3([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowExpandController.prototype, "connectedCallback", null);
+__decorate$3([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableRowExpandController.prototype, "disconnectedCallback", null);
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The row click controller for table row
+ */
+class VegaTableRowClickController extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]{@link VegaTableRow.connectedCallback}
+   */
+  connectedCallback() {
+    this.initRowClickObserver();
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableRow.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    ChangeManager.unregister(TABLE_ROW_CLICK, this.rowClickObserver);
+  }
+  /**
+   * Row click handler
+   */
+  handleRowClick() {
+    const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
+      host: this.host,
+      rowKey: this.rowKey,
+      checked: !this.checked,
+    });
+    if (!rowSelectEvent.defaultPrevented) {
+      ChangeManager.notify(TABLE_ROW_CLICK, { host: this.host, rowKey: this.rowKey });
+      this.clickEventEmitter.emit({ rowKey: this.rowKey });
+    }
+  }
+  /**
+   * Initialize row click observer
+   */
+  initRowClickObserver() {
+    this.rowClickObserver = new Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+      this.clicked = payload.host === this.host;
+      if (this.selectionType === 'single') {
+        if (payload.host === this.host) {
+          this.vegaTableRowSelectionController.setChecked(!this.checked);
+        }
+        else {
+          this.vegaTableRowSelectionController.setChecked(false);
+        }
+      }
+    });
+    ChangeManager.register(TABLE_ROW_CLICK, this.rowClickObserver);
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "rowKey", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableRowClickController.prototype, "clicked", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "checked", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "selectionType", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaClick", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaTableRowSelectionController", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "clickEventEmitter", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTableRowClickController.prototype, "vegaTableRowRenderer", void 0);
+__decorate$2([
+  MapToComponentMethod('connectedCallback')
+], VegaTableRowClickController.prototype, "connectedCallback", null);
+__decorate$2([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableRowClickController.prototype, "disconnectedCallback", null);
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for the table row states
+ */
+class VegaTableRowStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'expandable',
+          parentStateName: 'rowExpandable',
+        },
+        {
+          subStateName: 'clickable',
+          parentStateName: 'rowClickable',
+        },
+        {
+          subStateName: 'paddingX',
+          parentStateName: 'paddingX',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (value) => {
+            const table = findParent(this.host, 'vega-table');
+            if (table.dataSource.length === 0 || table.columns.length === 0) {
+              this.paddingX = value;
+            }
+          },
+        },
+        {
+          subStateName: 'selectionType',
+          parentStateName: 'rowSelection',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (value) => {
+            if (value) {
+              const { type = 'multiple' } = value;
+              this.selectionType = type;
+            }
+            else {
+              this.selectionType = null;
+            }
+          },
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+        },
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+      ],
+    });
+  }
+  /**
+   * Component watch method - [watchRowSelection]{@link VegaTableRow.watchSelectionType}
+   */
+  watchSelectionType() {
+    this.updateClickable();
+  }
+  /**
+   * The `@MapToComponentMethod('componentWillLoad')` decorator is used to map the `handleComponentWillLoad` method
+   * to the `componentWillLoad` lifecycle hook of the component.
+   */
+  handleComponentWillLoad() {
+    this.updateClickable();
+  }
+  /**
+   * The function updates the value of the "clickable" property based on the value of the
+   * "selectionType" property.
+   */
+  updateClickable() {
+    if (this.selectionType) {
+      this.clickable = this.selectionType === 'single' || this.clickable;
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaTableRowStateController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "expandable", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "clickable", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "paddingX", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "selectionType", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "columnDivider", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateController.prototype, "density", void 0);
+__decorate$1([
+  MapToComponentMethod('watchSelectionType')
+], VegaTableRowStateController.prototype, "watchSelectionType", null);
+__decorate$1([
+  MapToComponentMethod('componentWillLoad')
+], VegaTableRowStateController.prototype, "handleComponentWillLoad", null);
+
+const vegaTableRowCss = ":host{display:contents}:host(.v-hidden){display:none}td{padding:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));vertical-align:middle}td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.striped) .vega-table-row:not(.checked):not(.clickable:hover) td{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.checked td{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:not(.checked).clickable:hover{cursor:pointer}:not(.checked).clickable:hover td{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-table-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper vega-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;cursor:pointer}.vega-table-row.expand-row .vega-table-expand-icon-wrapper vega-icon{transform:rotate(180deg)}:host tr.expand-row td{border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}:host tr.expand-row td:first-of-type{border-left-width:1px;border-top-width:1px;border-bottom-left-radius:0px}:host tr.expand-row td:last-of-type{border-right-width:1px;border-top-width:1px;border-bottom-right-radius:0px}tr.expand-row-space{display:block;padding-top:8px}:host(.row-divider:not(:last-of-type)) td{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.row-divider:not(:last-of-type)) td:first-of-type,:host(.row-divider:not(:last-of-type)) td:last-of-type{border-radius:0px}:host(.density-default) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-default) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-default) tr.expand-row-space{display:block;padding-top:8px}:host(.density-compact) td:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.density-compact) td:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.density-compact) tr.expand-row-space{display:block;padding-top:4px}:host(.density-relaxed) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-relaxed) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-relaxed) tr.expand-row-space{display:block;padding-top:12px}.vega-table-expand-action-column{width:40px;min-width:40px}.vega-table-selection-column{width:40px;min-width:40px}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaTableRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.click = createEvent(this, "click", 7);
+    this.vegaExpand = createEvent(this, "vegaExpand", 7);
+    this.expand = createEvent(this, "expand", 7);
+    this.globalSlimmers = {};
+    this.vegaTableRowRenderer = new VegaTableRowRenderer();
+    this.vegaTableRowSelectionController = new VegaTableRowSelectionController();
+    this.vegaTableRowExpandController = new VegaTableRowExpandController();
+    this.vegaTableRowClickController = new VegaTableRowClickController();
+    this.vegaTableRowStateController = new VegaTableRowStateController();
+    this.clickEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaClick);
+    this.expandEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaExpand);
+    this.checkboxValueChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.checkedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'checked', 'watchChecked');
+    this.expandedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'expanded', 'watchExpanded');
+    this.stripedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'striped', 'watchStriped');
+    this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'rowDivider', 'watchRowDivider');
+    this.currentBreakpoint = getCurrentBreakpoint();
+  }
+  watchSelectionType() {
+    methodPlaceholder();
+  }
+  watchChecked() {
+    methodPlaceholder();
+  }
+  watchExpanded() {
+    methodPlaceholder();
+  }
+  watchStriped() {
+    methodPlaceholder();
+  }
+  watchRowDivider() {
+    methodPlaceholder();
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { class: {
+        'row-divider': this.rowDivider,
+        'column-divider': this.columnDivider,
+        'striped': this.striped,
+        [`density-${responsiveFormatFacade.formatCustom(this.density)}`]: true,
+      } }, this.vegaTableRowRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "selectionType": ["watchSelectionType"],
+    "checked": ["watchChecked"],
+    "expanded": ["watchExpanded"],
+    "striped": ["watchStriped"],
+    "rowDivider": ["watchRowDivider"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableRow.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRowRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRowSelectionController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRowExpandController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRowClickController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "clickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "expandEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "checkboxValueChangeEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "checkedNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "expandedNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "stripedNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "rowDividerNotifySlimmer", void 0);
+VegaTableRow.style = vegaTableRowCss;
+
+export { VegaTableRow as vega_table_row };