@vuetify/nightly 3.6.10-master.2024-06-27 → 3.6.11-master.2024-07-03

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.10-master.2024-06-27
+* Vuetify v3.6.11-master.2024-07-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -10604,12 +10604,9 @@
   }
 
   // Utilities
-
-  // Types
-
   function useTeleport(target) {
     const teleportTarget = vue.computed(() => {
-      const _target = target.value;
+      const _target = target();
       if (_target === true || !IN_BROWSER) return undefined;
       const targetElement = _target === false ? document.body : typeof _target === 'string' ? document.querySelector(_target) : _target;
       if (targetElement == null) {
@@ -10830,10 +10827,15 @@
         isActive,
         isTop: localTop
       });
-      const potentialShadowDomRoot = vue.computed(() => activatorEl?.value?.getRootNode());
       const {
         teleportTarget
-      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value ?? true : false));
+      } = useTeleport(() => {
+        const target = props.attach || props.contained;
+        if (target) return target;
+        const rootNode = activatorEl?.value?.getRootNode();
+        if (rootNode instanceof ShadowRoot) return rootNode;
+        return false;
+      });
       const {
         dimensionStyles
       } = useDimension(props);
@@ -28055,6 +28057,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 +28118,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 +28163,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 +28188,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 +28418,7 @@
       const vExpansionPanelsRef = vue.ref();
       const {
         color,
+        eager,
         editable,
         prevText,
         nextText,
@@ -28441,6 +28437,7 @@
       provideDefaults({
         VStepperVerticalItem: {
           color,
+          eager,
           editable,
           prevText,
           nextText,
@@ -30266,7 +30263,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.10-master.2024-06-27";
+  const version$1 = "3.6.11-master.2024-07-03";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30519,7 +30516,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.10-master.2024-06-27";
+  const version = "3.6.11-master.2024-07-03";
 
   /* eslint-disable local-rules/sort-imports */