@globalpayments/vega 2.99.0 → 2.101.0

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

@@ -17,7 +17,7 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
-import { VegaInternalColumnHeadRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * @vegaVersion 1.44.0
  */
@@ -30,7 +30,7 @@ export class VegaTableHeadRow {
     this.headCellEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalColumnHeadRowRenderInputRIC);
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalRowRenderInputRIC);
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Indicates whether the table has an expandable row.
@@ -38,10 +38,17 @@ export class VegaTableHeadRow {
     this.hasExpandableRow = false;
   }
   render() {
+    var _a, _b, _c, _d, _e;
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, { class: {
         'column-divider': this.columnDivider,
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      }, style: {
+        '--row-left-padding': `${(_b = (_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.leftPaddingPx) !== null && _b !== void 0 ? _b : 0}px`,
+        '--row-right-padding': `${(_d = (_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.rightPaddingPx) !== null && _d !== void 0 ? _d : 0}px`,
+        '--row-draggable-width': ((_e = this.renderInput) === null || _e === void 0 ? void 0 : _e.showDraggableCell) && !this.renderInput.isStartHidden
+          ? '16px'
+          : '0px',
       } }, this.vegaTableHeadRowRenderer.render()), this.host);
   }
   static get is() { return "vega-table-head-row"; }

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

