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

package/dist/vuetify-labs.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.
 */
@@ -22442,6 +22442,7 @@
   const makeVMainProps = propsFactory({
     scrollable: Boolean,
     ...makeComponentProps(),
+    ...makeDimensionProps(),
     ...makeTagProps({
       tag: 'main'
     })
@@ -22453,6 +22454,9 @@
       let {
         slots
       } = _ref;
+      const {
+        dimensionStyles
+      } = useDimension(props);
       const {
         mainStyles,
         layoutIsReady
@@ -22464,7 +22468,7 @@
         "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 ? vue.createVNode("div", {
           "class": "v-main__scroller"
@@ -25273,100 +25277,6 @@
     }
   });
 
-  // 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: vue.toRef(props, 'lineColor')
-        },
-        VTimelineItem: {
-          density: vue.toRef(props, 'density'),
-          lineInset: vue.toRef(props, 'lineInset')
-        }
-      });
-      const sideClasses = vue.computed(() => {
-        const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
-        return side && `v-timeline--side-${side}`;
-      });
-      const truncateClasses = vue.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(() => vue.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,
@@ -25513,6 +25423,103 @@
     }
   });
 
+  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: vue.toRef(props, 'lineColor')
+        },
+        VTimelineItem: {
+          density: vue.toRef(props, 'density'),
+          dotColor: vue.toRef(props, 'lineColor'),
+          fillDot: vue.toRef(props, 'fillDot'),
+          hideOpposite: vue.toRef(props, 'hideOpposite'),
+          iconColor: vue.toRef(props, 'iconColor'),
+          lineColor: vue.toRef(props, 'lineColor'),
+          lineInset: vue.toRef(props, 'lineInset'),
+          size: vue.toRef(props, 'size')
+        }
+      });
+      const sideClasses = vue.computed(() => {
+        const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
+        return side && `v-timeline--side-${side}`;
+      });
+      const truncateClasses = vue.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(() => vue.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({
@@ -27668,7 +27675,7 @@
       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
@@ -27921,7 +27928,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.9-dev.2024-03-17";
+  const version = "3.5.9-dev.2024-03-29";
 
   /* eslint-disable local-rules/sort-imports */