vuetify 3.5.7 → 3.5.8

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.7
+* Vuetify v3.5.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3160,17 +3160,19 @@ const MaybeTransition = (props, _ref) => {
   const {
     transition,
     disabled,
+    group,
     ...rest
   } = props;
   const {
-    component = Transition,
+    component = group ? TransitionGroup : Transition,
     ...customProps
   } = typeof transition === 'object' ? transition : {};
   return h(component, mergeProps(typeof transition === 'string' ? {
     name: disabled ? '' : transition
-  } : customProps, rest, {
-    disabled
-  }), slots);
+  } : customProps, typeof transition === 'string' ? {} : {
+    disabled,
+    group
+  }, rest), slots);
 };
 
 // Utilities
@@ -16145,7 +16147,7 @@ const VCombobox = genericComponent()({
       }
       if (e.key === 'Enter' && search.value) {
         select(transformItem$3(props, search.value));
-        if (hasSelectionSlot.value) search.value = '';
+        if (hasSelectionSlot.value) _search.value = '';
       }
       if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -16239,8 +16241,24 @@ const VCombobox = genericComponent()({
         return value === displayItems.value[0].value;
       })) {
         select(displayItems.value[0]);
-      } else if (search.value) {
-        select(transformItem$3(props, search.value));
+        return;
+      }
+      if (search.value) {
+        if (props.multiple) {
+          select(transformItem$3(props, search.value));
+          return;
+        }
+        if (!hasSelectionSlot.value) return;
+        if (model.value.some(_ref3 => {
+          let {
+            title
+          } = _ref3;
+          return title === search.value;
+        })) {
+          _search.value = '';
+        } else {
+          select(transformItem$3(props, search.value));
+        }
       }
     });
     watch(menu, () => {
@@ -16318,12 +16336,12 @@ const VCombobox = genericComponent()({
               "renderless": true,
               "items": displayItems.value
             }, {
-              default: _ref3 => {
+              default: _ref4 => {
                 let {
                   item,
                   index,
                   itemRef
-                } = _ref3;
+                } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
                   key: index,
@@ -16337,10 +16355,10 @@ const VCombobox = genericComponent()({
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
                   "role": "option"
                 }), {
-                  prepend: _ref4 => {
+                  prepend: _ref5 => {
                     let {
                       isSelected
-                    } = _ref4;
+                    } = _ref5;
                     return createVNode(Fragment, null, [props.multiple && !props.hideSelected ? createVNode(VCheckboxBtn, {
                       "key": item.value,
                       "modelValue": isSelected,
@@ -17356,10 +17374,28 @@ function isSameMonth(date, comparing) {
 function getDiff(date, comparing, unit) {
   const d = new Date(date);
   const c = new Date(comparing);
-  if (unit === 'month') {
-    return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+  switch (unit) {
+    case 'years':
+      return d.getFullYear() - c.getFullYear();
+    case 'quarters':
+      return Math.floor((d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12) / 4);
+    case 'months':
+      return d.getMonth() - c.getMonth() + (d.getFullYear() - c.getFullYear()) * 12;
+    case 'weeks':
+      return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24 * 7));
+    case 'days':
+      return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
+    case 'hours':
+      return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60));
+    case 'minutes':
+      return Math.floor((d.getTime() - c.getTime()) / (1000 * 60));
+    case 'seconds':
+      return Math.floor((d.getTime() - c.getTime()) / 1000);
+    default:
+      {
+        return d.getTime() - c.getTime();
+      }
   }
-  return Math.floor((d.getTime() - c.getTime()) / (1000 * 60 * 60 * 24));
 }
 function setHours(date, count) {
   const d = new Date(date);
@@ -20554,7 +20590,7 @@ const VDatePickerMonth = genericComponent()({
         } else {
           rangeStop.value = _value;
         }
-        const diff = adapter.getDiff(rangeStop.value, rangeStart.value);
+        const diff = adapter.getDiff(rangeStop.value, rangeStart.value, 'days');
         const datesInRange = [rangeStart.value];
         for (let i = 1; i < diff; i++) {
           const nextDate = adapter.addDays(rangeStart.value, i);
@@ -24368,6 +24404,8 @@ const VSwitch = genericComponent()({
       const controlProps = VSelectionControl.filterProps(props);
       return createVNode(VInput, mergeProps({
         "class": ['v-switch', {
+          'v-switch--flat': props.flat
+        }, {
           'v-switch--inset': props.inset
         }, {
           'v-switch--indeterminate': indeterminate.value
@@ -25491,8 +25529,8 @@ const VCalendarIntervalEvent = genericComponent()({
       return createVNode(VSheet, {
         "height": calcHeight().height,
         "density": "comfortable",
-        "style": `width: 100%; margin-top: ${calcHeight().margin}`,
-        "class": "align-center pa-1",
+        "style": `margin-top: ${calcHeight().margin}`,
+        "class": "v-calendar-internal-event",
         "color": props.event?.color ?? undefined,
         "rounded": props.event?.first && props.event?.last ? true : props.event?.first ? 't' : props.event?.last ? 'b' : false
       }, {
@@ -26041,6 +26079,10 @@ const makeLineProps = propsFactory({
     default: 4
   },
   id: String,
+  itemValue: {
+    type: String,
+    default: 'value'
+  },
   modelValue: {
     type: Array,
     default: () => []
@@ -26088,6 +26130,7 @@ const VBarline = genericComponent()({
         maxY: parseInt(props.height, 10)
       };
     });
+    const items = computed(() => props.modelValue.map(item => getPropertyFromItem(item, props.itemValue, item)));
     function genBars(values, boundary) {
       const {
         minX,
@@ -26115,7 +26158,7 @@ const VBarline = genericComponent()({
     }
     const parsedLabels = computed(() => {
       const labels = [];
-      const points = genBars(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value);
+      const points = genBars(items.value, boundary.value);
       const len = points.length;
       for (let i = 0; labels.length < len; i++) {
         const item = points[i];
@@ -26130,7 +26173,7 @@ const VBarline = genericComponent()({
       }
       return labels;
     });
-    const bars = computed(() => genBars(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value));
+    const bars = computed(() => genBars(items.value, boundary.value));
     const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
@@ -26308,9 +26351,10 @@ const VTrendline = genericComponent()({
         maxY: parseInt(props.height, 10) - padding
       };
     });
+    const items = computed(() => props.modelValue.map(item => getPropertyFromItem(item, props.itemValue, item)));
     const parsedLabels = computed(() => {
       const labels = [];
-      const points = genPoints(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value);
+      const points = genPoints(items.value, boundary.value);
       const len = points.length;
       for (let i = 0; labels.length < len; i++) {
         const item = points[i];
@@ -26354,6 +26398,9 @@ const VTrendline = genericComponent()({
     }, {
       immediate: true
     });
+    function genPath$1(fill) {
+      return genPath(genPoints(items.value, boundary.value), props.smooth ? 8 : Number(props.smooth), fill, parseInt(props.height, 10));
+    }
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
       return createVNode("svg", {
@@ -26385,11 +26432,11 @@ const VTrendline = genericComponent()({
         value: item.value
       }) ?? item.value]))]), createVNode("path", {
         "ref": path,
-        "d": genPath(genPoints(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value), props.smooth ? 8 : Number(props.smooth), props.fill, parseInt(props.height, 10)),
+        "d": genPath$1(props.fill),
         "fill": props.fill ? `url(#${id.value})` : 'none',
         "stroke": props.fill ? 'none' : `url(#${id.value})`
       }, null), props.fill && createVNode("path", {
-        "d": genPath(genPoints(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value), props.smooth ? 8 : Number(props.smooth), false, parseInt(props.height, 10)),
+        "d": genPath$1(false),
         "fill": "none",
         "stroke": props.color ?? props.gradient?.[0]
       }, null)]);
@@ -26441,6 +26488,52 @@ const VSparkline = genericComponent()({
   }
 });
 
+const makeVSpeedDialProps = propsFactory({
+  ...makeComponentProps(),
+  ...makeVMenuProps({
+    offset: 8,
+    minWidth: 0,
+    location: 'top center'
+  }),
+  ...makeTransitionProps({
+    transition: 'fade-transition'
+  })
+}, 'VSpeedDial');
+const VSpeedDial = genericComponent()({
+  name: 'VSpeedDial',
+  props: makeVSpeedDialProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const menuProps = VMenu.filterProps(props);
+      return createVNode(VMenu, mergeProps(menuProps, {
+        "class": props.class,
+        "style": props.style,
+        "contentClass": "v-speed-dial__content"
+      }), {
+        default: () => [createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              size: 'small'
+            }
+          }
+        }, {
+          default: () => [createVNode(MaybeTransition, {
+            "appear": true,
+            "group": true,
+            "transition": props.transition
+          }, {
+            default: () => [slots.default?.()]
+          })]
+        })]
+      });
+    });
+    return {};
+  }
+});
+
 // Types
 
 // Types
@@ -26718,6 +26811,7 @@ var components = /*#__PURE__*/Object.freeze({
   VSnackbar: VSnackbar,
   VSpacer: VSpacer,
   VSparkline: VSparkline,
+  VSpeedDial: VSpeedDial,
   VStepper: VStepper,
   VStepperActions: VStepperActions,
   VStepperHeader: VStepperHeader,
@@ -26965,7 +27059,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.7";
+const version$1 = "3.5.8";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -26979,7 +27073,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.5.7";
+const version = "3.5.8";
 
 /* eslint-disable local-rules/sort-imports */