vuetify 3.6.10 → 3.6.11

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.10
+* Vuetify v3.6.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10833,7 +10833,7 @@
       const potentialShadowDomRoot = vue.computed(() => activatorEl?.value?.getRootNode());
       const {
         teleportTarget
-      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value : false));
+      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value ?? true : false));
       const {
         dimensionStyles
       } = useDimension(props);
@@ -28055,6 +28055,10 @@
       const controlVariant = vue.computed(() => {
         return props.hideInput ? 'stacked' : props.controlVariant;
       });
+      const incrementIcon = vue.computed(() => controlVariant.value === 'split' ? '$plus' : '$collapse');
+      const decrementIcon = vue.computed(() => controlVariant.value === 'split' ? '$minus' : '$expand');
+      const controlNodeSize = vue.computed(() => controlVariant.value === 'split' ? 'default' : 'small');
+      const controlNodeDefaultHeight = vue.computed(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
       const incrementSlotProps = vue.computed(() => ({
         click: onClickUp
       }));
@@ -28112,18 +28116,42 @@
           modelValue: _,
           ...textFieldProps
         } = VTextField.filterProps(props);
-        function controlNode() {
-          const defaultHeight = controlVariant.value === 'stacked' ? 'auto' : '100%';
-          return vue.createVNode("div", {
-            "class": "v-number-input__control"
-          }, [!slots.decrement ? vue.createVNode(VBtn, {
+        function incrementControlNode() {
+          return !slots.increment ? vue.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) : vue.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 ? vue.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
@@ -28133,40 +28161,21 @@
               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)]
-          }), vue.createVNode(VDivider, {
+          });
+        }
+        function controlNode() {
+          return vue.createVNode("div", {
+            "class": "v-number-input__control"
+          }, [decrementControlNode(), vue.createVNode(VDivider, {
             "vertical": controlVariant.value !== 'stacked'
-          }, null), !slots.increment ? vue.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) : vue.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 ? vue.createVNode(VDivider, {
@@ -28177,27 +28186,11 @@
           "class": "v-number-input__control"
         }, [vue.createVNode(VDivider, {
           "vertical": true
-        }, null), vue.createVNode(VBtn, {
-          "flat": true,
-          "height": "100%",
-          "icon": "$plus",
-          "tile": true,
-          "tabindex": "-1",
-          "onClick": onClickUp,
-          "onMousedown": onControlMousedown
-        }, null)]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
+        }, null), incrementControlNode()]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
         const hasAppendInner = slots['append-inner'] || appendInnerControl;
         const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
           "class": "v-number-input__control"
-        }, [vue.createVNode(VBtn, {
-          "flat": true,
-          "height": "100%",
-          "icon": "$minus",
-          "tile": true,
-          "tabindex": "-1",
-          "onClick": onClickDown,
-          "onMousedown": onControlMousedown
-        }, null), vue.createVNode(VDivider, {
+        }, [decrementControlNode(), vue.createVNode(VDivider, {
           "vertical": true
         }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
         const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
@@ -28423,6 +28416,7 @@
       const vExpansionPanelsRef = vue.ref();
       const {
         color,
+        eager,
         editable,
         prevText,
         nextText,
@@ -28441,6 +28435,7 @@
       provideDefaults({
         VStepperVerticalItem: {
           color,
+          eager,
           editable,
           prevText,
           nextText,
@@ -29653,8 +29648,6 @@
     ...omit(makeVListProps({
       collapseIcon: '$treeviewCollapse',
       expandIcon: '$treeviewExpand',
-      selectStrategy: 'classic',
-      openStrategy: 'multiple',
       slim: true
     }), ['nav'])
   }, 'VTreeview');
@@ -29672,17 +29665,16 @@
       let {
         slots
       } = _ref;
-      const vm = getCurrentInstance('VTreeview');
       const {
         items
       } = useListItems(props);
       const activeColor = vue.toRef(props, 'activeColor');
       const baseColor = vue.toRef(props, 'baseColor');
       const color = vue.toRef(props, 'color');
-      const opened = useProxiedModel(props, 'opened');
       const activated = useProxiedModel(props, 'activated');
       const selected = useProxiedModel(props, 'selected');
       const vListRef = vue.ref();
+      const opened = vue.computed(() => props.openAll ? openAll(items.value) : props.opened);
       const flatItems = vue.computed(() => flatten(items.value));
       const search = vue.toRef(props, 'search');
       const {
@@ -29716,11 +29708,6 @@
         }
         return arr;
       }
-      vue.watch(() => props.openAll, val => {
-        opened.value = val ? openAll(items.value) : [];
-      }, {
-        immediate: true
-      });
       function openAll(item) {
         let ids = [];
         for (const i of item) {
@@ -29755,13 +29742,14 @@
         }
       });
       useRender(() => {
-        const listProps = VList.filterProps(vm.vnode.props);
+        const listProps = VList.filterProps(props);
         const treeviewChildrenProps = VTreeviewChildren.filterProps(props);
         return vue.createVNode(VList, vue.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,
@@ -30273,7 +30261,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.10";
+  const version$1 = "3.6.11";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30526,7 +30514,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.10";
+  const version = "3.6.11";
 
   /* eslint-disable local-rules/sort-imports */