@vuetify/nightly 3.7.5-dev.2024-12-03 → 3.7.5-dev.2024-12-16

package/dist/vuetify-labs.d.ts

@@ -1619,22 +1619,22 @@ declare const Ripple: {
 };
 
 interface GroupItem {
-    id: number;
+    id: string;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
+    unregister: (id: string) => void;
+    select: (id: string, value: boolean) => void;
+    selected: Ref<Readonly<string[]>>;
+    isSelected: (id: string) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: number;
+        id: string;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;
@@ -1642,7 +1642,7 @@ interface GroupProvide {
     getItemIndex: (value: unknown) => number;
 }
 interface GroupItemProvide {
-    id: number;
+    id: string;
     isSelected: Ref<boolean>;
     isFirst: Ref<boolean>;
     isLast: Ref<boolean>;
@@ -5802,7 +5802,7 @@ declare const VMenu: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -6215,7 +6215,7 @@ declare const VMenu: {
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
             id: vue.ComputedRef<string>;
-            ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+            ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (value: boolean) => true;
@@ -6348,7 +6348,7 @@ declare const VMenu: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -6761,7 +6761,7 @@ declare const VMenu: {
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
             id: vue.ComputedRef<string>;
-            ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+            ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, {}, {}, {}, {
         location: Anchor | undefined;
@@ -6880,7 +6880,7 @@ declare const VMenu: {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     id: vue.ComputedRef<string>;
-    ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+    ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
 } & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -7293,7 +7293,7 @@ declare const VMenu: {
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     };
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
@@ -12367,7 +12367,7 @@ declare const VBtnToggle: {
     } & {}, {
         next: () => void;
         prev: () => void;
-        select: (id: number, value: boolean) => void;
+        select: (id: string, value: boolean) => void;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
     }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
@@ -12412,7 +12412,7 @@ declare const VBtnToggle: {
     } & {}, {
         next: () => void;
         prev: () => void;
-        select: (id: number, value: boolean) => void;
+        select: (id: string, value: boolean) => void;
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
@@ -12450,7 +12450,7 @@ declare const VBtnToggle: {
 } & {}, {
     next: () => void;
     prev: () => void;
-    select: (id: number, value: boolean) => void;
+    select: (id: string, value: boolean) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
@@ -13828,7 +13828,7 @@ type VCarouselSlots = VWindowSlots & {
     item: {
         props: Record<string, any>;
         item: {
-            id: number;
+            id: string;
             value: unknown;
             disabled: boolean | undefined;
         };
@@ -13907,7 +13907,7 @@ declare const VCarousel: {
         item: (arg: {
             props: Record<string, any>;
             item: {
-                id: number;
+                id: string;
                 value: unknown;
                 disabled: boolean | undefined;
             };
@@ -14039,7 +14039,7 @@ declare const VCarousel: {
     item: (arg: {
         props: Record<string, any>;
         item: {
-            id: number;
+            id: string;
             value: unknown;
             disabled: boolean | undefined;
         };
@@ -16804,11 +16804,11 @@ type VChip = InstanceType<typeof VChip>;
 
 type VChipGroupSlots = {
     default: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     };
 };
 declare const VChipGroup: {
@@ -16857,11 +16857,11 @@ declare const VChipGroup: {
         prevIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: number) => boolean;
-            select: (id: number, value: boolean) => void;
+            isSelected: (id: string) => boolean;
+            select: (id: string, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly number[];
+            selected: readonly string[];
         }) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -16960,11 +16960,11 @@ declare const VChipGroup: {
     prevIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     }) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -33249,11 +33249,11 @@ type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
 
 type VItemGroupSlots = {
     default: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     };
 };
 declare const VItemGroup: {
@@ -33278,11 +33278,11 @@ declare const VItemGroup: {
         selectedClass: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: number) => boolean;
-            select: (id: number, value: boolean) => void;
+            isSelected: (id: string) => boolean;
+            select: (id: string, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly number[];
+            selected: readonly string[];
         }) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -33333,11 +33333,11 @@ declare const VItemGroup: {
     selectedClass: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     }) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -41135,7 +41135,7 @@ declare const VSlideGroup: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
-        selected: vue.Ref<readonly number[], readonly number[]>;
+        selected: vue.Ref<readonly string[], readonly string[]>;
         scrollTo: (location: "prev" | "next") => void;
         scrollOffset: vue.ShallowRef<number, number>;
         focus: (location?: "next" | "prev" | "first" | "last") => void;
@@ -41185,7 +41185,7 @@ declare const VSlideGroup: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
-        selected: vue.Ref<readonly number[], readonly number[]>;
+        selected: vue.Ref<readonly string[], readonly string[]>;
         scrollTo: (location: "prev" | "next") => void;
         scrollOffset: vue.ShallowRef<number, number>;
         focus: (location?: "next" | "prev" | "first" | "last") => void;
@@ -41226,7 +41226,7 @@ declare const VSlideGroup: {
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {
-    selected: vue.Ref<readonly number[], readonly number[]>;
+    selected: vue.Ref<readonly string[], readonly string[]>;
     scrollTo: (location: "prev" | "next") => void;
     scrollOffset: vue.ShallowRef<number, number>;
     focus: (location?: "next" | "prev" | "first" | "last") => void;

package/dist/vuetify-labs.esm.js

@@ -1,10 +1,10 @@
 /*!
-* Vuetify v3.7.5-dev.2024-12-03
+* Vuetify v3.7.5-dev.2024-12-16
 * Forged by John Leider
 * Released under the MIT License.
 */
 
-import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, onBeforeUnmount, watch, readonly, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
+import { shallowRef, Fragment, reactive, computed, watchEffect, toRefs, capitalize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, provide, inject as inject$1, defineComponent as defineComponent$1, camelize, h, onBeforeUnmount, watch, readonly, useId, onDeactivated, onActivated, onMounted, onScopeDispose, effectScope, toRaw, createVNode, TransitionGroup, Transition, mergeProps, isRef, toRef, onBeforeMount, nextTick, withDirectives, resolveDirective, vShow, onUpdated, Text, resolveDynamicComponent, markRaw, Teleport, cloneVNode, createTextVNode, onUnmounted, onBeforeUpdate, withModifiers, toDisplayString, vModelText, resolveComponent, render } from 'vue';
 
 // Types
 // eslint-disable-line vue/prefer-import-from-vue
@@ -1253,9 +1253,6 @@ function getForeground(color) {
 }
 
 // Utilities
-
-// Types
-
 function getCurrentInstance(name, message) {
   const vm = getCurrentInstance$1();
   if (!vm) {
@@ -1268,20 +1265,6 @@ function getCurrentInstanceName() {
   const vm = getCurrentInstance(name).type;
   return toKebabCase(vm?.aliasName || vm?.name);
 }
-let _uid = 0;
-let _map = new WeakMap();
-function getUid() {
-  const vm = getCurrentInstance('getUid');
-  if (_map.has(vm)) return _map.get(vm);else {
-    const uid = _uid++;
-    _map.set(vm, uid);
-    return uid;
-  }
-}
-getUid.reset = () => {
-  _uid = 0;
-  _map = new WeakMap();
-};
 
 // Utilities
 
@@ -1651,7 +1634,7 @@ function useLayout() {
 function useLayoutItem(options) {
   const layout = inject$1(VuetifyLayoutKey);
   if (!layout) throw new Error('[Vuetify] Could not find injected layout');
-  const id = options.id ?? `layout-item-${getUid()}`;
+  const id = options.id ?? `layout-item-${useId()}`;
   const vm = getCurrentInstance('useLayoutItem');
   provide(VuetifyLayoutItemKey, {
     id
@@ -4153,7 +4136,7 @@ function useGroupItem(props, injectKey) {
   if (!vm) {
     throw new Error('[Vuetify] useGroupItem composable must be used inside a component setup function');
   }
-  const id = getUid();
+  const id = useId();
   provide(Symbol.for(`${injectKey.description}:id`), id);
   const group = inject$1(injectKey, null);
   if (!group) {
@@ -6132,7 +6115,7 @@ const VSelectionControlGroup = genericComponent()({
       slots
     } = _ref;
     const modelValue = useProxiedModel(props, 'modelValue');
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `v-selection-control-group-${uid}`);
     const name = computed(() => props.name || id.value);
     const updateHandlers = new Set();
@@ -6269,7 +6252,7 @@ const VSelectionControl = genericComponent()({
       backgroundColorStyles,
       trueValue
     } = useSelectionControl(props);
-    const uid = getUid();
+    const uid = useId();
     const isFocused = shallowRef(false);
     const isFocusVisible = shallowRef(false);
     const input = ref();
@@ -6714,7 +6697,7 @@ const makeValidationProps = propsFactory({
 }, 'validation');
 function useValidation(props) {
   let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getCurrentInstanceName();
-  let id = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : getUid();
+  let id = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : useId();
   const model = useProxiedModel(props, 'modelValue');
   const validationModel = computed(() => props.validationValue === undefined ? model.value : props.validationValue);
   const form = useForm(props);
@@ -6906,7 +6889,7 @@ const VInput = genericComponent()({
     const {
       InputIcon
     } = useInputIcon(props);
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
     const {
@@ -7014,7 +6997,7 @@ const VCheckbox = genericComponent()({
       focus,
       blur
     } = useFocus(props);
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `checkbox-${uid}`);
     useRender(() => {
       const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
@@ -8702,7 +8685,7 @@ const useNested = props => {
 };
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
-  const uidSymbol = Symbol(getUid());
+  const uidSymbol = Symbol('nested item');
   const computedId = computed(() => id.value !== undefined ? id.value : uidSymbol);
   const item = {
     ...parent,
@@ -11204,7 +11187,7 @@ const VMenu = genericComponent()({
     const {
       isRtl
     } = useRtl();
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `v-menu-${uid}`);
     const overlay = ref();
     const parent = inject$1(VMenuSymbol, null);
@@ -11500,7 +11483,7 @@ const VField = genericComponent()({
     } = useRtl();
     const isActive = computed(() => props.dirty || props.active);
     const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label));
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
     const labelRef = ref();
@@ -24653,7 +24636,7 @@ const VRadioGroup = genericComponent()({
       attrs,
       slots
     } = _ref;
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `radio-group-${uid}`);
     const model = useProxiedModel(props, 'modelValue');
     useRender(() => {
@@ -25016,7 +24999,8 @@ const VRating = genericComponent()({
         onClick
       };
     }));
-    const name = computed(() => props.name ?? `v-rating-${getUid()}`);
+    const uid = useId();
+    const name = computed(() => props.name ?? `v-rating-${uid}`);
     function VRatingItem(_ref2) {
       let {
         value,
@@ -25555,7 +25539,7 @@ const VBarline = genericComponent()({
     let {
       slots
     } = _ref;
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `barline-${uid}`);
     const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || 500);
     const hasLabels = computed(() => {
@@ -25753,7 +25737,7 @@ const VTrendline = genericComponent()({
     let {
       slots
     } = _ref;
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `trendline-${uid}`);
     const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || (props.fill ? 500 : 2000));
     const lastLength = ref(0);
@@ -26457,7 +26441,7 @@ const VSwitch = genericComponent()({
     const loaderColor = computed(() => {
       return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
     });
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `switch-${uid}`);
     function onChange() {
       if (indeterminate.value) {
@@ -27502,7 +27486,7 @@ const VTooltip = genericComponent()({
     const {
       scopeId
     } = useScopeId();
-    const uid = getUid();
+    const uid = useId();
     const id = computed(() => props.id || `v-tooltip-${uid}`);
     const overlay = ref();
     const location = computed(() => {
@@ -30392,7 +30376,6 @@ function createVuetify$1() {
         };
       }
     }
-    getUid.reset();
     if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
       app.mixin({
         computed: {
@@ -30421,7 +30404,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.5-dev.2024-12-03";
+const version$1 = "3.7.5-dev.2024-12-16";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30674,7 +30657,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.5-dev.2024-12-03";
+const version = "3.7.5-dev.2024-12-16";
 
 /* eslint-disable local-rules/sort-imports */