@heartlandone/vega 2.80.0 → 2.82.0

package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.js

@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { MapToComponentField, MapToComponentMethod, methodPlaceholder } from 'vega-slimmer/core';
+import { createDynamicSlimmer, InjectVegaSlimmer, MapToComponentField, MapToComponentMethod, methodPlaceholder, } from 'vega-slimmer/core';
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
 import { getDeepActiveElementInShadow } from '../../../../utils/ui';
+import { AriaDialogFocusableTrapSlimmer } from '../../../../helpers/slimmers/aria-dialog-focusable-trap-slimmer';
 /**
  * The `VegaDropdownAppenderController` class is responsible for managing the visibility and
  * behavior of a dropdown component.
@@ -18,6 +19,18 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
    */
   constructor() {
     super(() => this.generateShowConfigFactory(), () => this.trigger);
+    this.ariaDialogFocusableTrapSlimmer = createDynamicSlimmer(VegaDropdownAppenderController, AriaDialogFocusableTrapSlimmer, [], [
+      { mapFrom: 'show', mapTo: 'show' },
+      { mapFrom: 'hide', mapTo: 'hide' },
+      { mapFrom: 'ariaComponentDidLoad', mapTo: 'componentDidLoad' },
+    ], [
+      {
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        triggerEl: () => this.host,
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        dialogEl: () => this.renderer.getDropdownContentBoxRef(),
+      },
+    ]);
     this.lastFocusedElement = null;
   }
   /**
@@ -32,6 +45,20 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
   disconnectedCallback() {
     methodPlaceholder();
   }
+  /**
+   * Component lifecycle - [componentDidRender]{@link VegaPopover.componentDidRender}
+   */
+  componentDidRender() {
+    methodPlaceholder();
+  }
+  /**
+   * This controller extends `ElementAppenderSlimmer`, which already uses `componentDidLoad`.
+   * To avoid overriding the parent lifecycle mapping, we expose `ariaComponentDidLoad`
+   * here and map it to `componentDidLoad` for the ARIA slimmer.
+   */
+  ariaComponentDidLoad() {
+    methodPlaceholder();
+  }
   /**
    * The function `watchIsDropdownShow` checks if the dropdown is shown and performs certain actions
    * based on the result.
@@ -162,12 +189,21 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "isScreenPosition", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdownAppenderController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaDropdownAppenderController.prototype, "connectedCallback", null);
 __decorate([
   MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownAppenderController.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaDropdownAppenderController.prototype, "componentDidRender", null);
+__decorate([
+  MapToComponentMethod('componentDidLoad')
+], VegaDropdownAppenderController.prototype, "ariaComponentDidLoad", null);
 __decorate([
   MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownAppenderController.prototype, "watchIsDropdownShow", null);

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

@@ -57,7 +57,7 @@ export class VegaDropdownRenderer extends VegaSlimmer {
   }
   renderDropdown() {
     const eventPreventFlag = this.host && this.host.dataset.vegaNoEventPrevent === 'true' ? 'true' : 'false';
-    return (h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, "data-vega-no-event-prevent": eventPreventFlag },
+    return (h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, role: "dialog", "aria-modal": "true", "aria-label": "Dropdown menu list", "data-vega-no-event-prevent": eventPreventFlag },
       h("div", { ref: (e) => (this.dropdownRef = e), class: "vega-dropdown" },
         h("div", { class: "vega-dropdown-actions" },
           this.resetRenderer.render(),
@@ -133,6 +133,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "resetRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownRenderer.prototype, "isDropdownShow", void 0);
 __decorate([
   MapToComponentMethod('componentDidRender')
 ], VegaDropdownRenderer.prototype, "componentDidRender", null);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/controllers/vega-dropdown-item-state-controller.js

@@ -45,6 +45,10 @@ export class VegaDropdownItemStateController extends SubStateObserverSlimmer {
           subStateName: 'itemDisplayRule',
           parentStateName: 'itemDisplayRule',
         },
+        {
+          subStateName: 'itemTooltipProps',
+          parentStateName: 'itemTooltipProps',
+        },
         {
           subStateName: 'selected',
           parentStateName: 'selectedSourceKey',
@@ -78,3 +82,6 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "itemDisplayRule", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaDropdownItemStateController.prototype, "itemTooltipProps", void 0);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.js

@@ -74,6 +74,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
     this.vegaDropdownItemClickController.handleClick(e);
   }
   renderLabelWithTooltip() {
+    var _a, _b, _c;
     if (!this.label) {
       return this.renderLabel();
     }
@@ -83,7 +84,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
         }
       }, text: htmlSanitizer
         .sanitize(this.label, labelSanitizeStrategy)
-        .replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ['bottom', 'top'], alignment: "center", 
+        .replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ((_a = this.itemTooltipProps) === null || _a === void 0 ? void 0 : _a.placement) || ['bottom', 'top'], alignment: "center", maxWidth: (_b = this.itemTooltipProps) === null || _b === void 0 ? void 0 : _b.maxWidth, minWidth: (_c = this.itemTooltipProps) === null || _c === void 0 ? void 0 : _c.minWidth, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onMouseEnter: () => {
         const isTextTruncated = this.labelRef.scrollWidth > this.labelRef.clientWidth;
@@ -131,6 +132,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "itemDisplayRule", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "itemTooltipProps", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "danger", void 0);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.js

@@ -214,7 +214,8 @@ export class VegaDropdownItem {
     "selectType": {},
     "prefixIconSlot": {},
     "selected": {},
-    "itemDisplayRule": {}
+    "itemDisplayRule": {},
+    "itemTooltipProps": {}
   }; }
   static get events() { return [{
       "method": "vegaClick",

package/dist/collection/components/vega-dropdown/vega-dropdown.js

@@ -61,6 +61,7 @@ export class VegaDropdown {
     this.selectTypeNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectType', 'watchSelectType');
     this.selectedSourceKeyNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
+    this.itemTooltipPropsNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'itemTooltipProps', 'watchItemTooltipProps');
     this.itemClickObserver = new ChildNodesNotifyObserverSlimmer(DROPDOWN_ITEM_CLICK, (payload) => this.selectedController.select(payload.detail.itemKey), this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController));
     this.showEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownShow);
     this.hideEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownHide);
@@ -282,6 +283,9 @@ export class VegaDropdown {
   watchItemDisplayRule() {
     methodPlaceholder();
   }
+  watchItemTooltipProps() {
+    methodPlaceholder();
+  }
   watchCaseSensitive() {
     methodPlaceholder();
   }
@@ -693,6 +697,34 @@ export class VegaDropdown {
       "reflect": false,
       "defaultValue": "'newline'"
     },
+    "itemTooltipProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Partial<Pick<HTMLVegaTooltipElement, 'placement' | 'maxWidth' | 'minWidth'>>",
+        "resolved": "{ minWidth?: ResponsiveType<SizeType>; maxWidth?: ResponsiveType<SizeType>; placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "Partial": {
+            "location": "global"
+          },
+          "Pick": {
+            "location": "global"
+          },
+          "HTMLVegaTooltipElement": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.82.0"
+          }],
+        "text": "Provides tooltip configuration options for dropdown items.\n\nUseful for controlling tooltip width for long item labels."
+      }
+    },
     "matchContainerHeight": {
       "type": "boolean",
       "mutable": false,
@@ -1444,6 +1476,9 @@ export class VegaDropdown {
     }, {
       "propName": "itemDisplayRule",
       "methodName": "watchItemDisplayRule"
+    }, {
+      "propName": "itemTooltipProps",
+      "methodName": "watchItemTooltipProps"
     }, {
       "propName": "caseSensitive",
       "methodName": "watchCaseSensitive"
@@ -1512,6 +1547,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "prefixIconSlotNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "itemTooltipPropsNotifySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "itemClickObserver", void 0);

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -17,7 +17,7 @@ import { VegaChange, VegaPreview, VegaRemove, VegaRetry, VegaSelectFileChange, }
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { FileUploaderRequiredRule } from '../../helpers/validator/rules/file-uploader-required-rule';
-import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
+import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-accept-filter-slimmer';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
 /**
@@ -46,7 +46,7 @@ export class VegaFileUploader {
     this.vegaFileUploaderFileListRenderer = new VegaFileUploaderFileListRenderer();
     this.vegaFileUploaderFileStatusRenderer = new VegaFileUploaderFileStatusRenderer();
     this.vegaFileUploaderValueController = new VegaFileUploaderValueController();
-    this.dropFileFilterController = new VegaFileUploaderDropFileFilterController();
+    this.dropFileFilterController = new DropFileAcceptFilterSlimmer();
     this.fileLimitController = new VegaFileUploaderFileLimitController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaChange);
     this.selectFileChangeEventEmitter = createEventEmitSlimmer(VegaFileUploader, VegaSelectFileChange);

package/dist/collection/components/vega-flex/vega-flex.css

@@ -591,6 +591,43 @@
   margin-left: 2px;
 }
 
+:host(.v-m-auto),
+.v-m-auto {
+  margin: auto;
+}
+
+:host(.v-mx-auto),
+.v-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+:host(.v-my-auto),
+.v-my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+:host(.v-mt-auto),
+.v-mt-auto {
+  margin-top: auto;
+}
+
+:host(.v-mb-auto),
+.v-mb-auto {
+  margin-bottom: auto;
+}
+
+:host(.v-mr-auto),
+.v-mr-auto {
+  margin-right: auto;
+}
+
+:host(.v-ml-auto),
+.v-ml-auto {
+  margin-left: auto;
+}
+
 @media (min-width: 320px) {
   :host(.S\:v-m-0),
   .S\:v-m-0 {
@@ -1072,6 +1109,36 @@
   .S\:v-ml-size-2 {
     margin-left: 2px;
   }
+  :host(.S\:v-m-auto),
+  .S\:v-m-auto {
+    margin: auto;
+  }
+  :host(.S\:v-mx-auto),
+  .S\:v-mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  :host(.S\:v-my-auto),
+  .S\:v-my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  :host(.S\:v-mt-auto),
+  .S\:v-mt-auto {
+    margin-top: auto;
+  }
+  :host(.S\:v-mb-auto),
+  .S\:v-mb-auto {
+    margin-bottom: auto;
+  }
+  :host(.S\:v-mr-auto),
+  .S\:v-mr-auto {
+    margin-right: auto;
+  }
+  :host(.S\:v-ml-auto),
+  .S\:v-ml-auto {
+    margin-left: auto;
+  }
 }
 @media (min-width: 768px) {
   :host(.M\:v-m-0),
@@ -1554,6 +1621,36 @@
   .M\:v-ml-size-2 {
     margin-left: 2px;
   }
+  :host(.M\:v-m-auto),
+  .M\:v-m-auto {
+    margin: auto;
+  }
+  :host(.M\:v-mx-auto),
+  .M\:v-mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  :host(.M\:v-my-auto),
+  .M\:v-my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  :host(.M\:v-mt-auto),
+  .M\:v-mt-auto {
+    margin-top: auto;
+  }
+  :host(.M\:v-mb-auto),
+  .M\:v-mb-auto {
+    margin-bottom: auto;
+  }
+  :host(.M\:v-mr-auto),
+  .M\:v-mr-auto {
+    margin-right: auto;
+  }
+  :host(.M\:v-ml-auto),
+  .M\:v-ml-auto {
+    margin-left: auto;
+  }
 }
 @media (min-width: 1024px) {
   :host(.L\:v-m-0),
@@ -2036,6 +2133,36 @@
   .L\:v-ml-size-2 {
     margin-left: 2px;
   }
+  :host(.L\:v-m-auto),
+  .L\:v-m-auto {
+    margin: auto;
+  }
+  :host(.L\:v-mx-auto),
+  .L\:v-mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  :host(.L\:v-my-auto),
+  .L\:v-my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  :host(.L\:v-mt-auto),
+  .L\:v-mt-auto {
+    margin-top: auto;
+  }
+  :host(.L\:v-mb-auto),
+  .L\:v-mb-auto {
+    margin-bottom: auto;
+  }
+  :host(.L\:v-mr-auto),
+  .L\:v-mr-auto {
+    margin-right: auto;
+  }
+  :host(.L\:v-ml-auto),
+  .L\:v-ml-auto {
+    margin-left: auto;
+  }
 }
 @media (min-width: 1440px) {
   :host(.XL\:v-m-0),
@@ -2518,6 +2645,36 @@
   .XL\:v-ml-size-2 {
     margin-left: 2px;
   }
+  :host(.XL\:v-m-auto),
+  .XL\:v-m-auto {
+    margin: auto;
+  }
+  :host(.XL\:v-mx-auto),
+  .XL\:v-mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  :host(.XL\:v-my-auto),
+  .XL\:v-my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+  :host(.XL\:v-mt-auto),
+  .XL\:v-mt-auto {
+    margin-top: auto;
+  }
+  :host(.XL\:v-mb-auto),
+  .XL\:v-mb-auto {
+    margin-bottom: auto;
+  }
+  :host(.XL\:v-mr-auto),
+  .XL\:v-mr-auto {
+    margin-right: auto;
+  }
+  :host(.XL\:v-ml-auto),
+  .XL\:v-ml-auto {
+    margin-left: auto;
+  }
 }
 /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
 :host(.v-gap-0),

package/dist/collection/components/vega-flex/vega-flex.js

@@ -108,7 +108,7 @@ export class VegaFlex {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<MarginType>",
-        "resolved": "\"0\" | \"size-112\" | \"size-12\" | \"size-16\" | \"size-2\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-4\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-8\" | \"size-80\" | { S?: MarginType; M?: MarginType; L?: MarginType; XL?: MarginType; default?: MarginType; } | { left?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; right?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; top?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; bottom?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; x?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; y?: \"0\" | \"size-4\" | \"size-8\" | \"size-12\" | \"size-16\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-80\" | \"size-112\" | \"size-2\"; }",
+        "resolved": "\"0\" | \"auto\" | \"size-112\" | \"size-12\" | \"size-16\" | \"size-2\" | \"size-20\" | \"size-24\" | \"size-32\" | \"size-4\" | \"size-40\" | \"size-48\" | \"size-64\" | \"size-72\" | \"size-8\" | \"size-80\" | { S?: MarginType; M?: MarginType; L?: MarginType; XL?: MarginType; default?: MarginType; } | { left?: MarginValueType; right?: MarginValueType; top?: MarginValueType; bottom?: MarginValueType; x?: MarginValueType; y?: MarginValueType; }",
         "references": {
           "ResponsiveType": {
             "location": "import",

package/dist/collection/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-default-content-renderer.js

@@ -15,6 +15,41 @@ export class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer {
       e.stopPropagation();
       this.inputController.triggerInputClick();
     };
+    /**
+     * An event handler that is triggered when files are dropped onto the image uploader drop area.
+     *
+     * preventDefault() is always called (even when `disabled`) to stop the browser's default
+     * behavior of navigating to the dropped file URL — some browsers (e.g., Firefox) will navigate
+     * away from the page if a file drop is not preventDefault'd by some handler in the propagation
+     * path. stopPropagation() is called because the drop has been consumed by this component and
+     * parent containers should not re-process the same files (e.g., a page-level drop handler
+     * shouldn't also try to upload them). Parent containers can still observe dragenter/dragover
+     * to manage drag overlays and dismiss them via the dragleave/dragend events.
+     *
+     * @param {DragEvent} e drag event object
+     */
+    this.dropHandler = (e) => {
+      var _a;
+      e.preventDefault();
+      e.stopPropagation();
+      if (this.disabled) {
+        return;
+      }
+      const files = this.dropFileFilterController.process((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files);
+      if (files.length) {
+        this.valueController.setValue(files[0]);
+      }
+    };
+    /**
+     * Used to prevent the default browser behavior on dragenter/dragover so the element is registered
+     * as a valid drop target. stopPropagation() is intentionally omitted here so parent containers
+     * can still react to drag events (e.g., page-level drag overlays).
+     *
+     * @param {DragEvent} e drag event object
+     */
+    this.handleDragEvent = (e) => {
+      e.preventDefault();
+    };
   }
   /**
    * The render function returns a div element with a button-like appearance that triggers a click event when clicked or when the enter key is pressed.
@@ -22,7 +57,7 @@ export class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer {
    * @returns {HTMLDivElement} The render() method is returning an HTMLDivElement.
    */
   render() {
-    return (h("div", { class: "action-wrapper", role: "button", tabIndex: 0, onClick: this.handleUploaderClick, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+    return (h("div", { class: "action-wrapper", role: "button", tabIndex: 0, onClick: this.handleUploaderClick, onKeyDown: createEnterKeyHandlerToTriggerClick(), onDrop: this.dropHandler, onDragEnter: this.handleDragEvent, onDragOver: this.handleDragEvent },
       h("vega-icon", { icon: "plus-sign", size: "size-24" }),
       h("div", { class: "vega-image-uploader-text" }, this.translationSlimmer.t(this.actionTitle)),
       this.renderSubtitle()));
@@ -34,6 +69,15 @@ export class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaImageUploaderInputController' })
 ], VegaImageUploaderDefaultContentRenderer.prototype, "inputController", void 0);
+__decorate([
+  MapToComponentField({ componentFieldName: 'vegaImageUploaderValueController' })
+], VegaImageUploaderDefaultContentRenderer.prototype, "valueController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaImageUploaderDefaultContentRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaImageUploaderDefaultContentRenderer.prototype, "dropFileFilterController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaImageUploaderDefaultContentRenderer.prototype, "actionTitle", void 0);

package/dist/collection/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-preview-content-renderer.js

@@ -8,6 +8,21 @@ import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 /** The VegaImageUploaderPreviewContentRenderer class is responsible for rendering an image preview container with an image and optional actions element. */
 export class VegaImageUploaderPreviewContentRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Prevents the browser's default behavior on drag/drop events over the image preview.
+     * Without this, dropping a file onto the already-populated preview would cause the browser
+     * to navigate to (and open) the dropped file. The component does not support replacing the
+     * image via drag-and-drop while a preview is shown, so we simply no-op here, matching the
+     * disabled-state behavior.
+     *
+     * @param {DragEvent} e drag event object
+     */
+    this.preventDefaultDragEvent = (e) => {
+      e.preventDefault();
+    };
+  }
   /**
    * The function renders an image preview container with an image and optional actions element.
    *
@@ -19,7 +34,7 @@ export class VegaImageUploaderPreviewContentRenderer extends VegaSlimmer {
     return (h("div", { class: {
         'image-preview-container': true,
         'actions-backdrop': actionsElement ? true : false,
-      }, tabIndex: 0, role: "menu" },
+      }, tabIndex: 0, role: "menu", onDrop: this.preventDefaultDragEvent, onDragEnter: this.preventDefaultDragEvent, onDragOver: this.preventDefaultDragEvent },
       h("img", { src: imagePreviewURL, alt: "" }),
       actionsElement));
   }

package/dist/collection/components/vega-image-uploader/vega-image-uploader.js

@@ -18,6 +18,7 @@ import { VegaImageUploaderPreviewContentRenderer } from './slimmers/renderers/ve
 import { VegaImageUploaderUploadingContentRenderer } from './slimmers/renderers/vega-image-uploader-uploading-content-renderer';
 import { VegaImageUploaderDefaultContentRenderer } from './slimmers/renderers/vega-image-uploader-default-content-renderer';
 import { VegaImageUploaderRemoveController } from './slimmers/controllers/vega-image-uploader-remove-controller';
+import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-accept-filter-slimmer';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { VegaImageUploaderActionsVisibilityController } from './slimmers/controllers/vega-image-uploader-actions-visibility-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -46,6 +47,7 @@ export class VegaImageUploader {
     this.vegaImageUploaderValueController = new VegaImageUploaderValueController();
     this.vegaImageUploaderPreviewController = new VegaImageUploaderPreviewController();
     this.vegaImageUploaderRemoveController = new VegaImageUploaderRemoveController();
+    this.dropFileFilterController = new DropFileAcceptFilterSlimmer();
     this.actionsVisibilityController = new VegaImageUploaderActionsVisibilityController();
     this.darkModeStateControllerSlimmer = new DarkModeStateControllerSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
@@ -782,6 +784,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaImageUploader.prototype, "vegaImageUploaderRemoveController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaImageUploader.prototype, "dropFileFilterController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaImageUploader.prototype, "actionsVisibilityController", void 0);

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

@@ -72,7 +72,7 @@ export class VegaInputInputRenderer extends VegaSlimmer {
   }
   render() {
     return (h("div", { class: "vega-input-input" },
-      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
+      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, enterkeyhint: this.enterkeyhint, readOnly: this.readOnly, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onBlur: (e) => this.handleInputBlur(e), 
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -137,6 +137,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputInputRenderer.prototype, "enterkeyhint", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "readOnly", void 0);

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

@@ -761,6 +761,31 @@ export class VegaInput {
       "attribute": "inputmode",
       "reflect": false
     },
+    "enterkeyhint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "InputEnterKeyHintTypes",
+        "resolved": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"",
+        "references": {
+          "InputEnterKeyHintTypes": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.81.0"
+          }],
+        "text": "Configures the action label (or icon) to present for the enter key on virtual keyboards.\n\n- `'enter'` \u2014 Insert a new line.\n- `'done'` \u2014 Nothing more to input, close the virtual keyboard.\n- `'go'` \u2014 Navigate to the target of the typed text.\n- `'next'` \u2014 Move to the next field that will accept text.\n- `'previous'` \u2014 Move to the previous field that will accept text.\n- `'search'` \u2014 Execute a search query.\n- `'send'` \u2014 Deliver the content (e.g. a message).\n\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/enterkeyhint for more details."
+      },
+      "attribute": "enterkeyhint",
+      "reflect": false
+    },
     "readOnly": {
       "type": "boolean",
       "mutable": false,