@globalpayments/vega 2.77.0 → 2.78.0

package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-calendar-year-month-switcher-renderer.js

@@ -10,6 +10,7 @@ import { CalendarDate, MonthPeriod } from '../../../../../helpers/calendar';
 import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
 import { Icons } from '../../../assets/icons';
 import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
 import { VegaDropdownClick, VegaDropdownHide, VegaDropdownShow, } from '../../../../../helpers/event-manager/event-id/vega-event-id';
 import { MonthNames } from '../../constants';
 export class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer {
@@ -98,13 +99,13 @@ export class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer
   }
   renderCurrentMonth() {
     const label = this.translationSlimmer.t(this.currentPeriod.current.getMonthName());
-    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (h("div", { class: "month-item-name" },
+    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-name", size: "small", label: label })) : (h("div", { class: "month-item-name", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? createEnterKeyHandlerToTriggerClick() : undefined },
       h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }
   renderCurrentYear() {
     const label = this.currentPeriod.current.year.toString();
-    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (h("div", { class: "month-item-year" },
+    return this.size === 'small' && this.showYearMonthDropdowns ? (h("vega-button-link", { class: "small-month-item-year", size: "small", label: label })) : (h("div", { class: "month-item-year", role: this.showYearMonthDropdowns ? 'button' : undefined, tabIndex: this.showYearMonthDropdowns ? 0 : undefined, "aria-label": this.showYearMonthDropdowns ? label : undefined, onKeyDown: this.showYearMonthDropdowns ? createEnterKeyHandlerToTriggerClick() : undefined },
       h("span", null, label),
       this.renderDropdownSwitchIcon()));
   }

package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-month-item-renderer.js

@@ -31,7 +31,8 @@ export class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
   }
   renderWeek(periodView) {
     return (h("vega-grid", { class: "month-item-weekdays-row", column: '7-auto', row: 1 }, periodView.weekdays.map((weekDay) => {
-      return (h("div", { key: weekDay }, this.translationSlimmer.t(`${weekDay}-short`)));
+      const fullName = this.translationSlimmer.t(`${weekDay}-full`);
+      return (h("div", { key: weekDay, role: "columnheader", "aria-label": fullName }, this.translationSlimmer.t(`${weekDay}-short`)));
     })));
   }
   renderDays(periodView, period) {
@@ -69,7 +70,7 @@ export class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => canInterActive && this.selectionController.onDayClick(day), 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onMouseEnter: () => canInterActive && this.selectionController.onDayHover(day), onKeyDown: createEnterKeyHandlerToTriggerClick(), role: "menuitem", "aria-label": day.date, tabIndex: canInterActive ? 0 : -1 },
+      onMouseEnter: () => canInterActive && this.selectionController.onDayHover(day), onKeyDown: createEnterKeyHandlerToTriggerClick(), role: "menuitem", "aria-label": `${day.getMonthName()} ${day.date} ${day.year}`, "aria-hidden": isCurrentMonth ? undefined : 'true', "aria-disabled": isLockedDate || isDisabled ? 'true' : undefined, tabIndex: canInterActive ? 0 : -1 },
       h("div", { class: "day-content" }, isCurrentMonth ? day.date : '')));
   }
   getCurrentRangeDates() {

package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.css

@@ -1135,6 +1135,18 @@
   place-items: center;
 }
 
+.calendar .aria-announcement {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .calendar .container__days {
   text-align: center;
   place-items: center;

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

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, MapToComponentMethod, methodPlaceholder } from 'vega-slimmer/core';
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/element-appender/element-appender-slimmer';
+import { getDeepActiveElementInShadow } from '../../../../utils/ui';
 /**
  * The `VegaDropdownAppenderController` class is responsible for managing the visibility and
  * behavior of a dropdown component.
@@ -17,6 +18,7 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
    */
   constructor() {
     super(() => this.generateShowConfigFactory(), () => this.trigger);
+    this.lastFocusedElement = null;
   }
   /**
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
@@ -37,10 +39,12 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
   async watchIsDropdownShow() {
     if (this.isDropdownShow) {
       this.showEventEmitter.emit();
+      this.updateLastFocusedElement();
     }
     else {
       this.searchRenderer.clear();
       this.hideEventEmitter.emit();
+      this.focusTriggerForAria();
     }
   }
   /**
@@ -60,6 +64,27 @@ export class VegaDropdownAppenderController extends ElementAppenderSlimmer {
       this.hide();
     }
   }
+  /**
+   * Restores focus to the dropdown trigger element.
+   * Should be called after programmatic hide actions (item selection, Escape, reset)
+   * to maintain proper screen reader context per WAI-ARIA menu button pattern.
+   */
+  focusTriggerForAria() {
+    const activeEl = getDeepActiveElementInShadow();
+    if ((activeEl === null || activeEl === void 0 ? void 0 : activeEl.matches) && activeEl.matches(':focus-visible')) {
+      const triggerEl = this.lastFocusedElement;
+      if (triggerEl && typeof triggerEl.focus === 'function') {
+        triggerEl.focus();
+        this.lastFocusedElement = null;
+      }
+    }
+  }
+  /**
+   * Updates the last focused element by getting the currently active element in the shadow DOM.
+   */
+  updateLastFocusedElement() {
+    this.lastFocusedElement = getDeepActiveElementInShadow();
+  }
   /**
    * Generate the show configuration for the dropdown.
    *

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

@@ -3710,6 +3710,10 @@
   flex-direction: column;
 }
 
+:host(.v-flex-column) {
+  flex-direction: column;
+}
+
 :host(.v-flex-row-reverse) {
   flex-direction: row-reverse;
 }
@@ -3718,6 +3722,10 @@
   flex-direction: column-reverse;
 }
 
+:host(.v-flex-column-reverse) {
+  flex-direction: column-reverse;
+}
+
 @media (min-width: 320px) {
   :host(.S\:v-flex-row) {
     flex-direction: row;
@@ -3725,12 +3733,18 @@
   :host(.S\:v-flex-col) {
     flex-direction: column;
   }
+  :host(.S\:v-flex-column) {
+    flex-direction: column;
+  }
   :host(.S\:v-flex-row-reverse) {
     flex-direction: row-reverse;
   }
   :host(.S\:v-flex-col-reverse) {
     flex-direction: column-reverse;
   }
+  :host(.S\:v-flex-column-reverse) {
+    flex-direction: column-reverse;
+  }
 }
 @media (min-width: 768px) {
   :host(.M\:v-flex-row) {
@@ -3739,12 +3753,18 @@
   :host(.M\:v-flex-col) {
     flex-direction: column;
   }
+  :host(.M\:v-flex-column) {
+    flex-direction: column;
+  }
   :host(.M\:v-flex-row-reverse) {
     flex-direction: row-reverse;
   }
   :host(.M\:v-flex-col-reverse) {
     flex-direction: column-reverse;
   }
+  :host(.M\:v-flex-column-reverse) {
+    flex-direction: column-reverse;
+  }
 }
 @media (min-width: 1024px) {
   :host(.L\:v-flex-row) {
@@ -3753,12 +3773,18 @@
   :host(.L\:v-flex-col) {
     flex-direction: column;
   }
+  :host(.L\:v-flex-column) {
+    flex-direction: column;
+  }
   :host(.L\:v-flex-row-reverse) {
     flex-direction: row-reverse;
   }
   :host(.L\:v-flex-col-reverse) {
     flex-direction: column-reverse;
   }
+  :host(.L\:v-flex-column-reverse) {
+    flex-direction: column-reverse;
+  }
 }
 @media (min-width: 1440px) {
   :host(.XL\:v-flex-row) {
@@ -3767,12 +3793,18 @@
   :host(.XL\:v-flex-col) {
     flex-direction: column;
   }
+  :host(.XL\:v-flex-column) {
+    flex-direction: column;
+  }
   :host(.XL\:v-flex-row-reverse) {
     flex-direction: row-reverse;
   }
   :host(.XL\:v-flex-col-reverse) {
     flex-direction: column-reverse;
   }
+  :host(.XL\:v-flex-column-reverse) {
+    flex-direction: column-reverse;
+  }
 }
 :host(.v-items-start) {
   align-items: flex-start;

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

@@ -166,7 +166,7 @@ export class VegaFlex {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<FlexDirectionType>",
-        "resolved": "\"col\" | \"col-reverse\" | \"row\" | \"row-reverse\" | { S?: \"row\" | \"col\" | \"row-reverse\" | \"col-reverse\"; M?: \"row\" | \"col\" | \"row-reverse\" | \"col-reverse\"; L?: \"row\" | \"col\" | \"row-reverse\" | \"col-reverse\"; XL?: \"row\" | \"col\" | \"row-reverse\" | \"col-reverse\"; default?: \"row\" | \"col\" | \"row-reverse\" | \"col-reverse\"; }",
+        "resolved": "\"col\" | \"col-reverse\" | \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\" | { S?: \"row\" | \"col\" | \"column\" | \"row-reverse\" | \"col-reverse\" | \"column-reverse\"; M?: \"row\" | \"col\" | \"column\" | \"row-reverse\" | \"col-reverse\" | \"column-reverse\"; L?: \"row\" | \"col\" | \"column\" | \"row-reverse\" | \"col-reverse\" | \"column-reverse\"; XL?: \"row\" | \"col\" | \"column\" | \"row-reverse\" | \"col-reverse\" | \"column-reverse\"; default?: \"row\" | \"col\" | \"column\" | \"row-reverse\" | \"col-reverse\" | \"column-reverse\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",

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

@@ -83,7 +83,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridColumnsType>",
-        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -113,7 +113,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridRowsType>",
-        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 6 | 2 | 1 | 5 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",

package/dist/collection/components/vega-input/slimmers/controllers/vega-input-render-mode-controller.js

@@ -10,7 +10,6 @@ export class VegaInputRenderModeController extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.hasItemsSlot = false;
-    this.hasDropdownSource = false;
   }
   /** Sets the render mode based on the presence of the items slot. */
   connectedCallback() {
@@ -22,7 +21,7 @@ export class VegaInputRenderModeController extends VegaSlimmer {
    * @returns {boolean} True if in source render mode, false otherwise.
    */
   isSource() {
-    return this.hasDropdownSource;
+    return Array.isArray(this.suggestionsDropdownSource);
   }
   /**
    * Checks if the render mode is template mode.
@@ -37,7 +36,6 @@ export class VegaInputRenderModeController extends VegaSlimmer {
    */
   setRenderMode() {
     this.hasItemsSlot = !!this.host.querySelector('[slot=items]');
-    this.hasDropdownSource = Array.isArray(this.suggestionsDropdownSource);
   }
 }
 __decorate([

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

@@ -49,11 +49,7 @@ export class VegaInputInputContainerRenderer extends VegaSlimmer {
         [`vega-input-size-${this.size}`]: true,
         'vega-input-disabled': this.disabled,
         'compact-input-width': this.isCompactInputWidth,
-      }, onClick: this.onContainerClick, "aria-disabled": `${this.disabled}`, 
-      // tabIndex={-1} allows programmatic focus (e.g. after clearing input) without adding the container to the tab order.
-      // The linter flags this because it's a non-interactive element, but programmatic focus is intentional here.
-      /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
-      tabIndex: !this.disabled ? -1 : null, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, onClick: this.onContainerClick, "aria-disabled": this.disabled ? 'true' : undefined, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       this.prefixSlotRenderer.render(),
       this.renderPrefixText(),
       this.inputRenderer.render(),

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, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.label || 'No label defined', minLength: this.minLength, maxLength: this.maxLength, 
+      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, 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 */
@@ -128,9 +128,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "type", void 0);
-__decorate([
-  MapToComponentField()
-], VegaInputInputRenderer.prototype, "label", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "name", void 0);

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

@@ -97,12 +97,15 @@ export class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
     return null;
   }
   async showSuggestions() {
-    if (this.renderModeController.isSource() || this.renderModeController.isTemplate()) {
+    if (this.dropdownRef &&
+      (this.renderModeController.isSource() || this.renderModeController.isTemplate())) {
       await this.dropdownRef.show();
     }
   }
   async searchSuggestions() {
-    if (this.renderModeController.isSource() && this.suggestionsDropdownSource.length > 0) {
+    if (this.dropdownRef &&
+      this.renderModeController.isSource() &&
+      this.suggestionsDropdownSource.length > 0) {
       await this.dropdownRef.search(this.value);
     }
   }

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

@@ -15,7 +15,7 @@ export class VegaInputPrefixSlotRenderer extends VegaSlimmer {
           'vega-input-prefix': true,
           'vega-input-prefix-slot': hasSlotContent,
         }, part: "prefix-icon-container" },
-        this.prefixIcon && !hasSlotContent ? (h("vega-icon", { icon: this.prefixIcon, size: "size-16" })) : null,
+        this.prefixIcon && !hasSlotContent ? (h("vega-icon", { icon: this.prefixIcon, size: "size-16", "aria-hidden": "true" })) : null,
         h("slot", { name: "prefix-icon" })));
     }
   }