@globalpayments/vega 2.35.0 → 2.37.0

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

@@ -6,9 +6,9 @@ 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-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const designToken = require('./design-token-30c069c1.js');
+const designToken = require('./design-token-36eb5def.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');

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

@@ -10,36 +10,37 @@ 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-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-700b7004.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const array = require('./array-5adef7b2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.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-d66b88fb.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
-const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.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-080731bc.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('./dynamic-slimmer-f31fdfd7.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
-require('./responsive-format-facade-4363a00d.js');
+require('./responsive-format-facade-a1983026.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
-require('./translation-b9be41e0.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');
@@ -359,7 +360,7 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
-      }, ref: (ref) => (this.templateContainerRef = ref) },
+      }, ref: (ref) => (this.templateContainerRef = ref), onScroll: this.scrollableController.onScroll },
       index.h("slot", { name: "items" })));
   }
 }
@@ -393,6 +394,9 @@ __decorate$p([
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
+__decorate$p([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownListRenderer.prototype, "scrollableController", void 0);
 __decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "translationSlimmer", void 0);
@@ -638,20 +642,19 @@ class VegaDropdownAppenderController extends elementAppenderSlimmer.ElementAppen
    * This constructor initializes a dropdown component with various configuration options.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
-      appendableElement: this.renderer.getDropdownContentBoxRef(),
-      positionRelativeTo: this.positionRelativeTo,
-      matchTargetWidth: this.matchTargetWidth,
-      matchContainerHeight: this.matchContainerHeight,
-      size: this.size,
-      minWidth: this.minWidth,
-      maxWidth: this.maxWidth,
-      translocation: this.translocation,
-      maxHeight: this.maxHeight,
-      placement: this.placement,
-      alignment: this.alignment,
-    }), () => this.trigger);
+    super(() => this.generateShowConfigFactory(), () => this.trigger);
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
+   */
+  connectedCallback() {
+    this.registerRemoteMethod();
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
+   */
+  disconnectedCallback() {
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDropdownUpdateTarget));
   }
   /**
    * The function `watchIsDropdownShow` checks if the dropdown is shown and performs certain actions
@@ -683,6 +686,37 @@ class VegaDropdownAppenderController extends elementAppenderSlimmer.ElementAppen
       this.hide();
     }
   }
+  /**
+   * Generate the show configuration for the dropdown.
+   *
+   * @returns {ElementAppenderShowConfig} The show configuration for the dropdown.
+   */
+  generateShowConfigFactory() {
+    return {
+      target: this.target || this.host,
+      appendableElement: this.renderer.getDropdownContentBoxRef(),
+      positionRelativeTo: this.positionRelativeTo,
+      matchTargetWidth: this.matchTargetWidth,
+      matchContainerHeight: this.matchContainerHeight,
+      size: this.size,
+      minWidth: this.minWidth,
+      maxWidth: this.maxWidth,
+      translocation: this.translocation,
+      maxHeight: this.maxHeight,
+      placement: this.placement,
+      alignment: this.alignment,
+      isScreenPosition: this.isScreenPosition,
+    };
+  }
+  /**
+   * Register a remote method to update the target element of the dropdown.
+   */
+  registerRemoteMethod() {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDropdownUpdateTarget), (target) => {
+      this.target = target;
+      super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this));
+    });
+  }
 }
 __decorate$l([
   globalSlimmerRegistry.MapToComponentField()
@@ -735,6 +769,15 @@ __decorate$l([
 __decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "hideEventEmitter", void 0);
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownAppenderController.prototype, "isScreenPosition", void 0);
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], VegaDropdownAppenderController.prototype, "connectedCallback", null);
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], VegaDropdownAppenderController.prototype, "disconnectedCallback", null);
 __decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownAppenderController.prototype, "watchIsDropdownShow", null);
