@vuetify/nightly 3.5.9-dev.2024-03-17 → 3.5.9-dev.2024-03-29

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.9-dev.2024-03-17
+* Vuetify v3.5.9-dev.2024-03-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -22671,6 +22671,7 @@ const VLocaleProvider = genericComponent()({
 const makeVMainProps = propsFactory({
   scrollable: Boolean,
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeTagProps({
     tag: 'main'
   })
@@ -22682,6 +22683,9 @@ const VMain = genericComponent()({
     let {
       slots
     } = _ref;
+    const {
+      dimensionStyles
+    } = useDimension(props);
     const {
       mainStyles,
       layoutIsReady
@@ -22693,7 +22697,7 @@ const VMain = genericComponent()({
       "class": ['v-main', {
         'v-main--scrollable': props.scrollable
       }, props.class],
-      "style": [mainStyles.value, ssrBootStyles.value, props.style]
+      "style": [mainStyles.value, ssrBootStyles.value, dimensionStyles.value, props.style]
     }, {
       default: () => [props.scrollable ? createVNode("div", {
         "class": "v-main__scroller"
@@ -25502,100 +25506,6 @@ const VThemeProvider = genericComponent()({
   }
 });
 
-// Types
-
-const makeVTimelineProps = propsFactory({
-  align: {
-    type: String,
-    default: 'center',
-    validator: v => ['center', 'start'].includes(v)
-  },
-  direction: {
-    type: String,
-    default: 'vertical',
-    validator: v => ['vertical', 'horizontal'].includes(v)
-  },
-  justify: {
-    type: String,
-    default: 'auto',
-    validator: v => ['auto', 'center'].includes(v)
-  },
-  side: {
-    type: String,
-    validator: v => v == null || ['start', 'end'].includes(v)
-  },
-  lineInset: {
-    type: [String, Number],
-    default: 0
-  },
-  lineThickness: {
-    type: [String, Number],
-    default: 2
-  },
-  lineColor: String,
-  truncateLine: {
-    type: String,
-    validator: v => ['start', 'end', 'both'].includes(v)
-  },
-  ...makeComponentProps(),
-  ...makeDensityProps(),
-  ...makeTagProps(),
-  ...makeThemeProps()
-}, 'VTimeline');
-const VTimeline = genericComponent()({
-  name: 'VTimeline',
-  props: makeVTimelineProps(),
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      densityClasses
-    } = useDensity(props);
-    const {
-      rtlClasses
-    } = useRtl();
-    provideDefaults({
-      VTimelineDivider: {
-        lineColor: toRef(props, 'lineColor')
-      },
-      VTimelineItem: {
-        density: toRef(props, 'density'),
-        lineInset: toRef(props, 'lineInset')
-      }
-    });
-    const sideClasses = computed(() => {
-      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
-      return side && `v-timeline--side-${side}`;
-    });
-    const truncateClasses = computed(() => {
-      const classes = ['v-timeline--truncate-line-start', 'v-timeline--truncate-line-end'];
-      switch (props.truncateLine) {
-        case 'both':
-          return classes;
-        case 'start':
-          return classes[0];
-        case 'end':
-          return classes[1];
-        default:
-          return null;
-      }
-    });
-    useRender(() => createVNode(props.tag, {
-      "class": ['v-timeline', `v-timeline--${props.direction}`, `v-timeline--align-${props.align}`, `v-timeline--justify-${props.justify}`, truncateClasses.value, {
-        'v-timeline--inset-line': !!props.lineInset
-      }, themeClasses.value, densityClasses.value, sideClasses.value, rtlClasses.value, props.class],
-      "style": [{
-        '--v-timeline-line-thickness': convertToUnit(props.lineThickness)
-      }, props.style]
-    }, slots));
-    return {};
-  }
-});
-
 const makeVTimelineDividerProps = propsFactory({
   dotColor: String,
   fillDot: Boolean,
@@ -25742,6 +25652,103 @@ const VTimelineItem = genericComponent()({
   }
 });
 
+const makeVTimelineProps = propsFactory({
+  align: {
+    type: String,
+    default: 'center',
+    validator: v => ['center', 'start'].includes(v)
+  },
+  direction: {
+    type: String,
+    default: 'vertical',
+    validator: v => ['vertical', 'horizontal'].includes(v)
+  },
+  justify: {
+    type: String,
+    default: 'auto',
+    validator: v => ['auto', 'center'].includes(v)
+  },
+  side: {
+    type: String,
+    validator: v => v == null || ['start', 'end'].includes(v)
+  },
+  lineThickness: {
+    type: [String, Number],
+    default: 2
+  },
+  lineColor: String,
+  truncateLine: {
+    type: String,
+    validator: v => ['start', 'end', 'both'].includes(v)
+  },
+  ...only(makeVTimelineItemProps({
+    lineInset: 0
+  }), ['dotColor', 'fillDot', 'hideOpposite', 'iconColor', 'lineInset', 'size']),
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeTagProps(),
+  ...makeThemeProps()
+}, 'VTimeline');
+const VTimeline = genericComponent()({
+  name: 'VTimeline',
+  props: makeVTimelineProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    const {
+      rtlClasses
+    } = useRtl();
+    provideDefaults({
+      VTimelineDivider: {
+        lineColor: toRef(props, 'lineColor')
+      },
+      VTimelineItem: {
+        density: toRef(props, 'density'),
+        dotColor: toRef(props, 'lineColor'),
+        fillDot: toRef(props, 'fillDot'),
+        hideOpposite: toRef(props, 'hideOpposite'),
+        iconColor: toRef(props, 'iconColor'),
+        lineColor: toRef(props, 'lineColor'),
+        lineInset: toRef(props, 'lineInset'),
+        size: toRef(props, 'size')
+      }
+    });
+    const sideClasses = computed(() => {
+      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
+      return side && `v-timeline--side-${side}`;
+    });
+    const truncateClasses = computed(() => {
+      const classes = ['v-timeline--truncate-line-start', 'v-timeline--truncate-line-end'];
+      switch (props.truncateLine) {
+        case 'both':
+          return classes;
+        case 'start':
+          return classes[0];
+        case 'end':
+          return classes[1];
+        default:
+          return null;
+      }
+    });
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-timeline', `v-timeline--${props.direction}`, `v-timeline--align-${props.align}`, `v-timeline--justify-${props.justify}`, truncateClasses.value, {
+        'v-timeline--inset-line': !!props.lineInset
+      }, themeClasses.value, densityClasses.value, sideClasses.value, rtlClasses.value, props.class],
+      "style": [{
+        '--v-timeline-line-thickness': convertToUnit(props.lineThickness)
+      }, props.style]
+    }, slots));
+    return {};
+  }
+});
+
 const makeVToolbarItemsProps = propsFactory({
   ...makeComponentProps(),
   ...makeVariantProps({
@@ -26252,7 +26259,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.9-dev.2024-03-17";
+const version$1 = "3.5.9-dev.2024-03-29";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -26277,7 +26284,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.9-dev.2024-03-17";
+const version = "3.5.9-dev.2024-03-29";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };