@vuetify/nightly 3.7.6-dev.2024-12-18 → 3.7.6-dev.2025-01-06

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.6-dev.2024-12-18
+* Vuetify v3.7.6-dev.2025-01-06
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2789,7 +2789,8 @@
             'theme-on-code': '#CCCCCC'
           }
         }
-      }
+      },
+      stylesheetId: 'vuetify-theme-stylesheet'
     };
   }
   function parseThemeOptions() {
@@ -2846,6 +2847,19 @@
       return acc;
     });
     const current = vue.computed(() => computedThemes.value[name.value]);
+    function createCssClass(lines, selector, content) {
+      lines.push(`${getScopedSelector(selector)} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
+    }
+    function getScopedSelector(selector) {
+      if (!parsedOptions.scope) {
+        return selector;
+      }
+      const scopeSelector = `:where(${parsedOptions.scope})`;
+      if (selector === ':root') {
+        return scopeSelector;
+      }
+      return `${scopeSelector} ${selector}`;
+    }
     const styles = vue.computed(() => {
       const lines = [];
       if (current.value?.dark) {
@@ -2874,7 +2888,7 @@
       return {
         style: [{
           children: styles.value,
-          id: 'vuetify-theme-stylesheet',
+          id: parsedOptions.stylesheetId,
           nonce: parsedOptions.cspNonce || false
         }]
       };
@@ -2899,7 +2913,7 @@
           }
         }
       } else {
-        let styleEl = IN_BROWSER ? document.getElementById('vuetify-theme-stylesheet') : null;
+        let styleEl = IN_BROWSER ? document.getElementById(parsedOptions.stylesheetId) : null;
         if (IN_BROWSER) {
           vue.watch(styles, updateStyles, {
             immediate: true
@@ -2911,7 +2925,7 @@
           if (typeof document !== 'undefined' && !styleEl) {
             const el = document.createElement('style');
             el.type = 'text/css';
-            el.id = 'vuetify-theme-stylesheet';
+            el.id = parsedOptions.stylesheetId;
             if (parsedOptions.cspNonce) el.setAttribute('nonce', parsedOptions.cspNonce);
             styleEl = el;
             document.head.appendChild(styleEl);
@@ -2960,9 +2974,6 @@
     if (!theme) throw new Error('Could not find Vuetify theme injection');
     return theme;
   }
-  function createCssClass(lines, selector, content) {
-    lines.push(`${selector} {\n`, ...content.map(line => `  ${line};\n`), '}\n');
-  }
   function genCssVariables(theme) {
     const lightOverlay = theme.dark ? 2 : 1;
     const darkOverlay = theme.dark ? 1 : 2;
@@ -12200,6 +12211,10 @@
       type: [Number, String],
       default: null
     },
+    itemKey: {
+      type: [String, Array, Function],
+      default: null
+    },
     height: [Number, String]
   }, 'virtual');
   function useVirtual(props, items) {
@@ -12378,11 +12393,14 @@
       }
     }
     const computedItems = vue.computed(() => {
-      return items.value.slice(first.value, last.value).map((item, index) => ({
-        raw: item,
-        index: index + first.value,
-        key: isObject(item) && 'value' in item ? item.value : index + first.value
-      }));
+      return items.value.slice(first.value, last.value).map((item, index) => {
+        const _index = index + first.value;
+        return {
+          raw: item,
+          index: _index,
+          key: getPropertyFromItem(item, props.itemKey, _index)
+        };
+      });
     });
     vue.watch(items, () => {
       sizes = Array.from({
@@ -12900,7 +12918,8 @@
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
                 "renderless": true,
-                "items": displayItems.value
+                "items": displayItems.value,
+                "itemKey": "value"
               }, {
                 default: _ref2 => {
                   let {
@@ -13475,7 +13494,8 @@
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
                 "renderless": true,
-                "items": displayItems.value
+                "items": displayItems.value,
+                "itemKey": "value"
               }, {
                 default: _ref4 => {
                   let {
@@ -17355,7 +17375,8 @@
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
                 "renderless": true,
-                "items": displayItems.value
+                "items": displayItems.value,
+                "itemKey": "value"
               }, {
                 default: _ref4 => {
                   let {
@@ -28286,7 +28307,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.6-dev.2024-12-18";
+  const version$1 = "3.7.6-dev.2025-01-06";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28311,7 +28332,7 @@
       ...options
     });
   };
-  const version = "3.7.6-dev.2024-12-18";
+  const version = "3.7.6-dev.2025-01-06";
   createVuetify.version = version;
 
   exports.blueprints = index;