@@ -19,14 +19,22 @@ export class VegaTableRowRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderDragIcon = () => {
-      return (this.draggable && (h("td", { class: "vega-table-draggable-column" },
+      const renderInput = this.renderInput;
+      return ((renderInput === null || renderInput === void 0 ? void 0 : renderInput.showDraggableCell) && (h("td", { class: {
+          'vega-table-draggable-column': true,
+          'pinned-left': renderInput.hasLeftPinnedColumn,
+        } },
         h("vega-flex", { alignItems: "center" },
           h("vega-icon", { icon: VegaInternalIconManager.getIconKey('grip-dots-vertical'), color: "text-link" })))));
     };
     this.renderRowSelection = () => {
-      if (this.selectionType !== 'multiple')
+      const renderInput = this.renderInput;
+      if (!(renderInput === null || renderInput === void 0 ? void 0 : renderInput.showSelectionCell))
         return;
-      return (h("td", { class: "vega-table-selection-column" },
+      return (h("td", { class: {
+          'vega-table-selection-column': true,
+          'pinned-left': renderInput.hasLeftPinnedColumn,
+        } },
         h("div", { class: "vega-table-checkbox-wrapper" },
           h("vega-checkbox", { size: "small", checked: this.checked, 
             /* eslint-disable-next-line react/jsx-no-bind */
@@ -37,7 +45,11 @@ export class VegaTableRowRenderer extends VegaSlimmer {
             } }))));
     };
     this.renderExpandIcon = () => {
-      return ((this.expandable || this.hasExpandableRow) && (h("td", { class: "vega-table-expand-action-column" },
+      const renderInput = this.renderInput;
+      return ((renderInput === null || renderInput === void 0 ? void 0 : renderInput.showExpandActionCell) && (h("td", { class: {
+          'vega-table-expand-action-column': true,
+          'pinned-right': renderInput.hasRightPinnedColumn,
+        } },
         h("div", { class: "vega-table-expand-icon-wrapper" }, this.expandable && (h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), color: "text-link", onClick: this.onExpandIconClick }))))));
     };
     this.onRowClick = () => {
@@ -73,11 +85,17 @@ export class VegaTableRowRenderer extends VegaSlimmer {
   connectedCallback() {
     this.setParentTableRef();
   }
+  componentDidRender() {
+    var _a, _b;
+    const draggableCell = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.vega-table-draggable-column');
+    this.host.style.setProperty('--row-draggable-width', `${(_b = draggableCell === null || draggableCell === void 0 ? void 0 : draggableCell.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0}px`);
+  }
   getParentTableRef() {
     return this.parentTableRef;
   }
   render() {
     var _a, _b;
+    const renderInput = this.renderInput;
     return (h(Fragment, null,
       this.renderExpandRowSpace(this.rowKey),
       h("tr", { class: {
@@ -89,12 +107,12 @@ export class VegaTableRowRenderer extends VegaSlimmer {
         }, 
         /* 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] } }),
+        h("td", { class: { 'pinned-left': renderInput === null || renderInput === void 0 ? void 0 : renderInput.hasLeftPinnedColumn }, style: { width: (_a = this.paddingX) === null || _a === void 0 ? void 0 : _a[0] } }),
         this.renderDragIcon(),
         this.renderRowSelection(),
         h("slot", null),
         this.renderExpandIcon(),
-        h("td", { style: { width: (_b = this.paddingX) === null || _b === void 0 ? void 0 : _b[1] } }))));
+        h("td", { class: { 'pinned-right': renderInput === null || renderInput === void 0 ? void 0 : renderInput.hasRightPinnedColumn }, 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" })));
@@ -133,18 +151,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "expandable", void 0);
-__decorate([
-  MapToComponentField()
-], VegaTableRowRenderer.prototype, "hasExpandableRow", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaClick", void 0);
 __decorate([
   MapToComponentField()
-], VegaTableRowRenderer.prototype, "selectionType", void 0);
-__decorate([
-  MapToComponentField()
-], VegaTableRowRenderer.prototype, "draggable", void 0);
+], VegaTableRowRenderer.prototype, "renderInput", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaTableRowSelectionController", void 0);
@@ -160,3 +172,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowRenderer.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTableRowRenderer.prototype, "componentDidRender", null);

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

@@ -25,6 +25,32 @@ td:last-of-type {
   border-bottom-right-radius: 12px;
 }
 
+td.pinned-left,
+td.pinned-right {
+  position: sticky;
+  z-index: 1;
+}
+
+td.pinned-left:first-of-type {
+  left: 0;
+}
+
+td.vega-table-draggable-column.pinned-left {
+  left: var(--row-left-padding, 0px);
+}
+
+td.vega-table-selection-column.pinned-left {
+  left: calc(var(--row-left-padding, 0px) + var(--row-draggable-width, 0px));
+}
+
+td.vega-table-expand-action-column.pinned-right {
+  right: var(--row-right-padding, 0px);
+}
+
+td.pinned-right:last-of-type {
+  right: 0;
+}
+
 :host(.striped) .vega-table-row:not(.checked):not(.clickable:hover) td {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
 }

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

@@ -20,6 +20,8 @@ import { getCurrentBreakpoint } from '../../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { createSubStateNotifySlimmer } from '../../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
+import { VegaTableChildRenderInputConsumerSlimmer } from '../../../helpers/slimmers/vega-table-child-render-input-consumer-slimmer';
+import { VegaInternalRowRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * @vegaVersion 1.44.0
  */
@@ -31,6 +33,7 @@ export class VegaTableRow {
     this.vegaTableRowExpandController = new VegaTableRowExpandController();
     this.vegaTableRowClickController = new VegaTableRowClickController();
     this.vegaTableRowStateController = new VegaTableRowStateController();
+    this.vegaTableRenderInputConsumerSlimmer = new VegaTableChildRenderInputConsumerSlimmer(VegaInternalRowRenderInputRIC);
     this.clickEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaClick);
     this.expandEventEmitter = createEventEmitSlimmer(VegaTableRow, VegaExpand);
     this.checkboxValueChangeEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
@@ -66,12 +69,16 @@ export class VegaTableRow {
     methodPlaceholder();
   }
   render() {
+    var _a, _b, _c, _d;
     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,
+      }, style: {
+        '--row-left-padding': `${(_b = (_a = this.renderInput) === null || _a === void 0 ? void 0 : _a.leftPaddingPx) !== null && _b !== void 0 ? _b : 0}px`,
+        '--row-right-padding': `${(_d = (_c = this.renderInput) === null || _c === void 0 ? void 0 : _c.rightPaddingPx) !== null && _d !== void 0 ? _d : 0}px`,
       } }, this.vegaTableRowRenderer.render()), this.host);
   }
   static get is() { return "vega-table-row"; }
@@ -146,6 +153,7 @@ export class VegaTableRow {
   }; }
   static get states() { return {
     "currentBreakpoint": {},
+    "renderInput": {},
     "clicked": {},
     "hasExpandableRow": {},
     "expandable": {},
@@ -293,6 +301,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableRow.prototype, "vegaTableRowStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "vegaTableRenderInputConsumerSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableRow.prototype, "clickEventEmitter", void 0);

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-border-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeBorderTokens = {
   'border-secondary-btn': '28, 171, 255, 1',
   'border-secondary-btn-hover': '76, 190, 255, 1',

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-color-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeColorTokens = {
   'bg-brand': '176, 180, 181, 1',
   'bg-page': '24, 24, 48, 1',
@@ -17,10 +17,10 @@ export const DarkModeColorTokens = {
   'bg-action-quaternary': '51, 57, 61, 1',
   'bg-action-quaternary-hover': '89, 96, 99, 1',
   'bg-action-quaternary-active': '24, 24, 48, 1',
-  'bg-action-secondary': '0, 0, 0, 0',
+  'bg-action-secondary': '0, 0, 0, 0.001',
   'bg-action-secondary-hover': '76, 190, 255, 0.2',
   'bg-action-secondary-active': '15, 167, 255, 0.2',
-  'bg-action-tertiary': '0, 0, 0, 0',
+  'bg-action-tertiary': '0, 0, 0, 0.001',
   'bg-action-tertiary-hover': '252, 252, 252, 0.2',
   'bg-action-tertiary-active': '252, 252, 252, 0.1',
   'bg-app-header': '24, 24, 48, 0.92',
@@ -30,13 +30,13 @@ export const DarkModeColorTokens = {
   'bg-chip': '252, 252, 252, 0.1',
   'bg-chip-hover': '252, 252, 252, 0.2',
   'bg-chip-active': '252, 252, 252, 0.06',
-  'bg-danger': '255, 56, 97, 1',
-  'bg-danger-hover': '255, 71, 123, 1',
-  'bg-danger-focus': '255, 56, 97, 1',
-  'bg-danger-active': '230, 50, 87, 1',
-  'bg-danger-tertiary': '0, 0, 0, 0',
-  'bg-danger-tertiary-hover': '255, 71, 123, 0.2',
-  'bg-danger-tertiary-active': '230, 50, 87, 0.2',
+  'bg-danger': '255, 76, 97, 1',
+  'bg-danger-hover': '255, 102, 120, 1',
+  'bg-danger-focus': '255, 76, 97, 1',
+  'bg-danger-active': '255, 76, 97, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0.001',
+  'bg-danger-tertiary-hover': '255, 102, 120, 0.2',
+  'bg-danger-tertiary-active': '255, 76, 97, 0.15',
   'bg-disabled': '70, 71, 101, 1',
   'bg-divider': '32, 54, 69, 1',
   'bg-divider-secondary': '51, 57, 61, 1',
@@ -78,7 +78,7 @@ export const DarkModeColorTokens = {
   'bg-toggle-switch': '210, 208, 223, 1',
   'bg-toggle-switch-hover': '188, 186, 213, 1',
   'bg-toggle-switch-selected-disabled': '0, 75, 128, 1',
-  'bg-transparent': '0, 0, 0, 0',
+  'bg-transparent': '0, 0, 0, 0.001',
   'bg-accent1-primary': '109, 217, 202, 1',
   'bg-accent1-secondary': '174, 234, 226, 1',
   'bg-accent1-tertiary': '223, 247, 243, 1',
@@ -117,13 +117,13 @@ export const DarkModeColorTokens = {
   'text-black': '4, 4, 28, 0.95',
   'text-white': '252, 252, 254, 0.9',
   'text-brand': '176, 180, 181, 1',
-  'text-danger-link': '255, 56, 97, 1',
-  'text-danger-link-hover': '255, 71, 123, 1',
-  'text-danger-link-active': '230, 50, 87, 1',
-  'text-danger-link-focus': '255, 82, 136, 1',
-  'text-danger-link-visited': '255, 56, 97, 1',
+  'text-danger-link': '255, 76, 97, 1',
+  'text-danger-link-hover': '255, 102, 120, 1',
+  'text-danger-link-active': '255, 76, 97, 1',
+  'text-danger-link-focus': '255, 76, 97, 1',
+  'text-danger-link-visited': '255, 76, 97, 1',
   'text-disabled': '252, 252, 254, 0.38',
-  'text-error': '255, 56, 97, 1',
+  'text-error': '255, 76, 97, 1',
   'text-input-disabled': '252, 252, 254, 0.38',
   'text-input-placeholder': '252, 252, 254, 0.5',
   'text-link': '28, 171, 255, 1',
@@ -156,9 +156,9 @@ export const DarkModeColorTokens = {
   'border-color-action-hover': '76, 190, 255, 1',
   'border-color-action-active': '15, 167, 255, 1',
   'border-color-chip': '107, 116, 125, 1',
-  'border-color-danger': '255, 56, 97, 1',
-  'border-color-danger-hover': '255, 71, 123, 1',
-  'border-color-danger-active': '230, 50, 87, 1',
+  'border-color-danger': '255, 76, 97, 1',
+  'border-color-danger-hover': '255, 102, 120, 1',
+  'border-color-danger-active': '255, 76, 97, 1',
   'border-color-divider': '32, 54, 69, 1',
   'border-color-divider-secondary': '51, 57, 61, 1',
   'border-color-input-field': '32, 54, 69, 1',

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-ring-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeRingTokens = {
   'ring-input-focus': '0, 187, 255, 0.25',
   'ring-input-danger-focus': '255, 56, 97, 0.25',

package/dist/collection/constants/tokens/themes/v2-new-brand/dark-mode-shadow-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const DarkModeShadowTokens = {
   'shadow-card': '0px 2px 10px 0px rgba(0, 0, 0, 0.18), 0px 2px 4px 0px rgba(0, 0, 0, 0.1)',
   'shadow-modal': '0px 6px 40px 0px rgba(2, 2, 15, 0.14), 0px 4px 24px 0px rgba(2, 2, 15, 0.28), 0px 8px 80px 0px rgba(2, 2, 15, 0.26)',

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-border-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const LightModeBorderTokens = {
   'border-secondary-btn': '38, 42, 255, 1',
   'border-secondary-btn-hover': '61, 64, 255, 1',

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-color-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const LightModeColorTokens = {
   'bg-brand': '51, 57, 61, 1',
   'bg-page': '240, 243, 247, 1',
@@ -20,7 +20,7 @@ export const LightModeColorTokens = {
   'bg-action-secondary': '252, 252, 252, 1',
   'bg-action-secondary-hover': '235, 235, 255, 1',
   'bg-action-secondary-active': '219, 220, 255, 1',
-  'bg-action-tertiary': '0, 0, 0, 0',
+  'bg-action-tertiary': '0, 0, 0, 0.001',
   'bg-action-tertiary-hover': '4, 4, 28, 0.05',
   'bg-action-tertiary-active': '4, 4, 28, 0.1',
   'bg-app-header': '240, 243, 247, 0.88',
@@ -30,13 +30,13 @@ export const LightModeColorTokens = {
   'bg-chip': '32, 54, 69, 0.06',
   'bg-chip-hover': '32, 54, 69, 0.12',
   'bg-chip-active': '32, 54, 69, 0.2',
-  'bg-danger': '189, 41, 71, 1',
-  'bg-danger-hover': '233, 71, 104, 1',
-  'bg-danger-focus': '189, 41, 71, 1',
-  'bg-danger-active': '230, 50, 87, 1',
-  'bg-danger-tertiary': '0, 0, 0, 0',
-  'bg-danger-tertiary-hover': '255, 87, 114, 0.2',
-  'bg-danger-tertiary-active': '189, 41, 71, 0.2',
+  'bg-danger': '145, 8, 24, 1',
+  'bg-danger-hover': '170, 9, 28, 1',
+  'bg-danger-focus': '145, 8, 24, 1',
+  'bg-danger-active': '109, 6, 18, 1',
+  'bg-danger-tertiary': '0, 0, 0, 0.001',
+  'bg-danger-tertiary-hover': '255, 235, 237, 1',
+  'bg-danger-tertiary-active': '255, 219, 223, 1',
   'bg-disabled': '176, 180, 181, 1',
   'bg-divider': '171, 198, 216, 1',
   'bg-divider-secondary': '199, 217, 229, 1',
@@ -78,7 +78,7 @@ export const LightModeColorTokens = {
   'bg-toggle-switch': '107, 116, 125, 0.7',
   'bg-toggle-switch-hover': '107, 116, 125, 1',
   'bg-toggle-switch-selected-disabled': '153, 192, 255, 1',
-  'bg-transparent': '0, 0, 0, 0',
+  'bg-transparent': '0, 0, 0, 0.001',
   'bg-accent1-primary': '115, 230, 220, 1',
   'bg-accent1-secondary': '193, 244, 239, 1',
   'bg-accent1-tertiary': '224, 249, 247, 1',
@@ -117,13 +117,13 @@ export const LightModeColorTokens = {
   'text-black': '4, 4, 28, 0.95',
   'text-white': '252, 252, 254, 0.9',
   'text-brand': '51, 57, 61, 1',
-  'text-danger-link': '230, 50, 87, 1',
-  'text-danger-link-hover': '233, 71, 104, 1',
-  'text-danger-link-active': '189, 41, 71, 1',
-  'text-danger-link-focus': '240, 52, 91, 1',
-  'text-danger-link-visited': '230, 50, 87, 1',
+  'text-danger-link': '145, 8, 24, 1',
+  'text-danger-link-hover': '170, 9, 28, 1',
+  'text-danger-link-active': '109, 6, 18, 1',
+  'text-danger-link-focus': '145, 8, 24, 1',
+  'text-danger-link-visited': '145, 8, 24, 1',
   'text-disabled': '4, 4, 28, 0.35',
-  'text-error': '189, 41, 71, 1',
+  'text-error': '145, 8, 24, 1',
   'text-input-disabled': '4, 4, 28, 0.35',
   'text-input-placeholder': '4, 4, 28, 0.58',
   'text-link': '38, 42, 255, 1',
@@ -156,9 +156,9 @@ export const LightModeColorTokens = {
   'border-color-action-hover': '61, 64, 255, 1',
   'border-color-action-active': '23, 26, 232, 1',
   'border-color-chip': '205, 209, 211, 1',
-  'border-color-danger': '230, 50, 87, 1',
-  'border-color-danger-hover': '255, 87, 114, 1',
-  'border-color-danger-active': '189, 41, 71, 1',
+  'border-color-danger': '145, 8, 24, 1',
+  'border-color-danger-hover': '170, 9, 28, 1',
+  'border-color-danger-active': '109, 6, 18, 1',
   'border-color-divider': '171, 198, 216, 1',
   'border-color-divider-secondary': '199, 217, 229, 1',
   'border-color-input-field': '171, 198, 216, 1',

package/dist/collection/constants/tokens/themes/v2-new-brand/light-mode-shadow-tokens.js

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.80 */
+/* This file is generated by vega-design 2.0.81 */
 export const LightModeShadowTokens = {
   'shadow-card': '0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02)',
   'shadow-modal': '0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16)',

package/dist/collection/constants/ui.js

@@ -80,6 +80,7 @@ export const VegaNativeEventName = [
   'dropdownSearch',
   'actionClick',
   'eventClick',
+  'eventPreview',
   'dateDblClick',
   'dateClick',
   'countryChange',

package/dist/collection/global/scripts/before-vega-load.js

@@ -34,11 +34,13 @@ import { VegaRTELineHeightExtension } from '../../components/vega-rich-text-edit
 import { VegaRTEDefaultLineHeightOptions } from '../../components/vega-rich-text-editor/extensions/line-height/constants';
 import { VegaRTELinkExtension } from '../../components/vega-rich-text-editor/extensions/link/link-extension';
 import { VegaCalendarPeriodFactory } from '../../helpers/calendar';
+import { COUNTRIES as VegaCountryNames } from '../../components/vega-input-phone-number/assets/countries';
 import { VegaRTEFullscreenExtension } from '../../components/vega-rich-text-editor/extensions/fullscreen/fullscreen-extension';
 import { VegaRTECopyExtension } from '../../components/vega-rich-text-editor/extensions/copy/copy-extension';
 import { VegaRTECutExtension } from '../../components/vega-rich-text-editor/extensions/cut/cut-extension';
 import { VegaRTEPasteExtension } from '../../components/vega-rich-text-editor/extensions/paste/paste-extension';
 import { VegaRTEImageExtension } from '../../components/vega-rich-text-editor/extensions/image/image-extension';
+import { VegaRTEWordCountExtension } from '../../components/vega-rich-text-editor/extensions/word-count/word-count-extension';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -67,6 +69,7 @@ export default function () {
   injectSetNonceIntoGlobal();
   patchHeadInsertBeforeWithNonce();
   injectVegaCalendarPeriodFactoryIntoGlobal();
+  injectVegaCountryNamesIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -231,6 +234,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTECopyExtension = VegaRTECopyExtension;
   globalThis.VegaRTECutExtension = VegaRTECutExtension;
   globalThis.VegaRTEImageExtension = VegaRTEImageExtension;
+  globalThis.VegaRTEWordCountExtension = VegaRTEWordCountExtension;
 }
 /**
  * Inject VegaCalendarPeriodFactory to global as a public api.
@@ -238,6 +242,12 @@ function injectVegaRichTextEditorClassIntoGlobal() {
 function injectVegaCalendarPeriodFactoryIntoGlobal() {
   globalThis.VegaCalendarPeriodFactory = VegaCalendarPeriodFactory;
 }
+/**
+ * Inject VegaCountryNames to global as a public api.
+ */
+function injectVegaCountryNamesIntoGlobal() {
+  globalThis.VegaCountryNames = VegaCountryNames;
+}
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaAdditionalLinkClick, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit, VegaPageUpdate, VegaUserChange, VegaRemove, VegaCreate, VegaSearch, VegaDropdownSelectAllClick, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaTodayClick, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaAdditionalLinkClick, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaEventPreview, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit, VegaPageUpdate, VegaUserChange, VegaRemove, VegaCreate, VegaSearch, VegaDropdownSelectAllClick, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaTodayClick, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-footer', [VegaAdditionalLinkClick]],
@@ -11,7 +11,15 @@ const entries = [
   ['vega-button-link', [VegaClick]],
   [
     'vega-calendar',
-    [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit],
+    [
+      VegaChange,
+      VegaEventClick,
+      VegaEventPreview,
+      VegaDateDblClick,
+      VegaMoreActionClick,
+      VegaDateClick,
+      VegaEventEdit,
+    ],
   ],
   ['vega-calendar-period-switcher', [VegaChange]],
   ['vega-carousel', [VegaPageUpdate]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -93,6 +93,7 @@ export const VegaDropdownHide = new VegaEventID('vegaHide', 'dropdownHide');
 export const VegaDropdownSearch = new VegaEventID('vegaSearch', 'dropdownSearch');
 export const VegaActionClick = new VegaEventID('vegaActionClick', 'actionClick');
 export const VegaEventClick = new VegaEventID('vegaEventClick', 'eventClick');
+export const VegaEventPreview = new VegaEventID('vegaEventPreview', 'eventPreview');
 export const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClick');
 export const VegaDateClick = new VegaEventID('vegaDateClick', 'dateClick');
 export const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -30,7 +30,6 @@ export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelec
 export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
 export const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');
 export const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID('dropdownRenderItemInternalOverridden');
-export const VegaInputSelectRenderPrefixIconInternalOverridden = new VegaInternalEventID('dropdownRenderPrefixIconInternalOverridden');
 export const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');
 export const VegaInternalSidenavLinkClick = new VegaInternalEventID('sidenavLinkClick');
 export const VegaInternalLeftNavGroupExpand = new VegaInternalEventID('leftNavGroupExpand');
@@ -53,6 +52,9 @@ export const VegaInternalCodeBlockSelectionChange = new VegaInternalEventID('int
 export const VegaInternalColumnHeadRowRenderInputRIC = new VegaInternalEventID('tableHeadRowRenderInputRIC');
 export const VegaInternalColumnHeadCellRenderInputRIC = new VegaInternalEventID('tableHeadCellRenderInputRIC');
 export const VegaInternalColumnBodyCellRenderInputRIC = new VegaInternalEventID('tableCellRenderInputRIC');
+export const VegaInternalColumnFootCellRenderInputRIC = new VegaInternalEventID('tableFootCellRenderInputRIC');
+export const VegaInternalRowRenderInputRIC = new VegaInternalEventID('tableRowRenderInputRIC');
+export const VegaInternalColumnExpandCellRenderInputRIC = new VegaInternalEventID('tableExpandCellRenderInputRIC');
 export const VegaInternalVegaTableRenderInputChange = new VegaInternalEventID('tableColumnCellRenderInputChange');
 export const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('calendarEventPreviewUpdate');
 export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');

package/dist/collection/helpers/keyboard/keyboard-manager.js

@@ -39,12 +39,16 @@ class KeyboardManager {
   listenKeyPress() {
     // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keydown', (e) => {
-      this.invokeListeners('keydown', e);
+      this.invokeListeners('keydown', e, true);
+    }, true);
+    // eslint-disable-next-line no-restricted-globals
+    document.addEventListener('keydown', (e) => {
+      this.invokeListeners('keydown', e, false);
     });
     // listen keyup is waiting activeElement changed.
     // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keyup', (e) => {
-      this.invokeListeners('keyup', e);
+      this.invokeListeners('keyup', e, false);
     });
   }
   /**
@@ -54,10 +58,13 @@ class KeyboardManager {
    * @param {'keyup' | 'keydown'} eventName - The name of the event that was triggered.
    * @param {KeyboardEvent} event - KeyboardEvent - this is the event that is passed to the event
    * listener.
+   * @param {boolean} capture - Whether to invoke listeners registered for the capture phase.
    */
-  invokeListeners(eventName, event) {
+  invokeListeners(eventName, event, capture) {
     this.listeners
-      .filter((listener) => listener.eventName === eventName && this.shouldInvokeListener(listener, event))
+      .filter((listener) => listener.eventName === eventName &&
+      Boolean(listener.capture) === capture &&
+      this.shouldInvokeListener(listener, event))
       .forEach((listener) => {
       if (listener.preventDefault) {
         event.preventDefault();

package/dist/collection/helpers/keyboard/overlay-escape-coordination.js

@@ -0,0 +1,33 @@
+/**
+ * Cross-overlay coordination for the Escape key.
+ *
+ * Multiple overlay components (vega-modal, vega-popover, vega-dropdown) each
+ * register a capture-phase `keydown` listener on `document`. `stopPropagation`
+ * does not block other listeners attached to the same target, and using
+ * `stopImmediatePropagation` would also block unrelated document-level
+ * listeners (e.g. focus-restore observers). Instead, the overlay that handles
+ * an Escape press marks the event here, and other overlay handlers check the
+ * mark to decide whether to skip.
+ *
+ * A `WeakSet` keyed on the event object keeps the marker out of the event's
+ * own properties (no `as any` casts, no risk of clobbering future DOM fields).
+ */
+const handledEscapeEvents = new WeakSet();
+/**
+ * Mark a keydown event as already handled by an overlay's Escape handler.
+ *
+ * @param {KeyboardEvent} event - The keydown event to mark.
+ */
+export function markOverlayHandledEscape(event) {
+  handledEscapeEvents.add(event);
+}
+/**
+ * Check whether a keydown event has already been handled by an overlay's
+ * Escape handler.
+ *
+ * @param {KeyboardEvent} event - The keydown event to check.
+ * @returns {boolean} True if another overlay has already handled this Escape.
+ */
+export function isOverlayHandledEscape(event) {
+  return handledEscapeEvents.has(event);
+}

package/dist/collection/helpers/public-api.js

@@ -16,3 +16,4 @@ export { VegaSkeletonLoader } from './skeleton-loader/vega-skeleton-loader-contr
 export { VegaTranslation, en as VegaTranslationResourceEN } from './translation';
 export { setVegaNonce } from './csp/vega-nonce-manager';
 export { VegaCalendarPeriodFactory } from './calendar';
+export { COUNTRIES as VegaCountryNames } from '../components/vega-input-phone-number/assets/countries';

package/dist/collection/helpers/slimmers/mutation-observer/aria-attributes-value-mapper.js

@@ -102,7 +102,7 @@ export class AriaAttributesValueMapper extends MutationObserverSlimmer {
         }
       }
       if (finalValue === null || finalValue === undefined || String(finalValue).trim() === '') {
-        finalValue = defaultValue;
+        finalValue = typeof defaultValue === 'function' ? defaultValue() : defaultValue;
       }
       try {
         if (String(finalValue).trim() === '') {

package/dist/collection/helpers/slimmers/position-calculation/position-calculation-controller.js

@@ -24,6 +24,14 @@ export class PositionCalculationController extends VegaSlimmer {
   clearScreenPositionScrollFrame() {
     this.screenPositionStrategy.clearScrollFrame();
   }
+  /**
+   * Resets the cached screen-position state (previousTargetRect, usePreviousPlacement)
+   * so the next open always performs a fresh full-viewport recalculation.
+   * Call this whenever the appendable is hidden.
+   */
+  resetScreenPositionState() {
+    this.screenPositionStrategy.resetPositionState();
+  }
   /**
    * Sets the calculate postion strategy.
    */