vuetify 3.7.12 → 3.7.14

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.12
+* Vuetify v3.7.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -159,10 +159,9 @@
   // Array of keys
   function pick(obj, paths) {
     const found = {};
-    const keys = new Set(Object.keys(obj));
-    for (const path of paths) {
-      if (keys.has(path)) {
-        found[path] = obj[path];
+    for (const key of paths) {
+      if (Object.hasOwn(obj, key)) {
+        found[key] = obj[key];
       }
     }
     return found;
@@ -176,7 +175,7 @@
     const found = Object.create(null);
     const rest = Object.create(null);
     for (const key in obj) {
-      if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && !exclude?.some(path => path === key)) {
+      if (paths.some(path => path instanceof RegExp ? path.test(key) : path === key) && true) {
         found[key] = obj[key];
       } else {
         rest[key] = obj[key];
@@ -191,11 +190,6 @@
     exclude.forEach(prop => delete clone[prop]);
     return clone;
   }
-  function only(obj, include) {
-    const clone = {};
-    include.forEach(prop => clone[prop] = obj[prop]);
-    return clone;
-  }
   const onRE = /^on[^a-z]/;
   const isOn = key => onRE.test(key);
   const bubblingEvents = ['onAfterscriptexecute', 'onAnimationcancel', 'onAnimationend', 'onAnimationiteration', 'onAnimationstart', 'onAuxclick', 'onBeforeinput', 'onBeforescriptexecute', 'onChange', 'onClick', 'onCompositionend', 'onCompositionstart', 'onCompositionupdate', 'onContextmenu', 'onCopy', 'onCut', 'onDblclick', 'onFocusin', 'onFocusout', 'onFullscreenchange', 'onFullscreenerror', 'onGesturechange', 'onGestureend', 'onGesturestart', 'onGotpointercapture', 'onInput', 'onKeydown', 'onKeypress', 'onKeyup', 'onLostpointercapture', 'onMousedown', 'onMousemove', 'onMouseout', 'onMouseover', 'onMouseup', 'onMousewheel', 'onPaste', 'onPointercancel', 'onPointerdown', 'onPointerenter', 'onPointerleave', 'onPointermove', 'onPointerout', 'onPointerover', 'onPointerup', 'onReset', 'onSelect', 'onSubmit', 'onTouchcancel', 'onTouchend', 'onTouchmove', 'onTouchstart', 'onTransitioncancel', 'onTransitionend', 'onTransitionrun', 'onTransitionstart', 'onWheel'];
@@ -804,7 +798,7 @@
       // WoB should always return negative value.
 
       const SAPC = (Ybg ** revBG - Ytxt ** revTXT) * scaleWoB;
-      outputContrast = SAPC > -loClip ? 0.0 : SAPC > -loConThresh ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
+      outputContrast = SAPC > -1e-3 ? 0.0 : SAPC > -0.078 ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
     }
     return outputContrast * 100;
   }
@@ -844,7 +838,7 @@
   // Types
 
   // For converting XYZ to sRGB
-  const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
+  const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.204, 1.0570]];
 
   // Forward gamma adjust
   const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055;
@@ -1263,7 +1257,7 @@
   function getCurrentInstance(name, message) {
     const vm = vue.getCurrentInstance();
     if (!vm) {
-      throw new Error(`[Vuetify] ${name} ${message || 'must be called from inside a setup function'}`);
+      throw new Error(`[Vuetify] ${name} ${'must be called from inside a setup function'}`);
     }
     return vm;
   }
@@ -3263,6 +3257,8 @@
     }
   }
 
+  // Utilities
+
   // Types
 
   const makeVDialogTransitionProps = propsFactory({
@@ -4457,7 +4453,7 @@
 
   const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
-  // typeof allowedDensities[number] evalutes to any
+  // typeof allowedDensities[number] evaluates to any
   // when generating api types for whatever reason.
 
   // Composables
@@ -4957,7 +4953,6 @@
     const isIntersecting = vue.shallowRef(false);
     if (SUPPORTS_INTERSECTION) {
       const observer = new IntersectionObserver(entries => {
-        callback?.(entries, observer);
         isIntersecting.value = !!entries.find(entry => entry.isIntersecting);
       }, options);
       vue.onBeforeUnmount(() => {
@@ -7129,7 +7124,7 @@
     'onClick:append': EventProp(),
     ...makeComponentProps(),
     ...makeDensityProps(),
-    ...only(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
+    ...pick(makeDimensionProps(), ['maxWidth', 'minWidth', 'width']),
     ...makeThemeProps(),
     ...makeValidationProps()
   }, 'VInput');
@@ -8957,7 +8952,22 @@
             parents: parents.value,
             event
           });
-          newActivated && (activated.value = newActivated);
+          if (newActivated.size !== activated.value.size) {
+            activated.value = newActivated;
+          } else {
+            for (const value of newActivated) {
+              if (!activated.value.has(value)) {
+                activated.value = newActivated;
+                return;
+              }
+            }
+            for (const value of activated.value) {
+              if (!newActivated.has(value)) {
+                activated.value = newActivated;
+                return;
+              }
+            }
+          }
         },
         children,
         parents,
@@ -9404,7 +9414,8 @@
         list,
         select,
         root,
-        id: uid
+        id: uid,
+        link
       };
     }
   });
@@ -9672,7 +9683,6 @@
     function transformIn(value) {
       // Cache unrefed values outside the loop,
       // proxy getters can be slow when you call them a billion times
-      const _value = vue.toRaw(value);
       const _items = itemsMap.value;
       const _allItems = items.value;
       const _keylessItems = keylessItems.value;
@@ -9682,7 +9692,7 @@
       const valueComparator = props.valueComparator || deepEqual;
       const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
       const returnValue = [];
-      main: for (const v of _value) {
+      main: for (const v of value) {
         // When the model value is null, return an InternalItem
         // based on null only if null is one of the items
         if (!_hasNullItem && v === null) continue;
@@ -9928,7 +9938,7 @@
             'v-list--slim': props.slim
           }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, props.class],
           "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
-          "tabindex": props.disabled || isFocused.value ? -1 : 0,
+          "tabindex": props.disabled ? -1 : 0,
           "role": "listbox",
           "aria-activedescendant": undefined,
           "onFocusin": onFocusin,
@@ -17940,16 +17950,13 @@
       case 'fullTime':
         options = {
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullTime12h':
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
@@ -17957,40 +17964,35 @@
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
       case 'fullDateTime':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullDateTime12h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
       case 'fullDateTime24h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
@@ -18007,11 +18009,9 @@
           month: '2-digit',
           day: '2-digit',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: false
+          minute: 'numeric'
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime12h':
         options = {
           year: 'numeric',
@@ -18019,10 +18019,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime24h':
         options = {
           year: 'numeric',
@@ -18030,10 +18029,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       default:
         options = customFormat ?? {
           timeZone: 'UTC',
@@ -18602,13 +18600,7 @@
         return [...new Set(arr)];
       }
       return dive({
-        type: 'group',
-        items,
-        id: 'dummy',
-        key: 'dummy',
-        value: 'dummy',
-        depth: 0
-      });
+        items});
     }
 
     // onBeforeMount(() => {
@@ -19052,15 +19044,19 @@
       })) ?? [];
       const item = newSortBy.find(x => x.key === column.key);
       if (!item) {
-        if (multiSort.value) newSortBy = [...newSortBy, {
-          key: column.key,
-          order: 'asc'
-        }];else newSortBy = [{
-          key: column.key,
-          order: 'asc'
-        }];
+        if (multiSort.value) {
+          newSortBy.push({
+            key: column.key,
+            order: 'asc'
+          });
+        } else {
+          newSortBy = [{
+            key: column.key,
+            order: 'asc'
+          }];
+        }
       } else if (item.order === 'desc') {
-        if (mustSort.value) {
+        if (mustSort.value && newSortBy.length === 1) {
           item.order = 'asc';
         } else {
           newSortBy = newSortBy.filter(x => x.key !== column.key);
@@ -21685,7 +21681,7 @@
     },
     disabled: {
       type: [Boolean, String, Array],
-      default: false
+      default: null
     },
     nextIcon: {
       type: IconValue,
@@ -21867,7 +21863,10 @@
   // Composables
   const makeCalendarProps = propsFactory({
     allowedDates: [Array, Function],
-    disabled: Boolean,
+    disabled: {
+      type: Boolean,
+      default: null
+    },
     displayValue: null,
     modelValue: Array,
     month: [Number, String],
@@ -22471,9 +22470,26 @@
       const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
       const viewMode = useProxiedModel(props, 'viewMode');
       // const inputMode = useProxiedModel(props, 'inputMode')
+
+      const minDate = vue.computed(() => {
+        const date = adapter.date(props.min);
+        return props.min && adapter.isValid(date) ? date : null;
+      });
+      const maxDate = vue.computed(() => {
+        const date = adapter.date(props.max);
+        return props.max && adapter.isValid(date) ? date : null;
+      });
       const internal = vue.computed(() => {
-        const value = adapter.date(model.value?.[0]);
-        return value && adapter.isValid(value) ? value : adapter.date();
+        const today = adapter.date();
+        let value = today;
+        if (model.value?.[0]) {
+          value = adapter.date(model.value[0]);
+        } else if (minDate.value && adapter.isBefore(today, minDate.value)) {
+          value = minDate.value;
+        } else if (maxDate.value && adapter.isAfter(today, maxDate.value)) {
+          value = maxDate.value;
+        }
+        return value && adapter.isValid(value) ? value : today;
       });
       const month = vue.ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
       const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
@@ -22493,14 +22509,6 @@
       });
       // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
       const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-      const minDate = vue.computed(() => {
-        const date = adapter.date(props.min);
-        return props.min && adapter.isValid(date) ? date : null;
-      });
-      const maxDate = vue.computed(() => {
-        const date = adapter.date(props.max);
-        return props.max && adapter.isValid(date) ? date : null;
-      });
       const disabled = vue.computed(() => {
         if (props.disabled) return true;
         const targets = [];
@@ -23279,6 +23287,14 @@
           callEvent(props['onClick:clear'], e);
         });
       }
+      function onDragover(e) {
+        e.preventDefault();
+      }
+      function onDrop(e) {
+        e.preventDefault();
+        if (!e.dataTransfer) return;
+        model.value = [...(e.dataTransfer.files ?? [])];
+      }
       vue.watch(model, newValue => {
         const hasModelReset = !Array.isArray(newValue) || !newValue.length;
         if (hasModelReset && inputRef.value) {
@@ -23296,8 +23312,7 @@
         const fieldProps = filterFieldProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "ref": vInputRef,
-          "modelValue": model.value,
-          "onUpdate:modelValue": $event => model.value = $event,
+          "modelValue": props.multiple ? model.value : model.value[0],
           "class": ['v-file-input', {
             'v-file-input--chips': !!props.chips,
             'v-file-input--hide': props.hideInput,
@@ -23332,7 +23347,9 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
-              "error": isValid.value === false
+              "error": isValid.value === false,
+              "onDragover": onDragover,
+              "onDrop": onDrop
             }), {
               ...slots,
               default: _ref4 => {
@@ -24136,7 +24153,7 @@
   /** @see https://android.googlesource.com/platform/frameworks/native/+/master/libs/input/VelocityTracker.cpp */
   function kineticEnergyToVelocity(work) {
     const sqrt2 = 1.41421356237;
-    return (work < 0 ? -1.0 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
+    return (work < 0 ? -1 : 1.0) * Math.sqrt(Math.abs(work)) * sqrt2;
   }
 
   /**
@@ -24518,7 +24535,6 @@
         const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width.value;
         return isDragging.value ? size * dragProgress.value : size;
       });
-      const elementSize = vue.computed(() => ['top', 'bottom'].includes(props.location) ? 0 : width.value);
       const {
         layoutItemStyles,
         layoutItemScrimStyles
@@ -24527,7 +24543,7 @@
         order: vue.computed(() => parseInt(props.order, 10)),
         position: location,
         layoutSize,
-        elementSize,
+        elementSize: width,
         active: vue.computed(() => isActive.value || isDragging.value),
         disableTransitions: vue.computed(() => isDragging.value),
         absolute: vue.computed(() =>
@@ -24573,9 +24589,7 @@
             'v-navigation-drawer--active': isActive.value,
             'v-navigation-drawer--sticky': isSticky.value
           }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-          "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style, ['top', 'bottom'].includes(location.value) ? {
-            height: 'auto'
-          } : {}]
+          "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
         }, scopeId, attrs), {
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
@@ -24662,7 +24676,7 @@
     },
     ...makeDimensionProps(),
     ...makeFocusProps(),
-    ...only(makeVFieldProps({
+    ...pick(makeVFieldProps({
       variant: 'outlined'
     }), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'rounded', 'style', 'theme', 'variant'])
   }, 'VOtpInput');
@@ -25895,6 +25909,8 @@
     }
   }, 'Line');
 
+  // Utilities
+
   // Types
 
   const makeVBarlineProps = propsFactory({
@@ -26092,6 +26108,8 @@
     };
   }
 
+  // Utilities
+
   // Types
 
   const makeVTrendlineProps = propsFactory({
@@ -26646,7 +26664,7 @@
       selectedClass: 'v-stepper-item--selected'
     }),
     ...makeVSheetProps(),
-    ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+    ...pick(makeVStepperActionsProps(), ['prevText', 'nextText'])
   }, 'VStepper');
   const VStepper = genericComponent()({
     name: 'VStepper',
@@ -27728,7 +27746,7 @@
       type: String,
       validator: v => ['start', 'end', 'both'].includes(v)
     },
-    ...only(makeVTimelineItemProps({
+    ...pick(makeVTimelineItemProps({
       lineInset: 0
     }), ['dotColor', 'fillDot', 'hideOpposite', 'iconColor', 'lineInset', 'size']),
     ...makeComponentProps(),
@@ -28400,7 +28418,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.12";
+  const version$1 = "3.7.14";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28425,7 +28443,7 @@
       ...options
     });
   };
-  const version = "3.7.12";
+  const version = "3.7.14";
   createVuetify.version = version;
 
   exports.blueprints = index;