@globalpayments/vega 2.25.0 → 2.26.0

package/dist/collection/components/vega-input-phone-number/slimmers/controllers/country-select-controller.js

@@ -4,21 +4,37 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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 { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { getCountries } from 'libphonenumber-js';
-import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
-import { DROPDOWN_SEARCH_INTERNAL_OVERRIDEN } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
+import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import { COUNTRIES } from '../../assets/countries';
+import { VegaDropdownSearchInternalOverridden } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 /**
  * The `CountrySelectController` class in TypeScript includes methods to set the search string and
  * countryCode properties.
  */
 export class CountrySelectController extends VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.registerRemoteDropdownSearch();
+  }
+  /**
+   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
+   *
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
+   * custom data type representing a country code.
+   */
+  setCountryCode(countryCode) {
+    this.countryCode = countryCode;
+  }
   /**
    * Registers a remote invocation call for a dropdown search.
    */
-  static registerRemoteDropdownSearch() {
-    staticRemoteInvocationCallRegistry.register(DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, this.filterDropdownSourcesBySearchString.bind(this));
+  registerRemoteDropdownSearch() {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownSearchInternalOverridden), this.filterDropdownSourcesBySearchString.bind(this));
   }
   /**
    * Remote invocation call for a dropdown search.
@@ -27,24 +43,20 @@ export class CountrySelectController extends VegaSlimmer {
    * @param {string} searchString - Searching string of dropdown.
    * @returns  {DropdownSourceItem[]}  The searched source.
    */
-  static filterDropdownSourcesBySearchString(source, searchString) {
+  filterDropdownSourcesBySearchString(source, searchString) {
     return source.filter((item) => `${COUNTRIES[item.key].toLowerCase()} +${item.label}`
       .toLowerCase()
       .includes(searchString.toLowerCase()));
   }
-  /**
-   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
-   *
-   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
-   * custom data type representing a country code.
-   */
-  setCountryCode(countryCode) {
-    this.countryCode = countryCode;
-  }
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
 __decorate([
   MapToComponentField({ writable: true })
 ], CountrySelectController.prototype, "countryCode", void 0);
-CountrySelectController.registerRemoteDropdownSearch();
+__decorate([
+  MapToComponentField()
+], CountrySelectController.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], CountrySelectController.prototype, "connectedCallback", null);

package/dist/collection/components/vega-input-phone-number/slimmers/controllers/vega-input-phone-number-value-controller.js

@@ -38,19 +38,23 @@ export class VegaInputPhoneNumberValueController extends VegaSlimmer {
     this.updateValue(this.value);
   }
   /**
-   * The `watchValue` function emits a change event with the provided value and notifies the
-   * ChangeManager about the form element value change.
+   * The `watchValue` function updates a value and emits change events based on certain conditions.
    *
-   * @param {string} value - The `value` parameter is a string that represents the value being watched or
-   * monitored.
+   * @param {string} newValue - The `newValue` parameter represents the new value that is being watched
+   * for changes.
+   * @param {string} oldValue - The `oldValue` parameter in the `watchValue` function represents the
+   * previous value before the update. It is used to compare with the new value (`newValue`) to determine
+   * if there has been a change in the value.
    */