@@ -1346,6 +1389,23 @@ var __decorate$f = (undefined && undefined.__decorate) || function (decorators,
  * adjusting list container height and scrolling to specific indexes based on render mode and selected source key.
  */
 class VegaDropdownScrollableController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /*
+     * The below method is e2e-test covered in
+     * @see{module:vega-dropdown-shadow-root-scroll-e2e}
+     */
+    /* istanbul ignore next */
+    /**
+     * Listen scrolling of dropdown content
+     */
+    this.onScroll = () => {
+      !this.renderModeController.isSourceRenderMode() &&
+        changeManager.ChangeManager.notify(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, {
+          host: this.renderer.getDropdownContentBoxRef(),
+        });
+    };
+  }
   /**
    * The function `watchIsDropdownShow` adjusts the list container height and scrolls to a specific index
    * if the dropdown is shown in a certain render mode.
@@ -1739,6 +1799,16 @@ const VegaDropdown = class {
      * @vegaVersion 2.3.0
      */
     this.isLazyLoading = false;
+    /**
+     * Determines whether the dropdown position is calculated relative to the screen.
+     *
+     * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
+     *
+     * @VegaWarning Currently, when set to true, position calculation may be inaccurate if the dropdown is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+     *
+     * @vegaVersion 2.36.0
+     */
+    this.isScreenPosition = false;
   }
   watchIsDropdownShow() {
   }

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.35.0` will be replaced to a version string when running publish script.
+    // The `2.37.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.35.0';
+    this.vegaVersion = '2.37.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

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

@@ -7,7 +7,7 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 
 var __decorate$1 = (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;

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

@@ -6,13 +6,14 @@ 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-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./observer-f49483e8.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./ui-5fd9b267.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-file-uploader.cjs.entry.js

@@ -7,24 +7,25 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
-const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
+const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./icon-manager-edc2400b.js');
+require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./string-21427167.js');
-require('./vega-internal-event-id-85b68849.js');
-require('./translation-b9be41e0.js');
+require('./vega-internal-event-id-b12071ea.js');
+require('./translation-6848c389.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
@@ -34,7 +35,7 @@ require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -56,22 +57,22 @@ class VegaFileUploaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.vegaFileUploaderFileListRenderer.render()));
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "required", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "hint", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "vegaFileUploaderContainerRenderer", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "vegaFileUploaderFileListRenderer", void 0);
 
