vuetify 3.3.14 → 3.3.15

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.14
+* Vuetify v3.3.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2115,6 +2115,7 @@ const defaultThemeOptions = {
       colors: {
         background: '#FFFFFF',
         surface: '#FFFFFF',
+        'surface-bright': '#FFFFFF',
         'surface-variant': '#424242',
         'on-surface-variant': '#EEEEEE',
         primary: '#6200EE',
@@ -2150,7 +2151,8 @@ const defaultThemeOptions = {
       colors: {
         background: '#121212',
         surface: '#212121',
-        'surface-variant': '#BDBDBD',
+        'surface-bright': '#ccbfd6',
+        'surface-variant': '#a3a3a3',
         'on-surface-variant': '#424242',
         primary: '#BB86FC',
         'primary-darken-1': '#3700B3',
@@ -2341,12 +2343,14 @@ function provideTheme(props) {
   const theme = inject$1(ThemeSymbol, null);
   if (!theme) throw new Error('Could not find Vuetify theme injection');
   const name = computed(() => {
-    return props.theme ?? theme?.name.value;
+    return props.theme ?? theme.name.value;
   });
+  const current = computed(() => theme.themes.value[name.value]);
   const themeClasses = computed(() => theme.isDisabled ? undefined : `v-theme--${name.value}`);
   const newTheme = {
     ...theme,
     name,
+    current,
     themeClasses
   };
   provide(ThemeSymbol, newTheme);
@@ -5803,6 +5807,12 @@ function useSelectionControl(props) {
   } = useTextColor(computed(() => {
     return model.value && !props.error && !props.disabled ? props.color : undefined;
   }));
+  const {
+    backgroundColorClasses,
+    backgroundColorStyles
+  } = useBackgroundColor(computed(() => {
+    return model.value && !props.error && !props.disabled ? props.color : undefined;
+  }));
   const icon = computed(() => model.value ? props.trueIcon : props.falseIcon);
   return {
     group,
@@ -5812,6 +5822,8 @@ function useSelectionControl(props) {
     model,
     textColorClasses,
     textColorStyles,
+    backgroundColorClasses,
+    backgroundColorStyles,
     icon
   };
 }
@@ -5837,6 +5849,8 @@ const VSelectionControl = genericComponent()({
       model,
       textColorClasses,
       textColorStyles,
+      backgroundColorClasses,
+      backgroundColorStyles,
       trueValue
     } = useSelectionControl(props);
     const uid = getUid();
@@ -5901,12 +5915,17 @@ const VSelectionControl = genericComponent()({
       }), [createVNode("div", {
         "class": ['v-selection-control__wrapper', textColorClasses.value],
         "style": textColorStyles.value
-      }, [slots.default?.(), withDirectives(createVNode("div", {
+      }, [slots.default?.({
+        backgroundColorClasses,
+        backgroundColorStyles
+      }), withDirectives(createVNode("div", {
         "class": ['v-selection-control__input']
       }, [slots.input?.({
         model,
         textColorClasses,
         textColorStyles,
+        backgroundColorClasses,
+        backgroundColorStyles,
         inputNode,
         icon: icon.value,
         props: {
@@ -9117,7 +9136,7 @@ function _useActivator(props, vm, _ref2) {
     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;
@@ -18617,19 +18636,29 @@ const VSwitch = genericComponent()({
             "onBlur": blur
           }, controlAttrs), {
             ...slots,
-            default: () => createVNode("div", {
-              "class": "v-switch__track",
-              "onClick": onTrackClick
-            }, null),
-            input: _ref3 => {
+            default: _ref3 => {
               let {
-                inputNode,
-                icon
+                backgroundColorClasses,
+                backgroundColorStyles
               } = _ref3;
+              return createVNode("div", {
+                "class": ['v-switch__track', ...backgroundColorClasses.value],
+                "style": backgroundColorStyles.value,
+                "onClick": onTrackClick
+              }, null);
+            },
+            input: _ref4 => {
+              let {
+                inputNode,
+                icon,
+                backgroundColorClasses,
+                backgroundColorStyles
+              } = _ref4;
               return createVNode(Fragment, null, [inputNode, createVNode("div", {
                 "class": ['v-switch__thumb', {
                   'v-switch__thumb--filled': icon || props.loading
-                }]
+                }, props.inset ? undefined : backgroundColorClasses.value],
+                "style": props.inset ? undefined : backgroundColorStyles.value
               }, [createVNode(VScaleTransition, null, {
                 default: () => [!props.loading ? icon && createVNode(VIcon, {
                   "key": icon,
@@ -18770,8 +18799,8 @@ const VTab = genericComponent()({
         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'],
@@ -19167,6 +19196,7 @@ const VTextarea = genericComponent()({
                 once: true
               }]]), props.autoGrow && withDirectives(createVNode("textarea", {
                 "class": [fieldClass, 'v-textarea__sizer'],
+                "id": `${slotProps.id}-sizer`,
                 "onUpdate:modelValue": $event => model.value = $event,
                 "ref": sizerRef,
                 "readonly": true,
@@ -24544,7 +24574,7 @@ function createVuetify$1() {
     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
@@ -24558,7 +24588,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.14";
+const version = "3.3.15";
 
 /* eslint-disable local-rules/sort-imports */