-  watchValue(value) {
-    this.updateValue(value);
-    this.changeEventEmitter.emit(value);
-    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
-      host: this.host,
-      detail: value,
-    });
+  watchValue(newValue, oldValue) {
+    this.updateValue(newValue);
+    if (oldValue && oldValue !== this.value) {
+      this.changeEventEmitter.emit(this.value);
+      ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+        host: this.host,
+        detail: this.value,
+      });
+    }
   }
   /**
    * The function `getCallingCodePrefix` returns the calling code prefix for a given country code.

package/dist/collection/components/vega-input-phone-number/slimmers/renderers/country-select-renderer.js

@@ -12,8 +12,9 @@ import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-
 import { CountryFlags } from '../../assets/country-flags';
 import { getCountryCallingCode } from 'libphonenumber-js';
 import { COUNTRIES } from '../../assets/countries';
-import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
-import { DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
+import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
+import { VegaDropdownRenderItemInternalOverridden } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 export class CountrySelectRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -87,7 +88,7 @@ export class CountrySelectRenderer extends VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          staticRemoteInvocationCallRegistry.register(DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+          remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownRenderItemInternalOverridden), this.renderDropdownItem.bind(this));
         }, value: this.countryCode })));
   }
   /*
@@ -144,6 +145,9 @@ export class CountrySelectRenderer extends VegaSlimmer {
   VegaInternalIconManager.register(CountryFlags);
 })();
 CountrySelectRenderer.allCountries = COUNTRIES;
+__decorate([
+  MapToComponentField()
+], CountrySelectRenderer.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], CountrySelectRenderer.prototype, "size", void 0);

package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js

@@ -105,6 +105,7 @@ export class VegaInputPhoneNumber {
     /**
      * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
      *
+     * @VegaWarning Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`. For example, if the default country code is US, the default value will be `+1`.
      * @version 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
@@ -141,8 +142,8 @@ export class VegaInputPhoneNumber {
   watchCountryCode(newCountryCode, oldCountryCode) {
     methodPlaceholder(newCountryCode, oldCountryCode);
   }
-  watchValue(value) {
-    methodPlaceholder(value);
+  watchValue(newValue, oldValue) {
+    methodPlaceholder(newValue, oldValue);
   }
   watchValidationRules() {
     methodPlaceholder();
@@ -305,6 +306,9 @@ export class VegaInputPhoneNumber {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "VegaWarning",
+            "text": "Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`. For example, if the default country code is US, the default value will be `+1`."
+          }, {
             "name": "version",
             "text": "2.18.0"
           }],

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -511,7 +511,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ caseSensitive?: boolean; matchContainerHeight?: boolean; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; size?: ResponsiveType<SizeType>; useDefaultFilter?: boolean; }",
+        "resolved": "{ caseSensitive?: boolean; matchContainerHeight?: boolean; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchTriggerBy?: VegaDropdownSearchTriggerByType; searchable?: boolean; size?: ResponsiveType<SizeType>; useDefaultFilter?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-open-state-controller.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 import { PageResizeObserverSlimmer } from '../../../../../helpers/slimmers/page-resize-observer-slimmer';
 import { executeAfterTransition } from '../../../../../utils/effect';
+import { FeatureFlag } from '../../../../../helpers/feature-control/feature-flag-controller';
 export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
   /**
    * The below method is e2e-test covered in
@@ -27,7 +28,15 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   componentDidLoad() {
-    this.open === true ? (this.openState = 'open') : (this.openState = 'close');
+    if (this.open === true) {
+      this.openState = 'open';
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD')) {
+        this.host.classList.add('disableAnimation');
+      }
+    }
+    else {
+      this.openState = 'close';
+    }
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -48,6 +57,10 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
     else {
       this.open = false;
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD') &&
+        this.host.classList.contains('disableAnimation')) {
+        this.host.classList.remove('disableAnimation');
+      }
     }
     this.stateUpdateEventEmitter.emit(this.openState);
   }

package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.css

@@ -20,6 +20,10 @@
   transform: translateX(-320px);
 }
 
+:host(.open.disableAnimation) {
+  transition-duration: 0s;
+}
+
 :host(.open) {
   transform: translateX(0px);
 }

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-page-index-controller.js

@@ -11,7 +11,12 @@ export class VegaTabGroupPageIndexController extends VegaSlimmer {
    * update the page index when component call watchTabPagesChange method
    */
   handleTabPagesChange() {
-    this.setCurrentPageIndexWhenTabPagesChange();
+    if (this.selectedTabDataTarget) {
+      this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget);
+    }
+    else {
+      this.setCurrentPageIndexWhenTabPagesChange();
+    }
   }
   /**
    * update the page index when component call watchSelectedTabDataTargetChange method

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller.js

@@ -5,12 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { SynchronizeTaskQueue } from '../../../../../helpers/queue/synchronize-task-queue';
 /** The `VegaTabGroupSliderStateController` class manages the animation state of a tab group slider component. */
 export class VegaTabGroupSliderStateController extends VegaSlimmer {
   constructor() {
     super(...arguments);
     /* about 2 frames in the browser */
     this.UPDATE_ANIMATION_FLAG_DELAY = 32;
+    this.goToPageTaskQueue = new SynchronizeTaskQueue();
     /**
      * The normal flow:
      * page index change
@@ -37,24 +39,32 @@ export class VegaTabGroupSliderStateController extends VegaSlimmer {
      */
     this.pendingCarouselActionCount = 0;
   }
+  /**
+   * goToPage method should be called after the carousel re-render which waiting for the carousel to render all pages,
+   *    otherwise it may not jump to the current page.
+   */
+  async componentDidRender() {
+    await this.goToPageTaskQueue.runTask();
+  }
   /* istanbul ignore next */
   /**
    * update the page index when component call watchCurrentPageIndexChange method
    *
    *  {@link VegaTabGroup#watchCurrentPageIndexChange}
-   *
-   * @param {number} newIndex the page index
    */
-  async handlePageIndexChange(newIndex) {
+  async handlePageIndexChange() {
     const carouselDom = this.tabListRenderer.getCarouselDomRef();
     if (carouselDom) {
       this.pendingCarouselActionCount += 1;
-      await carouselDom.goToPage(newIndex + 1);
       setTimeout(() => {
         if (this && typeof this.pendingCarouselActionCount === 'number') {
           this.pendingCarouselActionCount -= 1;
         }
       }, this.UPDATE_ANIMATION_FLAG_DELAY);
+      await this.goToPageTaskQueue.enqueue({
+        /** Add task to the queue and run it until component did render */
+        run: async () => await carouselDom.goToPage(this.currentPageIndex + 1),
+      }, false);
     }
   }
   /*
@@ -74,6 +84,12 @@ export class VegaTabGroupSliderStateController extends VegaSlimmer {
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupTabListRenderer' })
 ], VegaTabGroupSliderStateController.prototype, "tabListRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTabGroupSliderStateController.prototype, "currentPageIndex", void 0);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTabGroupSliderStateController.prototype, "componentDidRender", null);
 __decorate([
   MapToComponentMethod('watchCurrentPageIndexChange')
 ], VegaTabGroupSliderStateController.prototype, "handlePageIndexChange", null);

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

@@ -12,7 +12,7 @@ import { TABLE_EXPAND_ROW } from '../../../../helpers/change-manager/subject/sta
 import { Observer } from '../../../../helpers/change-manager/observer/observer';
 import { findParent } from '../../../../utils/ui';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import { VegaInternalTableRowExpand } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The expand row controller of VegaTable
@@ -157,7 +157,7 @@ export class VegaTableExpandRowController extends VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     ChangeManager.unregister(TABLE_EXPAND_ROW, this.expandObserver);
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -184,7 +184,7 @@ export class VegaTableExpandRowController extends VegaSlimmer {
       }
     });
     ChangeManager.register(TABLE_EXPAND_ROW, this.expandObserver);
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
       return this.rowExpandEventEmitter.emit({
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         expanded: expanded,

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

@@ -9,7 +9,7 @@ import ChangeManager from '../../../../helpers/change-manager/change-manager';
 import { Observer } from '../../../../helpers/change-manager/observer/observer';
 import { TABLE_ROW_CLICK, TABLE_ROW_SELECTION, TABLE_ROW_SELECTION_ALL, } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { findParent } from '../../../../utils/ui';
-import staticRemoteInvocationCallRegistry from '../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalTableRowSelect, VegaInternalTableRowSelectAll, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
@@ -159,8 +159,8 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
     ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
     ChangeManager.unregister(TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
     ChangeManager.unregister(TABLE_ROW_CLICK, this.rowClickObserver);
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
-    staticRemoteInvocationCallRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect));
+    remoteInvocationRegistry.unRegister(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll));
   }
   /**
    * Component lifecycle - componentWillLoad
@@ -294,14 +294,14 @@ export class VegaTableRowSelectionController extends VegaSlimmer {
       this.handleRowSelect(checked, record);
     });
     ChangeManager.register(TABLE_ROW_SELECTION, this.rowSelectionObserver);
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelect), ({ rowKey, checked }) => {
       return this.rowSelectEventEmitter.emit({
         selected: checked,
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         selectedRows: this.getSelectedRecords(),
       });
     });
-    staticRemoteInvocationCallRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalTableRowSelectAll), ({ checked }) => {
       return this.rowSelectAllEventEmitter.emit({
         selected: checked,
         selectedRows: this.getSelectedRecords(),

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

@@ -11,7 +11,7 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_SELECTION_ALL } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
-import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { findParent } from '../../../../../utils/ui';
 import { VegaInternalTableRowSelectAll } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
@@ -44,7 +44,7 @@ export class VegaTableHeadRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const event = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
+      const event = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(findParent(this.host, 'vega-table'), VegaInternalTableRowSelectAll), {
         host: this.host,
         checked: !this.checkedAll,
       });

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

@@ -9,7 +9,7 @@ import ChangeManager from '../../../../../helpers/change-manager/change-manager'
 import { TABLE_ROW_CLICK } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 import { isAcceptableTableRowObserver } from '../../../type-guard';
-import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
@@ -32,7 +32,7 @@ export class VegaTableRowClickController extends VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
+    const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,

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

@@ -10,7 +10,7 @@ import { TABLE_EXPAND_ROW } from '../../../../../helpers/change-manager/subject/
 import { Observer } from '../../../../../helpers/change-manager/observer/observer';
 import { isAcceptableTableObserver } from '../../../type-guard';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import { VegaInternalTableRowExpand } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /**
  * The row expand controller for expandable table row.
@@ -32,7 +32,7 @@ export class VegaTableRowExpandController extends VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    const rowExpandEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
+    const rowExpandEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
       expanded: !this.expanded,

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

@@ -10,7 +10,7 @@ import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-man
 import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
 import chevronDown from '../../../../../global/icons/chevron-down';
-import staticRemoteInvocationCallRegistry from '../../../../../helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry';
+import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalTableRowSelect } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import { findParent } from '../../../../../utils/ui';
@@ -45,7 +45,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = staticRemoteInvocationCallRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
+      const rowSelectEvent = remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.parentTableRef, VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,

package/dist/collection/components/vega-text/slimmers/renderers/vega-text-tooltip-renderer.js

@@ -45,6 +45,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
           this.tooltipRef.remove();
           this.tooltipRef = null;
         }
+        this.host.style.minWidth = 'auto';
       }
     };
     /**
@@ -73,18 +74,24 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
      * @see{module:vega-text-with-long-text}
      * @see{module:vega-text-with-long-text-change-screen-size}
      * @see{module:vega-text-with-long-text-minimize-screen-size}
+     * @see{module:vega-text-with-long-text-minimize-screen-safari}
      */
     /* istanbul ignore next */
     this.updateTooltipDisplayText = async () => {
       let fontSize = parseFloat(getElementComputedStyle(this.host, 'font-size'));
       fontSize = isNaN(fontSize) ? VegaTextTooltipRenderer.DEFAULT_FONT_SIZE : fontSize;
-      let textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
+      const textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
       if (isTextWrapped(this.tooltipRef)) {
-        while (isTextWrapped(this.tooltipRef)) {
-          if (textLength > 1) {
-            textLength = textLength - 1;
+        for (let i = textLength; i >= 1; i--) {
+          this.tooltipRef.textContent = this.truncateStringWithEllipsis(i);
+          if (!isTextWrapped(this.tooltipRef)) {
+            break;
+          }
+          if (i <= 1) {
+            // Set min-width to fix the safari wrap issue when the default width is already wrapped.
+            this.insertMinWidthStyle();
+            break;
           }
-          this.tooltipRef.textContent = this.truncateStringWithEllipsis(textLength);
         }
       }
     };
@@ -120,6 +127,23 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
     }
   }
+  /**
+   * Dynamically calculates and sets the minimum width of an element based on the content inside a hidden placeholder element.
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-long-text-minimize-screen-safari}
+   */
+  /* istanbul ignore next */
+  insertMinWidthStyle() {
+    let placeholder = this.host.shadowRoot.querySelector('#min-width-placeholder');
+    if (!placeholder) {
+      placeholder = document.createElement('span');
+      placeholder.id = 'min-width-placeholder';
+      placeholder.style.cssText = 'position:absolute; visibility:hidden; word-break:keep-all;';
+      this.host.shadowRoot.appendChild(placeholder);
+    }
+    placeholder.textContent = this.truncateStringWithEllipsis(1);
+    this.host.style.minWidth = placeholder.getBoundingClientRect().width + 'px';
+  }
 }
 VegaTextTooltipRenderer.DEFAULT_FONT_SIZE = 16;
 __decorate([

package/dist/collection/helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory.js

@@ -1,8 +1,9 @@
 import { DomNodeSubject } from './dom-node-subject';
+import { isParent } from '../../../../utils/ui';
 /** The `DomNodesSubjectFactory` class is responsible for managing and caching `DomNodeSubject` objects associated with HTML elements. */
 class DomNodeSubjectFactory {
   constructor() {
-    this.cache = new WeakMap();
+    this.cache = new Map();
   }
   /**
    * The function `getSubject` returns the subject associated with a given node and event ID, either from the cache or by setting it if it doesn't exist.
@@ -34,6 +35,23 @@ class DomNodeSubjectFactory {
     }
     return false;
   }
+  /**
+   * The function find if the parent of a given node exists in the cache and if it has a specific event ID.
+   *
+   * @param {HTMLElement} childNode - Child node.
+   * @param {VegaEventIDInterface} eventId - eventId.
+   * @returns {DomNodeSubject} - Parent node subject.
+   */
+  getSubjectFromParentNodeByEventId(childNode, eventId) {
+    let subject;
+    for (const entry of this.cache) {
+      if (isParent(childNode, entry[0]) && entry[1].has(eventId)) {
+        subject = entry[1].get(eventId);
+        break;
+      }
+    }
+    return subject;
+  }
   /**
    * The function `setSubject` creates a new `DomNodeSubject` and associates it with a given `node` and `eventId`, and then returns the created subject.
    *

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js

@@ -23,5 +23,3 @@ export const FORM_ELEMENT_VALIDATE = new StaticSubject('FORM_EMEMENT_VALIDATE');
 export const FIELD_ERROR_STATE_CHANGE = new StaticSubject('FIELD_ERROR_STATE_CHANGE');
 export const VEGA_VIRTUAL_SCROLL_TO_BOTTOM = new StaticSubject('VEGA_VIRTUAL_SCROLL_TO_BOTTOM');
 export const SELECTION_TILE_VALUE_CHANGE = new StaticSubject('SELECTION_TILE_VALUE_CHANGE');
-export const DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN = new StaticSubject('DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN');
-export const DROPDOWN_SEARCH_INTERNAL_OVERRIDEN = new StaticSubject('DROPDOWN_SEARCH_INTERNAL_OVERRIDEN');

package/dist/collection/helpers/change-manager/test/dom-node-subject-factory.test.js

@@ -12,6 +12,18 @@ test('domNodesSubjectFactory', () => {
   expect(divSubject.getDescription()).toEqual(`, this is a dom nodes subject of ${div.tagName}:${VegaClick.getVegaName()}.(class name:test, id:)`);
   expect(domNodesSubjectFactory['isExist'].call(null, null)).toBeFalsy();
 });
+test('domNodesSubjectFactory getSubjectFromParentNodeByEventId', () => {
+  const parent = document.createElement('div');
+  parent.className = 'parent';
+  const child = document.createElement('div');
+  child.className = 'child';
+  parent.append(child);
+  const parentSubject = domNodesSubjectFactory.getSubject(parent, VegaClick);
+  expect(parentSubject).not.toBeNull();
+  expect(domNodesSubjectFactory.getSubjectFromParentNodeByEventId(child, VegaClick)).toEqual(parentSubject);
+  const element = document.createElement('div');
+  expect(domNodesSubjectFactory.getSubjectFromParentNodeByEventId(element, VegaClick)).toEqual(undefined);
+});
 test('addUniqueObserverToNode', () => {
   const div = document.createElement('div');
   const length = changeManager['pubSubMap'].size;

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

@@ -29,3 +29,5 @@ export const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('
 export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
 export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
 export const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');
+export const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID('dropdownRenderItemInternalOverridden');
+export const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -175,5 +175,10 @@ const FeatureFlagsMap = {
     createdTimestamp: 1727232497961,
     createdAtVersion: '2.21.0',
   },
+  'VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD': {
+    description: `Feature flag that disables the transition animation of the left nav.`,
+    createdTimestamp: 1730361348399,
+    createdAtVersion: '2.26.0',
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/formatter/style-formatter.js

@@ -0,0 +1,29 @@
+import { isNonNullable } from '../../types/type-guard';
+import responsiveFormatFacade from './responsive-map-formatter/responsive-format-facade';
+/**
+ * Fomatter flex styles.
+ *
+ * @param {Nullable<ResponsiveType<FlexType>>} flex - flex
+ * @param {Nullable<ResponsiveType<FlexGrowType>>} flexGrow - flex-grow
+ * @param {Nullable<ResponsiveType<FlexShrinkType>>} flexShrink - flex-shrink
+ * @param {Nullable<ResponsiveType<FlexBasisType>>} flexBasis - flex-basis
+ * @returns {object} - formatted styles
+ */
+export function formatFlexStyles(flex, flexGrow, flexShrink, flexBasis) {
+  if (isNonNullable(flex)) {
+    return { flex: `${responsiveFormatFacade.formatCustom(flex)}` };
+  }
+  else {
+    return {
+      flexGrow: isNonNullable(flexGrow)
+        ? `${responsiveFormatFacade.formatCustom(flexGrow)}`
+        : undefined,
+      flexShrink: isNonNullable(flexShrink)
+        ? `${responsiveFormatFacade.formatCustom(flexShrink)}`
+        : undefined,
+      flexBasis: isNonNullable(flexBasis)
+        ? `${responsiveFormatFacade.formatCustom(flexBasis)}`
+        : undefined,
+    };
+  }
+}