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

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-6987a80b.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;
@@ -70,7 +70,7 @@ const VegaFieldError = class {
      * Specifies the error message when the input field should display an error.
      *    The input field will clear the error status when the message is empty.
      *
-     * @version 1.45.0
+     * @vegaVersion 1.45.0
      */
     this.message = '';
   }

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

@@ -2,12 +2,14 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.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-570444e7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.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 './dom-node-subject-observer-factory-9461cd67.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
 import './internal-vega-event-manager-722461c1.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -87,7 +89,7 @@ const VegaFieldLabel = class {
      * It provides essential information and functionality related to
      *    the suffix button's role and behavior.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.suffixButtonProps = null;
     /**
@@ -96,7 +98,7 @@ const VegaFieldLabel = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.label = '';
@@ -105,13 +107,13 @@ const VegaFieldLabel = class {
      *
      * Specifies whether the field must be filled in to pass form validation.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.isFieldRequired = false;
     /**
      * Specifies whether the field is disabled.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.disabled = false;
     /*

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

@@ -2,32 +2,34 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 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 { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.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 { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.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 { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
+import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
+import './icon-manager-0f030f8a.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-722461c1.js';
 import './string-be824360.js';
-import './ui-153f4ae7.js';
-import './vega-internal-event-id-809b4ec8.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './vega-internal-event-id-7e05cf4a.js';
+import './translation-3b437b6d.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 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 +51,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 +74,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 +118,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);
       }
     };
@@ -162,7 +165,7 @@ class VegaFileUploaderContainerRenderer extends VegaSlimmer {
       }, 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: createEnterKeyHandlerToTriggerClick() },
       h("vega-flex", { gap: "size-8", alignItems: "center", justifyContent: "center" },
         h("vega-icon", { color: "text-link", icon: VegaInternalIconManager.getIconKey('arrow-up-from-line') }),
-        h("vega-font", { color: "text-link", variant: "font-btn-label" }, "Select or drop your file here"))));
+        h("vega-font", { color: "text-link", variant: "font-btn-label" }, this.translationSlimmer.t('Select or drop your file here')))));
   }
   /**
    * Used to prevent the default behavior of the browser when a drag event occurs, such as preventing the browser from opening the file when it is dropped onto the page.
@@ -181,14 +184,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 +213,30 @@ 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);
+__decorate$4([
+  MapToComponentField()
+], VegaFileUploaderContainerRenderer.prototype, "translationSlimmer", 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 +246,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 +332,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 +384,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 +418,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 +443,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) {
@@ -462,6 +524,7 @@ const VegaFileUploader = class {
     this.vegaPreview = createEvent(this, "vegaPreview", 7);
     this.preview = createEvent(this, "preview", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
@@ -481,6 +544,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);
@@ -492,7 +556,7 @@ const VegaFileUploader = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.label = '';
     /**
@@ -500,53 +564,53 @@ const VegaFileUploader = class {
      *    or when a file is dragged, determining how users
      *    interact with the file uploader.
      *
-     * @version 2.25.0
+     * @vegaVersion 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
+     * @vegaVersion 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
+     * @vegaVersion 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
     /**
      * Specifies whether the File Uploader field is disabled.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.disabled = false;
     /**
      * Specifies whether uploading a file is mandatory.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.required = false;
     /**
      * Defines custom validation rules for the File Uploader field.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.validationRules = [];
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.autoValidation = true;
     /**
      * Specifies the validation status of the file uploader component.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -572,6 +636,9 @@ const VegaFileUploader = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaFileUploader.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFileUploader.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
@@ -593,6 +660,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "vegaFileUploaderValueController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFileUploader.prototype, "dropFileFilterController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFileUploader.prototype, "changeEventEmitter", void 0);

package/dist/esm/vega-flex.entry.js

@@ -1,20 +1,22 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
+import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-8a6b46ba.js';
-import { a as arrayToClassString } from './ui-153f4ae7.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-3671ce60.js';
+import { a as arrayToClassString } from './ui-0132dbb5.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { f as formatFlexStyles } from './style-formatter-2fa5ce09.js';
 import './index-0863eec6.js';
-import './type-guard-4bc3fbf5.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './type-guard-63caf78b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './responsive-format-facade-5a1329a7.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-0f86292d.js';
+import './state-background-color-formatter-0540d006.js';
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [
   {
@@ -132,18 +134,19 @@ const VegaFlex = class {
     registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaFlexRuntimeMetricsPayloadDefinition);
+    this.pageResizeSlimmer = new PageResizeObserverSlimmer();
     /**
      * Determines the breakpoint at which the flex direction transitions from
      *    row-based layout to column-based layout, or vice versa.
      *
      * @deprecated Please use the `direction` property instead.
-     * @version 1.0.4
+     * @vegaVersion 1.0.4
      */
     this.breakpoint = 'S';
     /**
      * Specifies the flex direction.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.direction = 'row';
     /**
@@ -151,7 +154,7 @@ const VegaFlex = class {
      *
      * @deprecated This property will be removed soon and vega-flex will only support native-based flex behaviors.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.useNativeFlex = true;
   }
@@ -171,7 +174,8 @@ const VegaFlex = class {
       classNames.push('vega-flex-None');
       classNames.push(formatAndValidResponsiveToken(this.direction, 'flexDirection'));
     }
-    return sanitizeVegaComponent(h(Host, { class: arrayToClassString(classNames) }, h("slot", null)), this.host);
+    const styles = formatFlexStyles(this.flex, this.flexGrow, this.flexShrink, this.flexBasis);
+    return sanitizeVegaComponent(h(Host, { style: styles, class: arrayToClassString(classNames) }, h("slot", null)), this.host);
   }
   get host() { return getElement(this); }
 };
@@ -181,6 +185,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFlex.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFlex.prototype, "pageResizeSlimmer", void 0);
 VegaFlex.style = vegaFlexCss;
 
 export { VegaFlex as vega_flex };

package/dist/esm/vega-font.entry.js

@@ -3,19 +3,19 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
-import { a as arrayToClassString } from './ui-153f4ae7.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
-import './ui-df46cc20.js';
-import './type-guard-4bc3fbf5.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
+import { a as arrayToClassString } from './ui-0132dbb5.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
+import './ui-8424715a.js';
+import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-0f86292d.js';
+import './state-background-color-formatter-0540d006.js';
 
 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;
@@ -216,27 +216,27 @@ const VegaFont = class {
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.variant = 'font-field-label';
     /**
      * Specifies the font color represented by a valid text color token.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.color = 'text-primary';
     /**
      * Specifies the capability to enable or disable the font's
      *      responsiveness from native code.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.disableResponsive = false;
     /**
      * Indicates the rendering of an additional node with a
      *     value that is an HTML tag name. It can be set as `ResponsiveType`.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.as = '';
   }