@vuetify/nightly 3.0.0-beta.2 → 3.0.0-beta.5

package/lib/components/VTimePicker/VTimePickerTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimePicker/VTimePickerTitle.ts"],"names":["PickerButton","pad","mixins","SelectingTimes","extend","name","props","ampm","Boolean","ampmReadonly","disabled","hour","Number","minute","second","period","type","String","validator","readonly","useSeconds","selecting","methods","genTime","displayedHour","displayedMinute","titleContent","genPickerButton","Hour","$createElement","Minute","displayedSecond","push","Second","class","genAmPm","staticClass","$vuetify","lang","t","render","h","children"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VTimePickerTitle.sass'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { pad } from '../VDatePicker/util'\nimport mixins from '../../util/mixins'\n\nimport { SelectingTimes } from './SelectingTimes'\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-title',\n\n  props: {\n    ampm: Boolean,\n    ampmReadonly: Boolean,\n    disabled: Boolean,\n    hour: Number,\n    minute: Number,\n    second: Number,\n    period: {\n      type: String as PropType<'am' | 'pm'>,\n      validator: period => period === 'am' || period === 'pm',\n    },\n    readonly: Boolean,\n    useSeconds: Boolean,\n    selecting: Number,\n  },\n\n  methods: {\n    genTime () {\n      let hour = this.hour\n      if (this.ampm) {\n        hour = hour ? ((hour - 1) % 12 + 1) : 12\n      }\n\n      const displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : pad(hour)\n      const displayedMinute = this.minute == null ? '--' : pad(this.minute)\n      const titleContent = [\n        this.genPickerButton('selecting', SelectingTimes.Hour, displayedHour, this.disabled),\n        this.$createElement('span', ':'),\n        this.genPickerButton('selecting', SelectingTimes.Minute, displayedMinute, this.disabled),\n      ]\n\n      if (this.useSeconds) {\n        const displayedSecond = this.second == null ? '--' : pad(this.second)\n        titleContent.push(this.$createElement('span', ':'))\n        titleContent.push(this.genPickerButton('selecting', SelectingTimes.Second, displayedSecond, this.disabled))\n      }\n      return this.$createElement('div', {\n        class: 'v-time-picker-title__time',\n      }, titleContent)\n    },\n    genAmPm () {\n      return this.$createElement('div', {\n        staticClass: 'v-time-picker-title__ampm',\n        class: {\n          'v-time-picker-title__ampm--readonly': this.ampmReadonly,\n        },\n      }, [\n        (!this.ampmReadonly || this.period === 'am') ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null,\n        (!this.ampmReadonly || this.period === 'pm') ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null,\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genTime()]\n\n    this.ampm && children.push(this.genAmPm())\n\n    return h('div', {\n      staticClass: 'v-time-picker-title',\n    }, children)\n  },\n})\n"],"file":"VTimePickerTitle.mjs"}
+{"version":3,"file":"VTimePickerTitle.mjs","names":["PickerButton","pad","mixins","SelectingTimes","extend","name","props","ampm","Boolean","ampmReadonly","disabled","hour","Number","minute","second","period","type","String","validator","readonly","useSeconds","selecting","methods","genTime","displayedHour","displayedMinute","titleContent","genPickerButton","Hour","$createElement","Minute","displayedSecond","push","Second","class","genAmPm","staticClass","$vuetify","lang","t","render","h","children"],"sources":["../../../src/components/VTimePicker/VTimePickerTitle.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VTimePickerTitle.sass'\n\n// Mixins\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { pad } from '../VDatePicker/util'\nimport mixins from '../../util/mixins'\n\nimport { SelectingTimes } from './SelectingTimes'\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-title',\n\n  props: {\n    ampm: Boolean,\n    ampmReadonly: Boolean,\n    disabled: Boolean,\n    hour: Number,\n    minute: Number,\n    second: Number,\n    period: {\n      type: String as PropType<'am' | 'pm'>,\n      validator: period => period === 'am' || period === 'pm',\n    },\n    readonly: Boolean,\n    useSeconds: Boolean,\n    selecting: Number,\n  },\n\n  methods: {\n    genTime () {\n      let hour = this.hour\n      if (this.ampm) {\n        hour = hour ? ((hour - 1) % 12 + 1) : 12\n      }\n\n      const displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : pad(hour)\n      const displayedMinute = this.minute == null ? '--' : pad(this.minute)\n      const titleContent = [\n        this.genPickerButton('selecting', SelectingTimes.Hour, displayedHour, this.disabled),\n        this.$createElement('span', ':'),\n        this.genPickerButton('selecting', SelectingTimes.Minute, displayedMinute, this.disabled),\n      ]\n\n      if (this.useSeconds) {\n        const displayedSecond = this.second == null ? '--' : pad(this.second)\n        titleContent.push(this.$createElement('span', ':'))\n        titleContent.push(this.genPickerButton('selecting', SelectingTimes.Second, displayedSecond, this.disabled))\n      }\n      return this.$createElement('div', {\n        class: 'v-time-picker-title__time',\n      }, titleContent)\n    },\n    genAmPm () {\n      return this.$createElement('div', {\n        staticClass: 'v-time-picker-title__ampm',\n        class: {\n          'v-time-picker-title__ampm--readonly': this.ampmReadonly,\n        },\n      }, [\n        (!this.ampmReadonly || this.period === 'am') ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null,\n        (!this.ampmReadonly || this.period === 'pm') ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null,\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genTime()]\n\n    this.ampm && children.push(this.genAmPm())\n\n    return h('div', {\n      staticClass: 'v-time-picker-title',\n    }, children)\n  },\n})\n"],"mappings":"AAAA;;AACA;AAEA,gC,CAEA;;OACOA,Y,wCAEP;;SACSC,G;OACFC,M;SAEEC,c;AAGT,eAAeD,MAAM,CACnBF;AACF;AAFqB,CAAN,CAGbI,MAHa,CAGN;EACPC,IAAI,EAAE,qBADC;EAGPC,KAAK,EAAE;IACLC,IAAI,EAAEC,OADD;IAELC,YAAY,EAAED,OAFT;IAGLE,QAAQ,EAAEF,OAHL;IAILG,IAAI,EAAEC,MAJD;IAKLC,MAAM,EAAED,MALH;IAMLE,MAAM,EAAEF,MANH;IAOLG,MAAM,EAAE;MACNC,IAAI,EAAEC,MADA;MAENC,SAAS,EAAEH,MAAM,IAAIA,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAK;IAF7C,CAPH;IAWLI,QAAQ,EAAEX,OAXL;IAYLY,UAAU,EAAEZ,OAZP;IAaLa,SAAS,EAAET;EAbN,CAHA;EAmBPU,OAAO,EAAE;IACPC,OAAO,GAAI;MACT,IAAIZ,IAAI,GAAG,KAAKA,IAAhB;;MACA,IAAI,KAAKJ,IAAT,EAAe;QACbI,IAAI,GAAGA,IAAI,GAAI,CAACA,IAAI,GAAG,CAAR,IAAa,EAAb,GAAkB,CAAtB,GAA2B,EAAtC;MACD;;MAED,MAAMa,aAAa,GAAG,KAAKb,IAAL,IAAa,IAAb,GAAoB,IAApB,GAA2B,KAAKJ,IAAL,GAAYU,MAAM,CAACN,IAAD,CAAlB,GAA2BV,GAAG,CAACU,IAAD,CAA/E;MACA,MAAMc,eAAe,GAAG,KAAKZ,MAAL,IAAe,IAAf,GAAsB,IAAtB,GAA6BZ,GAAG,CAAC,KAAKY,MAAN,CAAxD;MACA,MAAMa,YAAY,GAAG,CACnB,KAAKC,eAAL,CAAqB,WAArB,EAAkCxB,cAAc,CAACyB,IAAjD,EAAuDJ,aAAvD,EAAsE,KAAKd,QAA3E,CADmB,EAEnB,KAAKmB,cAAL,CAAoB,MAApB,EAA4B,GAA5B,CAFmB,EAGnB,KAAKF,eAAL,CAAqB,WAArB,EAAkCxB,cAAc,CAAC2B,MAAjD,EAAyDL,eAAzD,EAA0E,KAAKf,QAA/E,CAHmB,CAArB;;MAMA,IAAI,KAAKU,UAAT,EAAqB;QACnB,MAAMW,eAAe,GAAG,KAAKjB,MAAL,IAAe,IAAf,GAAsB,IAAtB,GAA6Bb,GAAG,CAAC,KAAKa,MAAN,CAAxD;QACAY,YAAY,CAACM,IAAb,CAAkB,KAAKH,cAAL,CAAoB,MAApB,EAA4B,GAA5B,CAAlB;QACAH,YAAY,CAACM,IAAb,CAAkB,KAAKL,eAAL,CAAqB,WAArB,EAAkCxB,cAAc,CAAC8B,MAAjD,EAAyDF,eAAzD,EAA0E,KAAKrB,QAA/E,CAAlB;MACD;;MACD,OAAO,KAAKmB,cAAL,CAAoB,KAApB,EAA2B;QAChCK,KAAK,EAAE;MADyB,CAA3B,EAEJR,YAFI,CAAP;IAGD,CAvBM;;IAwBPS,OAAO,GAAI;MACT,OAAO,KAAKN,cAAL,CAAoB,KAApB,EAA2B;QAChCO,WAAW,EAAE,2BADmB;QAEhCF,KAAK,EAAE;UACL,uCAAuC,KAAKzB;QADvC;MAFyB,CAA3B,EAKJ,CACA,CAAC,KAAKA,YAAN,IAAsB,KAAKM,MAAL,KAAgB,IAAvC,GAA+C,KAAKY,eAAL,CAAqB,QAArB,EAA+B,IAA/B,EAAqC,KAAKU,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CAAqB,wBAArB,CAArC,EAAqF,KAAK7B,QAAL,IAAiB,KAAKS,QAA3G,CAA/C,GAAsK,IADrK,EAEA,CAAC,KAAKV,YAAN,IAAsB,KAAKM,MAAL,KAAgB,IAAvC,GAA+C,KAAKY,eAAL,CAAqB,QAArB,EAA+B,IAA/B,EAAqC,KAAKU,QAAL,CAAcC,IAAd,CAAmBC,CAAnB,CAAqB,wBAArB,CAArC,EAAqF,KAAK7B,QAAL,IAAiB,KAAKS,QAA3G,CAA/C,GAAsK,IAFrK,CALI,CAAP;IASD;;EAlCM,CAnBF;;EAwDPqB,MAAM,CAAEC,CAAF,EAAY;IAChB,MAAMC,QAAQ,GAAG,CAAC,KAAKnB,OAAL,EAAD,CAAjB;IAEA,KAAKhB,IAAL,IAAamC,QAAQ,CAACV,IAAT,CAAc,KAAKG,OAAL,EAAd,CAAb;IAEA,OAAOM,CAAC,CAAC,KAAD,EAAQ;MACdL,WAAW,EAAE;IADC,CAAR,EAELM,QAFK,CAAR;EAGD;;AAhEM,CAHM,CAAf"}

