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

package/dist/vuetify-labs.d.ts

@@ -135,6 +135,8 @@ type ThemeOptions = false | {
     defaultTheme?: string;
     variations?: false | VariationsOptions;
     themes?: Record<string, ThemeDefinition>;
+    stylesheetId?: string;
+    scope?: string;
 };
 type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
 interface VariationsOptions {
@@ -22009,6 +22011,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22111,6 +22114,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22191,6 +22195,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22287,6 +22292,7 @@ declare const VDataTableVirtual: {
         filterMode: FilterMode;
         noFilter: boolean;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
         hideNoData: boolean;
         hover: boolean;
         multiSort: boolean;
@@ -22323,6 +22329,7 @@ declare const VDataTableVirtual: {
     filterMode: FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
     multiSort: boolean;
@@ -22425,6 +22432,7 @@ declare const VDataTableVirtual: {
     filterMode: FilterMode;
     noFilter: boolean;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
     hideNoData: boolean;
     hover: boolean;
     multiSort: boolean;
@@ -22503,6 +22511,10 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -22615,6 +22627,10 @@ declare const VDataTableVirtual: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: vue.PropType<SelectItemKey>;
+        default: null;
+    };
     height: (StringConstructor | NumberConstructor)[];
     groupBy: {
         type: vue.PropType<readonly SortItem[]>;
@@ -55690,6 +55706,7 @@ declare const VVirtualScroll: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -55704,6 +55721,7 @@ declare const VVirtualScroll: {
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
             itemRef: Ref<HTMLElement | undefined>;
@@ -55718,6 +55736,7 @@ declare const VVirtualScroll: {
     }, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     } & {
         height?: string | number | undefined;
         width?: string | number | undefined;
@@ -55732,6 +55751,7 @@ declare const VVirtualScroll: {
     }, {}, {}, {}, {
         style: vue.StyleValue;
         itemHeight: string | number;
+        itemKey: SelectItemKey;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55739,6 +55759,7 @@ declare const VVirtualScroll: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
 } & {
     height?: string | number | undefined;
     width?: string | number | undefined;
@@ -55753,6 +55774,7 @@ declare const VVirtualScroll: {
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "renderless">, string, {
     style: vue.StyleValue;
     itemHeight: string | number;
+    itemKey: SelectItemKey;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
         itemRef: Ref<HTMLElement | undefined>;
@@ -55780,6 +55802,10 @@ declare const VVirtualScroll: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: PropType<SelectItemKey>;
+        default: null;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];
@@ -55801,6 +55827,10 @@ declare const VVirtualScroll: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    itemKey: {
+        type: PropType<SelectItemKey>;
+        default: null;
+    };
     items: {
         type: PropType<readonly unknown[]>;
         default: () => never[];

package/dist/vuetify-labs.esm.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.
 */
@@ -2344,7 +2344,8 @@ function genDefaults$2() {
           'theme-on-code': '#CCCCCC'
         }
       }
-    }
+    },
+    stylesheetId: 'vuetify-theme-stylesheet'
   };
 }
 function parseThemeOptions() {
@@ -2401,6 +2402,19 @@ function createTheme(options) {
     return acc;
   });
   const current = 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 = computed(() => {
     const lines = [];
     if (current.value?.dark) {
@@ -2429,7 +2443,7 @@ function createTheme(options) {
     return {
       style: [{
         children: styles.value,
-        id: 'vuetify-theme-stylesheet',
+        id: parsedOptions.stylesheetId,
         nonce: parsedOptions.cspNonce || false
       }]
     };
@@ -2454,7 +2468,7 @@ function createTheme(options) {
         }
       }
     } else {
-      let styleEl = IN_BROWSER ? document.getElementById('vuetify-theme-stylesheet') : null;
+      let styleEl = IN_BROWSER ? document.getElementById(parsedOptions.stylesheetId) : null;
       if (IN_BROWSER) {
         watch(styles, updateStyles, {
           immediate: true
@@ -2466,7 +2480,7 @@ function createTheme(options) {
         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);
@@ -2515,9 +2529,6 @@ function useTheme() {
   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;
@@ -11963,6 +11974,10 @@ const makeVirtualProps = propsFactory({
     type: [Number, String],
     default: null
   },
+  itemKey: {
+    type: [String, Array, Function],
+    default: null
+  },
   height: [Number, String]
 }, 'virtual');
 function useVirtual(props, items) {
@@ -12141,11 +12156,14 @@ function useVirtual(props, items) {
     }
   }
   const computedItems = 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)
+      };
+    });
   });
   watch(items, () => {
     sizes = Array.from({
@@ -12663,7 +12681,8 @@ const VSelect = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref2 => {
                 let {
@@ -13238,7 +13257,8 @@ const VAutocomplete = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref4 => {
                 let {
@@ -17118,7 +17138,8 @@ const VCombobox = genericComponent()({
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
               "renderless": true,
-              "items": displayItems.value
+              "items": displayItems.value,
+              "itemKey": "value"
             }, {
               default: _ref4 => {
                 let {
@@ -30744,7 +30765,7 @@ function createVuetify$1() {
     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
@@ -30997,7 +31018,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.6-dev.2024-12-18";
+const version = "3.7.6-dev.2025-01-06";
 
 /* eslint-disable local-rules/sort-imports */