@vuetify/nightly 3.6.0-alpha.2-dev.2024-04-22 → 3.6.0-alpha.2-dev.2024-04-23

package/dist/vuetify-labs.d.ts

@@ -42632,6 +42632,7 @@ declare const VNavigationDrawer: {
         tile: boolean;
         floating: boolean;
         location: "left" | "right" | "end" | "top" | "bottom" | "start";
+        persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
         disableResizeWatcher: boolean;
@@ -42690,6 +42691,7 @@ declare const VNavigationDrawer: {
         tile: boolean;
         floating: boolean;
         location: "left" | "right" | "end" | "top" | "bottom" | "start";
+        persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
         disableResizeWatcher: boolean;
@@ -42744,6 +42746,7 @@ declare const VNavigationDrawer: {
         tile: boolean;
         floating: boolean;
         location: "left" | "right" | "end" | "top" | "bottom" | "start";
+        persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
         disableResizeWatcher: boolean;
@@ -42784,6 +42787,7 @@ declare const VNavigationDrawer: {
         tile: boolean;
         floating: boolean;
         location: "left" | "right" | "end" | "top" | "bottom" | "start";
+        persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
         disableResizeWatcher: boolean;
@@ -42840,6 +42844,7 @@ declare const VNavigationDrawer: {
         tile: boolean;
         floating: boolean;
         location: "left" | "right" | "end" | "top" | "bottom" | "start";
+        persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
         disableResizeWatcher: boolean;
@@ -42864,6 +42869,7 @@ declare const VNavigationDrawer: {
     tile: boolean;
     floating: boolean;
     location: "left" | "right" | "end" | "top" | "bottom" | "start";
+    persistent: boolean;
     scrim: string | boolean;
     touchless: boolean;
     disableResizeWatcher: boolean;
@@ -42923,6 +42929,7 @@ declare const VNavigationDrawer: {
     tile: boolean;
     floating: boolean;
     location: "left" | "right" | "end" | "top" | "bottom" | "start";
+    persistent: boolean;
     scrim: string | boolean;
     touchless: boolean;
     disableResizeWatcher: boolean;
@@ -43004,6 +43011,7 @@ declare const VNavigationDrawer: {
     };
     image: StringConstructor;
     temporary: BooleanConstructor;
+    persistent: BooleanConstructor;
     touchless: BooleanConstructor;
     width: {
         type: (StringConstructor | NumberConstructor)[];
@@ -43074,6 +43082,7 @@ declare const VNavigationDrawer: {
     };
     image: StringConstructor;
     temporary: BooleanConstructor;
+    persistent: BooleanConstructor;
     touchless: BooleanConstructor;
     width: {
         type: (StringConstructor | NumberConstructor)[];

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.0-alpha.2-dev.2024-04-22
+* Vuetify v3.6.0-alpha.2-dev.2024-04-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -23199,6 +23199,7 @@ const makeVNavigationDrawerProps = propsFactory({
   },
   image: String,
   temporary: Boolean,
+  persistent: Boolean,
   touchless: Boolean,
   width: {
     type: [Number, String],
@@ -23280,6 +23281,7 @@ const VNavigationDrawer = genericComponent()({
     const location = computed(() => {
       return toPhysical(props.location, isRtl.value);
     });
+    const isPersistent = computed(() => props.persistent);
     const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
     const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
     useToggleScope(() => props.expandOnHover && props.rail != null, () => {
@@ -23363,6 +23365,7 @@ const VNavigationDrawer = genericComponent()({
           'v-navigation-drawer--is-hovering': isHovering.value,
           'v-navigation-drawer--rail': props.rail,
           'v-navigation-drawer--temporary': isTemporary.value,
+          'v-navigation-drawer--persistent': isPersistent.value,
           'v-navigation-drawer--active': isActive.value,
           'v-navigation-drawer--sticky': isSticky.value
         }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
@@ -23401,7 +23404,10 @@ const VNavigationDrawer = genericComponent()({
         default: () => [isTemporary.value && (isDragging.value || isActive.value) && !!props.scrim && createVNode("div", mergeProps({
           "class": ['v-navigation-drawer__scrim', scrimColor.backgroundColorClasses.value],
           "style": [scrimStyles.value, scrimColor.backgroundColorStyles.value],
-          "onClick": () => isActive.value = false
+          "onClick": () => {
+            if (isPersistent.value) return;
+            isActive.value = false;
+          }
         }, scopeId), null)]
       })]);
     });
@@ -29110,7 +29116,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.0-alpha.2-dev.2024-04-22";
+const version$1 = "3.6.0-alpha.2-dev.2024-04-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29363,7 +29369,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.0-alpha.2-dev.2024-04-22";
+const version = "3.6.0-alpha.2-dev.2024-04-23";
 
 /* eslint-disable local-rules/sort-imports */