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

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

@@ -0,0 +1,416 @@
+import { h, r as registerInstance, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { V as VegaSlimmer, m as methodPlaceholder, b as MapToComponentField, M as MapToComponentMethod, d as slotPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { i as isNonNullable } from './type-guard-09acedc9.js';
+import { C as ChangeManager } from './change-manager-b115783e.js';
+import { l as TABLE_ROW_SELECTION_ALL } from './static-subject-title-6fdf8c8b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { h as VegaChange, a as VegaClick } from './vega-event-id-61c8bd9f.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-4219120b.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
+import { f as findParent } from './ui-5f775fd9.js';
+import { M as VegaInternalTableRowSelectAll, N as VegaInternalColumnHeadRowRenderInputRIC } from './vega-internal-event-id-b65a01a3.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { a as isAcceptableTableObserver } from './type-guard-4dbf864f.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.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 './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.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';
+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 './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 './column-operation-a1620c67.js';
+import './timer-9321173b.js';
+import './styles.constants-b320e4a7.js';
+import './range-429fb0e2.js';
+
+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;
+};
+class VegaTableHeadRowRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderHeaderSelectionCell = (renderInput) => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return (h("th", { rowSpan: renderInput.startRowSpan, class: {
+          'vega-table-selection-column': true,
+          'hidden': renderInput.isStartHidden,
+        } }, !this.hideSelectAll && (h("div", { class: "vega-table-checkbox-wrapper" },
+        h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, onClick: this.handleClick, 
+          /* eslint-disable-next-line react/jsx-no-bind */
+          ref: (ref) => {
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleSelectAll);
+          } })))));
+    };
+    this.handleSelectAll = (input) => {
+      if (input.eventName === 'vegaChange') {
+        const checked = input.detail;
+        if (isNonNullable(checked) && checked !== this.checkedAll) {
+          ChangeManager.notify(TABLE_ROW_SELECTION_ALL, {
+            host: this.host,
+            checked: checked,
+          });
+        }
+      }
+    };
+    this.renderHeaderExpandableCell = (renderInput) => {
+      return (this.expandable && (h("th", { rowSpan: renderInput.endRowSpan, class: {
+          'vega-table-expand-action-column': true,
+          'hidden': renderInput.isEndHidden,
+        } })));
+    };
+    this.handleClick = (e) => {
+      e.stopPropagation();
+      const event = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+        host: this.host,
+        checked: !this.checkedAll,
+      });
+      if (event.defaultPrevented) {
+        e.preventDefault();
+      }
+    };
+  }
+  /**
+   * Used by {@link currentDataObserver}
+   */
+  connectedCallback() {
+    methodPlaceholder();
+  }
+  /**
+   * Used by {@link currentDataObserver}
+   */
+  disconnectedCallback() {
+    methodPlaceholder();
+  }
+  /**
+   * Used by {@link currentDataObserver}
+   */
+  componentDidLoad() {
+    methodPlaceholder();
+  }
+  render() {
+    var _a, _b;
+    const renderInput = this.getRowRenderInput();
+    return (h("tr", { class: {
+        'is-group-row': renderInput.headHasGroupColumn,
+        'is-pinned-row': renderInput.headHasPinnedColumn,
+      } },
+      h("th", { style: {
+          width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0],
+        }, rowSpan: renderInput.startRowSpan, class: {
+          hidden: renderInput.isStartHidden,
+        } }),
+      this.renderHeaderSelectionCell(renderInput),
+      h("slot", null),
+      this.renderHeaderExpandableCell(renderInput),
+      h("th", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] }, rowSpan: renderInput.endRowSpan, class: {
+          hidden: renderInput.isEndHidden,
+        } })));
+  }
+  getRowRenderInput() {
+    const renderInput = {};
+    const table = findParent(this.host, 'vega-table');
+    const renderInputs = table &&
+      remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(table, VegaInternalColumnHeadRowRenderInputRIC), this.host);
+    const startRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[0];
+    const endRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[renderInputs.length - 1];
+    if (startRenderInput) {
+      renderInput.headHasGroupColumn = startRenderInput.headHasGroupColumn;
+      renderInput.headHasPinnedColumn = startRenderInput.headHasPinnedColumn;
+      if (renderInput.headHasGroupColumn) {
+        renderInput.startRowSpan =
+          this.selectionType === 'multiple' && startRenderInput.level === 0
+            ? startRenderInput.headMaxDepth
+            : startRenderInput.rowSpan;
+        renderInput.isStartHidden =
+          startRenderInput.headHasGroupColumn &&
+            ((this.selectionType === 'multiple' && startRenderInput.level > 0) ||
+              !startRenderInput.isViewStart);
+      }
+    }
+    if (endRenderInput && endRenderInput.headHasGroupColumn) {
+      renderInput.endRowSpan = endRenderInput.rowSpan;
+      renderInput.isEndHidden = startRenderInput.headHasGroupColumn && !endRenderInput.isViewEnd;
+    }
+    return renderInput;
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "host", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "paddingX", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "selectionType", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "hideSelectAll", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "selectAllDisabled", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "checkedAll", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "expandable", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "isEmptyTable", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTableHeadRowRenderer.prototype, "isTemplateRenderMode", void 0);
+__decorate$3([
+  MapToComponentMethod('connectedCallback')
+], VegaTableHeadRowRenderer.prototype, "connectedCallback", null);
+__decorate$3([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableHeadRowRenderer.prototype, "disconnectedCallback", null);
+__decorate$3([
+  MapToComponentMethod('componentDidLoad')
+], VegaTableHeadRowRenderer.prototype, "componentDidLoad", 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;
+};
+/**
+ *
+ */
+class VegaTableHeadRowController extends VegaSlimmer {
+  /**
+   * Component lifecycle - [connectedCallback]{@link VegaTableHeadRow.connectedCallback}
+   */
+  connectedCallback() {
+    this.initRowSelectionAllObserver();
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableHeadRow.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
+  }
+  /**
+   * Initialize the row selection all observer.
+   */
+  initRowSelectionAllObserver() {
+    this.rowSelectionAllObserver = new Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+      if (!payload.noneChecked && payload.checked === false) {
+        this.checkedAll = null; // indeterminate status
+      }
+      else {
+        this.checkedAll = payload.checked;
+      }
+    });
+    ChangeManager.register(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaTableHeadRowController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowController.prototype, "checkedAll", void 0);
+__decorate$2([
+  MapToComponentMethod('connectedCallback')
+], VegaTableHeadRowController.prototype, "connectedCallback", null);
+__decorate$2([
+  MapToComponentMethod('disconnectedCallback')
+], VegaTableHeadRowController.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 head row
+ */
+class VegaTableHeadRowStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'expandable',
+          parentStateName: 'rowExpandable',
+        },
+        {
+          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: (rowSelection) => {
+            this.updateSelectionType(rowSelection);
+          },
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+        },
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+        {
+          subStateName: 'isTemplateRenderMode',
+          parentStateName: 'isTemplateRenderMode',
+        },
+        {
+          subStateName: 'isEmptyTable',
+          parentStateName: 'currentData',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (currentData) => {
+            this.isEmptyTable = currentData.length === 0;
+          },
+        },
+      ],
+    });
+    /**
+     * Update the selection config with the new config
+     *
+     * @param {VegaTableRowSelectionConfig} rowSelection - The updated row selection config.
+     */
+    this.updateSelectionType = (rowSelection) => {
+      if (rowSelection) {
+        const { type = 'multiple' } = rowSelection;
+        this.selectionType = type;
+      }
+      else {
+        this.selectionType = null;
+      }
+    };
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaTableHeadRowStateController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "expandable", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "selectionType", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "paddingX", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "columnDivider", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "density", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "isTemplateRenderMode", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadRowStateController.prototype, "isEmptyTable", void 0);
+
+const vegaTableHeadRowCss = ":host{display:table-row}:host tr{display:contents}th{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));padding:0px;vertical-align:middle}th:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}th:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.column-divider) ::slotted(vega-table-head-cell:not(:last-of-type)){border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}.vega-table-checkbox-wrapper{display:flex;align-items:center;justify-content:center}:host(.density-default) th:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-default) th:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-compact) th:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.density-compact) th:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.density-relaxed) th:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-relaxed) th:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}.vega-table-expand-action-column{width:40px;min-width:40px}.vega-table-selection-column{width:40px;min-width:40px}:host tr.is-group-row th{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host tr.is-group-row th.hidden{display:none}:host tr.is-group-row th.vega-table-selection-column{border-right-width:1px;border-right-style:solid}:host tr.is-group-row th:first-of-type{border-top-left-radius:0px;border-bottom-left-radius:0px}:host tr.is-group-row th:last-of-type{border-top-right-radius:0px;border-bottom-right-radius:0px}:host tr.is-pinned-row th{position:sticky;z-index:1}:host tr.is-pinned-row th:first-of-type{left:0px}:host tr.is-pinned-row th.vega-table-selection-column{left:8px}:host tr.is-pinned-row th.vega-table-expand-action-column{right:8px}:host tr.is-pinned-row th:last-of-type{right: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 VegaTableHeadRow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableHeadRowStateController = new VegaTableHeadRowStateController();
+    this.vegaTableHeadRowRenderer = new VegaTableHeadRowRenderer();
+    this.vegaTableHeadRowController = new VegaTableHeadRowController();
+    this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+    /**
+     * Indicates whether the row is expandable.
+     */
+    this.expandable = false;
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { class: {
+        'column-divider': this.columnDivider,
+        [`density-${responsiveFormatFacade.formatCustom(this.density)}`]: true,
+      } }, this.vegaTableHeadRowRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableHeadRow.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "vegaTableHeadRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "vegaTableHeadRowRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "vegaTableHeadRowController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "headCellEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHeadRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTableHeadRow.style = vegaTableHeadRowCss;
+
+export { VegaTableHeadRow as vega_table_head_row };

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

