vuetify 3.3.11 → 3.3.13

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.11
+* Vuetify v3.3.13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1653,6 +1653,7 @@ function createLayout(props) {
 
 var en = {
   badge: 'Badge',
+  open: 'Open',
   close: 'Close',
   dataIterator: {
     noResultsText: 'No matching records found',
@@ -5856,6 +5857,20 @@ const VSelectionControl = genericComponent()({
         }
       }) : props.label;
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const inputNode = createVNode("input", mergeProps({
+        "ref": input,
+        "checked": model.value,
+        "disabled": !!(props.readonly || props.disabled),
+        "id": id.value,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onInput": onInput,
+        "aria-disabled": !!(props.readonly || props.disabled),
+        "type": props.type,
+        "value": trueValue.value,
+        "name": props.name,
+        "aria-checked": props.type === 'checkbox' ? model.value : undefined
+      }, inputAttrs), null);
       return createVNode("div", mergeProps({
         "class": ['v-selection-control', {
           'v-selection-control--dirty': model.value,
@@ -5872,32 +5887,21 @@ const VSelectionControl = genericComponent()({
         "style": textColorStyles.value
       }, [slots.default?.(), withDirectives(createVNode("div", {
         "class": ['v-selection-control__input']
-      }, [icon.value && createVNode(VIcon, {
-        "key": "icon",
-        "icon": icon.value
-      }, null), createVNode("input", mergeProps({
-        "ref": input,
-        "checked": model.value,
-        "disabled": !!(props.readonly || props.disabled),
-        "id": id.value,
-        "onBlur": onBlur,
-        "onFocus": onFocus,
-        "onInput": onInput,
-        "aria-disabled": !!(props.readonly || props.disabled),
-        "type": props.type,
-        "value": trueValue.value,
-        "name": props.name,
-        "aria-checked": props.type === 'checkbox' ? model.value : undefined
-      }, inputAttrs), null), slots.input?.({
+      }, [slots.input?.({
         model,
         textColorClasses,
         textColorStyles,
+        inputNode,
+        icon: icon.value,
         props: {
           onFocus,
           onBlur,
           id: id.value
         }
-      })]), [[resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && createVNode(VLabel, {
+      }) ?? createVNode(Fragment, null, [icon.value && createVNode(VIcon, {
+        "key": "icon",
+        "icon": icon.value
+      }, null), inputNode])]), [[resolveDirective("ripple"), props.ripple && [!props.disabled && !props.readonly, null, ['center', 'circle']]]])]), label && createVNode(VLabel, {
         "for": id.value,
         "clickable": true
       }, {
@@ -6794,6 +6798,7 @@ const VChip = genericComponent()({
     const closeProps = computed(() => ({
       'aria-label': t(props.closeLabel),
       onClick(e) {
+        e.stopPropagation();
         isActive.value = false;
         emit('click:close', e);
       }
@@ -7697,7 +7702,9 @@ const VListItem = genericComponent()({
           }
         }, {
           default: () => [slots.prepend?.(slotProps.value)]
-        })]), createVNode("div", {
+        }), createVNode("div", {
+          "class": "v-list-item__spacer"
+        }, null)]), createVNode("div", {
           "class": "v-list-item__content",
           "data-no-activator": ""
         }, [hasTitle && createVNode(VListItemTitle, {
@@ -7741,7 +7748,9 @@ const VListItem = genericComponent()({
           }
         }, {
           default: () => [slots.append?.(slotProps.value)]
-        })])]
+        }), createVNode("div", {
+          "class": "v-list-item__spacer"
+        }, null)])]
       }), [[resolveDirective("ripple"), isClickable.value && props.ripple]]);
     });
     return {};
@@ -9852,10 +9861,11 @@ const VMenu = genericComponent()({
         }, 40);
       }
     });
