@globalpayments/vega 2.39.0 → 2.41.0

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -4,146 +4,60 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
+const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const date = require('./date-0a6bb035.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
 const ui = require('./ui-5fd9b267.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-5adef7b2.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f45931fd.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-83aa7e61.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-88edb0d1.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-00dbdf29.js');
-const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-require('./content-state-c5b47ca1.js');
-require('./vega-dialog-controller-fe610705.js');
+const featureFlagController = require('./feature-flag-controller-3c6666df.js');
+require('./content-state-582d8961.js');
 require('./icon-manager-edc2400b.js');
-require('./index-0546e2ea.js');
+require('./wait-for-vega-handler-46280dcf.js');
 require('./translation-6848c389.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./number-4816603d.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-a1983026.js');
+require('./index-453b89b9.js');
+require('./responsive-format-facade-ad8ca2ab.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-981dfd1c.js');
 require('./index-8b247c17.js');
 require('./keyboard-manager-2df53b2f.js');
 
-/**
- * A rule that checks if date is empty or not
- *
- * @implements {FormFieldValidationRule<string | string[]>}
- */
-class DateRequiredRule {
-  /**
-   * It creates a new instance of the class with the given config.
-   *
-   * @param {{ mode: 'single' | 'range' }} config - config including the mode for date value
-   * @param {'single' | 'range'} config.mode - The mode for date value
-   */
-  constructor(config) {
-    this.config = config;
-  }
-  /**
-   * If the input is not valid for the current mode, throw an error.
-   * Otherwise, return an object with a boolean indicating whether the input is valid and a message to display to the user
-   *
-   * @param {string | string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid date value ${input} for mode ${this.config.mode}`);
-    }
-    let isValid;
-    switch (this.config.mode) {
-      case 'single':
-        isValid = date.isDateStr(input);
-        break;
-      case 'range':
-        isValid = Array.isArray(input) && input.length === 2 && input.every(date.isDateStr);
-        break;
-    }
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true. Otherwise, if the mode is 'single', return true if
-   * the input is a string. Otherwise, if the mode is 'range', return true if the input is an array. Otherwise, return false.
-   *
-   * @param {unknown} input - The input value that the user has entered.
-   * @returns {boolean} A boolean value.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    if (!this.config.mode) {
-      throw new Error(`Unexpected type of mode: ${this.config.mode}`);
-    }
-    switch (this.config.mode) {
-      case 'single':
-        return typeof input === 'string';
-      case 'range':
-        return Array.isArray(input);
-      default:
-        return false;
-    }
-  }
-}
-
 /**
  * A rule that checks if start date is before than end date
  */
-class DateRangeRule {
+class DateRangeRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * If the input is accepted and the status is not disabled and visible, then return true
    *
@@ -197,7 +111,7 @@ class DateRangeRule {
 /**
  * A rule that checks if date is in minDate and maxDate range
  */
-class MinAndMaxDateRule {
+class MinAndMaxDateRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -206,6 +120,7 @@ class MinAndMaxDateRule {
    * @param {string} config.maxDate - The maxDate
    */
   constructor(config) {
+    super();
     /**
      *  Evaluate if single date is within the min and max date range
      *
@@ -1471,8 +1386,8 @@ class VegaDatePickerZIndexController extends globalSlimmerRegistry.VegaSlimmer {
     const backdrop = 
     // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
     this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdrop, 'base');
-    internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(backdrop, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
   }
   /*
    * The below method is e2e-test covered in
@@ -1487,8 +1402,8 @@ class VegaDatePickerZIndexController extends globalSlimmerRegistry.VegaSlimmer {
     const backdrop = 
     // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
     this.host.shadowRoot.querySelector('.litepicker-backdrop');
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(backdrop, 'base');
-    internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(backdrop, 'base');
+    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.vegaDatePickerCalendarRenderer.getCalendarContainerRef(), 'base');
   }
 }
 __decorate$7([
@@ -2278,7 +2193,7 @@ const VegaDatePicker = class {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired, mode) => isRequired ? new DateRequiredRule({ mode }) : null,
+          ruleFactory: (isRequired, mode) => isRequired ? new dateRequiredRule.DateRequiredRule({ mode }) : null,
           dependence: 'mode',
         },
         {

package/dist/cjs/vega-dialog_2.cjs.entry.js

@@ -4,39 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+require('./vega-env-manager-23b8b23c.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+require('./feature-flag-controller-3c6666df.js');
+require('./content-state-582d8961.js');
+require('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+const ui$1 = require('./ui-5fd9b267.js');
+require('./translation-6848c389.js');
 require('./state-background-color-formatter-e585a027.js');
-const designToken = require('./design-token-36eb5def.js');
+const designToken = require('./design-token-4d94a23c.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const ui = require('./ui-32e69595.js');
-const ui$1 = require('./ui-5fd9b267.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-4ba85fdc.js');
-require('./regex-c1f70fd4.js');
-require('./typography-4560e7f1.js');
-require('./observer-f49483e8.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-7b22e598.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./number-4816603d.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./vega-internal-event-id-bda63e14.js');
+require('./type-guard-4ba85fdc.js');
+require('./regex-c1f70fd4.js');
+require('./typography-4560e7f1.js');
 require('./object-bbd4ed7f.js');
-require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
+require('./array-5adef7b2.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";
 
@@ -64,7 +69,7 @@ const VegaDialog = class {
      * the default size for DESKTOP and TABLET
      */
     this.dialogDefaultSize = 480;
-    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     /**
      * Specifies the type of the dialog.
      *
@@ -108,8 +113,8 @@ const VegaDialog = class {
     const isSmallScreen = ['default', 'S'].includes(this.currentBreakpoint);
     const actionButtonSize = { default: 'default', M: 'small' };
     const isDanger = this.type === 'danger';
-    const mergedOkButtonProps = Object.assign(Object.assign({ size: actionButtonSize }, this.okButton), { block: isSmallScreen, danger: isDanger });
-    const mergedCancelButtonProps = Object.assign(Object.assign({ size: actionButtonSize, variant: 'secondary' }, this.cancelButton), { block: isSmallScreen, danger: isDanger });
+    const mergedOkButtonProps = Object.assign(Object.assign({ size: actionButtonSize, danger: isDanger }, this.okButton), { block: isSmallScreen });
+    const mergedCancelButtonProps = Object.assign(Object.assign({ size: actionButtonSize, variant: 'secondary', danger: isDanger }, this.cancelButton), { block: isSmallScreen });
     const mergedModalProps = Object.assign(Object.assign({}, this.modalProps), { isVerticallyCentered: this.modalProps.isVerticallyCentered !== undefined ||
         this.modalProps.isVerticallyCenter !== undefined
         ? this.modalProps.isVerticallyCentered || this.modalProps.isVerticallyCenter
@@ -370,6 +375,12 @@ class VegaModalLayoutController extends globalSlimmerRegistry.VegaSlimmer {
   watchSize() {
     this.setModalWidth('update');
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    this.setContentMaxHeight();
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-default-e2e}
@@ -431,7 +442,7 @@ class VegaModalLayoutController extends globalSlimmerRegistry.VegaSlimmer {
       return size;
     }
     else {
-      return ui.DefaultModalSize[breakpoints.getCurrentBreakpoint()];
+      return ui.DefaultModalSize[pageResizeObserverSlimmer.getCurrentBreakpoint()];
     }
   }
 }
@@ -456,6 +467,9 @@ __decorate$7([
 __decorate$7([
   globalSlimmerRegistry.MapToComponentMethod('watchSize')
 ], VegaModalLayoutController.prototype, "watchSize", null);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentMethod('watchContentMaxHeight')
+], VegaModalLayoutController.prototype, "watchContentMaxHeight", null);
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -525,6 +539,10 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
  * Modal scroll controller
  */
 class VegaModalScrollController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.scrollEventListenerAdded = false;
+  }
   /**
    * Component lifecycle - [connectedCallback]
    */
@@ -533,6 +551,14 @@ class VegaModalScrollController extends globalSlimmerRegistry.VegaSlimmer {
       this.listenContentScroll();
     }
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    if (!this.scrollEventListenerAdded && this.isContentScrollable()) {
+      this.listenContentScroll();
+    }
+  }
   /**
    * Is modal content scrollable.
    *
@@ -561,6 +587,7 @@ class VegaModalScrollController extends globalSlimmerRegistry.VegaSlimmer {
       }
       this.notifyContentScrolling();
     });
+    this.scrollEventListenerAdded = true;
   }
   /*
    * The below method is e2e-test covered in
@@ -588,6 +615,9 @@ __decorate$5([
 __decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaModalScrollController.prototype, "componentDidLoad", null);
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentMethod('watchContentMaxHeight')
+], VegaModalScrollController.prototype, "watchContentMaxHeight", null);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -909,15 +939,15 @@ class VegaModalZIndexController extends globalSlimmerRegistry.VegaSlimmer {
   setModalZIndex() {
     const backdropRef = this.backdropController.getBackdropRef();
     if (this.open) {
-      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
-      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
-      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
+      vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       if (this.openedModalStackController.length() > 0) {
-        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+        vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
       }
     }
   }
@@ -1066,6 +1096,8 @@ const VegaModal = class {
   }
   watchOpen() {
   }
+  watchContentMaxHeight() {
+  }
   disconnectedCallback() {
     this.open = false;
   }
@@ -1111,7 +1143,8 @@ const VegaModal = class {
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "size": ["watchSize"],
-    "open": ["watchOpen"]
+    "open": ["watchOpen"],
+    "contentMaxHeight": ["watchContentMaxHeight"]
   }; }
 };
 __decorate([

package/dist/cjs/vega-divider.cjs.entry.js

@@ -6,15 +6,32 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad8ca2ab.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const designToken = require('./design-token-36eb5def.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const breakpoints = require('./breakpoints-17d6c4c7.js');
+const designToken = require('./design-token-4d94a23c.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
+require('./array-5adef7b2.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./ui-5fd9b267.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-factory-3ec114b8.js');
+require('./feature-flag-controller-3c6666df.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./content-state-582d8961.js');
+require('./change-manager-a297e4d2.js');
+require('./vega-internal-event-id-bda63e14.js');
+require('./static-subject-title-c589a1bd.js');
+require('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./state-background-color-formatter-e585a027.js');
@@ -98,7 +115,7 @@ const VegaDivider = class {
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.sizeController = new VegaDividerSizeController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     /**
      * Specifies the direction of the divider.
      *

package/dist/cjs/vega-dropdown_5.cjs.entry.js

@@ -10,42 +10,43 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const ui = require('./ui-5fd9b267.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-88edb0d1.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 const array = require('./array-5adef7b2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1a52271c.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-02634647.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4beb1fde.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-91b89d4d.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./observer-f49483e8.js');
 require('./keyboard-manager-2df53b2f.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./number-4816603d.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
-require('./responsive-format-facade-a1983026.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./number-4816603d.js');
+require('./responsive-format-facade-ad8ca2ab.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-981dfd1c.js');
-require('./translation-6848c389.js');
-require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-7b22e598.js');
+require('./feature-flag-controller-3c6666df.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./content-state-582d8961.js');
+require('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
 
 var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2588,19 +2589,19 @@ class VegaVirtualScrollScrollableController extends globalSlimmerRegistry.VegaSl
    * watchSourceChange
    */
   watchSourceChange() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchApproxItemHeight
    */
   watchApproxItemHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchViewportMaxHeight
    */
   watchViewportMaxHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * The scrollToIndex function scrolls to a specific index within a container element either by
@@ -2652,7 +2653,9 @@ class VegaVirtualScrollScrollableController extends globalSlimmerRegistry.VegaSl
    * The function adjusts the scroll top position based on certain properties to ensure it stays within
    * valid bounds.
    */
-  adjustScrollTopWhilePropChange() {
+  adjustScrollTopInVirtualMode() {
+    if (this.modeController.getMode() === 'normal')
+      return;
     this.scrollTop = Math.min((this.source.length - Math.floor(this.viewportMaxHeight / this.approxItemHeight)) *
       this.approxItemHeight, this.scrollTop);
   }
@@ -2687,8 +2690,9 @@ class VegaVirtualScrollScrollableController extends globalSlimmerRegistry.VegaSl
    * being equal to `this.viewportMaxHeight`.
    */
   isScrollToBottomInNormalMode() {
+    const containerRef = this.renderer.getContainerRef();
     return (this.modeController.getMode() === 'normal' &&
-      this.source.length * this.approxItemHeight - this.scrollTop === this.viewportMaxHeight);
+      containerRef.scrollHeight - this.scrollTop >= this.viewportMaxHeight);
   }
 }
 __decorate$4([

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.39.0` will be replaced to a version string when running publish script.
+    // The `2.41.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.39.0';
+    this.vegaVersion = '2.41.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -6,14 +6,13 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-80b3ac6c.js');
-require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./ui-5fd9b267.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {