vuetify 3.6.9 → 3.6.11

package/dist/vuetify-labs.d.ts

@@ -79781,8 +79781,8 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-        openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+        selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -79875,8 +79875,8 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-        openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+        selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -79954,8 +79954,8 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-        openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+        selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -80049,8 +80049,8 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-        openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+        selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -80130,8 +80130,8 @@ declare const VTreeview: {
         valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
-        selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-        openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+        selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -80162,8 +80162,8 @@ declare const VTreeview: {
     valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
-    selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-    openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+    selectStrategy: NonNullable<SelectStrategyProp>;
+    openStrategy: NonNullable<OpenStrategyProp>;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
@@ -80257,8 +80257,8 @@ declare const VTreeview: {
     valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
-    selectStrategy: NonNullable<NonNullable<SelectStrategyProp>>;
-    openStrategy: NonNullable<NonNullable<OpenStrategyProp>>;
+    selectStrategy: NonNullable<SelectStrategyProp>;
+    openStrategy: NonNullable<OpenStrategyProp>;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
@@ -80401,19 +80401,13 @@ declare const VTreeview: {
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: vue.PropType<ActiveStrategyProp>;
-    selectStrategy: Omit<{
+    selectStrategy: {
         type: vue.PropType<NonNullable<SelectStrategyProp>>;
         default: NonNullable<SelectStrategyProp>;
-    }, "default" | "type"> & {
-        type: vue.PropType<NonNullable<NonNullable<SelectStrategyProp>>>;
-        default: NonNullable<NonNullable<SelectStrategyProp>>;
     };
-    openStrategy: Omit<{
+    openStrategy: {
         type: vue.PropType<NonNullable<OpenStrategyProp>>;
         default: NonNullable<OpenStrategyProp>;
-    }, "default" | "type"> & {
-        type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
-        default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
     'onUpdate:opened': vue.PropType<() => void>;
     activeColor: StringConstructor;
@@ -80542,19 +80536,13 @@ declare const VTreeview: {
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: vue.PropType<ActiveStrategyProp>;
-    selectStrategy: Omit<{
+    selectStrategy: {
         type: vue.PropType<NonNullable<SelectStrategyProp>>;
         default: NonNullable<SelectStrategyProp>;
-    }, "default" | "type"> & {
-        type: vue.PropType<NonNullable<NonNullable<SelectStrategyProp>>>;
-        default: NonNullable<NonNullable<SelectStrategyProp>>;
     };
-    openStrategy: Omit<{
+    openStrategy: {
         type: vue.PropType<NonNullable<OpenStrategyProp>>;
         default: NonNullable<OpenStrategyProp>;
-    }, "default" | "type"> & {
-        type: vue.PropType<NonNullable<NonNullable<OpenStrategyProp>>>;
-        default: NonNullable<NonNullable<OpenStrategyProp>>;
     };
     'onUpdate:opened': vue.PropType<() => void>;
     activeColor: StringConstructor;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.9
+* Vuetify v3.6.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10829,7 +10829,7 @@ const VOverlay = genericComponent()({
     const potentialShadowDomRoot = computed(() => activatorEl?.value?.getRootNode());
     const {
       teleportTarget
-    } = useTeleport(computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value : false));
+    } = useTeleport(computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value ?? true : false));
     const {
       dimensionStyles
     } = useDimension(props);
@@ -22041,8 +22041,11 @@ const VDatePicker = genericComponent()({
       emit('update:year', value);
     }
     watch(model, (val, oldVal) => {
-      const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1]);
-      const after = adapter.date(wrapInArray(val)[val.length - 1]);
+      const arrBefore = wrapInArray(oldVal);
+      const arrAfter = wrapInArray(val);
+      if (!arrAfter.length) return;
+      const before = adapter.date(arrBefore[arrBefore.length - 1]);
+      const after = adapter.date(arrAfter[arrAfter.length - 1]);
       const newMonth = adapter.getMonth(after);
       const newYear = adapter.getYear(after);
       if (newMonth !== month.value) {
@@ -22351,6 +22354,7 @@ const VExpansionPanelTitle = genericComponent()({
       expandIcon: props.expandIcon,
       readonly: props.readonly
     }));
+    const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon);
     useRender(() => withDirectives(createVNode("button", {
       "class": ['v-expansion-panel-title', {
         'v-expansion-panel-title--active': expansionPanel.isSelected.value,
@@ -22365,11 +22369,17 @@ const VExpansionPanelTitle = genericComponent()({
       "onClick": !props.readonly ? expansionPanel.toggle : undefined
     }, [createVNode("span", {
       "class": "v-expansion-panel-title__overlay"
-    }, null), slots.default?.(slotProps.value), !props.hideActions && createVNode("span", {
-      "class": "v-expansion-panel-title__icon"
-    }, [slots.actions ? slots.actions(slotProps.value) : createVNode(VIcon, {
-      "icon": expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon
-    }, null)])]), [[resolveDirective("ripple"), props.ripple]]));
+    }, null), slots.default?.(slotProps.value), !props.hideActions && createVNode(VDefaultsProvider, {
+      "defaults": {
+        VIcon: {
+          icon: icon.value
+        }
+      }
+    }, {
+      default: () => [createVNode("span", {
+        "class": "v-expansion-panel-title__icon"
+      }, [slots.actions?.(slotProps.value) ?? createVNode(VIcon, null, null)])]
+    })]), [[resolveDirective("ripple"), props.ripple]]));
     return {};
   }
 });
@@ -22436,15 +22446,26 @@ const VExpansionPanel = genericComponent()({
       }, {
         default: () => [createVNode("div", {
           "class": ['v-expansion-panel__shadow', ...elevationClasses.value]
-        }, null), hasTitle && createVNode(VExpansionPanelTitle, mergeProps({
-          "key": "title"
-        }, expansionPanelTitleProps), {
-          default: () => [slots.title ? slots.title() : props.title]
-        }), hasText && createVNode(VExpansionPanelText, mergeProps({
-          "key": "text"
-        }, expansionPanelTextProps), {
-          default: () => [slots.text ? slots.text() : props.text]
-        }), slots.default?.()]
+        }, null), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VExpansionPanelTitle: {
+              ...expansionPanelTitleProps
+            },
+            VExpansionPanelText: {
+              ...expansionPanelTextProps
+            }
+          }
+        }, {
+          default: () => [hasTitle && createVNode(VExpansionPanelTitle, {
+            "key": "title"
+          }, {
+            default: () => [slots.title ? slots.title() : props.title]
+          }), hasText && createVNode(VExpansionPanelText, {
+            "key": "text"
+          }, {
+            default: () => [slots.text ? slots.text() : props.text]
+          }), slots.default?.()]
+        })]
       });
     });
     return {
@@ -28030,6 +28051,10 @@ const VNumberInput = genericComponent()({
     const controlVariant = computed(() => {
       return props.hideInput ? 'stacked' : props.controlVariant;
     });
+    const incrementIcon = computed(() => controlVariant.value === 'split' ? '$plus' : '$collapse');
+    const decrementIcon = computed(() => controlVariant.value === 'split' ? '$minus' : '$expand');
+    const controlNodeSize = computed(() => controlVariant.value === 'split' ? 'default' : 'small');
+    const controlNodeDefaultHeight = computed(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
     const incrementSlotProps = computed(() => ({
       click: onClickUp
     }));
@@ -28087,18 +28112,42 @@ const VNumberInput = genericComponent()({
         modelValue: _,
         ...textFieldProps
       } = VTextField.filterProps(props);
-      function controlNode() {
-        const defaultHeight = controlVariant.value === 'stacked' ? 'auto' : '100%';
-        return createVNode("div", {
-          "class": "v-number-input__control"
-        }, [!slots.decrement ? createVNode(VBtn, {
+      function incrementControlNode() {
+        return !slots.increment ? createVNode(VBtn, {
+          "disabled": !canIncrease.value,
+          "flat": true,
+          "key": "increment-btn",
+          "height": controlNodeDefaultHeight.value,
+          "name": "increment-btn",
+          "icon": incrementIcon.value,
+          "onClick": onClickUp,
+          "onMousedown": onControlMousedown,
+          "size": controlNodeSize.value,
+          "tabindex": "-1"
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "increment-defaults",
+          "defaults": {
+            VBtn: {
+              disabled: !canIncrease.value,
+              flat: true,
+              height: controlNodeDefaultHeight.value,
+              size: controlNodeSize.value,
+              icon: incrementIcon.value
+            }
+          }
+        }, {
+          default: () => [slots.increment(incrementSlotProps.value)]
+        });
+      }
+      function decrementControlNode() {
+        return !slots.decrement ? createVNode(VBtn, {
           "disabled": !canDecrease.value,
           "flat": true,
           "key": "decrement-btn",
-          "height": defaultHeight,
+          "height": controlNodeDefaultHeight.value,
           "name": "decrement-btn",
-          "icon": "$expand",
-          "size": "small",
+          "icon": decrementIcon.value,
+          "size": controlNodeSize.value,
           "tabindex": "-1",
           "onClick": onClickDown,
           "onMousedown": onControlMousedown
@@ -28108,40 +28157,21 @@ const VNumberInput = genericComponent()({
             VBtn: {
               disabled: !canDecrease.value,
               flat: true,
-              height: defaultHeight,
-              size: 'small',
-              icon: '$expand'
+              height: controlNodeDefaultHeight.value,
+              size: controlNodeSize.value,
+              icon: decrementIcon.value
             }
           }
         }, {
           default: () => [slots.decrement(decrementSlotProps.value)]
-        }), createVNode(VDivider, {
+        });
+      }
+      function controlNode() {
+        return createVNode("div", {
+          "class": "v-number-input__control"
+        }, [decrementControlNode(), createVNode(VDivider, {
           "vertical": controlVariant.value !== 'stacked'
-        }, null), !slots.increment ? createVNode(VBtn, {
-          "disabled": !canIncrease.value,
-          "flat": true,
-          "key": "increment-btn",
-          "height": defaultHeight,
-          "name": "increment-btn",
-          "icon": "$collapse",
-          "onClick": onClickUp,
-          "onMousedown": onControlMousedown,
-          "size": "small",
-          "tabindex": "-1"
-        }, null) : createVNode(VDefaultsProvider, {
-          "key": "increment-defaults",
-          "defaults": {
-            VBtn: {
-              disabled: !canIncrease.value,
-              flat: true,
-              height: defaultHeight,
-              size: 'small',
-              icon: '$collapse'
-            }
-          }
-        }, {
-          default: () => [slots.increment(incrementSlotProps.value)]
-        })]);
+        }, null), incrementControlNode()]);
       }
       function dividerNode() {
         return !props.hideInput && !props.inset ? createVNode(VDivider, {
@@ -28152,27 +28182,11 @@ const VNumberInput = genericComponent()({
         "class": "v-number-input__control"
       }, [createVNode(VDivider, {
         "vertical": true
-      }, null), createVNode(VBtn, {
-        "flat": true,
-        "height": "100%",
-        "icon": "$plus",
-        "tile": true,
-        "tabindex": "-1",
-        "onClick": onClickUp,
-        "onMousedown": onControlMousedown
-      }, null)]) : !props.reverse ? createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined;
+      }, null), incrementControlNode()]) : !props.reverse ? createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined;
       const hasAppendInner = slots['append-inner'] || appendInnerControl;
       const prependInnerControl = controlVariant.value === 'split' ? createVNode("div", {
         "class": "v-number-input__control"
-      }, [createVNode(VBtn, {
-        "flat": true,
-        "height": "100%",
-        "icon": "$minus",
-        "tile": true,
-        "tabindex": "-1",
-        "onClick": onClickDown,
-        "onMousedown": onControlMousedown
-      }, null), createVNode(VDivider, {
+      }, [decrementControlNode(), createVNode(VDivider, {
         "vertical": true
       }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
@@ -28398,6 +28412,7 @@ const VStepperVertical = genericComponent()({
     const vExpansionPanelsRef = ref();
     const {
       color,
+      eager,
       editable,
       prevText,
       nextText,
@@ -28416,6 +28431,7 @@ const VStepperVertical = genericComponent()({
     provideDefaults({
       VStepperVerticalItem: {
         color,
+        eager,
         editable,
         prevText,
         nextText,
@@ -29628,8 +29644,6 @@ const makeVTreeviewProps = propsFactory({
   ...omit(makeVListProps({
     collapseIcon: '$treeviewCollapse',
     expandIcon: '$treeviewExpand',
-    selectStrategy: 'classic',
-    openStrategy: 'multiple',
     slim: true
   }), ['nav'])
 }, 'VTreeview');
@@ -29647,17 +29661,16 @@ const VTreeview = genericComponent()({
     let {
       slots
     } = _ref;
-    const vm = getCurrentInstance('VTreeview');
     const {
       items
     } = useListItems(props);
     const activeColor = toRef(props, 'activeColor');
     const baseColor = toRef(props, 'baseColor');
     const color = toRef(props, 'color');
-    const opened = useProxiedModel(props, 'opened');
     const activated = useProxiedModel(props, 'activated');
     const selected = useProxiedModel(props, 'selected');
     const vListRef = ref();
+    const opened = computed(() => props.openAll ? openAll(items.value) : props.opened);
     const flatItems = computed(() => flatten(items.value));
     const search = toRef(props, 'search');
     const {
@@ -29691,11 +29704,6 @@ const VTreeview = genericComponent()({
       }
       return arr;
     }
-    watch(() => props.openAll, val => {
-      opened.value = val ? openAll(items.value) : [];
-    }, {
-      immediate: true
-    });
     function openAll(item) {
       let ids = [];
       for (const i of item) {
@@ -29730,13 +29738,14 @@ const VTreeview = genericComponent()({
       }
     });
     useRender(() => {
-      const listProps = VList.filterProps(vm.vnode.props);
+      const listProps = VList.filterProps(props);
       const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
       return createVNode(VList, mergeProps({
         "ref": vListRef
       }, listProps, {
         "class": ['v-treeview', props.class],
         "style": props.style,
+        "opened": opened.value,
         "activated": activated.value,
         "onUpdate:activated": $event => activated.value = $event,
         "selected": selected.value,
@@ -30248,7 +30257,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.9";
+const version$1 = "3.6.11";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30501,7 +30510,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.9";
+const version = "3.6.11";
 
 /* eslint-disable local-rules/sort-imports */