@vuetify/nightly 3.7.3-next.2024-11-01 → 3.7.4-dev.2024-11-06

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.3-next.2024-11-01
+* Vuetify v3.7.4-dev.2024-11-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2431,15 +2431,15 @@
       const colors = new Set(Object.values(computedThemes.value).flatMap(theme => Object.keys(theme.colors)));
       for (const key of colors) {
         if (/^on-[a-z]/.test(key)) {
-          createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key}))`]);
+          createCssClass(fgLines, `.${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
         } else {
-          createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key}))`, `color: rgb(var(--v-theme-on-${key}))`]);
-          createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key}))`]);
+          createCssClass(bgLines, `.bg-${key}`, [`--v-theme-overlay-multiplier: var(--v-theme-${key}-overlay-multiplier)`, `background-color: rgb(var(--v-theme-${key})) !important`, `color: rgb(var(--v-theme-on-${key})) !important`]);
+          createCssClass(fgLines, `.text-${key}`, [`color: rgb(var(--v-theme-${key})) !important`]);
           createCssClass(fgLines, `.border-${key}`, [`--v-border-color: var(--v-theme-${key})`]);
         }
       }
       lines.push(...bgLines, ...fgLines);
-      return '@layer vuetify.theme {\n' + lines.map(v => `  ${v}`).join('') + '\n}';
+      return lines.map((str, i) => i === 0 ? str : `    ${str}`).join('');
     });
     function getHead() {
       return {
@@ -11215,7 +11215,10 @@
           }, 40);
         }
       });
-      vue.onBeforeUnmount(() => parent?.unregister());
+      vue.onBeforeUnmount(() => {
+        parent?.unregister();
+        document.removeEventListener('focusin', onFocusIn);
+      });
       vue.onDeactivated(() => isActive.value = false);
       async function onFocusIn(e) {
         const before = e.relatedTarget;
@@ -11235,13 +11238,19 @@
       vue.watch(isActive, val => {
         if (val) {
           parent?.register();
-          document.addEventListener('focusin', onFocusIn, {
-            once: true
-          });
+          if (IN_BROWSER) {
+            document.addEventListener('focusin', onFocusIn, {
+              once: true
+            });
+          }
         } else {
           parent?.unregister();
-          document.removeEventListener('focusin', onFocusIn);
+          if (IN_BROWSER) {
+            document.removeEventListener('focusin', onFocusIn);
+          }
         }
+      }, {
+        immediate: true
       });
       function onClickOutside(e) {
         parent?.closeParents(e);
@@ -12135,7 +12144,7 @@
       updateOffsets.immediate();
       calculateVisibleItems();
     }, {
-      deep: true
+      deep: 1
     });
     return {
       calculateVisibleItems,
@@ -13757,6 +13766,9 @@
           }
         }
       }
+      vue.onBeforeUnmount(() => {
+        document.removeEventListener('focusin', onFocusin);
+      });
       if (IN_BROWSER) {
         vue.watch(() => isActive.value && props.retainFocus, val => {
           val ? document.addEventListener('focusin', onFocusin) : document.removeEventListener('focusin', onFocusin);
@@ -13804,6 +13816,10 @@
           "aria-modal": "true",
           "activatorProps": activatorProps,
           "contentProps": contentProps,
+          "height": !props.fullscreen ? props.height : undefined,
+          "width": !props.fullscreen ? props.width : undefined,
+          "maxHeight": !props.fullscreen ? props.maxHeight : undefined,
+          "maxWidth": !props.fullscreen ? props.maxWidth : undefined,
           "role": "dialog",
           "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
@@ -14900,7 +14916,7 @@
   });
 
   // Styles
-  const VCode = createSimpleFunctional('v-code');
+  const VCode = createSimpleFunctional('v-code', 'code');
 
   // Types
 
@@ -23469,7 +23485,7 @@
   });
 
   // Styles
-  const VKbd = createSimpleFunctional('v-kbd');
+  const VKbd = createSimpleFunctional('v-kbd', 'kbd');
 
   const makeVLayoutProps = propsFactory({
     ...makeComponentProps(),
@@ -30391,7 +30407,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.3-next.2024-11-01";
+  const version$1 = "3.7.4-dev.2024-11-06";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30644,7 +30660,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.3-next.2024-11-01";
+  const version = "3.7.4-dev.2024-11-06";
 
   /* eslint-disable local-rules/sort-imports */