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

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

@@ -0,0 +1,48 @@
+import { r as registerInstance, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
+import { h as VegaChange } from './vega-event-id-61c8bd9f.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-env-manager-8f8dc473.js';
+import './feature-flag-controller-24b9f956.js';
+import './index-1f9eab8f.js';
+import './_commonjsHelpers-2088bffa.js';
+
+const vegaTableBodyCss = ":host{display:contents}";
+
+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 VegaTableBody = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, h("tbody", null, h("slot", null))), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableBody.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableBody.prototype, "childChangeEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableBody.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTableBody.style = vegaTableBodyCss;
+
+export { VegaTableBody as vega_table_body };

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

@@ -0,0 +1,243 @@
+import { r as registerInstance, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { g as generateResponsiveClass, a as generateTextAlignClass } from './utils-e92f6bf3.js';
+import { f as findParent, a as arrayToClassString } from './ui-5f775fd9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.js';
+import { b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.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 { F as FeatureFlag } from './feature-flag-controller-24b9f956.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
+import { P as VegaInternalColumnBodyCellRenderInputRIC } from './vega-internal-event-id-b65a01a3.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-4219120b.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './change-manager-b115783e.js';
+import './static-subject-title-6fdf8c8b.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './observer-3959f9dd.js';
+import './number-4398f2e1.js';
+import './pixel-f32c07ce.js';
+import './array-a1d98264.js';
+import './public-api-a77a0b33.js';
+import './vega-env-manager-8f8dc473.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-event-id-61c8bd9f.js';
+import './internal-vega-z-index-manager-f0ca0975.js';
+import './dark-mode-style-controller-e2a2f76c.js';
+import './_commonjsHelpers-2088bffa.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './try-get-document-bef0f526.js';
+import './internal-icon-manager-9279071a.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 './dom-node-subject-observer-factory-3b49c6b3.js';
+import './column-operation-a1620c67.js';
+import './timer-9321173b.js';
+import './styles.constants-b320e4a7.js';
+import './range-429fb0e2.js';
+import './index-1f9eab8f.js';
+
+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;
+};
+/**
+ * Controller for the table row states
+ */
+class VegaTableCellStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (columnDivider) => {
+            const parent = this.host.parentElement;
+            if (parent) {
+              const lastCell = parent.querySelector('vega-table-cell:last-of-type');
+              this.columnDivider = columnDivider && lastCell !== this.host;
+            }
+          },
+        },
+        {
+          subStateName: 'clickable',
+          parentStateName: 'rowClickable',
+        },
+      ],
+    });
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaTableCellStateController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableCellStateController.prototype, "density", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableCellStateController.prototype, "columnDivider", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableCellStateController.prototype, "clickable", void 0);
+
+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 VegaTableRowStateSubscriber extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table-row',
+      subStates: [
+        {
+          subStateName: 'checked',
+          parentStateName: 'checked',
+        },
+        {
+          subStateName: 'expanded',
+          parentStateName: 'expanded',
+        },
+        {
+          subStateName: 'striped',
+          parentStateName: 'striped',
+        },
+        {
+          subStateName: 'rowDivider',
+          parentStateName: 'rowDivider',
+        },
+      ],
+    });
+  }
+}
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "checked", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "expanded", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "striped", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "rowDivider", void 0);
+
+const vegaTableCellCss = ":host .vega-table-cell.v-hidden{display:none}@media (min-width: 320px){:host .vega-table-cell.S\\:v-table-cell{display:table-cell}}@media (min-width: 768px){:host .vega-table-cell.M\\:v-table-cell{display:table-cell}}@media (min-width: 1024px){:host .vega-table-cell.L\\:v-table-cell{display:table-cell}}@media (min-width: 1440px){:host .vega-table-cell.XL\\:v-table-cell{display:table-cell}}:host{display:contents}.vega-table-cell{padding:12px;box-sizing:border-box;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-table-cell.break-word{word-break:break-word}td{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;padding:0px;vertical-align:middle}td.v-text-center{text-align:center}td.v-text-left{text-align:left}td.v-text-right{text-align:right}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}.vega-table-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vega-table-cell-scroll{overflow:auto}:host(.column-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}:host(.row-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.striped) .vega-table-cell{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.clickable.hovered:not(.checked)) .vega-table-cell{cursor:pointer;background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.checked) .vega-table-cell{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.expanded) .vega-table-cell{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 .vega-table-cell.right-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:2px;border-right-style:solid}:host .vega-table-cell.left-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-left-width:2px;border-left-style:solid}:host .vega-table-cell.hide-right-border{border-right-width:0px}";
+
+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 VegaTableCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableCellStateController = new VegaTableCellStateController();
+    this.vegaTableRowStateSubscriber = new VegaTableRowStateSubscriber();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+    this.getCellOverflowClass = () => {
+      switch (this.overflow) {
+        case 'ellipsis':
+          return 'vega-table-cell-ellipsis';
+        case 'scroll':
+          return 'vega-table-cell-scroll';
+      }
+    };
+  }
+  render() {
+    const responsiveClass = generateResponsiveClass(this.breakpoint, 'v-table-cell');
+    const columnAlignClass = generateTextAlignClass(this.textAlign);
+    const overflowClass = this.getCellOverflowClass();
+    const columnClasses = [responsiveClass, columnAlignClass, 'vega-table-cell'];
+    if (!FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
+      columnClasses.push('break-word');
+    }
+    const table = findParent(this.host, 'vega-table');
+    const renderInput = table &&
+      remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(table, VegaInternalColumnBodyCellRenderInputRIC), this.host);
+    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isRightStartPinned) {
+      columnClasses.push('left-divider');
+    }
+    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isLeftEndPinned) {
+      columnClasses.push('right-divider');
+    }
+    if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isNoPinnedEnd) {
+      columnClasses.push('hide-right-border');
+    }
+    return sanitizeVegaComponent(h(Host, { class: arrayToClassString([
+        `density-${responsiveFormatFacade.formatCustom(this.density)}`,
+        this.rowDivider && 'row-divider',
+        this.columnDivider && 'column-divider',
+        this.clickable && 'clickable',
+        this.checked && 'checked',
+        this.striped && 'striped',
+        this.expanded && 'expanded',
+      ]) }, h("td", { class: arrayToClassString(columnClasses), part: "cell",
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onMouseEnter: this.onMouseEnter.bind(this),
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onMouseLeave: this.onMouseLeave.bind(this), style: { width: this.width } }, h("div", { class: overflowClass }, h("slot", null)))), this.host);
+  }
+  onMouseEnter() {
+    const row = this.host.parentElement;
+    row.querySelectorAll('vega-table-cell').forEach((cell) => cell.classList.add('hovered'));
+  }
+  onMouseLeave() {
+    const row = this.host.parentElement;
+    row.querySelectorAll('vega-table-cell').forEach((cell) => cell.classList.remove('hovered'));
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableCell.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableCell.prototype, "vegaTableRowStateSubscriber", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTableCell.style = vegaTableCellCss;
+
+export { VegaTableCell as vega_table_cell };

package/dist/vega/vega-table-foot-cell.entry.js

@@ -0,0 +1,169 @@
+import { h, r as registerInstance, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { b as MapToComponentField, V as VegaSlimmer, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.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 './public-api-a77a0b33.js';
+import { g as generateResponsiveClass } from './utils-e92f6bf3.js';
+import { a as arrayToClassString } from './ui-5f775fd9.js';
+import { F as FeatureFlag } from './feature-flag-controller-24b9f956.js';
+import './observer-3959f9dd.js';
+import './change-manager-b115783e.js';
+import './dom-node-subject-factory-5798693b.js';
+import './vega-internal-event-id-b65a01a3.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './static-subject-title-6fdf8c8b.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './number-4398f2e1.js';
+import './pixel-f32c07ce.js';
+import './array-a1d98264.js';
+import './try-get-document-bef0f526.js';
+import './vega-env-manager-8f8dc473.js';
+import './internal-vega-event-manager-826279b7.js';
+import './vega-event-id-61c8bd9f.js';
+import './internal-vega-z-index-manager-f0ca0975.js';
+import './dark-mode-style-controller-e2a2f76c.js';
+import './_commonjsHelpers-2088bffa.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './internal-icon-manager-9279071a.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 './dom-node-subject-observer-factory-3b49c6b3.js';
+import './column-operation-a1620c67.js';
+import './remote-invocation-registry-4219120b.js';
+import './timer-9321173b.js';
+import './styles.constants-b320e4a7.js';
+import './range-429fb0e2.js';
+import './index-1f9eab8f.js';
+
+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;
+};
+/**
+ * Controller for the table row states
+ */
+class VegaTableFootCellStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (columnDivider) => {
+            const parent = this.host.parentElement;
+            if (parent) {
+              const lastCell = parent.querySelector('vega-table-foot-cell:last-of-type');
+              this.columnDivider = columnDivider && lastCell !== this.host;
+            }
+          },
+        },
+      ],
+    });
+  }
+}
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "density", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "columnDivider", void 0);
+
+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;
+};
+class VegaTableFootCellRenderer extends VegaSlimmer {
+  render() {
+    return (h("td", { class: {
+        'vega-table-cell': true,
+        'break-word': !FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'),
+        [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
+      } },
+      h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
+        h("span", { class: "vega-table-column-label" },
+          h("slot", null)))));
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "breakpoint", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "textAlign", void 0);
+
+const vegaTableFootCellCss = ":host .vega-table-cell.v-hidden{display:none}@media (min-width: 320px){:host .vega-table-cell.S\\:v-table-cell{display:table-cell}}@media (min-width: 768px){:host .vega-table-cell.M\\:v-table-cell{display:table-cell}}@media (min-width: 1024px){:host .vega-table-cell.L\\:v-table-cell{display:table-cell}}@media (min-width: 1440px){:host .vega-table-cell.XL\\:v-table-cell{display:table-cell}}:host{display:contents}td{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;vertical-align:middle;padding:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}td.break-word{word-break:break-word}.vega-table-column{display:flex;align-items:center}.vega-table-column.center{justify-content:center;text-align:center}.vega-table-column.right{justify-content:flex-end;text-align:right}.vega-table-column.left{justify-content:flex-start;text-align:left}.vega-table-column .vega-table-column-label{min-width:0px}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}:host(.column-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}";
+
+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 VegaTableFootCell = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootCellStateController = new VegaTableFootCellStateController();
+    this.vegaTableFootCellRenderer = new VegaTableFootCellRenderer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        [`density-${responsiveFormatFacade.formatCustom(this.density)}`]: true,
+        'column-divider': this.columnDivider,
+      }, style: { width: this.width } }, this.vegaTableFootCellRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootCell.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTableFootCell.style = vegaTableFootCellCss;
+
+export { VegaTableFootCell as vega_table_foot_cell };