@globalpayments/vega 2.100.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,6 +34,7 @@ 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';
@@ -68,6 +69,7 @@ export default function () {
   injectSetNonceIntoGlobal();
   patchHeadInsertBeforeWithNonce();
   injectVegaCalendarPeriodFactoryIntoGlobal();
+  injectVegaCountryNamesIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -240,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/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/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.
    */

package/dist/collection/helpers/slimmers/position-calculation/screen-position-calculation-strategy.js

@@ -16,6 +16,7 @@ import { isNonNullable } from '../../../types/type-guard';
 export class ScreenPositionCalculationStrategy extends BasePositionCalculationStrategy {
   constructor() {
     super(...arguments);
+    this.previousTargetRect = null;
     this.scrollFrameRequestId = null;
     this.usePreviousPlacement = false;
     this.scrollPositionUpdateStrategy = new ScreenScrollPositionUpdate();
@@ -84,6 +85,15 @@ export class ScreenPositionCalculationStrategy extends BasePositionCalculationSt
       this.scrollFrameRequestId = null;
     }
   }
+  /**
+   * Resets cached position state so the next `show()` always performs a full
+   * viewport-boundary recalculation instead of reusing placement from the
+   * previous open.  Call this whenever the appendable is hidden.
+   */
+  resetPositionState() {
+    this.previousTargetRect = null;
+    this.usePreviousPlacement = false;
+  }
   /**
    * Get the position of the element in the container according to the target element and the placement
    * If give a translocation, it will apply the translocation to the result.

package/dist/collection/helpers/slimmers/vega-table-child-render-input-consumer-slimmer.js

@@ -11,6 +11,7 @@ import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/do
 import remoteInvocationRegistry from '../remote-invocation/remote-invocation-registry';
 import { findParent } from '../../utils/ui';
 import { VegaInternalVegaTableRenderInputChange, } from '../event-manager/event-id/vega-internal-event-id';
+import { forceUpdate } from '@stencil/core';
 /**
  * Shared render-input consumer APIs for vega-table child components.
  *
@@ -69,6 +70,7 @@ export class VegaTableChildRenderInputConsumerSlimmer extends VegaSlimmer {
   registerRenderInputChangeObserver() {
     this.observer = new Observer((_input) => true, () => {
       this.renderInput = this.fetchRenderInput();
+      forceUpdate(this.host);
     });
     changeManager.register(domNodeSubjectFactory.getSubject(this.table, VegaInternalVegaTableRenderInputChange), this.observer);
   }

package/dist/collection/helpers/ui/element-appender.js

@@ -96,6 +96,7 @@ export class ElementAppender {
     if (!this.showConfig)
       return;
     this.positionCalculationController.clearScreenPositionScrollFrame();
+    this.positionCalculationController.resetScreenPositionState();
     this.toggleShow(false);
     this.resetContainerPosition();
     InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');

package/dist/esm/{action-color-accessibility-validator-08877515.js → action-color-accessibility-validator-3e824a59.js}

@@ -1,4 +1,4 @@
-import { L as LightModeColorTokens, b as VegaColorSchemaOverridingController } from './dark-mode-style-controller-352f15ff.js';
+import { L as LightModeColorTokens, b as VegaColorSchemaOverridingController } from './dark-mode-style-controller-4e04a2d3.js';
 import './static-subject-title-1c86e974.js';
 import './change-manager-6a7eb88c.js';
 import './global-slimmer-registry-17c4efd4.js';