@@ -79,7 +80,7 @@ const arrowUpFromLine = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>`,
 };
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -96,7 +97,7 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
      */
     this.handleDropAreaClick = (e) => {
       e.stopPropagation();
-      if (!this.disabled) {
+      if (!this.shouldDisableUploadButton()) {
         this.triggerFileInputClick();
       }
     };
@@ -114,7 +115,7 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
     this.inputChangeHandler = (e) => {
       e.stopPropagation();
       const files = this.getVegaFilesFromFileList(e.target.files);
-      this.selectFileChangeEventEmitHandler(files);
+      this.selectFileChangeEventEmitHandler(this.filterExceedLimitFiles(files));
       this.inputElementRef.value = '';
     };
     /**
@@ -125,9 +126,9 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
     this.dropHandler = (e) => {
       var _a;
       e.preventDefault();
-      if (!this.disabled) {
+      if (!this.shouldDisableUploadButton()) {
         const files = this.getVegaFilesFromFileList(this.dropFileFilterController.process((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files));
-        this.selectFileChangeEventEmitHandler(files);
+        this.selectFileChangeEventEmitHandler(this.filterExceedLimitFiles(files));
       }
     };
   }
@@ -145,7 +146,7 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
    */
   render() {
     return (index.h("div", { class: "vega-file-uploader-container", ref: (ref) => (this.uploaderContainerRef = ref) },
-      index.h("input", { onChange: this.inputChangeHandler, type: "file", multiple: true, accept: this.accept, style: { display: 'none' }, ref: (node) => (this.inputElementRef = node) }),
+      index.h("input", { onChange: this.inputChangeHandler, type: "file", multiple: !this.fileLimitController.isSingleMode(), accept: this.accept, style: { display: 'none' }, ref: (node) => (this.inputElementRef = node) }),
       this.variant === 'uploadButton' ? this.renderUploadButton() : this.renderUploadDropArea()));
   }
   /**
@@ -154,7 +155,7 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
    * @returns {HTMLElement} html element
    */
   renderUploadButton() {
-    return (index.h("vega-button", { label: "Upload Document", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line'), variant: "secondary", size: "small", disabled: this.disabled, ref: (button) => {
+    return (index.h("vega-button", { label: "Upload Document", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line'), variant: "secondary", size: "small", disabled: this.shouldDisableUploadButton(), ref: (button) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.triggerFileInputClick);
       } }));
   }
@@ -166,7 +167,7 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
   renderUploadDropArea() {
     return (index.h("vega-box", { class: {
         'vega-file-upload-area': true,
-        'disabled': this.disabled,
+        'disabled': this.shouldDisableUploadButton(),
       }, padding: "size-24", border: "border-input-field", borderStyle: "dashed", backgroundColor: "bg-tertiary", corners: "rounded-8", tabIndex: 0, onDrop: this.dropHandler, onDragEnter: this.preventDefaultBehavior, onDragOver: this.preventDefaultBehavior, onClick: this.handleDropAreaClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
       index.h("vega-flex", { gap: "size-8", alignItems: "center", justifyContent: "center" },
         index.h("vega-icon", { color: "text-link", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line') }),
@@ -214,40 +215,69 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
     }
     return result;
   }
+  /**
+   * Determines if the upload button should be disabled based on the component's state.
+   *
+   * @returns {boolean} True if the upload button should be disabled, otherwise false.
+   */
+  shouldDisableUploadButton() {
+    return this.disabled || !!(this.value && this.maxCount && this.value.length >= this.maxCount);
+  }
+  /**
+   * Filters the selected files to ensure the total number of files does not exceed the maximum count.
+   *
+   * @param {VegaFileUploaderFile[]} selectedFiles - The files selected by the user.
+   * @returns {VegaFileUploaderFile[]} The filtered list of files that do not exceed the maximum count.
+   */
+  filterExceedLimitFiles(selectedFiles) {
+    const maxCount = Number(this.maxCount);
+    if (!isNaN(maxCount) && maxCount && selectedFiles.length) {
+      const existFileCount = this.value ? this.value.length : 0;
+      const availableFileCount = Math.max(0, maxCount - existFileCount);
+      return selectedFiles.slice(0, availableFileCount);
+    }
+    return selectedFiles;
+  }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'arrow-up-from-line': arrowUpFromLine });
 })();
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "variant", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "accept", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "value", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "selectFileChangeEventEmitter", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "vegaFileUploaderValueController", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "dropFileFilterController", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "translationSlimmer", void 0);
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "fileLimitController", void 0);
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "maxCount", void 0);
 
 const arrowRotateRight = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>`,
 };
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -333,25 +363,25 @@ class VegaFileUploaderFileListRenderer extends globalSlimmerRegistry.VegaSlimmer
     'arrow-rotate-right': arrowRotateRight,
   });
 })();
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "value", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "disabled", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderFileStatusRenderer", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "removeEventEmitter", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderValueController", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "retryEventEmitter", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "previewEventEmitter", void 0);
 
@@ -385,7 +415,7 @@ class VegaFileUploaderFileStatusRenderer extends globalSlimmerRegistry.VegaSlimm
   });
 })();
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -419,16 +449,16 @@ class VegaFileUploaderValueController extends globalSlimmerRegistry.VegaSlimmer
     this.value = value;
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaFileUploaderValueController.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "changeEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaFileUploaderValueController.prototype, "valueChangeHandler", null);
 
