@globalpayments/vega 2.67.0 → 2.68.1

package/dist/collection/components/vega-table/vega-table-foot/vega-table-foot.js

@@ -0,0 +1,65 @@
+var __decorate = (this && this.__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;
+};
+import { Component, Host, h, Element, State } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
+import { VegaTableFootStateController } from './slimmers/controllers/vega-table-foot-state-controller';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFoot {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaTableFootStateController = new VegaTableFootStateController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host);
+    /**
+     * Indicates whether the table footer is fixed.
+     */
+    this.fixed = false;
+    /**
+     * Indicates whether the table footer has a row divider.
+     */
+    this.rowDivider = false;
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        'fixed-footer': this.fixed,
+        'row-divider': this.rowDivider,
+      }, ref: (ref) => this.vegaTableFootStateController.handleTableFootRefChange(ref) },
+      h("tfoot", null,
+        h("slot", null))), this.host);
+  }
+  static get is() { return "vega-table-foot"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot.css"]
+  }; }
+  static get states() { return {
+    "fixed": {},
+    "rowDivider": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFoot.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaTableFootStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "childChangeEventPrevent", void 0);

package/dist/collection/components/vega-table/vega-table-foot-cell/slimmers/controllers/vega-table-foot-cell-state-controller.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__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;
+};
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { MapToComponentField } from 'vega-slimmer/core';
+/**
+ * Controller for the table row states
+ */
+export 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([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "density", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "columnDivider", void 0);

package/dist/collection/components/vega-table/vega-table-foot-cell/slimmers/renderers/vega-table-foot-cell-renderer.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { h } from '@stencil/core';
+import { FeatureFlag } from '../../../../../helpers/public-api';
+import { generateResponsiveClass } from '../../../utils';
+import { arrayToClassString } from '../../../../../utils/ui';
+export 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([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "breakpoint", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "textAlign", void 0);

package/dist/collection/components/vega-table/vega-table-foot-cell/vega-table-foot-cell.css

@@ -0,0 +1,116 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+/* This file is generated by vega-design 2.0.77 */
+: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;
+  }
+}
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+: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;
+}

package/dist/collection/components/vega-table/vega-table-foot-cell/vega-table-foot-cell.js

@@ -0,0 +1,130 @@
+var __decorate = (this && this.__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;
+};
+import { Component, Host, h, Prop, Element, State } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaTableFootCellStateController } from './slimmers/controllers/vega-table-foot-cell-state-controller';
+import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaTableFootCellRenderer } from './slimmers/renderers/vega-table-foot-cell-renderer';
+import { getCurrentBreakpoint } from '../../../utils/breakpoints';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFootCell {
+  constructor() {
+    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);
+  }
+  static get is() { return "vega-table-foot-cell"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot-cell.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot-cell.css"]
+  }; }
+  static get properties() { return {
+    "breakpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaTableColumnBreakpoint",
+        "resolved": "\"L\" | \"M\" | \"S\" | \"XL\"",
+        "references": {
+          "VegaTableColumnBreakpoint": {
+            "location": "import",
+            "path": "../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Defines the screen width at which the column becomes hidden.\n   If not set, the column remains visible at all times."
+      },
+      "attribute": "breakpoint",
+      "reflect": false
+    },
+    "textAlign": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'left' | 'right' | 'center'",
+        "resolved": "\"center\" | \"left\" | \"right\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Determines the alignment of text within the foot cell."
+      },
+      "attribute": "text-align",
+      "reflect": false
+    },
+    "width": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.68.1"
+          }],
+        "text": "Specifies the width of the foot cell."
+      },
+      "attribute": "width",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "currentBreakpoint": {},
+    "density": {},
+    "columnDivider": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__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);

package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/controllers/vega-table-foot-row-state-controller.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField } from 'vega-slimmer/core';
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+/**
+ * Controller for the table foot row
+ */
+export class VegaTableFootRowStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'expandable',
+          parentStateName: 'rowExpandable',
+        },
+        {
+          subStateName: 'paddingX',
+          parentStateName: 'paddingX',
+        },
+        {
+          subStateName: 'selectionType',
+          parentStateName: 'rowSelection',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (rowSelection) => {
+            this.updateSelectionType(rowSelection);
+          },
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+        },
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+      ],
+    });
+    /**
+     * Update the selection config with the new config
+     *
+     * @param {VegaTableRowSelectionConfig} rowSelection - The updated row selection config.
+     */
+    this.updateSelectionType = (rowSelection) => {
+      if (rowSelection) {
+        const { type } = rowSelection;
+        this.selectionType = type;
+      }
+      else {
+        this.selectionType = null;
+      }
+    };
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowStateController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "selectionType", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "paddingX", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "columnDivider", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "density", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "expandable", void 0);

