vuetify 3.5.6 → 3.5.8

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.6
+* Vuetify v3.5.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3164,17 +3164,19 @@
     const {
       transition,
       disabled,
+      group,
       ...rest
     } = props;
     const {
-      component = vue.Transition,
+      component = group ? vue.TransitionGroup : vue.Transition,
       ...customProps
     } = typeof transition === 'object' ? transition : {};
     return vue.h(component, vue.mergeProps(typeof transition === 'string' ? {
       name: disabled ? '' : transition
-    } : customProps, rest, {
-      disabled
-    }), slots);
+    } : customProps, typeof transition === 'string' ? {} : {
+      disabled,
+      group
+    }, rest), slots);
   };
 
   // Utilities
@@ -6891,7 +6893,8 @@
               id,
               messagesId,
               isDisabled,
-              isReadonly
+              isReadonly,
+              isValid
             } = _ref2;
             return vue.createVNode(VCheckboxBtn, vue.mergeProps(checkboxProps, {
               "id": id.value,
@@ -6899,6 +6902,7 @@
               "disabled": isDisabled.value,
               "readonly": isReadonly.value
             }, controlAttrs, {
+              "error": isValid.value === false,
               "modelValue": model.value,
               "onUpdate:modelValue": $event => model.value = $event,
               "onFocus": focus,
@@ -11848,21 +11852,27 @@
           model.value = [item];
         }
       }
+
+      /** @param set - null means toggle */
       function select(item) {
-        let add = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        if (item.props.disabled) return;
         if (props.multiple) {
           const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
-          add = index === -1;
-          if (add) {
-            model.value = [...model.value, item];
-          } else {
-            const value = [...model.value];
+          const add = set == null ? !~index : set;
+          if (~index) {
+            const value = add ? [...model.value, item] : [...model.value];
             value.splice(index, 1);
             model.value = value;
+          } else if (add) {
+            model.value = [...model.value, item];
           }
         } else {
+          const add = set !== false;
           model.value = add ? [item] : [];
-          menu.value = false;
+          vue.nextTick(() => {
+            menu.value = false;
+          });
         }
       }
       function onBlur(e) {
@@ -11896,14 +11906,9 @@
           });
         }
       });