package/lib/components/VTimePicker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimePicker/index.ts"],"names":["VTimePicker","VTimePickerClock","VTimePickerTitle","$_vuetify_subcomponents"],"mappings":"OAAOA,W;OACAC,gB;OACAC,gB;AAEP,SAASF,WAAT,EAAsBC,gBAAtB,EAAwCC,gBAAxC;AAEA,eAAe;AACbC,EAAAA,uBAAuB,EAAE;AACvBH,IAAAA,WADuB;AAEvBC,IAAAA,gBAFuB;AAGvBC,IAAAA;AAHuB;AADZ,CAAf","sourcesContent":["import VTimePicker from './VTimePicker'\nimport VTimePickerClock from './VTimePickerClock'\nimport VTimePickerTitle from './VTimePickerTitle'\n\nexport { VTimePicker, VTimePickerClock, VTimePickerTitle }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VTimePicker,\n    VTimePickerClock,\n    VTimePickerTitle,\n  },\n}\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VTimePicker","VTimePickerClock","VTimePickerTitle","$_vuetify_subcomponents"],"sources":["../../../src/components/VTimePicker/index.ts"],"sourcesContent":["import VTimePicker from './VTimePicker'\nimport VTimePickerClock from './VTimePickerClock'\nimport VTimePickerTitle from './VTimePickerTitle'\n\nexport { VTimePicker, VTimePickerClock, VTimePickerTitle }\n\nexport default {\n  $_vuetify_subcomponents: {\n    VTimePicker,\n    VTimePickerClock,\n    VTimePickerTitle,\n  },\n}\n"],"mappings":"OAAOA,W;OACAC,gB;OACAC,gB;AAEP,SAASF,WAAT,EAAsBC,gBAAtB,EAAwCC,gBAAxC;AAEA,eAAe;EACbC,uBAAuB,EAAE;IACvBH,WADuB;IAEvBC,gBAFuB;IAGvBC;EAHuB;AADZ,CAAf"}

package/lib/components/VTimeline/VTimeline.mjs

@@ -1,14 +1,14 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
 import "./VTimeline.css"; // Composables
 
-import { makeTagProps } from "../../composables/tag.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
-import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Helpers
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
 
