vuetify 3.3.14 → 3.3.15

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.14
+* Vuetify v3.3.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2119,6 +2119,7 @@
         colors: {
           background: '#FFFFFF',
           surface: '#FFFFFF',
+          'surface-bright': '#FFFFFF',
           'surface-variant': '#424242',
           'on-surface-variant': '#EEEEEE',
           primary: '#6200EE',
@@ -2154,7 +2155,8 @@
         colors: {
           background: '#121212',
           surface: '#212121',
-          'surface-variant': '#BDBDBD',
+          'surface-bright': '#ccbfd6',
+          'surface-variant': '#a3a3a3',
           'on-surface-variant': '#424242',
           primary: '#BB86FC',
           'primary-darken-1': '#3700B3',
@@ -2345,12 +2347,14 @@
     const theme = vue.inject(ThemeSymbol, null);
     if (!theme) throw new Error('Could not find Vuetify theme injection');
     const name = vue.computed(() => {
-      return props.theme ?? theme?.name.value;
+      return props.theme ?? theme.name.value;
     });
+    const current = vue.computed(() => theme.themes.value[name.value]);
     const themeClasses = vue.computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
     const newTheme = {
       ...theme,
       name,
+      current,
       themeClasses
     };
     vue.provide(ThemeSymbol, newTheme);
@@ -5807,6 +5811,12 @@
     } = useTextColor(vue.computed(() => {
       return model.value && !props.error && !props.disabled ? props.color : undefined;
     }));
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(vue.computed(() => {
+      return model.value && !props.error && !props.disabled ? props.color : undefined;
+    }));
     const icon = vue.computed(() => model.value ? props.trueIcon : props.falseIcon);
     return {
       group,
@@ -5816,6 +5826,8 @@
       model,
       textColorClasses,
       textColorStyles,
+      backgroundColorClasses,
+      backgroundColorStyles,
       icon
     };
   }
@@ -5841,6 +5853,8 @@
         model,
         textColorClasses,
         textColorStyles,
+        backgroundColorClasses,
+        backgroundColorStyles,
         trueValue
       } = useSelectionControl(props);
       const uid = getUid();
@@ -5905,12 +5919,17 @@
         }), [vue.createVNode("div", {
           "class": ['v-selection-control__wrapper', textColorClasses.value],
           "style": textColorStyles.value
-        }, [slots.default?.(), vue.withDirectives(vue.createVNode("div", {
+        }, [slots.default?.({
+          backgroundColorClasses,
+          backgroundColorStyles
+        }), vue.withDirectives(vue.createVNode("div", {
           "class": ['v-selection-control__input']
         }, [slots.input?.({
           model,
           textColorClasses,
           textColorStyles,
+          backgroundColorClasses,
+          backgroundColorStyles,
           inputNode,
           icon: icon.value,
           props: {
@@ -9121,7 +9140,7 @@
       if (selector) {
         if (selector === 'parent') {
           let el = vm?.proxy?.$el?.parentNode;
-          while (el.hasAttribute('data-no-activator')) {
+          while (el?.hasAttribute('data-no-activator')) {
             el = el.parentNode;
           }
           activator = el;
@@ -18621,19 +18640,29 @@
               "onBlur": blur
             }, controlAttrs), {
               ...slots,
-              default: () => vue.createVNode("div", {
-                "class": "v-switch__track",
-                "onClick": onTrackClick
-              }, null),
-              input: _ref3 => {
+              default: _ref3 => {
                 let {
-                  inputNode,
-                  icon
+                  backgroundColorClasses,
+                  backgroundColorStyles
                 } = _ref3;
+                return vue.createVNode("div", {
+                  "class": ['v-switch__track', ...backgroundColorClasses.value],
+                  "style": backgroundColorStyles.value,
+                  "onClick": onTrackClick
+                }, null);
+              },
+              input: _ref4 => {
+                let {
+                  inputNode,
+                  icon,
+                  backgroundColorClasses,
+                  backgroundColorStyles
+                } = _ref4;
                 return vue.createVNode(vue.Fragment, null, [inputNode, vue.createVNode("div", {
                   "class": ['v-switch__thumb', {
                     'v-switch__thumb--filled': icon || props.loading
-                  }]
+                  }, props.inset ? undefined : backgroundColorClasses.value],
+                  "style": props.inset ? undefined : backgroundColorStyles.value
                 }, [vue.createVNode(VScaleTransition, null, {
                   default: () => [!props.loading ? icon && vue.createVNode(VIcon, {
                     "key": icon,
@@ -18774,8 +18803,8 @@
           const delta = prevPos > nextPos ? prevBox[rightBottom] - nextBox[rightBottom] : prevBox[xy] - nextBox[xy];
           const origin = Math.sign(delta) > 0 ? isHorizontal.value ? 'right' : 'bottom' : Math.sign(delta) < 0 ? isHorizontal.value ? 'left' : 'top' : 'center';
           const size = Math.abs(delta) + (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight]);
-          const scale = size / Math.max(prevBox[widthHeight], nextBox[widthHeight]);
-          const initialScale = prevBox[widthHeight] / nextBox[widthHeight];
+          const scale = size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) || 0;
+          const initialScale = prevBox[widthHeight] / nextBox[widthHeight] || 0;
           const sigma = 1.5;
           animate(nextEl, {
             backgroundColor: [color, 'currentcolor'],
@@ -19171,6 +19200,7 @@
                   once: true
                 }]]), props.autoGrow && vue.withDirectives(vue.createVNode("textarea", {
                   "class": [fieldClass, 'v-textarea__sizer'],
+                  "id": `${slotProps.id}-sizer`,
                   "onUpdate:modelValue": $event => model.value = $event,
                   "ref": sizerRef,
                   "readonly": true,
@@ -24548,7 +24578,7 @@
       date
     };
   }
-  const version$1 = "3.3.14";
+  const version$1 = "3.3.15";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -24562,7 +24592,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.14";
+  const version = "3.3.15";
 
   /* eslint-disable local-rules/sort-imports */