-      vue.watch(displayItems, (val, oldVal) => {
-        if (!isFocused.value) return;
-        if (!val.length && props.hideNoData) {
-          menu.value = false;
-        }
-        if (!oldVal.length && val.length) {
-          menu.value = true;
-        }
+      vue.watch(() => props.items, val => {
+        if (!isFocused.value || !val.length || menu.value) return;
+        menu.value = true;
       });
       useRender(() => {
         const hasChips = !!(props.chips || slots.chip);
@@ -11981,7 +11986,7 @@
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
                     key: index,
-                    onClick: () => select(item)
+                    onClick: () => select(item, null)
                   });
                   return slots.item?.({
                     item,
@@ -12288,6 +12293,8 @@
         }
         return filteredItems.value;
       });
+      const hasChips = vue.computed(() => !!(props.chips || slots.chip));
+      const hasSelectionSlot = vue.computed(() => hasChips.value || !!slots.selection);
       const selectedValues = vue.computed(() => model.value.map(selection => selection.props.value));
       const highlightFirst = vue.computed(() => {
         const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
@@ -12346,7 +12353,7 @@
           }
           const originalSelectionIndex = selectionIndex.value;
           const selectedItem = model.value[selectionIndex.value];
-          if (selectedItem && !selectedItem.props.disabled) select(selectedItem);
+          if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (e.key === 'ArrowLeft') {
@@ -12397,36 +12404,41 @@
         if (v == null || v === '' && !props.multiple) model.value = [];
       }
       const isSelecting = vue.shallowRef(false);
+
+      /** @param set - null means toggle */
       function select(item) {
-        let add = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (item.props.disabled) return;
         if (props.multiple) {
           const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
-          add = index === -1;
-          if (add) {
-            model.value = [...model.value, item];
-          } else {
-            const value = [...model.value];
+          const add = set == null ? !~index : set;
+          if (~index) {
+            const value = add ? [...model.value, item] : [...model.value];
             value.splice(index, 1);
             model.value = value;
+          } else if (add) {
+            model.value = [...model.value, item];
           }
           if (props.clearOnSelect) {
             search.value = '';
           }
         } else {
+          const add = set !== false;
           model.value = add ? [item] : [];
-          isSelecting.value = true;
-          search.value = add ? item.title : '';
-          menu.value = false;
-          isPristine.value = true;
-          vue.nextTick(() => isSelecting.value = false);
+          search.value = add && !hasSelectionSlot.value ? item.title : '';
+
+          // watch for search watcher to trigger
+          vue.nextTick(() => {
+            menu.value = false;
+            isPristine.value = true;
+          });
         }
       }
       vue.watch(isFocused, (val, oldVal) => {
         if (val === oldVal) return;
         if (val) {
           isSelecting.value = true;
-          search.value = props.multiple ? '' : String(model.value.at(-1)?.props.title ?? '');
+          search.value = props.multiple || hasSelectionSlot.value ? '' : String(model.value.at(-1)?.props.title ?? '');
           isPristine.value = true;
           vue.nextTick(() => isSelecting.value = false);
         } else {
@@ -12456,17 +12468,11 @@
           });
         }
       });
-      vue.watch(displayItems, (val, oldVal) => {
-        if (!isFocused.value) return;
-        if (!val.length && props.hideNoData) {
-          menu.value = false;
-        }
-        if (!oldVal.length && val.length) {
-          menu.value = true;
-        }
+      vue.watch(() => props.items, val => {
+        if (!isFocused.value || !val.length || menu.value) return;
+        menu.value = true;
       });
       useRender(() => {
-        const hasChips = !!(props.chips || slots.chip);
         const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
         const isDirty = model.value.length > 0;
         const textFieldProps = VTextField.filterProps(props);
@@ -12484,7 +12490,7 @@
           "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
             'v-autocomplete--active-menu': menu.value,
             'v-autocomplete--chips': !!props.chips,
-            'v-autocomplete--selection-slot': !!slots.selection,
+            'v-autocomplete--selection-slot': !!hasSelectionSlot.value,
             'v-autocomplete--selecting-index': selectionIndex.value > -1
           }, props.class],
           "style": props.style,
@@ -12539,7 +12545,7 @@
                     ref: itemRef,
                     key: index,
                     active: highlightFirst.value && index === 0 ? true : undefined,
-                    onClick: () => select(item)
+                    onClick: () => select(item, null)
                   });
                   return slots.item?.({
                     item,
@@ -12585,8 +12591,8 @@
               modelValue: true,
               'onUpdate:modelValue': undefined
             };
-            const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
-            const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
+            const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
               item,
               index,
               props: slotProps
@@ -12599,7 +12605,7 @@
               "key": item.value,
               "class": ['v-autocomplete__selection', index === selectionIndex.value && ['v-autocomplete__selection--selected', textColorClasses.value]],
               "style": index === selectionIndex.value ? textColorStyles.value : {}
-            }, [hasChips ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
+            }, [hasChips.value ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
               "key": "chip",
               "closable": props.closableChips,
               "size": "small",
@@ -16038,14 +16044,16 @@
         return props.multiple ? transformed : transformed[0] ?? null;
       });
       const form = useForm();
