@globalpayments/vega 2.24.2 → 2.26.0

package/dist/esm/vega-env-manager-8f8dc473.js

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

package/dist/esm/{vega-event-id-728eb2ac.js → vega-event-id-7465a011.js}

@@ -94,6 +94,7 @@ const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionCl
 const VegaSelectFileChange = new VegaEventID('vegaSelectedFileChange', 'selectedFileChange');
 const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 const VegaPreview = new VegaEventID('vegaPreview', 'preview');
+const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
 
-export { VegaOpen as A, VegaStateUpdate as B, VegaGroupClick as C, VegaMenuClick as D, VegaActionClick as E, VegaPageSizeChange as F, VegaPopoverShow as G, VegaPopoverHide as H, VegaCurrentStepUpdate as I, VegaSelectChange as J, VegaSelectAllChange as K, VegaRowClick as L, VegaRowExpand as M, VegaRowSelect as N, VegaRowSelectAll as O, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaSelectFileChange as o, VegaRemove as p, VegaRetry as q, VegaPreview as r, VegaFormSubmit as s, VegaFormReset as t, VegaValidate as u, VegaCancel as v, VegaFocus as w, VegaBlur as x, VegaCountryChange as y, VegaToggleStatus as z };
+export { VegaToggleStatus as A, VegaOpen as B, VegaStateUpdate as C, VegaGroupClick as D, VegaMenuClick as E, VegaActionClick as F, VegaPageSizeChange as G, VegaPopoverShow as H, VegaPopoverHide as I, VegaCurrentStepUpdate as J, VegaSelectChange as K, VegaSelectAllChange as L, VegaRowClick as M, VegaRowExpand as N, VegaRowSelect as O, VegaRowSelectAll as P, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaLabelButtonClick as o, VegaSelectFileChange as p, VegaRemove as q, VegaRetry as r, VegaPreview as s, VegaFormSubmit as t, VegaFormReset as u, VegaValidate as v, VegaCancel as w, VegaFocus as x, VegaBlur as y, VegaCountryChange as z };

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

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { f as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-2e153754.js';
+import { f as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-2a4d6602.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/esm/vega-field-label.entry.js

@@ -1,19 +1,65 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
-import { a as VegaClick } from './vega-event-id-728eb2ac.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { a as VegaClick, o as VegaLabelButtonClick } from './vega-event-id-7465a011.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-c17ae641.js';
-import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
-import './index-0863eec6.js';
+import './dom-node-subject-observer-factory-0d4b85b8.js';
+import './ui-0132dbb5.js';
+import './internal-vega-event-manager-722461c1.js';
 
-const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}";
+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;
+};
+/** Render the suffix button in a field label component. */
+class VegaFieldLabelSuffixElementRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Stop click event propagation and emit an event.
+     *
+     * @param {MouseEvent} e click event object
+     */
+    this.handleSuffixButtonClick = (e) => {
+      e.stopPropagation();
+      this.suffixButtonClickEventEmitter.emit();
+    };
+  }
+  /**
+   * Render a suffix button if the property is not empty.
+   *
+   * @returns {HTMLElement | null}
+   */
+  render() {
+    if (this.suffixButtonProps) {
+      const { icon, tooltipText, trigger = 'hover' } = this.suffixButtonProps;
+      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, tooltipText ? (h("vega-tooltip", { trigger: trigger, text: tooltipText }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
+    }
+  }
+  /**
+   * Render a vega button circle component.
+   *
+   * @param {string} icon the button icon name
+   * @returns {HTMLElement} vega button circle component
+   */
+  renderSuffixButton(icon) {
+    return (h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonProps", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonClickEventEmitter", void 0);
+
+const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}.label-suffix-button{display:inline-block;margin-left:4px;vertical-align:top}";
 
 var __decorate = (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;
@@ -29,10 +75,22 @@ const VegaFieldLabel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.vegaLabelButtonClick = createEvent(this, "vegaLabelButtonClick", 1);
+    this.labelButtonClick = createEvent(this, "labelButtonClick", 1);
     this.globalSlimmers = {};
     this.clickEventEmitter = createEventEmitSlimmer(VegaFieldLabel, VegaClick);
-    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.labelRef);
+    this.suffixButtonClickEventEmitter = createEventEmitSlimmer(VegaFieldLabel, VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality related to
+     *    the suffix button's role and behavior.
+     *
+     * @version 2.25.0
+     */
+    this.suffixButtonProps = null;
     /**
      * Specifies the label or title for the field.
      *
@@ -76,10 +134,10 @@ const VegaFieldLabel = class {
     return sanitizeVegaComponent(h(Host, { class: {
         hidden: this.label === '',
         disabled: this.disabled,
-      }, onClick: this.handleClick }, h("label", { ref: (node) => (this.labelRef = node) }, h("span", { class: "vega-field-label" }, this.label), h("span", { class: {
+      }, onClick: this.handleClick }, h("label", null, h("span", { class: "vega-field-label" }, this.label), h("span", { class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
-      } }, "*"))), this.host);
+      } }, "*")), this.suffixElementRenderer.render()), this.host);
   }
   get host() { return getElement(this); }
 };
@@ -91,10 +149,13 @@ __decorate([
 ], VegaFieldLabel.prototype, "clickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaFieldLabel.prototype, "inputEventPrevent", void 0);
+], VegaFieldLabel.prototype, "suffixButtonClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFieldLabel.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFieldLabel.prototype, "suffixElementRenderer", void 0);
 VegaFieldLabel.style = vegaFieldLabelCss;
 
 export { VegaFieldLabel as vega_field_label };

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

@@ -3,22 +3,22 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { a as VegaClick, e as VegaChange, o as VegaSelectFileChange, p as VegaRemove, q as VegaRetry, r as VegaPreview } from './vega-event-id-728eb2ac.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { a as VegaClick, e as VegaChange, p as VegaSelectFileChange, q as VegaRemove, r as VegaRetry, s as VegaPreview } from './vega-event-id-7465a011.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
 import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './ui-0132dbb5.js';
+import './internal-vega-event-manager-722461c1.js';
 import './string-be824360.js';
-import './ui-153f4ae7.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -27,7 +27,7 @@ import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
 
-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;
@@ -49,22 +49,22 @@ class VegaFileUploaderRenderer extends VegaSlimmer {
       this.vegaFileUploaderFileListRenderer.render()));
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "required", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "label", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "hint", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "vegaFileUploaderContainerRenderer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "vegaFileUploaderFileListRenderer", void 0);
 
@@ -72,7 +72,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$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;
@@ -116,9 +116,10 @@ class VegaFileUploaderContainerRenderer extends VegaSlimmer {
      * @param {DragEvent} e drag event object
      */
     this.dropHandler = (e) => {
+      var _a;
       e.preventDefault();
       if (!this.disabled) {
-        const files = this.getVegaFilesFromFileList(e.dataTransfer.files);
+        const files = this.getVegaFilesFromFileList(this.dropFileFilterController.process((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files));
         this.selectFileChangeEventEmitHandler(files);
       }
     };
@@ -181,14 +182,16 @@ class VegaFileUploaderContainerRenderer extends VegaSlimmer {
     if (files && files.length) {
       const e = this.selectFileChangeEventEmitter.emit(files);
       if (!e.defaultPrevented) {
-        this.vegaFileUploaderValueController.setValue([].concat(this.value, files));
+        this.vegaFileUploaderValueController.setValue(this.value && this.value.length
+          ? new Array().concat(this.value, files)
+          : files);
       }
     }
   }
   /**
    * extracting the files from a file list object. It first initializes an empty array `result` to store the extracted files
    *
-   * @param {FileList} fileList file list object
+   * @param {FileList|File[]|null} fileList file list object
    * @returns {VegaFileUploaderFile[]} the vega file array
    */
   getVegaFilesFromFileList(fileList) {
@@ -208,24 +211,27 @@ class VegaFileUploaderContainerRenderer extends VegaSlimmer {
 (() => {
   VegaInternalIconManager.register({ 'arrow-up-from-line': arrowUpFromLine });
 })();
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "variant", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "accept", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "disabled", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "value", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "selectFileChangeEventEmitter", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaFileUploaderContainerRenderer.prototype, "vegaFileUploaderValueController", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "dropFileFilterController", void 0);
 
 const trashCan = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>`,
@@ -235,7 +241,7 @@ 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$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;
@@ -321,25 +327,25 @@ class VegaFileUploaderFileListRenderer extends VegaSlimmer {
     'arrow-rotate-right': arrowRotateRight,
   });
 })();
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "disabled", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderFileStatusRenderer", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "removeEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderValueController", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "retryEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "previewEventEmitter", void 0);
 
@@ -373,7 +379,7 @@ class VegaFileUploaderFileStatusRenderer extends VegaSlimmer {
   });
 })();
 
-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;
@@ -407,16 +413,16 @@ class VegaFileUploaderValueController extends VegaSlimmer {
     this.value = value;
   }
 }
-__decorate$1([
-  MapToComponentField({ writable: true })
+__decorate$2([
+  MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "host", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField({ writable: true })
 ], VegaFileUploaderValueController.prototype, "value", void 0);
-__decorate$1([
-  MapToComponentField({ writable: true })
+__decorate$2([
+  MapToComponentField()
 ], VegaFileUploaderValueController.prototype, "changeEventEmitter", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('watchValue')
 ], VegaFileUploaderValueController.prototype, "valueChangeHandler", null);
 
@@ -432,10 +438,61 @@ class FileUploaderRequiredRule extends RequiredFieldRule {
      * @param {unknown} item the array item
      * @returns {boolean} true or false
      */
-    this.checkArrayItemType = (item) => item && typeof item === 'object';
+    this.checkArrayItemType = (item) => !!(item && typeof item === 'object');
   }
 }
 
+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;
+};
+/** Used to filters files based on accepted file types specified in the `accept` property. */
+class VegaFileUploaderDropFileFilterController extends VegaSlimmer {
+  /**
+   * Filters the files based on accepted file types if specified.
+   *
+   * @param {FileList|null} fileList - FileList is a FileList object
+   * @returns {File[]} An array of `File` objects after filtering based on the accepted file types specified in the `accept` property
+   */
+  process(fileList) {
+    const files = Array.from(fileList || []);
+    if (fileList && this.accept && this.accept !== '*' && this.accept !== '/*') {
+      const acceptFileTypes = this.accept.split(',');
+      return files.filter((file) => this.validateFileType(file, acceptFileTypes));
+    }
+    return files;
+  }
+  /**
+   * Checks if a given file matches any of the accepted file types based on file name, MIME type, or base type.
+   *
+   * @param {File} file - File object
+   * @param {string[]} acceptTypes - An array of strings that represent the file types that are accepted. These strings can have different formats:
+   * @returns {boolean} A boolean value, indicating whether the provided file matches any of the accepted file types specified in the `acceptTypes` array.
+   */
+  validateFileType(file, acceptTypes) {
+    const fileName = file.name;
+    const fileType = (file.type || '').toLowerCase();
+    const fileBaseType = fileType.replace(/\/.*$/, '');
+    return acceptTypes.some((acceptFileType) => {
+      acceptFileType = acceptFileType.trim().toLowerCase();
+      if (acceptFileType.startsWith('.')) {
+        return fileName.toLowerCase().endsWith(acceptFileType);
+      }
+      else if (acceptFileType.endsWith('/*')) {
+        return fileBaseType === acceptFileType.replace(/\/.*$/, '');
+      }
+      else {
+        return fileType === acceptFileType;
+      }
+    });
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaFileUploaderDropFileFilterController.prototype, "accept", void 0);
+
 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) {
@@ -481,6 +538,7 @@ const VegaFileUploader = class {
     this.vegaFileUploaderFileListRenderer = new VegaFileUploaderFileListRenderer();
     this.vegaFileUploaderFileStatusRenderer = new VegaFileUploaderFileStatusRenderer();
     this.vegaFileUploaderValueController = new VegaFileUploaderValueController();
+    this.dropFileFilterController = new VegaFileUploaderDropFileFilterController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaChange);
     this.selectFileChangeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaSelectFileChange);
     this.removeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaRemove);
@@ -491,44 +549,62 @@ const VegaFileUploader = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
+     *
+     * @version 2.25.0
      */
     this.label = '';
     /**
      * Specifies the uploader type that activates when clicked
      *    or when a file is dragged, determining how users
      *    interact with the file uploader.
+     *
+     * @version 2.25.0
      */
     this.variant = 'uploadArea';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the file uploader field.
+     *
+     * @version 2.25.0
      */
     this.hint = '';
     /**
      * Specifies the initial file content to display, enabling a preview
      *    of the uploaded file or a default placeholder.
+     *
+     * @version 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
     /**
      * Specifies whether the File Uploader field is disabled.
+     *
+     * @version 2.25.0
      */
     this.disabled = false;
     /**
      * Specifies whether uploading a file is mandatory.
+     *
+     * @version 2.25.0
      */
     this.required = false;
     /**
      * Defines custom validation rules for the File Uploader field.
+     *
+     * @version 2.25.0
      */
     this.validationRules = [];
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
+     *
+     * @version 2.25.0
      */
     this.autoValidation = true;
     /**
      * Specifies the validation status of the file uploader component.
+     *
+     * @version 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -575,6 +651,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "vegaFileUploaderValueController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFileUploader.prototype, "dropFileFilterController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "changeEventEmitter", void 0);