vuetify 3.6.5 → 3.6.6

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.5
+* Vuetify v3.6.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7372,7 +7372,9 @@
       validator: v => typeof v === 'boolean' || ['always', 'desktop', 'mobile'].includes(v)
     },
     ...makeComponentProps(),
-    ...makeDisplayProps(),
+    ...makeDisplayProps({
+      mobile: null
+    }),
     ...makeTagProps(),
     ...makeGroupProps({
       selectedClass: 'v-slide-group-item--active'
@@ -11103,7 +11105,7 @@
         },
         closeParents(e) {
           setTimeout(() => {
-            if (!openChildren.value && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
+            if (!openChildren.value && !props.persistent && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
               isActive.value = false;
               parent?.closeParents();
             }
@@ -11142,6 +11144,7 @@
       function onKeydown(e) {
         if (props.disabled) return;
         if (e.key === 'Tab' || e.key === 'Enter' && !props.closeOnContentClick) {
+          if (e.key === 'Enter' && e.target instanceof HTMLTextAreaElement) return;
           if (e.key === 'Enter') e.preventDefault();
           const nextElement = getNextElement(focusableChildren(overlay.value?.contentEl, false), e.shiftKey ? 'prev' : 'next', el => el.tabIndex >= 0);
           if (!nextElement) {
@@ -12323,7 +12326,7 @@
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
-          return items.value.filter(item => !model.value.some(s => s === item));
+          return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
         }
         return items.value;
       });
@@ -13349,7 +13352,9 @@
     ...makeComponentProps(),
     ...makeDensityProps(),
     ...makeDimensionProps(),
-    ...makeDisplayProps(),
+    ...makeDisplayProps({
+      mobile: null
+    }),
     ...makeElevationProps(),
     ...makeLocationProps(),
     ...makePositionProps(),
@@ -26176,6 +26181,7 @@
         blur
       } = useFocus(props);
       const control = vue.ref();
+      const isForcedColorsModeActive = IN_BROWSER && window.matchMedia('(forced-colors: active)').matches;
       const loaderColor = vue.computed(() => {
         return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
       });
@@ -26244,7 +26250,7 @@
                   backgroundColorStyles
                 } = _ref3;
                 return vue.createVNode("div", {
-                  "class": ['v-switch__track', ...backgroundColorClasses.value],
+                  "class": ['v-switch__track', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined],
                   "style": backgroundColorStyles.value,
                   "onClick": onTrackClick
                 }, [slots['track-true'] && vue.createVNode("div", {
@@ -26265,7 +26271,7 @@
                 return vue.createVNode(vue.Fragment, null, [inputNode, vue.createVNode("div", {
                   "class": ['v-switch__thumb', {
                     'v-switch__thumb--filled': icon || props.loading
-                  }, props.inset ? undefined : backgroundColorClasses.value],
+                  }, props.inset || isForcedColorsModeActive ? undefined : backgroundColorClasses.value],
                   "style": props.inset ? undefined : backgroundColorStyles.value
                 }, [slots.thumb ? vue.createVNode(VDefaultsProvider, {
                   "defaults": {
@@ -27969,10 +27975,12 @@
           if (canDecrease.value) model.value = +(model.value - props.step).toFixed(decimals);
         }
       }
-      function onClickUp() {
+      function onClickUp(e) {
+        e.stopPropagation();
         toggleUpDown();
       }
-      function onClickDown() {
+      function onClickDown(e) {
+        e.stopPropagation();
         toggleUpDown(false);
       }
       function onKeydown(e) {
@@ -27996,6 +28004,9 @@
       function onModelUpdate(v) {
         model.value = v ? +v : undefined;
       }
+      function onControlMousedown(e) {
+        e.stopPropagation();
+      }
       useRender(() => {
         const {
           modelValue: _,
@@ -28014,7 +28025,8 @@
             "icon": "$expand",
             "size": "small",
             "tabindex": "-1",
-            "onClick": onClickDown
+            "onClick": onClickDown,
+            "onMousedown": onControlMousedown
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
@@ -28038,6 +28050,7 @@
             "name": "increment-btn",
             "icon": "$collapse",
             "onClick": onClickUp,
+            "onMousedown": onControlMousedown,
             "size": "small",
             "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -28070,7 +28083,8 @@
           "icon": "$plus",
           "tile": true,
           "tabindex": "-1",
-          "onClick": onClickUp
+          "onClick": onClickUp,
+          "onMousedown": onControlMousedown
         }, null)]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
         const hasAppendInner = slots['append-inner'] || appendInnerControl;
         const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
@@ -28081,7 +28095,8 @@
           "icon": "$minus",
           "tile": true,
           "tabindex": "-1",
-          "onClick": onClickDown
+          "onClick": onClickDown,
+          "onMousedown": onControlMousedown
         }, null), vue.createVNode(VDivider, {
           "vertical": true
         }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
@@ -28099,7 +28114,8 @@
             'v-number-input--stacked': controlVariant.value === 'stacked'
           }, props.class]
         }, textFieldProps, {
-          "style": props.style
+          "style": props.style,
+          "inputmode": "decimal"
         }), {
           ...slots,
           'append-inner': hasAppendInner ? function () {
@@ -29363,17 +29379,18 @@
         emit,
         slots
       } = _ref;
-      const isLoading = vue.shallowRef(false);
-      const hasLoaded = vue.shallowRef(false);
+      const isLoading = vue.shallowRef(null);
       function checkChildren(item) {
         return new Promise(resolve => {
-          if (!props.items?.length || !props.loadChildren || hasLoaded.value) return resolve();
-          isLoading.value = true;
-          props.loadChildren(item).then(resolve);
-        }).then(() => {
-          hasLoaded.value = true;
+          if (!props.items?.length || !props.loadChildren) return resolve();
+          if (item?.children?.length === 0) {
+            isLoading.value = item.value;
+            props.loadChildren(item).then(resolve);
+            return;
+          }
+          resolve();
         }).finally(() => {
-          isLoading.value = false;
+          isLoading.value = null;
         });
       }
       function onClick(e, item) {
@@ -29386,6 +29403,7 @@
           props: itemProps,
           raw: item
         } = _ref2;
+        const loading = isLoading.value === item.value;
         const slotsWithItem = {
           prepend: slots.prepend ? slotProps => slots.prepend?.({
             ...slotProps,
@@ -29399,7 +29417,7 @@
               "key": item.value,
               "tabindex": "-1",
               "modelValue": isSelected,
-              "loading": isLoading.value,
+              "loading": loading,
               "indeterminate": isIndeterminate,
               "onClick": e => onClick(e, item)
             }, null);
@@ -29423,7 +29441,7 @@
               props: activatorProps
             } = _ref4;
             return vue.createVNode(VTreeviewItem, vue.mergeProps(itemProps, activatorProps, {
-              "loading": isLoading.value,
+              "loading": loading,
               "onClick": e => onClick(e, item)
             }), slotsWithItem);
           },
@@ -30076,7 +30094,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.5";
+  const version$1 = "3.6.6";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30329,7 +30347,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.5";
+  const version = "3.6.6";
 
   /* eslint-disable local-rules/sort-imports */