package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/renderers/vega-table-foot-row-renderer.js

@@ -0,0 +1,41 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { h } from '@stencil/core';
+export class VegaTableFootRowRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderFooterSelectionCell = () => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return h("td", { class: "vega-table-selection-column" });
+    };
+    this.renderFooterExpandableCell = () => {
+      return this.expandable && h("td", { class: "vega-table-expand-action-column" });
+    };
+  }
+  render() {
+    return (h("tr", null,
+      h("td", { style: { width: this.paddingX[0] } }),
+      this.renderFooterSelectionCell(),
+      h("slot", null),
+      this.renderFooterExpandableCell(),
+      h("td", { style: { width: this.paddingX[1] } })));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "paddingX", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "selectionType", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "expandable", void 0);

package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.css

@@ -0,0 +1,52 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: contents;
+}
+
+td {
+  background-color: rgba(var(--v-bg-table-header, 240, 243, 247, 1));
+  padding: 0px;
+  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(.density-default) td:first-of-type,
+:host(.density-relaxed) td:first-of-type {
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+}
+:host(.density-default) td:last-of-type,
+:host(.density-relaxed) td:last-of-type {
+  border-top-right-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+: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;
+}
+
+.vega-table-expand-action-column {
+  width: 40px;
+  min-width: 40px;
+}
+
+.vega-table-selection-column {
+  width: 40px;
+  min-width: 40px;
+}

package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.js

@@ -0,0 +1,71 @@
+var __decorate = (this && this.__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;
+};
+import { Component, Host, h, Element, State } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, slotPlaceholder, } from 'vega-slimmer/core';
+import { VegaTableFootRowRenderer } from './slimmers/renderers/vega-table-foot-row-renderer';
+import { sanitizeVegaComponent } from '../../../utils/component';
+import { VegaTableFootRowStateController } from './slimmers/controllers/vega-table-foot-row-state-controller';
+import ResponsiveFormatFacade from '../../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
+import { getCurrentBreakpoint } from '../../../utils/breakpoints';
+/**
+ * @vegaVersion 2.68.1
+ */
+export class VegaTableFootRow {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaTableFootRowStateController = new VegaTableFootRowStateController();
+    this.vegaTableFootRowRenderer = new VegaTableFootRowRenderer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    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.vegaTableFootRowRenderer.render()), this.host);
+  }
+  static get is() { return "vega-table-foot-row"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-table-foot-row.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-table-foot-row.css"]
+  }; }
+  static get states() { return {
+    "currentBreakpoint": {},
+    "expandable": {},
+    "selectionType": {},
+    "paddingX": {},
+    "columnDivider": {},
+    "density": {}
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootRow.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "pageResizeObserverSlimmer", void 0);

package/dist/collection/components/vega-table/vega-table.css

@@ -59,9 +59,20 @@ table.v-table-fixed {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.vega-table-scrollable-container.scrolled vega-table-head.fixed-header {
+.vega-table-scrollable-container.scrolled vega-table-head.fixed-header,
+.vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header) {
   box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); /* TODO: wait design token upgrade */
 }
+.vega-table-scrollable-container.scrolled vega-table-foot.fixed-footer::after,
+.vega-table-scrollable-container.scrolled ::slotted(vega-table-foot.fixed-footer)::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: rgba(var(--v-bg-divider, 171, 198, 216, 1));
+}
 
 /* edit table styles start */
 vega-form {

package/dist/collection/components/vega-table/vega-table.js

@@ -840,7 +840,7 @@ export class VegaTable {
       "mutable": false,
       "complexType": {
         "original": "VegaTableScrollConfig",
-        "resolved": "{ maxHeight?: string | number; fixedHeader?: boolean; }",
+        "resolved": "{ maxHeight?: string | number; fixedHeader?: boolean; fixedFooter?: boolean; }",
         "references": {
           "VegaTableScrollConfig": {
             "location": "import",