@@ -448,7 +478,7 @@ class ObjectArrayRequiredRule extends requiredFieldRule.RequiredFieldRule {
   }
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -495,10 +525,45 @@ class VegaFileUploaderDropFileFilterController extends globalSlimmerRegistry.Veg
     });
   }
 }
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaFileUploaderDropFileFilterController.prototype, "accept", void 0);
 
+var __decorate$1 = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller class for managing the file upload limit in the Vega file uploader component.
+ */
+class VegaFileUploaderFileLimitController extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Determines if the file uploader is in single mode.
+   *
+   * @returns {boolean} `true` if the maximum file count is 1, otherwise `false`.
+   */
+  isSingleMode() {
+    return Number(this.maxCount) === 1;
+  }
+  /**
+   * Checks if the `maxCount` property is valid. If `maxCount` is less than 1 and not `null`, it will be set to `null`.
+   */
+  checkMaxCount() {
+    if (this.maxCount !== null && this.maxCount < 1) {
+      this.maxCount = null;
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaFileUploaderFileLimitController.prototype, "maxCount", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad'),
+  globalSlimmerRegistry.MapToComponentMethod('watchMaxCount')
+], VegaFileUploaderFileLimitController.prototype, "checkMaxCount", null);
+
 const vegaFileUploaderCss = ":host{display:inline-block;text-align:left;width:100%;line-height:normal}:host .vega-file-uploader-container .vega-file-upload-area{text-align:center}:host .vega-file-uploader-container .vega-file-upload-area:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1))}:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .vega-file-uploader-container .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-file-uploader-container .vega-file-upload-area:active{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:active vega-font{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area.disabled{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));outline:none}:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-file-uploader-container vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error .vega-file-upload-area{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-file-uploader-container.error .vega-file-upload-area:active{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error vega-button::part(button),:host .vega-file-uploader-container.error vega-button::part(button):hover{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error vega-button::part(button):hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host .vega-file-uploader-container.error vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error vega-button::part(button):active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button{visibility:hidden}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button{visibility:visible}:host .vega-file-uploader-file-list .vega-file-list-buttons{margin-left:8px;flex-shrink:0}:host .vega-file-uploader-file-list .vega-file-list-status svg{width:16px;height:16px}:host .vega-file-uploader-file-list .vega-file-status-and-name{padding-top:5px}:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font{word-break:break-word}:host vega-field-label{margin-bottom:8px}:host .vega-file-uploader-file-list{margin-top:8px}:host .vega-file-uploader-file-list.vega-file-list-hidden{display:none}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -546,6 +611,7 @@ const VegaFileUploader = class {
     this.vegaFileUploaderFileStatusRenderer = new VegaFileUploaderFileStatusRenderer();
     this.vegaFileUploaderValueController = new VegaFileUploaderValueController();
     this.dropFileFilterController = new VegaFileUploaderDropFileFilterController();
+    this.fileLimitController = new VegaFileUploaderFileLimitController();
     this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaChange);
     this.selectFileChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaSelectFileChange);
     this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaRemove);
@@ -589,6 +655,12 @@ const VegaFileUploader = class {
      * @vegaVersion 2.25.0
      */
     this.disabled = false;
+    /**
+     * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
+     *
+     * @vegaVersion 2.36.0
+     */
+    this.maxCount = null;
     /**
      * Specifies whether uploading a file is mandatory.
      *
@@ -623,6 +695,11 @@ const VegaFileUploader = class {
    */
   watchValue(newValue) {
   }
+  /**
+   * Watches the maxCount change.
+   */
+  watchMaxCount() {
+  }
   watchValidationRules() {
   }
   render() {
@@ -631,6 +708,7 @@ const VegaFileUploader = class {
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
+    "maxCount": ["watchMaxCount"],
     "validationRules": ["watchValidationRules"]
   }; }
 };
@@ -664,6 +742,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "dropFileFilterController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaFileUploader.prototype, "fileLimitController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "changeEventEmitter", void 0);