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

package/dist/vuetify-labs.d.ts

@@ -39906,6 +39906,12 @@ declare const VMain: {
         tag: string;
         scrollable: boolean;
     } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
     } & {
         $children?: vue.VNodeChild | {
@@ -39921,6 +39927,12 @@ declare const VMain: {
         tag: string;
         scrollable: boolean;
     } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
     } & {
         $children?: vue.VNodeChild | {
@@ -39951,6 +39963,12 @@ declare const VMain: {
         tag: string;
         scrollable: boolean;
     } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
         class?: any;
     } & {
         $children?: vue.VNodeChild | {
@@ -39974,6 +39992,12 @@ declare const VMain: {
     tag: string;
     scrollable: boolean;
 } & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
     class?: any;
 } & {
     $children?: vue.VNodeChild | {
@@ -40000,6 +40024,12 @@ declare const VMain: {
         type: vue.PropType<string>;
         default: string;
     };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -40014,6 +40044,12 @@ declare const VMain: {
         type: vue.PropType<string>;
         default: string;
     };
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
     class: vue.PropType<any>;
     style: {
         type: vue.PropType<vue.StyleValue>;
@@ -63417,10 +63453,12 @@ type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined;
 declare const VTimeline: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
+        size: string | number;
         tag: string;
         justify: string;
         density: Density;
-        lineInset: string | number;
+        fillDot: boolean;
+        lineInset: NonNullable<string | number>;
         lineThickness: string | number;
     } & {
         direction?: TimelineDirection | undefined;
@@ -63428,7 +63466,10 @@ declare const VTimeline: {
         align?: TimelineAlign | undefined;
         side?: TimelineSide;
         theme?: string | undefined;
+        dotColor?: string | undefined;
+        iconColor?: string | undefined;
         lineColor?: string | undefined;
+        hideOpposite?: boolean | undefined;
         truncateLine?: TimelineTruncateLine;
     } & {
         $children?: vue.VNodeChild | {
@@ -63441,10 +63482,12 @@ declare const VTimeline: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
+        size: string | number;
         tag: string;
         justify: string;
         density: Density;
-        lineInset: string | number;
+        fillDot: boolean;
+        lineInset: NonNullable<string | number>;
         lineThickness: string | number;
     } & {
         direction?: TimelineDirection | undefined;
@@ -63452,7 +63495,10 @@ declare const VTimeline: {
         align?: TimelineAlign | undefined;
         side?: TimelineSide;
         theme?: string | undefined;
+        dotColor?: string | undefined;
+        iconColor?: string | undefined;
         lineColor?: string | undefined;
+        hideOpposite?: boolean | undefined;
         truncateLine?: TimelineTruncateLine;
     } & {
         $children?: vue.VNodeChild | {
@@ -63465,10 +63511,13 @@ declare const VTimeline: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
         style: vue.StyleValue;
+        size: string | number;
         tag: string;
         justify: string;
         density: Density;
-        lineInset: string | number;
+        fillDot: boolean;
+        hideOpposite: boolean;
+        lineInset: NonNullable<string | number>;
         lineThickness: string | number;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -63483,10 +63532,12 @@ declare const VTimeline: {
         Defaults: {};
     }, {
         style: vue.StyleValue;
+        size: string | number;
         tag: string;
         justify: string;
         density: Density;
-        lineInset: string | number;
+        fillDot: boolean;
+        lineInset: NonNullable<string | number>;
         lineThickness: string | number;
     } & {
         direction?: TimelineDirection | undefined;
@@ -63494,7 +63545,10 @@ declare const VTimeline: {
         align?: TimelineAlign | undefined;
         side?: TimelineSide;
         theme?: string | undefined;
+        dotColor?: string | undefined;
+        iconColor?: string | undefined;
         lineColor?: string | undefined;
+        hideOpposite?: boolean | undefined;
         truncateLine?: TimelineTruncateLine;
     } & {
         $children?: vue.VNodeChild | {
@@ -63507,10 +63561,13 @@ declare const VTimeline: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
+        size: string | number;
         tag: string;
         justify: string;
         density: Density;
-        lineInset: string | number;
+        fillDot: boolean;
+        hideOpposite: boolean;
+        lineInset: NonNullable<string | number>;
         lineThickness: string | number;
     }>;
     __isFragment?: undefined;
@@ -63518,10 +63575,12 @@ declare const VTimeline: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
+    size: string | number;
     tag: string;
     justify: string;
     density: Density;
-    lineInset: string | number;
+    fillDot: boolean;
+    lineInset: NonNullable<string | number>;
     lineThickness: string | number;
 } & {
     direction?: TimelineDirection | undefined;
@@ -63529,7 +63588,10 @@ declare const VTimeline: {
     align?: TimelineAlign | undefined;
     side?: TimelineSide;
     theme?: string | undefined;
+    dotColor?: string | undefined;
+    iconColor?: string | undefined;
     lineColor?: string | undefined;
+    hideOpposite?: boolean | undefined;
     truncateLine?: TimelineTruncateLine;
 } & {
     $children?: vue.VNodeChild | {
@@ -63542,10 +63604,13 @@ declare const VTimeline: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
+    size: string | number;
     tag: string;
     justify: string;
     density: Density;
-    lineInset: string | number;
+    fillDot: boolean;
+    hideOpposite: boolean;
+    lineInset: NonNullable<string | number>;
     lineThickness: string | number;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -63567,6 +63632,21 @@ declare const VTimeline: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    dotColor: StringConstructor;
+    fillDot: BooleanConstructor;
+    iconColor: StringConstructor;
+    hideOpposite: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    lineInset: {
+        type: vue.PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
     align: Prop<TimelineAlign>;
     direction: Prop<TimelineDirection>;
     justify: {
@@ -63575,10 +63655,6 @@ declare const VTimeline: {
         validator: (v: any) => boolean;
     };
     side: Prop<TimelineSide>;
-    lineInset: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
     lineThickness: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -63601,6 +63677,21 @@ declare const VTimeline: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    dotColor: StringConstructor;
+    fillDot: BooleanConstructor;
+    iconColor: StringConstructor;
+    hideOpposite: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    lineInset: {
+        type: vue.PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
     align: Prop<TimelineAlign>;
     direction: Prop<TimelineDirection>;
     justify: {
@@ -63609,10 +63700,6 @@ declare const VTimeline: {
         validator: (v: any) => boolean;
     };
     side: Prop<TimelineSide>;
-    lineInset: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
     lineThickness: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -63642,10 +63729,10 @@ declare const VTimelineItem: {
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         density?: "default" | "compact" | undefined;
-        lineInset?: string | number | undefined;
         dotColor?: string | undefined;
         iconColor?: string | undefined;
         hideOpposite?: boolean | undefined;
+        lineInset?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -63680,10 +63767,10 @@ declare const VTimelineItem: {
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         density?: "default" | "compact" | undefined;
-        lineInset?: string | number | undefined;
         dotColor?: string | undefined;
         iconColor?: string | undefined;
         hideOpposite?: boolean | undefined;
+        lineInset?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -63744,10 +63831,10 @@ declare const VTimelineItem: {
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         density?: "default" | "compact" | undefined;
-        lineInset?: string | number | undefined;
         dotColor?: string | undefined;
         iconColor?: string | undefined;
         hideOpposite?: boolean | undefined;
+        lineInset?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -63795,10 +63882,10 @@ declare const VTimelineItem: {
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
     density?: "default" | "compact" | undefined;
-    lineInset?: string | number | undefined;
     dotColor?: string | undefined;
     iconColor?: string | undefined;
     hideOpposite?: boolean | undefined;
+    lineInset?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;

package/dist/vuetify-labs.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.
 */
@@ -22438,6 +22438,7 @@ const VLocaleProvider = genericComponent()({
 const makeVMainProps = propsFactory({
   scrollable: Boolean,
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeTagProps({
     tag: 'main'
   })
@@ -22449,6 +22450,9 @@ const VMain = genericComponent()({
     let {
       slots
     } = _ref;
+    const {
+      dimensionStyles
+    } = useDimension(props);
     const {
       mainStyles,
       layoutIsReady
@@ -22460,7 +22464,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"
@@ -25269,100 +25273,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,
@@ -25509,6 +25419,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({
@@ -27664,7 +27671,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
@@ -27917,7 +27924,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */