@heartlandone/vega 2.76.0 → 2.77.1

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

@@ -333,17 +333,21 @@
     line-height: 16px;
   }
 }
-:host(.small) .calendar .container__days .day-item .is-start-date,
-:host(.small) .calendar .container__days .day-item .is-end-date {
+:host(.small) .calendar .container__days .day-item .day-content {
+  width: 18px;
+  height: 18px;
+}
+:host(.small) .calendar .container__days .day-item.is-today .day-content {
   font-family: "Inter", sans-serif;
   font-size: 12px;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0px;
+  width: 18px;
+  height: 18px;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  :host(.small) .calendar .container__days .day-item .is-start-date,
-  :host(.small) .calendar .container__days .day-item .is-end-date {
+  :host(.small) .calendar .container__days .day-item.is-today .day-content {
     font-family: "Inter", sans-serif;
     font-size: 12px;
     font-weight: 700;
@@ -352,8 +356,7 @@
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1439px) {
-  :host(.small) .calendar .container__days .day-item .is-start-date,
-  :host(.small) .calendar .container__days .day-item .is-end-date {
+  :host(.small) .calendar .container__days .day-item.is-today .day-content {
     font-family: "Inter", sans-serif;
     font-size: 12px;
     font-weight: 700;
@@ -362,8 +365,7 @@
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
-  :host(.small) .calendar .container__days .day-item .is-start-date,
-  :host(.small) .calendar .container__days .day-item .is-end-date {
+  :host(.small) .calendar .container__days .day-item.is-today .day-content {
     font-family: "Inter", sans-serif;
     font-size: 12px;
     font-weight: 700;
@@ -371,6 +373,18 @@
     letter-spacing: 0px;
   }
 }
+:host(.small) .calendar .container__days .day-item:focus-visible .day-content {
+  width: 16px;
+}
+:host(.small) .calendar .container__days .day-item:focus-visible .day-content {
+  width: 16px;
+}
+:host(.small) .calendar .container__days vega-tooltip .day-item .day-content:after {
+  width: 4px;
+  height: 4px;
+  bottom: -3px;
+  left: calc(50% - 2px);
+}
 
 :host(.small.range) .calendar .container__main {
   width: 100%;
@@ -639,6 +653,46 @@
     line-height: 18px;
   }
 }
+:host(.regular) .calendar .container__days .day-item .day-content {
+  width: 24px;
+  height: 24px;
+}
+:host(.regular) .calendar .container__days .day-item.is-today .day-content {
+  font-family: "Inter", sans-serif;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host(.regular) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host(.regular) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host(.regular) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+}
+:host(.regular) .calendar .container__days vega-tooltip .day-item .day-content:after {
+  width: 4px;
+  height: 4px;
+  bottom: -3px;
+  left: calc(50% - 2px);
+}
 
 :host(.regular.range) .calendar .container__main {
   width: 100%;
@@ -968,6 +1022,61 @@
     letter-spacing: 0px;
   }
 }
+:host(.large) .calendar .container__days .day-item .day-content {
+  width: 36px;
+  height: 36px;
+}
+:host(.large) .calendar .container__days .day-item.is-today .day-content {
+  font-family: "Inter", sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host(.large) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host(.large) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host(.large) .calendar .container__days .day-item.is-today .day-content {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+:host(.large) .calendar .container__days vega-tooltip .day-item .day-content:after {
+  width: 6px;
+  height: 6px;
+  bottom: -4px;
+  left: calc(50% - 3px);
+}
+
+:host(.regular) .container__days .day-item.is-today .day-content,
+:host(.large) .container__days .day-item.is-today .day-content {
+  border: 1px solid rgba(var(--v-text-primary, 32, 54, 69, 1));
+}
+:host(.regular) .container__days .day-item.is-today.is-start-date .day-content, :host(.regular) .container__days .day-item.is-today.is-end-date .day-content, :host(.regular) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content,
+:host(.large) .container__days .day-item.is-today.is-start-date .day-content,
+:host(.large) .container__days .day-item.is-today.is-end-date .day-content,
+:host(.large) .container__days .day-item.is-today:active:not(.is-locked):not(.is-disabled) .day-content {
+  border-color: rgba(var(--v-text-on-action, 252, 252, 252, 1));
+}
 
 :host(.large.range) .calendar .container__main {
   width: 100%;
@@ -1026,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;
@@ -1042,6 +1163,7 @@
 
 .calendar .container__months .month-item-weekdays-row > div,
 .calendar .container__days > div,
+.calendar .container__days > vega-tooltip > div,
 .calendar .container__days > a {
   padding: 4px;
   display: flex;
@@ -1055,144 +1177,70 @@
 
 .calendar .container__days .day-item {
   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;
   text-align: center;
   border-radius: 9999px;
   cursor: default;
 }
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .calendar .container__days .day-item {
-    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) {
-  .calendar .container__days .day-item {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
+.calendar .container__days .day-item .day-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  box-sizing: border-box;
 }
-@media screen and (min-width: 1440px) and (max-width: 9999px) {
-  .calendar .container__days .day-item {
-    font-family: "Inter", sans-serif;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    letter-spacing: 0px;
-  }
+.calendar .container__days .day-item:hover {
+  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
 }
-
-.calendar .container__days .day-item:not(.is-locked):not(.is-disabled):active {
+.calendar .container__days .day-item:active {
   background-color: rgba(var(--v-bg-action-active, 29, 65, 195, 1));
-  color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
+  color: rgba(var(--v-text-on-action, 252, 252, 252, 1));
   border-width: 0px;
+  outline: none;
 }
-
-.calendar .day-item.is-start-date.is-end-date.is-locked:active {
-  background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
+.calendar .container__days .day-item:focus-visible {
+  border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));
+  outline: none;
 }
-
-.calendar .container__days .day-item:hover:before {
-  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
-  border-radius: 9999px;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  content: " ";
-  z-index: -1;
-}
-
-.calendar .container__days .day-item.is-locked:hover:before,
-html.dark .calendar .container__days .day-item.is-locked:hover:before {
-  border-style: none;
-}
-
-.calendar .container__days .day-item.is-disabled:hover:before {
-  border-style: none;
-}
-
 .calendar .container__days .day-item.is-locked, .calendar .container__days .day-item.is-disabled {
+  color: rgba(var(--v-text-input-disabled, 107, 116, 125, 1));
   -webkit-tap-highlight-color: transparent;
+  cursor: not-allowed;
 }
-
-.calendar .container__days .day-item:hover {
-  position: relative;
+.calendar .container__days .day-item.is-locked:hover, .calendar .container__days .day-item.is-disabled:hover {
+  border-width: 0px;
 }
-
-.calendar .container__days .day-item.is-today {
-  color: rgba(var(--v-text-link, 19, 98, 226, 1));
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 18px;
+.calendar .container__days .day-item.is-locked:active, .calendar .container__days .day-item.is-disabled:active {
+  background-color: rgba(var(--v-bg-transparent, 0, 0, 0, 0));
+  border-width: 0px;
+  outline: none;
 }
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .calendar .container__days .day-item.is-today {
-    font-family: "Inter", sans-serif;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18px;
-  }
+.calendar .container__days .day-item.is-disabled {
+  text-decoration: line-through;
 }
-@media screen and (min-width: 1024px) and (max-width: 1439px) {
-  .calendar .container__days .day-item.is-today {
-    font-family: "Inter", sans-serif;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18px;
-  }
+.calendar .container__days .day-item.is-start-date, .calendar .container__days .day-item.is-end-date {
+  background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
+  color: rgba(var(--v-text-on-action, 252, 252, 252, 1));
+  position: relative;
+  border-width: 0px;
 }
-@media screen and (min-width: 1440px) and (max-width: 9999px) {
-  .calendar .container__days .day-item.is-today {
-    font-family: "Inter", sans-serif;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18px;
-  }
+.calendar .container__days .day-item.is-start-date:hover, .calendar .container__days .day-item.is-end-date:hover {
+  background-color: rgba(var(--v-bg-action-hover, 4, 112, 236, 1));
 }
-
-.calendar .container__days .day-item.is-in-range {
-  border-radius: 0px;
-  position: relative;
-  z-index: 2;
-  background-color: rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));
+.calendar .container__days .day-item.is-start-date:active, .calendar .container__days .day-item.is-end-date:active {
+  background-color: rgba(var(--v-bg-action-active, 29, 65, 195, 1));
 }
-
-.calendar .container__days .day-item:not(.is-locked):not(.is-disabled).is-in-range:hover:before {
-  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
-  border-radius: 9999px;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  content: " ";
-  z-index: -1;
+.calendar .container__days .day-item.is-start-date:focus-visible, .calendar .container__days .day-item.is-end-date:focus-visible {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  background-color: rgba(var(--v-bg-action-focus, 19, 98, 226, 1));
 }
-
-.calendar .container__days .day-item.is-start-date {
-  background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
-  border-radius: 9999px;
-  color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
-  position: relative;
+.calendar .container__days .day-item.is-start-date.is-disabled, .calendar .container__days .day-item.is-start-date.is-locked, .calendar .container__days .day-item.is-end-date.is-disabled, .calendar .container__days .day-item.is-end-date.is-locked {
+  background-color: rgba(var(--v-bg-disabled, 176, 180, 181, 1));
+  color: rgba(var(--v-text-on-disabled, 252, 252, 252, 1));
 }
-
-.calendar .container__days .day-item.is-start-date:hover:before {
-  z-index: 2;
+.calendar .container__days .day-item.is-start-date.is-end-date:after {
+  background-color: rgba(var(--v-bg-transparent, 0, 0, 0, 0));
 }
-
 .calendar .container__days .day-item.is-start-date:after {
   position: absolute;
   top: 0px;
@@ -1207,37 +1255,6 @@ html.dark .calendar .container__days .day-item.is-locked:hover:before {
   z-index: -1;
   background-color: rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));
 }
-
-.calendar .container__days .day-item.is-start-date.is-flipped {
-  border-radius: 9999px;
-  position: relative;
-}
-
-.calendar .container__days .day-item.is-start-date.is-flipped:after {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px;
-  content: " ";
-  z-index: -1;
-}
-
-.calendar .container__days .day-item.is-end-date {
-  background-color: rgba(var(--v-bg-action, 19, 98, 226, 1));
-  border-radius: 9999px;
-  color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
-  position: relative;
-}
-
-.calendar .container__days .day-item.is-end-date:hover:before {
-  z-index: 2;
-}
-
 .calendar .container__days .day-item.is-end-date:after {
   position: absolute;
   top: 0px;
@@ -1252,42 +1269,44 @@ html.dark .calendar .container__days .day-item.is-locked:hover:before {
   z-index: -1;
   background-color: rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));
 }
-
-.calendar .container__days .day-item.is-end-date.is-flipped {
-  border-radius: 9999px;
+.calendar .container__days .day-item.is-in-range {
+  border-radius: 0px;
+  background-color: rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1));
+  border-width: 0px;
+}
+.calendar .container__days .day-item.is-in-range:hover {
   position: relative;
 }
-
-.calendar .container__days .day-item.is-end-date.is-flipped:after {
+.calendar .container__days .day-item.is-in-range:hover:before {
+  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
+  border-radius: 9999px;
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px;
   content: " ";
-  z-index: -1;
 }
-
-.calendar .container__days .day-item.is-start-date.is-end-date {
-  border-radius: 9999px;
+.calendar .container__days .day-item.is-in-range:focus-visible {
+  border: 2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));
+  outline: none;
 }
 
-.calendar .container__days .day-item.is-start-date.is-end-date:after,
-html.dark .calendar .container__days .day-item.is-start-date.is-end-date:after {
-  background: none;
+.calendar .container__days vega-tooltip {
+  width: 100%;
 }
 
-.calendar .container__tooltip {
-  display: none;
+.calendar .container__days vega-tooltip .day-item .day-content {
+  position: relative;
 }
-
-.calendar .container__days .day-item.is-locked {
-  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
-  cursor: not-allowed;
+.calendar .container__days vega-tooltip .day-item .day-content:after {
+  position: absolute;
+  border-radius: 9999px;
+  content: " ";
+  background-color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+}
+.calendar .container__days vega-tooltip .day-item.is-start-date .day-content:after, .calendar .container__days vega-tooltip .day-item.is-end-date .day-content:after, .calendar .container__days vega-tooltip .day-item:active:not(.is-locked):not(.is-disabled) .day-content:after {
+  background-color: rgba(var(--v-text-on-action, 252, 252, 252, 1));
 }
 
 .calendar.mobilefriendly[data-plugins*=mobilefriendly] .container__days > div {
@@ -1351,36 +1370,6 @@ html.dark .calendar .container__days .day-item.is-start-date.is-end-date:after {
   height: 16px;
 }
 
-.calendar .container__days .day-item.is-disabled {
-  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
-  cursor: not-allowed;
-  text-decoration: line-through;
-}
-
 .calendar .container__days > div:not(.day-item) {
   -webkit-tap-highlight-color: transparent;
-}
-
-.calendar .month-item-header > div.dropdown-section {
-  display: flex;
-  gap: 12px;
-}
-.calendar .month-item-header > div.dropdown-section .dropdown-current-value {
-  position: relative;
-  display: flex;
-  gap: 4px;
-  align-items: center;
-  cursor: pointer;
-}
-.calendar .month-item-header > div.dropdown-section .dropdown-current-value.active {
-  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
-}
-.calendar .month-item-header > div.dropdown-section .dropdown-current-value.active:active {
-  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
-}
-.calendar .month-item-header > div.dropdown-section .dropdown-current-value.active:hover {
-  color: rgba(var(--v-text-link-hover, 4, 112, 236, 1));
-}
-.calendar .month-item-header > div.dropdown-section .dropdown-current-value.active:focus-visible {
-  color: rgba(var(--v-text-link-focus, 4, 112, 236, 1));
 }

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

@@ -109,6 +109,14 @@ export class VegaDatePickerCalendar {
      * @vegaVersion 2.72.0
      */
     this.isDateDisabled = () => false;
+    /**
+     * Specifies a function that returns the properties for the date indicator tooltip for a given date in the date picker.
+     *
+     * The function is called for each date cell before rendering.
+     *
+     * @vegaVersion 2.77.0
+     */
+    this.dateIndicator = () => null;
   }
   watchCurrentPeriod() {
     methodPlaceholder();
@@ -445,6 +453,30 @@ export class VegaDatePickerCalendar {
         "text": "Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).\n\nThe function is called for each date cell before rendering.\n\nReturn `true` to disable the cell, or false to keep it selectable.\nDefault behavior: always returns `false` (no cells are disabled)."
       },
       "defaultValue": "() => false"
+    },
+    "dateIndicator": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DatePickerCalendarIndicator",
+        "resolved": "(date: Date) => Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\">>",
+        "references": {
+          "DatePickerCalendarIndicator": {
+            "location": "import",
+            "path": "../types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.77.0"
+          }],
+        "text": "Specifies a function that returns the properties for the date indicator tooltip for a given date in the date picker.\n\nThe function is called for each date cell before rendering."
+      },
+      "defaultValue": "() => null"
     }
   }; }
   static get states() { return {

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-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}`, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       this.prefixSlotRenderer.render(),
       this.renderPrefixText(),
       this.inputRenderer.render(),