-      const _search = vue.shallowRef(!props.multiple ? model.value[0]?.title ?? '' : '');
+      const hasChips = vue.computed(() => !!(props.chips || slots.chip));
+      const hasSelectionSlot = vue.computed(() => hasChips.value || !!slots.selection);
+      const _search = vue.shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
       const search = vue.computed({
         get: () => {
           return _search.value;
         },
         set: val => {
           _search.value = val ?? '';
-          if (!props.multiple) {
+          if (!props.multiple && !hasSelectionSlot.value) {
             model.value = [transformItem$3(props, val)];
           }
           if (val && props.multiple && props.delimiters?.length) {
@@ -16076,7 +16084,7 @@
         emit('update:search', value);
       });
       vue.watch(model, value => {
-        if (!props.multiple) {
+        if (!props.multiple && !hasSelectionSlot.value) {
           _search.value = value[0]?.title ?? '';
         }
       });
@@ -16141,6 +16149,10 @@
         if (e.key === 'ArrowDown' && highlightFirst.value) {
           listRef.value?.focus('next');
         }
+        if (e.key === 'Enter' && search.value) {
+          select(transformItem$3(props, search.value));
+          if (hasSelectionSlot.value) _search.value = '';
+        }
         if (!props.multiple) return;
         if (['Backspace', 'Delete'].includes(e.key)) {
           if (selectionIndex.value < 0) {
@@ -16174,10 +16186,6 @@
             vTextFieldRef.value.setSelectionRange(0, 0);
           }
         }
-        if (e.key === 'Enter' && search.value) {
-          select(transformItem$3(props, search.value));
-          search.value = '';
-        }
       }
       function onAfterLeave() {
         if (isFocused.value) {
@@ -16188,6 +16196,7 @@
       /** @param set - null means toggle */
       function select(item) {
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        if (item.props.disabled) return;
         if (props.multiple) {
           const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
           const add = set == null ? !~index : set;
@@ -16204,7 +16213,7 @@
         } else {
           const add = set !== false;
           model.value = add ? [item] : [];
-          _search.value = add ? item.title : '';
+          _search.value = add && !hasSelectionSlot.value ? item.title : '';
 
           // watch for search watcher to trigger
           vue.nextTick(() => {
@@ -16236,8 +16245,24 @@
           return value === displayItems.value[0].value;
         })) {
           select(displayItems.value[0]);
-        } else if (props.multiple && 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));
+          }
         }
       });
       vue.watch(menu, () => {
@@ -16248,17 +16273,11 @@
           });
         }
       });
