vuetify 3.3.7 → 3.3.9

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.7
+* Vuetify v3.3.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2158,7 +2158,7 @@
 
   // Composables
   function createTheme(options) {
-    const parsedOptions = vue.reactive(parseThemeOptions(options));
+    const parsedOptions = parseThemeOptions(options);
     const name = vue.ref(parsedOptions.defaultTheme);
     const themes = vue.ref(parsedOptions.themes);
     const computedThemes = vue.computed(() => {
@@ -8331,6 +8331,12 @@
     // el.style.removeProperty('max-width')
     // el.style.removeProperty('max-height')
 
+    if (isRtl) {
+      el.style.removeProperty('left');
+    } else {
+      el.style.removeProperty('right');
+    }
+
     /* eslint-disable-next-line sonarjs/prefer-immediate-return */
     const contentBox = nullifyTransforms(el);
     if (isRtl) {
@@ -9612,11 +9618,11 @@
         props: vue.mergeProps({
           ref: activatorRef
         }, activatorEvents.value, props.activatorProps)
-      }), isMounted.value && vue.createVNode(vue.Teleport, {
+      }), isMounted.value && hasContent.value && vue.createVNode(vue.Teleport, {
         "disabled": !teleportTarget.value,
         "to": teleportTarget.value
       }, {
-        default: () => [hasContent.value && vue.createVNode("div", vue.mergeProps({
+        default: () => [vue.createVNode("div", vue.mergeProps({
           "class": ['v-overlay', {
             'v-overlay--absolute': props.absolute || props.contained,
             'v-overlay--active': isActive.value,
@@ -10118,7 +10124,7 @@
         }, null), vue.createVNode(LoaderSlot, {
           "name": "v-field",
           "active": !!props.loading,
-          "color": props.error ? 'error' : props.color
+          "color": props.error ? 'error' : typeof props.loading === 'string' ? props.loading : props.color
         }, {
           default: slots.loader
         }), hasPrepend && vue.createVNode("div", {
@@ -11101,7 +11107,8 @@
     const filteredMatches = vue.ref(new Map());
     const transformedItems = vue.computed(() => options?.transform ? vue.unref(items).map(options?.transform) : vue.unref(items));
     vue.watchEffect(() => {
-      const strQuery = typeof vue.toValue(query) !== 'string' && typeof vue.toValue(query) !== 'number' ? '' : String(vue.toValue(query));
+      const _query = typeof query === 'function' ? query() : vue.unref(query);
+      const strQuery = typeof _query !== 'string' && typeof _query !== 'number' ? '' : String(_query);
       const results = filterItems(transformedItems.value, strQuery, {
         customKeyFilter: props.customKeyFilter,
         default: props.customFilter,
@@ -12674,64 +12681,65 @@
         window.clearTimeout(slideTimeout);
         window.requestAnimationFrame(startTimeout);
       }
-      useRender(() => vue.createVNode(VWindow, {
-        "ref": windowRef,
-        "modelValue": model.value,
-        "onUpdate:modelValue": $event => model.value = $event,
-        "class": ['v-carousel', {
-          'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
-          'v-carousel--vertical-delimiters': props.verticalDelimiters
-        }, props.class],
-        "style": [{
-          height: convertToUnit(props.height)
-        }, props.style],
-        "continuous": true,
-        "mandatory": "force",
-        "showArrows": props.showArrows
-      }, {
-        default: slots.default,
-        additional: _ref2 => {
-          let {
-            group
-          } = _ref2;
-          return vue.createVNode(vue.Fragment, null, [!props.hideDelimiters && vue.createVNode("div", {
-            "class": "v-carousel__controls",
-            "style": {
-              left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
-              right: props.verticalDelimiters === 'right' ? 0 : 'auto'
-            }
-          }, [group.items.value.length > 0 && vue.createVNode(VDefaultsProvider, {
-            "defaults": {
-              VBtn: {
-                color: props.color,
-                icon: props.delimiterIcon,
-                size: 'x-small',
-                variant: 'text'
+      useRender(() => {
+        const [windowProps] = VWindow.filterProps(props);
+        return vue.createVNode(VWindow, vue.mergeProps({
+          "ref": windowRef
+        }, windowProps, {
+          "modelValue": model.value,
+          "onUpdate:modelValue": $event => model.value = $event,
+          "class": ['v-carousel', {
+            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,
+            'v-carousel--vertical-delimiters': props.verticalDelimiters
+          }, props.class],
+          "style": [{
+            height: convertToUnit(props.height)
+          }, props.style]
+        }), {
+          default: slots.default,
+          additional: _ref2 => {
+            let {
+              group
+            } = _ref2;
+            return vue.createVNode(vue.Fragment, null, [!props.hideDelimiters && vue.createVNode("div", {
+              "class": "v-carousel__controls",
+              "style": {
+                left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',
+                right: props.verticalDelimiters === 'right' ? 0 : 'auto'
               }
-            },
-            "scoped": true
-          }, {
-            default: () => [group.items.value.map((item, index) => {
-              const props = {
-                id: `carousel-item-${item.id}`,
-                'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),
-                class: [group.isSelected(item.id) && 'v-btn--active'],
-                onClick: () => group.select(item.id, true)
-              };
-              return slots.item ? slots.item({
-                props,
-                item
-              }) : vue.createVNode(VBtn, vue.mergeProps(item, props), null);
-            })]
-          })]), props.progress && vue.createVNode(VProgressLinear, {
-            "class": "v-carousel__progress",
-            "color": typeof props.progress === 'string' ? props.progress : undefined,
-            "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
-          }, null)]);
-        },
-        prev: slots.prev,
-        next: slots.next
-      }));
+            }, [group.items.value.length > 0 && vue.createVNode(VDefaultsProvider, {
+              "defaults": {
+                VBtn: {
+                  color: props.color,
+                  icon: props.delimiterIcon,
+                  size: 'x-small',
+                  variant: 'text'
+                }
+              },
+              "scoped": true
+            }, {
+              default: () => [group.items.value.map((item, index) => {
+                const props = {
+                  id: `carousel-item-${item.id}`,
+                  'aria-label': t('$vuetify.carousel.ariaLabel.delimiter', index + 1, group.items.value.length),
+                  class: [group.isSelected(item.id) && 'v-btn--active'],
+                  onClick: () => group.select(item.id, true)
+                };
+                return slots.item ? slots.item({
+                  props,
+                  item
+                }) : vue.createVNode(VBtn, vue.mergeProps(item, props), null);
+              })]
+            })]), props.progress && vue.createVNode(VProgressLinear, {
+              "class": "v-carousel__progress",
+              "color": typeof props.progress === 'string' ? props.progress : undefined,
+              "modelValue": (group.getItemIndex(model.value) + 1) / group.items.value.length * 100
+            }, null)]);
+          },
+          prev: slots.prev,
+          next: slots.next
+        });
+      });
       return {};
     }
   });
@@ -17482,8 +17490,10 @@
             value
           } = _ref2;
           const newValue = activeThumbRef.value === startThumbRef.value?.$el ? [value, model.value[1]] : [model.value[0], value];
-          model.value = newValue;
-          emit('end', newValue);
+          if (!props.strict && newValue[0] < newValue[1]) {
+            model.value = newValue;
+          }
+          emit('end', model.value);
         },
         onSliderMove: _ref3 => {
           let {
@@ -19825,11 +19835,24 @@
   function endOfMonth(date) {
     return new Date(date.getFullYear(), date.getMonth() + 1, 0);
   }
+  function formatYyyyMmDd(value) {
+    const formattedValue = value.split('-').map(d => d.padStart(2, '0')).join('-');
+    const offsetMin = new Date().getTimezoneOffset() / -60;
+    const offsetSign = offsetMin < 0 ? '-' : '+';
+    const offsetValue = Math.abs(offsetMin).toString().padStart(2, '0');
+    return `${formattedValue}T00:00:00.000${offsetSign}${offsetValue}:00`;
+  }
+  const _YYYMMDD = /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/;
   function date(value) {
     if (value == null) return new Date();
     if (value instanceof Date) return value;
     if (typeof value === 'string') {
-      const parsed = Date.parse(value);
+      let parsed;
+      if (_YYYMMDD.test(value)) {
+        parsed = Date.parse(formatYyyyMmDd(value));
+      } else {
+        parsed = Date.parse(value);
+      }
       if (!isNaN(parsed)) return new Date(parsed);
     }
     return null;
@@ -20160,7 +20183,7 @@
       date
     };
   }
-  const version$1 = "3.3.7";
+  const version$1 = "3.3.9";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20185,7 +20208,7 @@
       ...options
     });
   };
-  const version = "3.3.7";
+  const version = "3.3.9";
   createVuetify.version = version;
 
   exports.components = components;