-    function onFocusIn(e) {
+    async function onFocusIn(e) {
       const before = e.relatedTarget;
       const after = e.target;
-      if (before !== after && overlay.value?.contentEl &&
+      await nextTick();
+      if (isActive.value && before !== after && overlay.value?.contentEl &&
       // We're the topmost menu
       overlay.value?.globalTop &&
       // It isn't the document or the menu body
@@ -10191,7 +10201,7 @@ const VField = genericComponent()({
           'v-field--no-label': !label,
           [`v-field--variant-${props.variant}`]: true
         }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],
-        "style": [backgroundColorStyles.value, textColorStyles.value, props.style],
+        "style": [backgroundColorStyles.value, props.style],
         "onClick": onClick
       }, attrs), [createVNode("div", {
         "class": "v-field__overlay"
@@ -10215,7 +10225,8 @@ const VField = genericComponent()({
         "ref": floatingLabelRef,
         "class": [textColorClasses.value],
         "floating": true,
-        "for": id.value
+        "for": id.value,
+        "style": textColorStyles.value
       }, {
         default: () => [label]
       }), createVNode(VFieldLabel, {
@@ -10251,7 +10262,8 @@ const VField = genericComponent()({
         "key": "append-icon",
         "name": "appendInner"
       }, null)]), createVNode("div", {
-        "class": ['v-field__outline', textColorClasses.value]
+        "class": ['v-field__outline', textColorClasses.value],
+        "style": textColorStyles.value
       }, [isOutlined && createVNode(Fragment, null, [createVNode("div", {
         "class": "v-field__outline__start"
       }, null), hasLabel.value && createVNode("div", {
@@ -10295,6 +10307,7 @@ const makeVTextFieldProps = propsFactory({
   persistentPlaceholder: Boolean,
   persistentCounter: Boolean,
   suffix: String,
+  role: String,
   type: {
     type: String,
     default: 'text'
@@ -10419,7 +10432,7 @@ const VTextField = genericComponent()({
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
             "onClick:appendInner": props['onClick:appendInner'],
-            "role": "textbox"
+            "role": props.role
           }, fieldProps, {
             "id": id.value,
             "active": isActive.value || isDirty.value,
@@ -10458,10 +10471,12 @@ const VTextField = genericComponent()({
                 "class": "v-text-field__prefix"
               }, [createVNode("span", {
                 "class": "v-text-field__prefix__text"
-              }, [props.prefix])]), createVNode("div", {
+              }, [props.prefix])]), slots.default ? createVNode("div", {
                 "class": fieldClass,
                 "data-no-activator": ""
-              }, [slots.default ? createVNode(Fragment, null, [slots.default(), inputNode]) : cloneVNode(inputNode)]), props.suffix && createVNode("span", {
+              }, [slots.default(), inputNode]) : cloneVNode(inputNode, {
+                class: fieldClass
+              }), props.suffix && createVNode("span", {
                 "class": "v-text-field__suffix"
               }, [createVNode("span", {
                 "class": "v-text-field__suffix__text"
@@ -10780,6 +10795,14 @@ function useScrolling(listRef, textFieldRef) {
 const makeSelectProps = propsFactory({
   chips: Boolean,
   closableChips: Boolean,
+  closeText: {
+    type: String,
+    default: '$vuetify.close'
+  },
+  openText: {
+    type: String,
+    default: '$vuetify.open'
+  },
   eager: Boolean,
   hideNoData: Boolean,
   hideSelected: Boolean,
@@ -10809,7 +10832,8 @@ const makeSelectProps = propsFactory({
 const makeVSelectProps = propsFactory({
   ...makeSelectProps(),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'button'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: {
@@ -10864,6 +10888,7 @@ const VSelect = genericComponent()({
     });
     const selected = computed(() => selections.value.map(selection => selection.props.value));
     const isFocused = shallowRef(false);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     let keyboardLookupPrefix = '';
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
@@ -10990,7 +11015,9 @@ const VSelect = genericComponent()({
         "onClick:clear": onClear,
         "onMousedown:control": onMousedownControl,
         "onBlur": onBlur,
-        "onKeydown": onKeydown
+        "onKeydown": onKeydown,
+        "aria-label": t(label.value),
+        "title": t(label.value)
       }), {
         ...slots,
         default: () => createVNode(Fragment, null, [createVNode(VMenu, mergeProps({
@@ -11253,7 +11280,8 @@ const makeVAutocompleteProps = propsFactory({
   }),
   ...makeSelectProps(),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'combobox'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: false
@@ -11290,6 +11318,7 @@ const VAutocomplete = genericComponent()({
     });
     const selectionIndex = shallowRef(-1);
     const color = computed(() => vTextFieldRef.value?.color);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -11637,7 +11666,9 @@ const VAutocomplete = genericComponent()({
             "class": "v-autocomplete__menu-icon",
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
-            "onClick": noop
+            "onClick": noop,
+            "aria-label": t(label.value),
+            "title": t(label.value)
           }, null) : undefined]);
         }
       });
@@ -14781,7 +14812,8 @@ const makeVComboboxProps = propsFactory({
     returnObject: true
   }),
   ...omit(makeVTextFieldProps({
-    modelValue: null
+    modelValue: null,
+    role: 'combobox'
   }), ['validationValue', 'dirty', 'appendInnerIcon']),
   ...makeTransitionProps({
     transition: false
@@ -14820,6 +14852,7 @@ const VCombobox = genericComponent()({
     const selectionIndex = shallowRef(-1);
     let cleared = false;
     const color = computed(() => vTextFieldRef.value?.color);
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -15195,7 +15228,9 @@ const VCombobox = genericComponent()({
             "class": "v-combobox__menu-icon",
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
-            "onClick": noop
+            "onClick": noop,
+            "aria-label": t(label.value),
+            "title": t(label.value)
           }, null) : undefined]);
         }
       });
@@ -16159,7 +16194,7 @@ const VRow = genericComponent()({
 });
 
 // Utilities
-const VSpacer = createSimpleFunctional('flex-grow-1', 'div', 'VSpacer');
+const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
 // Composables
 const makeVHoverProps = propsFactory({
@@ -18538,25 +18573,32 @@ const VSwitch = genericComponent()({
             }, null),
             input: _ref3 => {
               let {
-                textColorClasses,
-                textColorStyles
+                inputNode,
+                icon
               } = _ref3;
-              return createVNode("div", {
-                "class": ['v-switch__thumb', textColorClasses.value],
-                "style": textColorStyles.value
-              }, [props.loading && createVNode(LoaderSlot, {
-                "name": "v-switch",
-                "active": true,
-                "color": isValid.value === false ? undefined : loaderColor.value
-              }, {
-                default: slotProps => slots.loader ? slots.loader(slotProps) : createVNode(VProgressCircular, {
-                  "active": slotProps.isActive,
-                  "color": slotProps.color,
-                  "indeterminate": true,
-                  "size": "16",
-                  "width": "2"
-                }, null)
-              })]);
+              return createVNode(Fragment, null, [inputNode, createVNode("div", {
+                "class": ['v-switch__thumb', {
+                  'v-switch__thumb--filled': icon || props.loading
+                }]
+              }, [createVNode(VScaleTransition, null, {
+                default: () => [!props.loading ? icon && createVNode(VIcon, {
+                  "key": icon,
+                  "icon": icon,
+                  "size": "x-small"
+                }, null) : createVNode(LoaderSlot, {
+                  "name": "v-switch",
+                  "active": true,
+                  "color": isValid.value === false ? undefined : loaderColor.value
+                }, {
+                  default: slotProps => slots.loader ? slots.loader(slotProps) : createVNode(VProgressCircular, {
+                    "active": slotProps.isActive,
+                    "color": slotProps.color,
+                    "indeterminate": true,
+                    "size": "16",
+                    "width": "2"
+                  }, null)
+                })]
+              })])]);
             }
           });
         }
@@ -19037,8 +19079,7 @@ const VTextarea = genericComponent()({
             "onMousedown": onControlMousedown,
             "onClick:clear": onClear,
             "onClick:prependInner": props['onClick:prependInner'],
-            "onClick:appendInner": props['onClick:appendInner'],
-            "role": "textbox"
+            "onClick:appendInner": props['onClick:appendInner']
           }, fieldProps, {
             "active": isActive.value || isDirty.value,
             "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
@@ -21903,7 +21944,7 @@ function getWeekdays(locale) {
     const weekday = new Date(sundayJanuarySecond2000);
     weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
     return new Intl.DateTimeFormat(locale, {
-      weekday: 'short'
+      weekday: 'narrow'
     }).format(weekday);
   });
 }
@@ -22228,13 +22269,23 @@ function createDateInput(props, isRange) {
     const date = adapter.date(input);
     return adapter.isValid(date) ? date : fallback;
   }
+  function isEqual(model, comparing) {
+    if (model.length !== comparing.length) return false;
+    for (let i = 0; i < model.length; i++) {
+      if (comparing[i] && !adapter.isEqual(model[i], comparing[i])) {
+        return false;
+      }
+    }
+    return true;
+  }
   return {
     model,
     adapter,
     inputMode,
     viewMode,
     displayDate,
-    parseKeyboardDate
+    parseKeyboardDate,
+    isEqual
   };
 }
 
@@ -22332,7 +22383,8 @@ function createDatePicker(props) {
     model,
     displayDate,
     viewMode,
-    inputMode
+    inputMode,
+    isEqual
   } = createDateInput(props, !!props.multiple);
   return {
     hoverDate,
@@ -22343,7 +22395,8 @@ function createDatePicker(props) {
     model,
     displayDate,
     viewMode,
-    inputMode
+    inputMode,
+    isEqual
   };
 }
 function useDatePicker() {
@@ -22589,7 +22642,7 @@ const VDatePickerMonth = genericComponent()({
       "onTouchstart": handleMousedown
     }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => createVNode("div", {
       "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
-    }, [weekDay.charAt(0)])), daysInMonth.value.map((item, index) => createVNode("div", {
+    }, [weekDay])), daysInMonth.value.map((item, index) => createVNode("div", {
       "class": ['v-date-picker-month__day', {
         'v-date-picker-month__day--selected': item.isSelected,
         'v-date-picker-month__day--start': item.isStart,
@@ -22907,6 +22960,10 @@ const makeVDatePickerProps = propsFactory({
     type: String,
     default: '$vuetify.datePicker.input.placeholder'
   },
+  inputPlaceholder: {
+    type: String,
+    default: 'dd/mm/yyyy'
+  },
   header: {
     type: String,
     default: '$vuetify.datePicker.header'
@@ -22941,24 +22998,40 @@ const VDatePicker = genericComponent()({
       model,
       displayDate,
       viewMode,
-      inputMode
+      inputMode,
+      isEqual
     } = createDatePicker(props);
     const isReversing = shallowRef(false);
-    const inputModel = computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
+    const inputModel = ref(model.value.map(date => adapter.format(date, 'keyboardDate')));
+    const temporaryModel = ref(model.value);
     const title = computed(() => t(props.title));
     const header = computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
     const headerIcon = computed(() => inputMode.value === 'calendar' ? props.keyboardIcon : props.calendarIcon);
     const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-    watch(inputModel, () => {
+    function updateFromInput(input, index) {
       const {
         isValid,
         date
       } = adapter;
-      model.value = isValid(inputModel.value) ? [date(inputModel.value)] : [];
+      if (isValid(input)) {
+        const newModel = model.value.slice();
+        newModel[index] = date(input);
+        if (props.hideActions) {
+          model.value = newModel;
+        } else {
+          temporaryModel.value = newModel;
+        }
+      }
+    }
+    watch(model, val => {
+      if (!isEqual(val, temporaryModel.value)) {
+        temporaryModel.value = val;
+      }
+      inputModel.value = val.map(date => adapter.format(date, 'keyboardDate'));
     });
-    watch(model, (val, oldVal) => {
-      if (props.hideActions) {
-        emit('update:modelValue', val);
+    watch(temporaryModel, (val, oldVal) => {
+      if (props.hideActions && !isEqual(val, model.value)) {
+        model.value = val;
       }
       if (val[0] && oldVal[0]) {
         isReversing.value = adapter.isBefore(val[0], oldVal[0]);
@@ -22969,7 +23042,7 @@ const VDatePicker = genericComponent()({
     }
     function onClickSave() {
       emit('click:save');
-      emit('update:modelValue', model.value);
+      model.value = temporaryModel.value;
     }
     function onClickAppend() {
       inputMode.value = inputMode.value === 'calendar' ? 'keyboard' : 'calendar';
@@ -23005,8 +23078,8 @@ const VDatePicker = genericComponent()({
           default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps({
             "key": "date-picker-month"
           }, datePickerMonthProps, {
-            "modelValue": model.value,
-            "onUpdate:modelValue": $event => model.value = $event,
+            "modelValue": temporaryModel.value,
+            "onUpdate:modelValue": $event => temporaryModel.value = $event,
             "displayDate": displayDate.value,
             "onUpdate:displayDate": $event => displayDate.value = $event
           }), null) : createVNode(VDatePickerYears, mergeProps({
@@ -23020,10 +23093,10 @@ const VDatePicker = genericComponent()({
         })]) : createVNode("div", {
           "class": "v-date-picker__input"
         }, [createVNode(VTextField, {
-          "modelValue": inputModel.value,
-          "onUpdate:modelValue": $event => inputModel.value = $event,
+          "modelValue": inputModel.value[0],
+          "onUpdate:modelValue": v => updateFromInput(v, 0),
           "label": t(props.inputText),
-          "placeholder": "dd/mm/yyyy"
+          "placeholder": props.inputPlaceholder
         }, null)]),
         actions: () => !props.hideActions ? createVNode("div", null, [createVNode(VBtn, {
           "variant": "text",
@@ -23310,6 +23383,7 @@ const VOtpInput = genericComponent()({
   },
   setup(props, _ref) {
     let {
+      attrs,
       emit,
       slots
     } = _ref;
@@ -23335,34 +23409,36 @@ const VOtpInput = genericComponent()({
       const value = current.value.value;
       array[focusIndex.value] = value;
       model.value = array;
+      let target = null;
+      if (focusIndex.value > model.value.length) {
+        target = model.value.length + 1;
+      } else if (focusIndex.value + 1 !== Number(props.length)) {
+        target = 'next';
+      } else {
+        requestAnimationFrame(() => current.value?.blur());
+      }
+      if (target) focusChild(contentRef.value, target);
     }
     function onKeydown(e) {
       const array = model.value.slice();
       const index = focusIndex.value;
       let target = null;
+      if (!['ArrowLeft', 'ArrowRight', 'Backspace', 'Delete'].includes(e.key)) return;
+      e.preventDefault();
       if (e.key === 'ArrowLeft') {
         target = 'prev';
       } else if (e.key === 'ArrowRight') {
         target = 'next';
-      } else if (e.key === 'Backspace') {
-        if (focusIndex.value > 0) {
-          target = 'prev';
-        }
-      } else if (e.key === 'Delete') {
+      } else if (['Backspace', 'Delete'].includes(e.key)) {
         array[focusIndex.value] = '';
         model.value = array;
-        requestAnimationFrame(() => {
-          inputRef.value[index].select();
-        });
-      } else if (props.type === 'number' && isNaN(parseInt(e.key))) {
-        return;
-      } else if (focusIndex.value > model.value.length) {
-        target = model.value.length + 1;
-      } else if (focusIndex.value + 1 !== Number(props.length)) {
-        target = 'next';
-      } else {
-        requestAnimationFrame(() => current.value?.blur());
-        return;
+        if (focusIndex.value > 0 && e.key === 'Backspace') {
+          target = 'prev';
+        } else {
+          requestAnimationFrame(() => {
+            inputRef.value[index].select();
+          });
+        }
       }
       requestAnimationFrame(() => {
         if (target != null) {
@@ -23408,12 +23484,13 @@ const VOtpInput = genericComponent()({
       });
     });
     useRender(() => {
-      return createVNode("div", {
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      return createVNode("div", mergeProps({
         "class": ['v-otp-input', {
           'v-otp-input--divided': !!props.divider
         }, props.class],
         "style": [props.style]
-      }, [createVNode("div", {
+      }, rootAttrs), [createVNode("div", {
         "ref": contentRef,
         "class": "v-otp-input__content",
         "style": [dimensionStyles.value]
@@ -23444,7 +23521,12 @@ const VOtpInput = genericComponent()({
             "onPaste": event => onPaste(i, event)
           }, null);
         }
-      })])), createVNode(VOverlay, {
+      })])), createVNode("input", mergeProps({
+        "class": "v-otp-input-input",
+        "type": "hidden"
+      }, inputAttrs, {
+        "value": model.value.join('')
+      }), null), createVNode(VOverlay, {
         "contained": true,
         "content-class": "v-otp-input__loader",
         "model-value": !!props.loading,
@@ -23862,8 +23944,8 @@ const makeVStepperProps = propsFactory({
     mandatory: 'force',
     selectedClass: 'v-stepper-item--selected'
   }),
-  ...omit(makeVSheetProps(), ['color']),
-  ...makeVStepperActionsProps()
+  ...makeVSheetProps(),
+  ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
 }, 'VStepper');
 const VStepper = genericComponent()({
   name: 'VStepper',
@@ -23883,6 +23965,7 @@ const VStepper = genericComponent()({
       selected
     } = useGroup(props, VStepperSymbol);
     const {
+      color,
       editable,
       prevText,
       nextText
@@ -23912,16 +23995,19 @@ const VStepper = genericComponent()({
         nextText
       },
       VStepperActions: {
-        disabled
+        color,
+        disabled,
+        prevText,
+        nextText
       }
     });
     useRender(() => {
       const [sheetProps] = VSheet.filterProps(props);
-      const [stepperActionProps] = VStepperActions.filterProps(props);
       const hasHeader = !!(slots.header || props.items.length);
       const hasWindow = props.items.length > 0;
       const hasActions = !props.hideActions && !!(hasWindow || slots.actions);
       return createVNode(VSheet, mergeProps(sheetProps, {
+        "color": props.bgColor,
         "class": ['v-stepper', {
           'v-stepper--alt-labels': props.altLabels,
           'v-stepper--flat': props.flat,
@@ -23953,12 +24039,11 @@ const VStepper = genericComponent()({
         }), hasActions && (slots.actions?.({
           next,
           prev
-        }) ?? createVNode(VStepperActions, mergeProps({
-          "key": "stepper-actions"
-        }, stepperActionProps, {
+        }) ?? createVNode(VStepperActions, {
+          "key": "stepper-actions",
           "onClick:prev": prev,
           "onClick:next": next
-        }), null))]
+        }, null))]
       });
     });
     return {
@@ -24346,7 +24431,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.11";
+const version$1 = "3.3.13";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24360,7 +24445,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.11";
+const version = "3.3.13";
 
 /* eslint-disable local-rules/sort-imports */