-      vue.watch(displayItems, (val, oldVal) => {
-        if (!isFocused.value) return;
-        if (!val.length && props.hideNoData) {
-          menu.value = false;
-        }
-        if (!oldVal.length && val.length) {
-          menu.value = true;
-        }
+      vue.watch(() => props.items, val => {
+        if (!isFocused.value || !val.length || menu.value) return;
+        menu.value = true;
       });
       useRender(() => {
-        const hasChips = !!(props.chips || slots.chip);
         const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
         const isDirty = model.value.length > 0;
         const textFieldProps = VTextField.filterProps(props);
@@ -16275,7 +16294,7 @@
           "class": ['v-combobox', {
             'v-combobox--active-menu': menu.value,
             'v-combobox--chips': !!props.chips,
-            'v-combobox--selection-slot': !!slots.selection,
+            'v-combobox--selection-slot': !!hasSelectionSlot.value,
             'v-combobox--selecting-index': selectionIndex.value > -1,
             [`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true
           }, props.class],
@@ -16321,12 +16340,12 @@
                 "renderless": true,
                 "items": displayItems.value
               }, {
-                default: _ref3 => {
+                default: _ref4 => {
                   let {
                     item,
                     index,
                     itemRef
-                  } = _ref3;
+                  } = _ref4;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
                     key: index,
@@ -16340,10 +16359,10 @@
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
                     "role": "option"
                   }), {
-                    prepend: _ref4 => {
+                    prepend: _ref5 => {
                       let {
                         isSelected
-                      } = _ref4;
+                      } = _ref5;
                       return vue.createVNode(vue.Fragment, null, [props.multiple && !props.hideSelected ? vue.createVNode(VCheckboxBtn, {
                         "key": item.value,
                         "modelValue": isSelected,
@@ -16377,8 +16396,8 @@
               modelValue: true,
               'onUpdate:modelValue': undefined
             };
-            const hasSlot = hasChips ? !!slots.chip : !!slots.selection;
-            const slotContent = hasSlot ? ensureValidVNode(hasChips ? slots.chip({
+            const hasSlot = hasChips.value ? !!slots.chip : !!slots.selection;
+            const slotContent = hasSlot ? ensureValidVNode(hasChips.value ? slots.chip({
               item,
               index,
               props: slotProps
@@ -16391,7 +16410,7 @@
               "key": item.value,
               "class": ['v-combobox__selection', index === selectionIndex.value && ['v-combobox__selection--selected', textColorClasses.value]],
               "style": index === selectionIndex.value ? textColorStyles.value : {}
-            }, [hasChips ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
+            }, [hasChips.value ? !slots.chip ? vue.createVNode(VChip, vue.mergeProps({
               "key": "chip",
               "closable": props.closableChips,
               "size": "small",
@@ -17359,10 +17378,28 @@
   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);
@@ -20557,7 +20594,7 @@
           } 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);
@@ -24371,6 +24408,8 @@
         const controlProps = VSelectionControl.filterProps(props);
         return vue.createVNode(VInput, vue.mergeProps({
           "class": ['v-switch', {
+            'v-switch--flat': props.flat
+          }, {
             'v-switch--inset': props.inset
           }, {
             'v-switch--indeterminate': indeterminate.value
@@ -25494,8 +25533,8 @@
         return vue.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
         }, {
@@ -25906,6 +25945,106 @@
     }
   });
 
+  const makeVFabProps = propsFactory({
+    app: Boolean,
+    appear: Boolean,
+    extended: Boolean,
+    location: {
+      type: String,
+      default: 'bottom end'
+    },
+    offset: Boolean,
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    ...omit(makeVBtnProps({
+      active: true
+    }), ['location']),
+    ...makeLayoutItemProps(),
+    ...makeTransitionProps({
+      transition: 'fab-transition'
+    })
+  }, 'VFab');
+  const VFab = genericComponent()({
+    name: 'VFab',
+    props: makeVFabProps(),
+    emits: {
+      'update:modelValue': value => true
+    },
+    setup(props, _ref) {
+      let {
+        slots
+      } = _ref;
+      const model = useProxiedModel(props, 'modelValue');
+      const height = vue.shallowRef(56);
+      const layoutItemStyles = vue.ref();
+      const {
+        resizeRef
+      } = useResizeObserver(entries => {
+        if (!entries.length) return;
+        height.value = entries[0].target.clientHeight;
+      });
+      const hasPosition = vue.computed(() => props.app || props.absolute);
+      const position = vue.computed(() => {
+        if (!hasPosition.value) return false;
+        return props.location.split(' ').shift();
+      });
+      const orientation = vue.computed(() => {
+        if (!hasPosition.value) return false;
+        return props.location.split(' ')[1] ?? 'end';
+      });
+      useToggleScope(() => props.app, () => {
+        const layout = useLayoutItem({
+          id: props.name,
+          order: vue.computed(() => parseInt(props.order, 10)),
+          position,
+          layoutSize: height,
+          elementSize: vue.computed(() => height.value + 32),
+          active: vue.computed(() => props.app && model.value),
+          absolute: vue.toRef(props, 'absolute')
+        });
+        vue.watchEffect(() => {
+          layoutItemStyles.value = layout.layoutItemStyles.value;
+        });
+      });
+      const vFabRef = vue.ref();
+      useRender(() => {
+        const btnProps = VBtn.filterProps(props);
+        return vue.createVNode("div", {
+          "ref": vFabRef,
+          "class": ['v-fab', {
+            'v-fab--absolute': props.absolute,
+            'v-fab--app': !!props.app,
+            'v-fab--extended': props.extended,
+            'v-fab--offset': props.offset,
+            [`v-fab--${position.value}`]: hasPosition.value,
+            [`v-fab--${orientation.value}`]: hasPosition.value
+          }, props.class],
+          "style": [props.app ? {
+            ...layoutItemStyles.value
+          } : {
+            height: 'inherit',
+            width: undefined
+          }, props.style]
+        }, [vue.createVNode("div", {
+          "class": "v-fab__container"
+        }, [vue.createVNode(MaybeTransition, {
+          "appear": props.appear,
+          "transition": props.transition
+        }, {
+          default: () => [vue.withDirectives(vue.createVNode(VBtn, vue.mergeProps({
+            "ref": resizeRef
+          }, btnProps, {
+            "active": undefined,
+            "location": undefined
+          }), slots), [[vue.vShow, props.active]])]
+        })])]);
+      });
+      return {};
+    }
+  });
+
   // Utilities
 
   // Types
@@ -25944,10 +26083,16 @@
       default: 4
     },
     id: String,
+    itemValue: {
+      type: String,
+      default: 'value'
+    },
     modelValue: {
       type: Array,
       default: () => []
     },
+    min: [String, Number],
+    max: [String, Number],
     padding: {
       type: [String, Number],
       default: 8
@@ -25989,6 +26134,7 @@
           maxY: parseInt(props.height, 10)
         };
       });
+      const items = vue.computed(() => props.modelValue.map(item => getPropertyFromItem(item, props.itemValue, item)));
       function genBars(values, boundary) {
         const {
           minX,
@@ -25997,10 +26143,10 @@
           maxY
         } = boundary;
         const totalValues = values.length;
-        let maxValue = Math.max(...values);
-        let minValue = Math.min(...values);
-        if (minValue > 0) minValue = 0;
-        if (maxValue < 0) maxValue = 0;
+        let maxValue = props.max != null ? Number(props.max) : Math.max(...values);
+        let minValue = props.min != null ? Number(props.min) : Math.min(...values);
+        if (minValue > 0 && props.min == null) minValue = 0;
+        if (maxValue < 0 && props.max == null) maxValue = 0;
         const gridX = maxX / totalValues;
         const gridY = (maxY - minY) / (maxValue - minValue || 1);
         const horizonY = maxY - Math.abs(minValue * gridY);
@@ -26016,7 +26162,7 @@
       }
       const parsedLabels = vue.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];
@@ -26031,7 +26177,7 @@
         }
         return labels;
       });
-      const bars = vue.computed(() => genBars(props.modelValue.map(item => typeof item === 'number' ? item : item.value), boundary.value));
+      const bars = vue.computed(() => genBars(items.value, boundary.value));
       const offsetX = vue.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();
@@ -26181,8 +26327,8 @@
           maxY
         } = boundary;
         const totalValues = values.length;
-        const maxValue = Math.max(...values);
-        const minValue = Math.min(...values);
+        const maxValue = props.max != null ? Number(props.max) : Math.max(...values);
+        const minValue = props.min != null ? Number(props.min) : Math.min(...values);
         const gridX = (maxX - minX) / (totalValues - 1);
         const gridY = (maxY - minY) / (maxValue - minValue || 1);
         return values.map((value, index) => {
@@ -26209,9 +26355,10 @@
           maxY: parseInt(props.height, 10) - padding
         };
       });
+      const items = vue.computed(() => props.modelValue.map(item => getPropertyFromItem(item, props.itemValue, item)));
       const parsedLabels = vue.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];
@@ -26255,6 +26402,9 @@
       }, {
         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 vue.createVNode("svg", {
@@ -26286,9 +26436,13 @@
           value: item.value
         }) ?? item.value]))]), vue.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 && vue.createVNode("path", {
+          "d": genPath$1(false),
+          "fill": "none",
+          "stroke": props.color ?? props.gradient?.[0]
         }, null)]);
       });
     }
@@ -26338,6 +26492,183 @@
     }
   });
 
+  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 vue.createVNode(VMenu, vue.mergeProps(menuProps, {
+          "class": props.class,
+          "style": props.style,
+          "contentClass": "v-speed-dial__content"
+        }), {
+          default: () => [vue.createVNode(VDefaultsProvider, {
+            "defaults": {
+              VBtn: {
+                size: 'small'
+              }
+            }
+          }, {
+            default: () => [vue.createVNode(MaybeTransition, {
+              "appear": true,
+              "group": true,
+              "transition": props.transition
+            }, {
+              default: () => [slots.default?.()]
+            })]
+          })]
+        });
+      });
+      return {};
+    }
+  });
+
+  // Types
+
+  // Types
+
+  const makeVEmptyStateProps = propsFactory({
+    actionText: String,
+    bgColor: String,
+    color: String,
+    icon: IconValue,
+    image: String,
+    justify: {
+      type: String,
+      default: 'center'
+    },
+    headline: String,
+    title: String,
+    text: String,
+    textWidth: {
+      type: [Number, String],
+      default: 500
+    },
+    href: String,
+    to: String,
+    ...makeComponentProps(),
+    ...makeDimensionProps(),
+    ...makeSizeProps({
+      size: undefined
+    }),
+    ...makeThemeProps()
+  }, 'VEmptyState');
+  const VEmptyState = genericComponent()({
+    name: 'VEmptyState',
+    props: makeVEmptyStateProps(),
+    emits: {
+      'click:action': e => true
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const {
+        themeClasses
+      } = provideTheme(props);
+      const {
+        backgroundColorClasses,
+        backgroundColorStyles
+      } = useBackgroundColor(vue.toRef(props, 'bgColor'));
+      const {
+        dimensionStyles
+      } = useDimension(props);
+      function onClickAction(e) {
+        emit('click:action', e);
+      }
+      useRender(() => {
+        const hasActions = !!(slots.actions || props.actionText);
+        const hasHeadline = !!(slots.headline || props.headline);
+        const hasTitle = !!(slots.title || props.title);
+        const hasText = !!(slots.text || props.text);
+        const hasMedia = !!(slots.media || props.image || props.icon);
+        const size = props.size || (props.image ? 200 : 96);
+        return vue.createVNode("div", {
+          "class": ['v-empty-state', {
+            [`v-empty-state--${props.justify}`]: true
+          }, themeClasses.value, backgroundColorClasses.value, props.class],
+          "style": [backgroundColorStyles.value, dimensionStyles.value, props.style]
+        }, [hasMedia && vue.createVNode("div", {
+          "key": "media",
+          "class": "v-empty-state__media"
+        }, [!slots.media ? vue.createVNode(vue.Fragment, null, [props.image ? vue.createVNode(VImg, {
+          "key": "image",
+          "src": props.image,
+          "height": size
+        }, null) : props.icon ? vue.createVNode(VIcon, {
+          "key": "icon",
+          "size": size,
+          "icon": props.icon
+        }, null) : undefined]) : vue.createVNode(VDefaultsProvider, {
+          "key": "media-defaults",
+          "defaults": {
+            VImg: {
+              src: props.image,
+              height: size
+            },
+            VIcon: {
+              size,
+              icon: props.icon
+            }
+          }
+        }, {
+          default: () => [slots.media()]
+        })]), hasHeadline && vue.createVNode("div", {
+          "key": "headline",
+          "class": "v-empty-state__headline"
+        }, [slots.headline?.() ?? props.headline]), hasTitle && vue.createVNode("div", {
+          "key": "title",
+          "class": "v-empty-state__title"
+        }, [slots.title?.() ?? props.title]), hasText && vue.createVNode("div", {
+          "key": "text",
+          "class": "v-empty-state__text",
+          "style": {
+            maxWidth: convertToUnit(props.textWidth)
+          }
+        }, [slots.text?.() ?? props.text]), slots.default && vue.createVNode("div", {
+          "key": "content",
+          "class": "v-empty-state__content"
+        }, [slots.default()]), hasActions && vue.createVNode("div", {
+          "key": "actions",
+          "class": "v-empty-state__actions"
+        }, [vue.createVNode(VDefaultsProvider, {
+          "defaults": {
+            VBtn: {
+              class: 'v-empty-state__action-btn',
+              color: props.color,
+              text: props.actionText
+            }
+          }
+        }, {
+          default: () => [slots.actions?.({
+            props: {
+              onClick: onClickAction
+            }
+          }) ?? vue.createVNode(VBtn, {
+            "onClick": onClickAction
+          }, null)]
+        })])]);
+      });
+      return {};
+    }
+  });
+
   var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     VAlert: VAlert,
@@ -26407,12 +26738,14 @@
     VDialogTopTransition: VDialogTopTransition,
     VDialogTransition: VDialogTransition,
     VDivider: VDivider,
+    VEmptyState: VEmptyState,
     VExpandTransition: VExpandTransition,
     VExpandXTransition: VExpandXTransition,
     VExpansionPanel: VExpansionPanel,
     VExpansionPanelText: VExpansionPanelText,
     VExpansionPanelTitle: VExpansionPanelTitle,
     VExpansionPanels: VExpansionPanels,
+    VFab: VFab,
     VFabTransition: VFabTransition,
     VFadeTransition: VFadeTransition,
     VField: VField,
@@ -26482,6 +26815,7 @@
     VSnackbar: VSnackbar,
     VSpacer: VSpacer,
     VSparkline: VSparkline,
+    VSpeedDial: VSpeedDial,
     VStepper: VStepper,
     VStepperActions: VStepperActions,
     VStepperHeader: VStepperHeader,
@@ -26729,7 +27063,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.6";
+  const version$1 = "3.5.8";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -26743,7 +27077,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.6";
+  const version = "3.5.8";
 
   /* eslint-disable local-rules/sort-imports */