-import { computed, provide, toRef } from 'vue';
-import { convertToUnit, defineComponent } from "../../util/index.mjs";
-import { VTimelineSymbol } from "./shared.mjs"; // Types
+import { computed, toRef } from 'vue';
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs"; // Types
 
 export const VTimeline = defineComponent({
   name: 'VTimeline',
@@ -55,11 +55,15 @@ export const VTimeline = defineComponent({
     const {
       densityClasses
     } = useDensity(props);
-    provide(VTimelineSymbol, {
-      density: toRef(props, 'density'),
-      lineColor: toRef(props, 'lineColor')
+    provideDefaults({
+      VTimelineDivider: {
+        lineColor: toRef(props, 'lineColor')
+      },
+      VTimelineItem: {
+        density: toRef(props, 'density')
+      }
     });
-    const sideClass = computed(() => {
+    const sideClasses = computed(() => {
       const side = props.side ? props.side : props.density !== 'default' ? 'end' : null;
       return side && `v-timeline--side-${side}`;
     });
@@ -80,21 +84,16 @@ export const VTimeline = defineComponent({
           return null;
       }
     });
-    return () => {
-      var _slots$default;
-
-      return _createVNode(props.tag, {
-        "class": ['v-timeline', `v-timeline--${props.direction}`, `v-timeline--align-${props.align}`, !props.lineInset && truncateClasses.value, {
-          'v-timeline--inset-line': !!props.lineInset
-        }, themeClasses.value, densityClasses.value, sideClass.value],
-        "style": {
-          '--v-timeline-line-thickness': convertToUnit(props.lineThickness),
-          '--v-timeline-line-inset': convertToUnit(props.lineInset)
-        }
-      }, {
-        default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
-      });
-    };
+    useRender(() => _createVNode(props.tag, {
+      "class": ['v-timeline', `v-timeline--${props.direction}`, `v-timeline--align-${props.align}`, !props.lineInset && truncateClasses.value, {
+        'v-timeline--inset-line': !!props.lineInset
+      }, themeClasses.value, densityClasses.value, sideClasses.value],
+      "style": {
+        '--v-timeline-line-thickness': convertToUnit(props.lineThickness),
+        '--v-timeline-line-inset': convertToUnit(props.lineInset)
+      }
+    }, slots));
+    return {};
   }
 
 });

package/lib/components/VTimeline/VTimeline.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimeline.tsx"],"names":["makeTagProps","makeDensityProps","useDensity","makeThemeProps","provideTheme","computed","provide","toRef","convertToUnit","defineComponent","VTimelineSymbol","VTimeline","name","props","align","type","String","default","validator","v","includes","direction","side","lineInset","Number","lineThickness","lineColor","truncateLine","setup","slots","themeClasses","densityClasses","density","sideClass","truncateClasses","classes","value"],"mappings":"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","sourcesContent":["// Styles\nimport './VTimeline.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Helpers\nimport { computed, provide, toRef } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { VTimelineSymbol } from './shared'\n\n// Types\nimport type { Prop } from 'vue'\n\nexport type TimelineDirection = 'vertical' | 'horizontal'\nexport type TimelineSide = 'start' | 'end' | undefined\nexport type TimelineAlign = 'center' | 'start'\nexport type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined\n\nexport const VTimeline = defineComponent({\n  name: 'VTimeline',\n\n  props: {\n    align: {\n      type: String,\n      default: 'center',\n      validator: (v: any) => ['center', 'start'].includes(v),\n    } as Prop<TimelineAlign>,\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (v: any) => ['vertical', 'horizontal'].includes(v),\n    } as Prop<TimelineDirection>,\n    side: {\n      type: String,\n      validator: (v: any) => v == null || ['start', 'end'].includes(v),\n    } as Prop<TimelineSide>,\n    lineInset: {\n      type: [String, Number],\n      default: 0,\n    },\n    lineThickness: {\n      type: [String, Number],\n      default: 2,\n    },\n    lineColor: String,\n    truncateLine: {\n      type: String,\n      validator: (v: any) => ['start', 'end', 'both'].includes(v),\n    } as Prop<TimelineTruncateLine>,\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n\n    provide(VTimelineSymbol, {\n      density: toRef(props, 'density'),\n      lineColor: toRef(props, 'lineColor'),\n    })\n\n    const sideClass = computed(() => {\n      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null\n\n      return side && `v-timeline--side-${side}`\n    })\n\n    const truncateClasses = computed(() => {\n      const classes = [\n        'v-timeline--truncate-line-start',\n        'v-timeline--truncate-line-end',\n      ]\n\n      switch (props.truncateLine) {\n        case 'both': return classes\n        case 'start': return classes[0]\n        case 'end': return classes[1]\n        default: return null\n      }\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-timeline',\n          `v-timeline--${props.direction}`,\n          `v-timeline--align-${props.align}`,\n          !props.lineInset && truncateClasses.value,\n          {\n            'v-timeline--inset-line': !!props.lineInset,\n          },\n          themeClasses.value,\n          densityClasses.value,\n          sideClass.value,\n        ]}\n        style={{\n          '--v-timeline-line-thickness': convertToUnit(props.lineThickness),\n          '--v-timeline-line-inset': convertToUnit(props.lineInset),\n        }}\n      >\n        { slots.default?.() }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VTimeline.mjs"}
+{"version":3,"file":"VTimeline.mjs","names":["makeDensityProps","useDensity","makeTagProps","makeThemeProps","provideTheme","provideDefaults","computed","toRef","convertToUnit","defineComponent","useRender","VTimeline","name","props","align","type","String","default","validator","v","includes","direction","side","lineInset","Number","lineThickness","lineColor","truncateLine","setup","slots","themeClasses","densityClasses","VTimelineDivider","VTimelineItem","density","sideClasses","truncateClasses","classes","value"],"sources":["../../../src/components/VTimeline/VTimeline.tsx"],"sourcesContent":["// Styles\nimport './VTimeline.sass'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\n// Types\nimport type { Prop } from 'vue'\n\nexport type TimelineDirection = 'vertical' | 'horizontal'\nexport type TimelineSide = 'start' | 'end' | undefined\nexport type TimelineAlign = 'center' | 'start'\nexport type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined\n\nexport const VTimeline = defineComponent({\n  name: 'VTimeline',\n\n  props: {\n    align: {\n      type: String,\n      default: 'center',\n      validator: (v: any) => ['center', 'start'].includes(v),\n    } as Prop<TimelineAlign>,\n    direction: {\n      type: String,\n      default: 'vertical',\n      validator: (v: any) => ['vertical', 'horizontal'].includes(v),\n    } as Prop<TimelineDirection>,\n    side: {\n      type: String,\n      validator: (v: any) => v == null || ['start', 'end'].includes(v),\n    } as Prop<TimelineSide>,\n    lineInset: {\n      type: [String, Number],\n      default: 0,\n    },\n    lineThickness: {\n      type: [String, Number],\n      default: 2,\n    },\n    lineColor: String,\n    truncateLine: {\n      type: String,\n      validator: (v: any) => ['start', 'end', 'both'].includes(v),\n    } as Prop<TimelineTruncateLine>,\n\n    ...makeDensityProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n\n    provideDefaults({\n      VTimelineDivider: {\n        lineColor: toRef(props, 'lineColor'),\n      },\n      VTimelineItem: {\n        density: toRef(props, 'density'),\n      },\n    })\n\n    const sideClasses = computed(() => {\n      const side = props.side ? props.side : props.density !== 'default' ? 'end' : null\n\n      return side && `v-timeline--side-${side}`\n    })\n\n    const truncateClasses = computed(() => {\n      const classes = [\n        'v-timeline--truncate-line-start',\n        'v-timeline--truncate-line-end',\n      ]\n\n      switch (props.truncateLine) {\n        case 'both': return classes\n        case 'start': return classes[0]\n        case 'end': return classes[1]\n        default: return null\n      }\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-timeline',\n          `v-timeline--${props.direction}`,\n          `v-timeline--align-${props.align}`,\n          !props.lineInset && truncateClasses.value,\n          {\n            'v-timeline--inset-line': !!props.lineInset,\n          },\n          themeClasses.value,\n          densityClasses.value,\n          sideClasses.value,\n        ]}\n        style={{\n          '--v-timeline-line-thickness': convertToUnit(props.lineThickness),\n          '--v-timeline-line-inset': convertToUnit(props.lineInset),\n        }}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VTimeline/VTimeline.sass

@@ -1,11 +1,10 @@
-@forward './variables'
 @use 'sass:map'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
 @use './mixins' as *
 
-// Theme
+// VTimeline
 .v-timeline
   .v-timeline-divider__dot
     background: $timeline-dot-divider-background
@@ -13,7 +12,6 @@
   .v-timeline-divider__inner-dot
     background: $timeline-inner-dot-divider-background
 
-// Elements
 .v-timeline
   display: grid
   grid-auto-flow: dense
@@ -84,9 +82,11 @@
         text-align: end
         padding-inline-end: $timeline-item-padding
 
+// VTimelineItem
 .v-timeline-item
   display: contents
 
+// VTimelineDivider
 .v-timeline-divider
   position: relative
   display: flex

package/lib/components/VTimeline/VTimelineDivider.mjs

@@ -1,24 +1,25 @@
 import { createVNode as _createVNode } from "vue";
 // Components
-import { VIcon } from "../VIcon/index.mjs";
-import { VTimelineSymbol } from "./shared.mjs"; // Composables
+import { VIcon } from "../VIcon/index.mjs"; // Composables
 
-import { useBackgroundColor } from "../../composables/color.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
-import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs"; // Utilities
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 
-import { inject, toRef } from 'vue';
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
+import { toRef } from 'vue';
 export const VTimelineDivider = defineComponent({
   name: 'VTimelineDivider',
   props: {
+    dotColor: String,
+    fillDot: Boolean,
     hideDot: Boolean,
-    lineColor: String,
-    icon: String,
+    icon: IconValue,
     iconColor: String,
-    fillDot: Boolean,
-    dotColor: String,
+    lineColor: String,
     ...makeRoundedProps(),
     ...makeSizeProps(),
     ...makeElevationProps()
@@ -28,8 +29,6 @@ export const VTimelineDivider = defineComponent({
     let {
       slots
     } = _ref;
-    const timeline = inject(VTimelineSymbol);
-    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider');
     const {
       sizeClasses,
       sizeStyles
@@ -38,38 +37,43 @@ export const VTimelineDivider = defineComponent({
       backgroundColorStyles,
       backgroundColorClasses
     } = useBackgroundColor(toRef(props, 'dotColor'));
-    const {
-      backgroundColorStyles: lineColorStyles,
-      backgroundColorClasses: lineColorClasses
-    } = useBackgroundColor(timeline.lineColor);
     const {
       roundedClasses
     } = useRounded(props, 'v-timeline-divider__dot');
     const {
       elevationClasses
     } = useElevation(props);
-    return () => _createVNode("div", {
-      "class": ['v-timeline-divider', {
-        'v-timeline-divider--fill-dot': props.fillDot
-      }]
-    }, [!props.hideDot && _createVNode("div", {
-      "class": ['v-timeline-divider__dot', roundedClasses.value, sizeClasses.value, elevationClasses.value],
-      "style": sizeStyles.value
-    }, [_createVNode("div", {
-      "class": ['v-timeline-divider__inner-dot', roundedClasses.value, backgroundColorClasses.value],
-      "style": backgroundColorStyles.value
-    }, [slots.default ? slots.default({
-      icon: props.icon,
-      iconColor: props.iconColor,
-      size: props.size
-    }) : props.icon ? _createVNode(VIcon, {
-      "icon": props.icon,
-      "color": props.iconColor,
-      "size": props.size
-    }, null) : undefined])]), _createVNode("div", {
-      "class": ['v-timeline-divider__line', lineColorClasses.value],
-      "style": lineColorStyles.value
-    }, null)]);
+    const {
+      backgroundColorClasses: lineColorClasses,
+      backgroundColorStyles: lineColorStyles
+    } = useBackgroundColor(toRef(props, 'lineColor'));
+    provideDefaults({
+      VIcon: {
+        color: toRef(props, 'iconColor'),
+        icon: toRef(props, 'icon'),
+        size: toRef(props, 'size')
+      }
+    });
+    useRender(() => {
+      var _slots$default, _slots$default2;
+
+      return _createVNode("div", {
+        "class": ['v-timeline-divider', {
+          'v-timeline-divider--fill-dot': props.fillDot
+        }]
+      }, [!props.hideDot && _createVNode("div", {
+        "key": "dot",
+        "class": ['v-timeline-divider__dot', elevationClasses.value, roundedClasses.value, sizeClasses.value],
+        "style": sizeStyles.value
+      }, [_createVNode("div", {
+        "class": ['v-timeline-divider__inner-dot', backgroundColorClasses.value, roundedClasses.value],
+        "style": backgroundColorStyles.value
+      }, [((_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.icon) ? _createVNode(VIcon, null, null) : undefined])]), _createVNode("div", {
+        "class": ['v-timeline-divider__line', lineColorClasses.value],
+        "style": lineColorStyles.value
+      }, null)]);
+    });
+    return {};
   }
 
 });

package/lib/components/VTimeline/VTimelineDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"names":["VIcon","VTimelineSymbol","useBackgroundColor","makeElevationProps","useElevation","makeSizeProps","useSize","makeRoundedProps","useRounded","inject","toRef","defineComponent","VTimelineDivider","name","props","hideDot","Boolean","lineColor","String","icon","iconColor","fillDot","dotColor","setup","slots","timeline","Error","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","lineColorStyles","lineColorClasses","roundedClasses","elevationClasses","value","default","size","undefined"],"mappings":";AAAA;SACSA,K;SACAC,e,wBAET;;SACSC,kB;SACAC,kB,EAAoBC,Y;SACpBC,a,EAAeC,O;SACfC,gB,EAAkBC,U,yCAE3B;;AACA,SAASC,MAAT,EAAiBC,KAAjB,QAA8B,KAA9B;SACSC,e;AAET,OAAO,MAAMC,gBAAgB,GAAGD,eAAe,CAAC;AAC9CE,EAAAA,IAAI,EAAE,kBADwC;AAG9CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEC,OADJ;AAELC,IAAAA,SAAS,EAAEC,MAFN;AAGLC,IAAAA,IAAI,EAAED,MAHD;AAILE,IAAAA,SAAS,EAAEF,MAJN;AAKLG,IAAAA,OAAO,EAAEL,OALJ;AAMLM,IAAAA,QAAQ,EAAEJ,MANL;AAQL,OAAGX,gBAAgB,EARd;AASL,OAAGF,aAAa,EATX;AAUL,OAAGF,kBAAkB;AAVhB,GAHuC;;AAgB9CoB,EAAAA,KAAK,CAAET,KAAF,QAAoB;AAAA,QAAX;AAAEU,MAAAA;AAAF,KAAW;AACvB,UAAMC,QAAQ,GAAGhB,MAAM,CAACR,eAAD,CAAvB;AAEA,QAAI,CAACwB,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA8BtB,OAAO,CAACQ,KAAD,EAAQ,yBAAR,CAA3C;AACA,UAAM;AAAEe,MAAAA,qBAAF;AAAyBC,MAAAA;AAAzB,QAAoD5B,kBAAkB,CAACQ,KAAK,CAACI,KAAD,EAAQ,UAAR,CAAN,CAA5E;AACA,UAAM;AAAEe,MAAAA,qBAAqB,EAAEE,eAAzB;AAA0CD,MAAAA,sBAAsB,EAAEE;AAAlE,QAAuF9B,kBAAkB,CAACuB,QAAQ,CAACR,SAAV,CAA/G;AACA,UAAM;AAAEgB,MAAAA;AAAF,QAAqBzB,UAAU,CAACM,KAAD,EAAQ,yBAAR,CAArC;AACA,UAAM;AAAEoB,MAAAA;AAAF,QAAuB9B,YAAY,CAACU,KAAD,CAAzC;AAEA,WAAO;AAAA,eAEI,CACL,oBADK,EAEL;AACE,wCAAgCA,KAAK,CAACO;AADxC,OAFK;AAFJ,QASD,CAACP,KAAK,CAACC,OAAP;AAAA,eAES,CACL,yBADK,EAELkB,cAAc,CAACE,KAFV,EAGLR,WAAW,CAACQ,KAHP,EAILD,gBAAgB,CAACC,KAJZ,CAFT;AAAA,eASUP,UAAU,CAACO;AATrB;AAAA,eAYW,CACL,+BADK,EAELF,cAAc,CAACE,KAFV,EAGLL,sBAAsB,CAACK,KAHlB,CAZX;AAAA,eAiBYN,qBAAqB,CAACM;AAjBlC,QAoBMX,KAAK,CAACY,OAAN,GAAgBZ,KAAK,CAACY,OAAN,CAAc;AAAEjB,MAAAA,IAAI,EAAEL,KAAK,CAACK,IAAd;AAAoBC,MAAAA,SAAS,EAAEN,KAAK,CAACM,SAArC;AAAgDiB,MAAAA,IAAI,EAAEvB,KAAK,CAACuB;AAA5D,KAAd,CAAhB,GACEvB,KAAK,CAACK,IAAN;AAAA,cAA2BL,KAAK,CAACK,IAAjC;AAAA,eAAgDL,KAAK,CAACM,SAAtD;AAAA,cAAyEN,KAAK,CAACuB;AAA/E,eACAC,SAtBR,IATC;AAAA,eAqCM,CACL,0BADK,EAELN,gBAAgB,CAACG,KAFZ,CArCN;AAAA,eAyCOJ,eAAe,CAACI;AAzCvB,cAAP;AA6CD;;AAxE6C,CAAD,CAAxC","sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VTimelineSymbol } from './shared'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\n\n// Utilities\nimport { inject, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VTimelineDivider = defineComponent({\n  name: 'VTimelineDivider',\n\n  props: {\n    hideDot: Boolean,\n    lineColor: String,\n    icon: String,\n    iconColor: String,\n    fillDot: Boolean,\n    dotColor: String,\n\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeElevationProps(),\n  },\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { backgroundColorStyles: lineColorStyles, backgroundColorClasses: lineColorClasses } = useBackgroundColor(timeline.lineColor)\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n        ]}\n      >\n        { !props.hideDot && (\n          <div\n            class={[\n              'v-timeline-divider__dot',\n              roundedClasses.value,\n              sizeClasses.value,\n              elevationClasses.value,\n            ]}\n            // @ts-expect-error: null\n            style={ sizeStyles.value }\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                roundedClasses.value,\n                backgroundColorClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              {\n                slots.default ? slots.default({ icon: props.icon, iconColor: props.iconColor, size: props.size })\n                : props.icon ? <VIcon icon={ props.icon } color={ props.iconColor } size={ props.size } />\n                : undefined\n              }\n            </div>\n          </div>\n        ) }\n        <div\n          class={[\n            'v-timeline-divider__line',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    )\n  },\n})\n\nexport type VTimelineDivider = InstanceType<typeof VTimelineDivider>\n"],"file":"VTimelineDivider.mjs"}
+{"version":3,"file":"VTimelineDivider.mjs","names":["VIcon","IconValue","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeSizeProps","useSize","provideDefaults","useBackgroundColor","defineComponent","useRender","toRef","VTimelineDivider","name","props","dotColor","String","fillDot","Boolean","hideDot","icon","iconColor","lineColor","setup","slots","sizeClasses","sizeStyles","backgroundColorStyles","backgroundColorClasses","roundedClasses","elevationClasses","lineColorClasses","lineColorStyles","color","size","value","default","undefined"],"sources":["../../../src/components/VTimeline/VTimelineDivider.tsx"],"sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VTimelineDivider = defineComponent({\n  name: 'VTimelineDivider',\n\n  props: {\n    dotColor: String,\n    fillDot: Boolean,\n    hideDot: Boolean,\n    icon: IconValue,\n    iconColor: String,\n    lineColor: String,\n\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeElevationProps(),\n  },\n\n  setup (props, { slots }) {\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-timeline-divider__dot')\n    const { backgroundColorStyles, backgroundColorClasses } = useBackgroundColor(toRef(props, 'dotColor'))\n    const { roundedClasses } = useRounded(props, 'v-timeline-divider__dot')\n    const { elevationClasses } = useElevation(props)\n    const {\n      backgroundColorClasses: lineColorClasses,\n      backgroundColorStyles: lineColorStyles,\n    } = useBackgroundColor(toRef(props, 'lineColor'))\n\n    provideDefaults({\n      VIcon: {\n        color: toRef(props, 'iconColor'),\n        icon: toRef(props, 'icon'),\n        size: toRef(props, 'size'),\n      },\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-divider',\n          {\n            'v-timeline-divider--fill-dot': props.fillDot,\n          },\n        ]}\n      >\n        { !props.hideDot && (\n          <div\n            key=\"dot\"\n            class={[\n              'v-timeline-divider__dot',\n              elevationClasses.value,\n              roundedClasses.value,\n              sizeClasses.value,\n            ]}\n            style={ sizeStyles.value }\n          >\n            <div\n              class={[\n                'v-timeline-divider__inner-dot',\n                backgroundColorClasses.value,\n                roundedClasses.value,\n              ]}\n              style={ backgroundColorStyles.value }\n            >\n              { slots.default?.() ?? props.icon ? (<VIcon />) : undefined }\n            </div>\n          </div>\n        ) }\n\n        <div\n          class={[\n            'v-timeline-divider__line',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\n        />\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimelineDivider = InstanceType<typeof VTimelineDivider>\n"],"mappings":";AAAA;SACSA,K,8BAET;;SACSC,S;SACAC,kB,EAAoBC,Y;SACpBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,e;SACAC,kB,uCAET;;SACSC,e,EAAiBC,S;AAC1B,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,eAAe,CAAC;EAC9CI,IAAI,EAAE,kBADwC;EAG9CC,KAAK,EAAE;IACLC,QAAQ,EAAEC,MADL;IAELC,OAAO,EAAEC,OAFJ;IAGLC,OAAO,EAAED,OAHJ;IAILE,IAAI,EAAEpB,SAJD;IAKLqB,SAAS,EAAEL,MALN;IAMLM,SAAS,EAAEN,MANN;IAQL,GAAGb,gBAAgB,EARd;IASL,GAAGE,aAAa,EATX;IAUL,GAAGJ,kBAAkB;EAVhB,CAHuC;;EAgB9CsB,KAAK,CAAET,KAAF,QAAoB;IAAA,IAAX;MAAEU;IAAF,CAAW;IACvB,MAAM;MAAEC,WAAF;MAAeC;IAAf,IAA8BpB,OAAO,CAACQ,KAAD,EAAQ,yBAAR,CAA3C;IACA,MAAM;MAAEa,qBAAF;MAAyBC;IAAzB,IAAoDpB,kBAAkB,CAACG,KAAK,CAACG,KAAD,EAAQ,UAAR,CAAN,CAA5E;IACA,MAAM;MAAEe;IAAF,IAAqBzB,UAAU,CAACU,KAAD,EAAQ,yBAAR,CAArC;IACA,MAAM;MAAEgB;IAAF,IAAuB5B,YAAY,CAACY,KAAD,CAAzC;IACA,MAAM;MACJc,sBAAsB,EAAEG,gBADpB;MAEJJ,qBAAqB,EAAEK;IAFnB,IAGFxB,kBAAkB,CAACG,KAAK,CAACG,KAAD,EAAQ,WAAR,CAAN,CAHtB;IAKAP,eAAe,CAAC;MACdR,KAAK,EAAE;QACLkC,KAAK,EAAEtB,KAAK,CAACG,KAAD,EAAQ,WAAR,CADP;QAELM,IAAI,EAAET,KAAK,CAACG,KAAD,EAAQ,MAAR,CAFN;QAGLoB,IAAI,EAAEvB,KAAK,CAACG,KAAD,EAAQ,MAAR;MAHN;IADO,CAAD,CAAf;IAQAJ,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,oBADK,EAEL;UACE,gCAAgCI,KAAK,CAACG;QADxC,CAFK;MAFD,IASJ,CAACH,KAAK,CAACK,OAAP;QAAA,OAEM,KAFN;QAAA,SAGS,CACL,yBADK,EAELW,gBAAgB,CAACK,KAFZ,EAGLN,cAAc,CAACM,KAHV,EAILV,WAAW,CAACU,KAJP,CAHT;QAAA,SASUT,UAAU,CAACS;MATrB;QAAA,SAYW,CACL,+BADK,EAELP,sBAAsB,CAACO,KAFlB,EAGLN,cAAc,CAACM,KAHV,CAZX;QAAA,SAiBYR,qBAAqB,CAACQ;MAjBlC,IAmBM,sCAAAX,KAAK,CAACY,OAAN,0CAAAZ,KAAK,UAAL,oBAAqBV,KAAK,CAACM,IAA3B,sCAAgDiB,SAnBtD,IATI;QAAA,SAkCG,CACL,0BADK,EAELN,gBAAgB,CAACI,KAFZ,CAlCH;QAAA,SAsCIH,eAAe,CAACG;MAtCpB;IAAA,CAAD,CAAT;IA2CA,OAAO,EAAP;EACD;;AA9E6C,CAAD,CAAxC"}

package/lib/components/VTimeline/VTimelineItem.mjs

@@ -1,19 +1,20 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Components
-import { VTimelineSymbol } from "./shared.mjs";
 import { VTimelineDivider } from "./VTimelineDivider.mjs"; // Composables
 
-import { makeTagProps } from "../../composables/tag.mjs";
-import { makeSizeProps } from "../../composables/size.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeElevationProps } from "../../composables/elevation.mjs";
-import { makeRoundedProps } from "../../composables/rounded.mjs"; // Utilities
+import { makeRoundedProps } from "../../composables/rounded.mjs";
+import { makeSizeProps } from "../../composables/size.mjs";
+import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 
-import { inject, ref, watch } from 'vue';
-import { convertToUnit, defineComponent } from "../../util/index.mjs";
+import { ref, watch } from 'vue';
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 export const VTimelineItem = defineComponent({
   name: 'VTimelineItem',
   props: {
+    density: String,
     dotColor: String,
     fillDot: Boolean,
     hideDot: Boolean,
@@ -21,7 +22,7 @@ export const VTimelineItem = defineComponent({
       type: Boolean,
       default: undefined
     },
-    icon: String,
+    icon: IconValue,
     iconColor: String,
     ...makeRoundedProps(),
     ...makeElevationProps(),
@@ -34,8 +35,6 @@ export const VTimelineItem = defineComponent({
     let {
       slots
     } = _ref;
-    const timeline = inject(VTimelineSymbol);
-    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider');
     const {
       dimensionStyles
     } = useDimension(props);
@@ -49,7 +48,7 @@ export const VTimelineItem = defineComponent({
     }, {
       flush: 'post'
     });
-    return () => {
+    useRender(() => {
       var _slots$default, _slots$opposite;
 
       return _createVNode("div", {
@@ -74,10 +73,11 @@ export const VTimelineItem = defineComponent({
         "rounded": props.rounded
       }, {
         default: slots.icon
-      }), timeline.density.value !== 'compact' && _createVNode("div", {
+      }), props.density !== 'compact' && _createVNode("div", {
         "class": "v-timeline-item__opposite"
       }, [!props.hideOpposite && ((_slots$opposite = slots.opposite) == null ? void 0 : _slots$opposite.call(slots))])]);
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VTimeline/VTimelineItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"names":["VTimelineSymbol","VTimelineDivider","makeTagProps","makeSizeProps","makeElevationProps","makeRoundedProps","inject","ref","watch","convertToUnit","defineComponent","makeDimensionProps","useDimension","VTimelineItem","name","props","dotColor","String","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","setup","slots","timeline","Error","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","size","elevation","rounded","density","opposite"],"mappings":";AAAA;SACSA,e;SACAC,gB,kCAET;;SACSC,Y;SACAC,a;SACAC,kB;SACAC,gB,yCAET;;AACA,SAASC,MAAT,EAAiBC,GAAjB,EAAsBC,KAAtB,QAAmC,KAAnC;SACSC,a,EAAeC,e;SACfC,kB,EAAoBC,Y;AAE7B,OAAO,MAAMC,aAAa,GAAGH,eAAe,CAAC;AAC3CI,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAEC,MADL;AAELC,IAAAA,OAAO,EAAEC,OAFJ;AAGLC,IAAAA,OAAO,EAAED,OAHJ;AAILE,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAEH,OADM;AAEZI,MAAAA,OAAO,EAAEC;AAFG,KAJT;AAQLC,IAAAA,IAAI,EAAER,MARD;AASLS,IAAAA,SAAS,EAAET,MATN;AAWL,OAAGZ,gBAAgB,EAXd;AAYL,OAAGD,kBAAkB,EAZhB;AAaL,OAAGD,aAAa,EAbX;AAcL,OAAGD,YAAY,EAdV;AAeL,OAAGS,kBAAkB;AAfhB,GAHoC;;AAqB3CgB,EAAAA,KAAK,CAAEZ,KAAF,QAAoB;AAAA,QAAX;AAAEa,MAAAA;AAAF,KAAW;AACvB,UAAMC,QAAQ,GAAGvB,MAAM,CAACN,eAAD,CAAvB;AAEA,QAAI,CAAC6B,QAAL,EAAe,MAAM,IAAIC,KAAJ,CAAU,8CAAV,CAAN;AAEf,UAAM;AAAEC,MAAAA;AAAF,QAAsBnB,YAAY,CAACG,KAAD,CAAxC;AAEA,UAAMiB,OAAO,GAAGzB,GAAG,CAAC,CAAD,CAAnB;AACA,UAAM0B,MAAM,GAAG1B,GAAG,EAAlB;AACAC,IAAAA,KAAK,CAACyB,MAAD,EAASC,QAAQ,IAAI;AAAA;;AACxB,UAAI,CAACA,QAAL,EAAe;AACfF,MAAAA,OAAO,CAACG,KAAR,sDAAgBD,QAAQ,CAACE,GAAT,CAAaC,aAAb,CAA2B,0BAA3B,CAAhB,qBAAgB,uBAAwDC,qBAAxD,GAAgFC,KAAhG,oCAAyG,CAAzG;AACD,KAHI,EAGF;AACDC,MAAAA,KAAK,EAAE;AADN,KAHE,CAAL;AAOA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,iBADK,EAEL;AACE,uCAA6BzB,KAAK,CAACG;AADrC,SAFK,CAFJ;AAAA,iBAQI;AACL,mCAAyBT,aAAa,CAACuB,OAAO,CAACG,KAAT;AADjC;AARJ;AAAA,iBAaK,uBAbL;AAAA,iBAcOJ,eAAe,CAACI;AAdvB,4BAgBCP,KAAK,CAACL,OAhBP,qBAgBC,oBAAAK,KAAK,CAhBN;AAAA,eAoBKK,MApBL;AAAA,mBAqBSlB,KAAK,CAACK,OArBf;AAAA,gBAsBML,KAAK,CAACU,IAtBZ;AAAA,qBAuBWV,KAAK,CAACW,SAvBjB;AAAA,gBAwBMX,KAAK,CAAC0B,IAxBZ;AAAA,qBAyBW1B,KAAK,CAAC2B,SAzBjB;AAAA,oBA0BU3B,KAAK,CAACC,QA1BhB;AAAA,mBA2BSD,KAAK,CAACG,OA3Bf;AAAA,mBA4BSH,KAAK,CAAC4B;AA5Bf,SA6BQ;AAAEpB,QAAAA,OAAO,EAAEK,KAAK,CAACH;AAAjB,OA7BR,GAgCDI,QAAQ,CAACe,OAAT,CAAiBT,KAAjB,KAA2B,SAA3B;AAAA,iBACW;AADX,UAEI,CAACpB,KAAK,CAACM,YAAP,wBAAuBO,KAAK,CAACiB,QAA7B,qBAAuB,qBAAAjB,KAAK,CAA5B,CAFJ,EAhCC;AAAA,KAAP;AAuCD;;AA5E0C,CAAD,CAArC","sourcesContent":["// Components\nimport { VTimelineSymbol } from './shared'\nimport { VTimelineDivider } from './VTimelineDivider'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\n\n// Utilities\nimport { inject, ref, watch } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\nexport const VTimelineItem = defineComponent({\n  name: 'VTimelineItem',\n\n  props: {\n    dotColor: String,\n    fillDot: Boolean,\n    hideDot: Boolean,\n    hideOpposite: {\n      type: Boolean,\n      default: undefined,\n    },\n    icon: String,\n    iconColor: String,\n\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const timeline = inject(VTimelineSymbol)\n\n    if (!timeline) throw new Error('[Vuetify] Could not find v-timeline provider')\n\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = ref(0)\n    const dotRef = ref<VTimelineDivider>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n        ]}\n        style={{\n          '--v-timeline-dot-size': convertToUnit(dotSize.value),\n        }}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { timeline.density.value !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        ) }\n      </div>\n    )\n  },\n})\n"],"file":"VTimelineItem.mjs"}
+{"version":3,"file":"VTimelineItem.mjs","names":["VTimelineDivider","IconValue","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","ref","watch","convertToUnit","defineComponent","useRender","makeDimensionProps","useDimension","VTimelineItem","name","props","density","String","dotColor","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","setup","slots","dimensionStyles","dotSize","dotRef","newValue","value","$el","querySelector","getBoundingClientRect","width","flush","size","elevation","rounded","opposite"],"sources":["../../../src/components/VTimeline/VTimelineItem.tsx"],"sourcesContent":["// Components\nimport { VTimelineDivider } from './VTimelineDivider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeSizeProps } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport type { PropType } from 'vue'\nimport { ref, watch } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\nexport const VTimelineItem = defineComponent({\n  name: 'VTimelineItem',\n\n  props: {\n    density: String as PropType<'default' | 'compact'>,\n    dotColor: String,\n    fillDot: Boolean,\n    hideDot: Boolean,\n    hideOpposite: {\n      type: Boolean,\n      default: undefined,\n    },\n    icon: IconValue,\n    iconColor: String,\n\n    ...makeRoundedProps(),\n    ...makeElevationProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const dotSize = ref(0)\n    const dotRef = ref<VTimelineDivider>()\n    watch(dotRef, newValue => {\n      if (!newValue) return\n      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0\n    }, {\n      flush: 'post',\n    })\n\n    useRender(() => (\n      <div\n        class={[\n          'v-timeline-item',\n          {\n            'v-timeline-item--fill-dot': props.fillDot,\n          },\n        ]}\n        style={{\n          '--v-timeline-dot-size': convertToUnit(dotSize.value),\n        }}\n      >\n        <div\n          class=\"v-timeline-item__body\"\n          style={ dimensionStyles.value }\n        >\n          { slots.default?.() }\n        </div>\n\n        <VTimelineDivider\n          ref={ dotRef }\n          hideDot={ props.hideDot }\n          icon={ props.icon }\n          iconColor={ props.iconColor }\n          size={ props.size }\n          elevation={ props.elevation }\n          dotColor={ props.dotColor }\n          fillDot={ props.fillDot }\n          rounded={ props.rounded }\n          v-slots={{ default: slots.icon }}\n        />\n\n        { props.density !== 'compact' && (\n          <div class=\"v-timeline-item__opposite\">\n            { !props.hideOpposite && slots.opposite?.() }\n          </div>\n        ) }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,gB,kCAET;;SACSC,S;SACAC,kB;SACAC,gB;SACAC,a;SACAC,Y,qCAET;;AAEA,SAASC,GAAT,EAAcC,KAAd,QAA2B,KAA3B;SACSC,a,EAAeC,e,EAAiBC,S;SAChCC,kB,EAAoBC,Y;AAE7B,OAAO,MAAMC,aAAa,GAAGJ,eAAe,CAAC;EAC3CK,IAAI,EAAE,eADqC;EAG3CC,KAAK,EAAE;IACLC,OAAO,EAAEC,MADJ;IAELC,QAAQ,EAAED,MAFL;IAGLE,OAAO,EAAEC,OAHJ;IAILC,OAAO,EAAED,OAJJ;IAKLE,YAAY,EAAE;MACZC,IAAI,EAAEH,OADM;MAEZI,OAAO,EAAEC;IAFG,CALT;IASLC,IAAI,EAAEzB,SATD;IAUL0B,SAAS,EAAEV,MAVN;IAYL,GAAGd,gBAAgB,EAZd;IAaL,GAAGD,kBAAkB,EAbhB;IAcL,GAAGE,aAAa,EAdX;IAeL,GAAGC,YAAY,EAfV;IAgBL,GAAGM,kBAAkB;EAhBhB,CAHoC;;EAsB3CiB,KAAK,CAAEb,KAAF,QAAoB;IAAA,IAAX;MAAEc;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAsBlB,YAAY,CAACG,KAAD,CAAxC;IAEA,MAAMgB,OAAO,GAAGzB,GAAG,CAAC,CAAD,CAAnB;IACA,MAAM0B,MAAM,GAAG1B,GAAG,EAAlB;IACAC,KAAK,CAACyB,MAAD,EAASC,QAAQ,IAAI;MAAA;;MACxB,IAAI,CAACA,QAAL,EAAe;MACfF,OAAO,CAACG,KAAR,sDAAgBD,QAAQ,CAACE,GAAT,CAAaC,aAAb,CAA2B,0BAA3B,CAAhB,qBAAgB,uBAAwDC,qBAAxD,GAAgFC,KAAhG,oCAAyG,CAAzG;IACD,CAHI,EAGF;MACDC,KAAK,EAAE;IADN,CAHE,CAAL;IAOA7B,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,iBADK,EAEL;UACE,6BAA6BK,KAAK,CAACI;QADrC,CAFK,CAFD;QAAA,SAQC;UACL,yBAAyBX,aAAa,CAACuB,OAAO,CAACG,KAAT;QADjC;MARD;QAAA,SAaE,uBAbF;QAAA,SAcIJ,eAAe,CAACI;MAdpB,sBAgBFL,KAAK,CAACL,OAhBJ,qBAgBF,oBAAAK,KAAK,CAhBH;QAAA,OAoBEG,MApBF;QAAA,WAqBMjB,KAAK,CAACM,OArBZ;QAAA,QAsBGN,KAAK,CAACW,IAtBT;QAAA,aAuBQX,KAAK,CAACY,SAvBd;QAAA,QAwBGZ,KAAK,CAACyB,IAxBT;QAAA,aAyBQzB,KAAK,CAAC0B,SAzBd;QAAA,YA0BO1B,KAAK,CAACG,QA1Bb;QAAA,WA2BMH,KAAK,CAACI,OA3BZ;QAAA,WA4BMJ,KAAK,CAAC2B;MA5BZ,GA6BK;QAAElB,OAAO,EAAEK,KAAK,CAACH;MAAjB,CA7BL,GAgCJX,KAAK,CAACC,OAAN,KAAkB,SAAlB;QAAA,SACW;MADX,IAEI,CAACD,KAAK,CAACO,YAAP,wBAAuBO,KAAK,CAACc,QAA7B,qBAAuB,qBAAAd,KAAK,CAA5B,CAFJ,EAhCI;IAAA,CAAD,CAAT;IAwCA,OAAO,EAAP;EACD;;AA3E0C,CAAD,CAArC"}

package/lib/components/VTimeline/_variables.scss

@@ -1,23 +1,28 @@
 @use '../../styles/tools';
 
-// Defaults
+// VTimeline
 $timeline-density-comfortable-grid-template-end: min-content min-content auto !default;
 $timeline-density-comfortable-grid-template-start: auto min-content min-content !default;
 $timeline-density-compact-grid-template-end: min-content auto !default;
 $timeline-density-compact-grid-template-start: auto min-content !default;
-$timeline-divider-dot-elevation: 0 !default;
-$timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
-$timeline-divider-line-horizontal-width: var(--v-timeline-line-inset, 0px) !default;
-$timeline-divider-line-thickness: var(--v-timeline-line-thickness) !default;
 $timeline-dot-border-radius: 50% !default;
 $timeline-dot-divider-background: rgb(var(--v-theme-on-surface-variant)) !default;
+$timeline-dot-size: 38px !default;
 $timeline-inner-dot-divider-background: rgb(var(--v-theme-on-surface)) !default;
 $timeline-inset-divider-line: var(--v-timeline-line-inset) !default;
 $timeline-inset-line-size: 4px !default;
+
+// VTimelineDivider
+$timeline-divider-dot-elevation: 0 !default;
+$timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
+$timeline-divider-line-horizontal-width: var(--v-timeline-line-inset, 0px) !default;
+$timeline-divider-line-thickness: var(--v-timeline-line-thickness) !default;
+
+// VTimelineItem
 $timeline-item-grid-template: auto min-content auto !default;
 $timeline-item-padding: 24px !default;
-$timeline-dot-size: 38px !default;
 
+// Lists
 $timeline-dot-border-sizes: () !default;
 $timeline-dot-border-sizes: tools.map-deep-merge(
   (

package/lib/components/VTimeline/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTimeline/index.ts"],"names":["VTimeline","VTimelineItem"],"mappings":"SAASA,S;SACAC,a","sourcesContent":["export { VTimeline } from './VTimeline'\nexport { VTimelineItem } from './VTimelineItem'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VTimeline","VTimelineItem"],"sources":["../../../src/components/VTimeline/index.ts"],"sourcesContent":["export { VTimeline } from './VTimeline'\nexport { VTimelineItem } from './VTimelineItem'\n"],"mappings":"SAASA,S;SACAC,a"}

package/lib/components/VToolbar/VToolbar.css

@@ -1,6 +1,7 @@
 .v-toolbar {
   align-items: flex-start;
   display: flex;
+  flex: 1 1 auto;
   flex-direction: column;
   justify-content: space-between;
   max-width: 100%;
@@ -78,6 +79,15 @@
   width: 100%;
 }
 
+.v-toolbar__content > .v-btn:first-child {
+  margin-inline-start: -6px;
+}
+.v-toolbar__content > .v-btn:first-child + .v-toolbar-title {
+  padding-inline-start: 20px;
+}
+.v-toolbar__content > .v-btn:last-child {
+  margin-inline-end: -6px;
+}
 .v-toolbar--density-prominent .v-toolbar__content {
   align-items: flex-start;
 }
@@ -97,20 +107,16 @@
 }
 
 .v-toolbar__prepend {
+  margin-inline-start: -6px;
   margin-inline-end: auto;
 }
-.v-toolbar__prepend > .v-btn:first-child {
-  margin-inline-start: -12px;
-}
 .v-toolbar__prepend + .v-toolbar-title {
   padding-inline-start: 20px;
 }
 
 .v-toolbar__append {
   margin-inline-start: auto;
-}
-.v-toolbar__append > .v-btn:last-child {
-  margin-inline-end: -12px;
+  margin-inline-end: -6px;
 }
 
 .v-toolbar-title {
@@ -142,4 +148,7 @@
 .v-toolbar-items {
   display: flex;
   height: inherit;
+}
+.v-toolbar-items > .v-btn {
+  border-radius: 0;
 }