@@ -0,0 +1,113 @@
+import { r as registerInstance, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-f0ca0975.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
+import { h as VegaChange } from './vega-event-id-61c8bd9f.js';
+import './number-4398f2e1.js';
+import './observer-3959f9dd.js';
+import './change-manager-b115783e.js';
+import './ui-5f775fd9.js';
+import './dom-node-subject-factory-5798693b.js';
+import './vega-internal-event-id-b65a01a3.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';
+
+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 head states.
+ */
+class VegaTableHeadStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'fixed',
+          parentStateName: 'scrollConfig',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (scrollConfig) => {
+            this.fixed =
+              scrollConfig && scrollConfig.maxHeight && scrollConfig.fixedHeader !== false;
+          },
+        },
+      ],
+    });
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaTableHeadStateController.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaTableHeadStateController.prototype, "fixed", void 0);
+
+const vegaTableHeadCss = ":host{display:table-header-group;border-top-right-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-bottom-left-radius:12px}:host thead{display:contents}:host(.fixed-header){position:sticky;top: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 VegaTableHead = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableHeadStateController = new VegaTableHeadStateController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
+    /**
+     * Indicates whether the table header is fixed.
+     */
+    this.fixed = false;
+    this.handleTableHeadRefChange = (ref) => {
+      if (this.tableHeadRef) {
+        InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+      }
+      if (this.fixed) {
+        InternalVegaZIndexManager.setZIndex(ref, 'base');
+      }
+      this.tableHeadRef = ref;
+    };
+  }
+  disconnectedCallback() {
+    InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        'fixed-header': this.fixed,
+      }, ref: (ref) => this.handleTableHeadRefChange(ref) }, h("thead", null, h("slot", null))), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableHead.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHead.prototype, "vegaTableHeadStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHead.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableHead.prototype, "headCellEventPrevent", void 0);
+VegaTableHead.style = vegaTableHeadCss;
+
+export { VegaTableHead as vega_table_head };