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

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* 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.
 */
@@ -1251,9 +1251,6 @@
   }, 'component');
 
   // Utilities
-
-  // Types
-
   function getCurrentInstance(name, message) {
     const vm = vue.getCurrentInstance();
     if (!vm) {
@@ -1266,20 +1263,6 @@
     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
 
@@ -2095,7 +2078,7 @@
   function useLayoutItem(options) {
     const layout = vue.inject(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-${vue.useId()}`;
     const vm = getCurrentInstance('useLayoutItem');
     vue.provide(VuetifyLayoutItemKey, {
       id
@@ -4597,7 +4580,7 @@
     if (!vm) {
       throw new Error('[Vuetify] useGroupItem composable must be used inside a component setup function');
     }
-    const id = getUid();
+    const id = vue.useId();
     vue.provide(Symbol.for(`${injectKey.description}:id`), id);
     const group = vue.inject(injectKey, null);
     if (!group) {
@@ -6369,7 +6352,7 @@
         slots
       } = _ref;
       const modelValue = useProxiedModel(props, 'modelValue');
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `v-selection-control-group-${uid}`);
       const name = vue.computed(() => props.name || id.value);
       const updateHandlers = new Set();
@@ -6506,7 +6489,7 @@
         backgroundColorStyles,
         trueValue
       } = useSelectionControl(props);
-      const uid = getUid();
+      const uid = vue.useId();
       const isFocused = vue.shallowRef(false);
       const isFocusVisible = vue.shallowRef(false);
       const input = vue.ref();
@@ -6951,7 +6934,7 @@
   }, '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] : vue.useId();
     const model = useProxiedModel(props, 'modelValue');
     const validationModel = vue.computed(() => props.validationValue === undefined ? model.value : props.validationValue);
     const form = useForm(props);
@@ -7143,7 +7126,7 @@
       const {
         InputIcon
       } = useInputIcon(props);
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `input-${uid}`);
       const messagesId = vue.computed(() => `${id.value}-messages`);
       const {
@@ -7251,7 +7234,7 @@
         focus,
         blur
       } = useFocus(props);
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `checkbox-${uid}`);
       useRender(() => {
         const [rootAttrs, controlAttrs] = filterInputAttrs(attrs);
@@ -8939,7 +8922,7 @@
   };
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
-    const uidSymbol = Symbol(getUid());
+    const uidSymbol = Symbol('nested item');
     const computedId = vue.computed(() => id.value !== undefined ? id.value : uidSymbol);
     const item = {
       ...parent,
@@ -11441,7 +11424,7 @@
       const {
         isRtl
       } = useRtl();
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `v-menu-${uid}`);
       const overlay = vue.ref();
       const parent = vue.inject(VMenuSymbol, null);
@@ -11737,7 +11720,7 @@
       } = useRtl();
       const isActive = vue.computed(() => props.dirty || props.active);
       const hasLabel = vue.computed(() => !props.singleLine && !!(props.label || slots.label));
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `input-${uid}`);
       const messagesId = vue.computed(() => `${id.value}-messages`);
       const labelRef = vue.ref();
@@ -24890,7 +24873,7 @@
         attrs,
         slots
       } = _ref;
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `radio-group-${uid}`);
       const model = useProxiedModel(props, 'modelValue');
       useRender(() => {
@@ -25253,7 +25236,8 @@
           onClick
         };
       }));
-      const name = vue.computed(() => props.name ?? `v-rating-${getUid()}`);
+      const uid = vue.useId();
+      const name = vue.computed(() => props.name ?? `v-rating-${uid}`);
       function VRatingItem(_ref2) {
         let {
           value,
@@ -25792,7 +25776,7 @@
       let {
         slots
       } = _ref;
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `barline-${uid}`);
       const autoDrawDuration = vue.computed(() => Number(props.autoDrawDuration) || 500);
       const hasLabels = vue.computed(() => {
@@ -25990,7 +25974,7 @@
       let {
         slots
       } = _ref;
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `trendline-${uid}`);
       const autoDrawDuration = vue.computed(() => Number(props.autoDrawDuration) || (props.fill ? 500 : 2000));
       const lastLength = vue.ref(0);
@@ -26694,7 +26678,7 @@
       const loaderColor = vue.computed(() => {
         return typeof props.loading === 'string' && props.loading !== '' ? props.loading : props.color;
       });
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `switch-${uid}`);
       function onChange() {
         if (indeterminate.value) {
@@ -27739,7 +27723,7 @@
       const {
         scopeId
       } = useScopeId();
-      const uid = getUid();
+      const uid = vue.useId();
       const id = vue.computed(() => props.id || `v-tooltip-${uid}`);
       const overlay = vue.ref();
       const location = vue.computed(() => {
@@ -28252,7 +28236,6 @@
           };
         }
       }
-      getUid.reset();
       if (typeof __VUE_OPTIONS_API__ !== 'boolean' || __VUE_OPTIONS_API__) {
         app.mixin({
           computed: {
@@ -28281,7 +28264,7 @@
       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
@@ -28306,7 +28289,7 @@
       ...options
     });
   };
-  const version = "3.7.5-dev.2024-12-03";
+  const version = "3.7.5-dev.2024-12-16";
   createVuetify.version = version;
 
   exports.blueprints = index;