vuetify 3.0.0-beta.9 → 3.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"VTimePickerClock.mjs","names":["Colorable","Themeable","mixins","extend","name","props","allowedValues","Function","ampm","Boolean","disabled","double","format","type","default","val","max","Number","required","min","scrollable","readonly","rotate","step","value","data","inputValue","isDragging","valueOnMouseDown","valueOnMouseUp","computed","count","degreesPerUnit","roundCount","degrees","Math","PI","displayedValue","innerRadiusScale","watch","methods","wheel","e","preventDefault","delta","sign","deltaY","isAllowed","update","isInner","handScale","genValues","children","color","push","$createElement","setBackgroundColor","staticClass","class","style","getTransform","domProps","innerHTML","genHand","scale","angle","transform","i","x","y","getPosition","left","top","rotateRadians","sin","cos","onMouseDown","onDragMove","onMouseUp","stopPropagation","$emit","$refs","clock","width","getBoundingClientRect","innerWidth","innerClock","clientX","clientY","touches","center","coords","handAngle","round","insideClick","euclidean","checksCount","ceil","angleToValue","setMouseDownValue","p0","p1","dx","dy","sqrt","atan2","abs","render","h","themeClasses","on","undefined","mousedown","mouseup","mouseleave","touchstart","touchend","mousemove","touchmove","ref"],"sources":["../../../src/components/VTimePicker/VTimePickerClock.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VTimePickerClock.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport Vue, { VNode, PropType, VNodeData } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ninterface Point {\n  x: number\n  y: number\n}\n\ninterface options extends Vue {\n  $refs: {\n    clock: HTMLElement\n    innerClock: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Themeable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-clock',\n\n  props: {\n    allowedValues: Function as PropType<(value: number) => boolean>,\n    ampm: Boolean,\n    disabled: Boolean,\n    double: Boolean,\n    format: {\n      type: Function,\n      default: (val: string | number) => val,\n    } as PropValidator<(val: string | number) => string | number>,\n    max: {\n      type: Number,\n      required: true,\n    },\n    min: {\n      type: Number,\n      required: true,\n    },\n    scrollable: Boolean,\n    readonly: Boolean,\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    value: Number,\n  },\n\n  data () {\n    return {\n      inputValue: this.value,\n      isDragging: false,\n      valueOnMouseDown: null as number | null,\n      valueOnMouseUp: null as number | null,\n    }\n  },\n\n  computed: {\n    count (): number {\n      return this.max - this.min + 1\n    },\n    degreesPerUnit (): number {\n      return 360 / this.roundCount\n    },\n    degrees (): number {\n      return this.degreesPerUnit * Math.PI / 180\n    },\n    displayedValue (): number {\n      return this.value == null ? this.min : this.value\n    },\n    innerRadiusScale (): number {\n      return 0.62\n    },\n    roundCount (): number {\n      return this.double ? (this.count / 2) : this.count\n    },\n  },\n\n  watch: {\n    value (value) {\n      this.inputValue = value\n    },\n  },\n\n  methods: {\n    wheel (e: WheelEvent) {\n      e.preventDefault()\n\n      const delta = Math.sign(-e.deltaY || 1)\n      let value = this.displayedValue\n      do {\n        value = value + delta\n        value = (value - this.min + this.count) % this.count + this.min\n      } while (!this.isAllowed(value) && value !== this.displayedValue)\n\n      if (value !== this.displayedValue) {\n        this.update(value)\n      }\n    },\n    isInner (value: number) {\n      return this.double && (value - this.min >= this.roundCount)\n    },\n    handScale (value: number) {\n      return this.isInner(value) ? this.innerRadiusScale : 1\n    },\n    isAllowed (value: number) {\n      return !this.allowedValues || this.allowedValues(value)\n    },\n    genValues () {\n      const children: VNode[] = []\n\n      for (let value = this.min; value <= this.max; value = value + this.step) {\n        const color = value === this.value && (this.color || 'accent')\n        children.push(this.$createElement('span', this.setBackgroundColor(color, {\n          staticClass: 'v-time-picker-clock__item',\n          class: {\n            'v-time-picker-clock__item--active': value === this.displayedValue,\n            'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value),\n          },\n          style: this.getTransform(value),\n          domProps: { innerHTML: `<span>${this.format(value)}</span>` },\n        })))\n      }\n\n      return children\n    },\n    genHand () {\n      const scale = `scaleY(${this.handScale(this.displayedValue)})`\n      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min)\n      const color = (this.value != null) && (this.color || 'accent')\n      return this.$createElement('div', this.setBackgroundColor(color, {\n        staticClass: 'v-time-picker-clock__hand',\n        class: {\n          'v-time-picker-clock__hand--inner': this.isInner(this.value),\n        },\n        style: {\n          transform: `rotate(${angle}deg) ${scale}`,\n        },\n      }))\n    },\n    getTransform (i: number) {\n      const { x, y } = this.getPosition(i)\n      return {\n        left: `${50 + x * 50}%`,\n        top: `${50 + y * 50}%`,\n      }\n    },\n    getPosition (value: number) {\n      const rotateRadians = this.rotate * Math.PI / 180\n      return {\n        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n      }\n    },\n    onMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n\n      this.valueOnMouseDown = null\n      this.valueOnMouseUp = null\n      this.isDragging = true\n      this.onDragMove(e)\n    },\n    onMouseUp (e: MouseEvent | TouchEvent) {\n      e.stopPropagation()\n\n      this.isDragging = false\n      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {\n        this.$emit('change', this.valueOnMouseUp)\n      }\n    },\n    onDragMove (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n      if ((!this.isDragging && e.type !== 'click') || !this.$refs.clock) return\n\n      const { width, top, left } = this.$refs.clock.getBoundingClientRect()\n      const { width: innerWidth } = this.$refs.innerClock.getBoundingClientRect()\n      const { clientX, clientY } = 'touches' in e ? e.touches[0] : e\n      const center = { x: width / 2, y: -width / 2 }\n      const coords = { x: clientX - left, y: top - clientY }\n      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360\n      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4\n      const checksCount = Math.ceil(15 / this.degreesPerUnit)\n      let value\n\n      for (let i = 0; i < checksCount; i++) {\n        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n\n        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n      }\n    },\n    angleToValue (angle: number, insideClick: boolean): number {\n      const value = (\n        Math.round(angle / this.degreesPerUnit) +\n        (insideClick ? this.roundCount : 0)\n      ) % this.count + this.min\n\n      // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock\n      if (angle < (360 - this.degreesPerUnit / 2)) return value\n\n      return insideClick ? this.max - this.roundCount + 1 : this.min\n    },\n    setMouseDownValue (value: number) {\n      if (this.valueOnMouseDown === null) {\n        this.valueOnMouseDown = value\n      }\n\n      this.valueOnMouseUp = value\n      this.update(value)\n    },\n    update (value: number) {\n      if (this.inputValue !== value) {\n        this.inputValue = value\n        this.$emit('input', value)\n      }\n    },\n    euclidean (p0: Point, p1: Point) {\n      const dx = p1.x - p0.x\n      const dy = p1.y - p0.y\n\n      return Math.sqrt(dx * dx + dy * dy)\n    },\n    angle (center: Point, p1: Point) {\n      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x)\n      return Math.abs(value * 180 / Math.PI)\n    },\n  },\n\n  render (h): VNode {\n    const data: VNodeData = {\n      staticClass: 'v-time-picker-clock',\n      class: {\n        'v-time-picker-clock--indeterminate': this.value == null,\n        ...this.themeClasses,\n      },\n      on: (this.readonly || this.disabled) ? undefined : {\n        mousedown: this.onMouseDown,\n        mouseup: this.onMouseUp,\n        mouseleave: (e: MouseEvent) => (this.isDragging && this.onMouseUp(e)),\n        touchstart: this.onMouseDown,\n        touchend: this.onMouseUp,\n        mousemove: this.onDragMove,\n        touchmove: this.onDragMove,\n      },\n      ref: 'clock',\n    }\n\n    if (this.scrollable && data.on) {\n      data.on.wheel = this.wheel\n    }\n\n    return h('div', data, [\n      h('div', {\n        staticClass: 'v-time-picker-clock__inner',\n        ref: 'innerClock',\n      }, [\n        this.genHand(),\n        this.genValues(),\n      ]),\n    ])\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VTimePickerClock.mjs","names":["Colorable","Themeable","mixins","extend","name","props","allowedValues","Function","ampm","Boolean","disabled","double","format","type","default","val","max","Number","required","min","scrollable","readonly","rotate","step","value","data","inputValue","isDragging","valueOnMouseDown","valueOnMouseUp","computed","count","degreesPerUnit","roundCount","degrees","Math","PI","displayedValue","innerRadiusScale","watch","methods","wheel","e","preventDefault","delta","sign","deltaY","isAllowed","update","isInner","handScale","genValues","children","color","push","$createElement","setBackgroundColor","staticClass","class","style","getTransform","domProps","innerHTML","genHand","scale","angle","transform","i","x","y","getPosition","left","top","rotateRadians","sin","cos","onMouseDown","onDragMove","onMouseUp","stopPropagation","$emit","$refs","clock","width","getBoundingClientRect","innerWidth","innerClock","clientX","clientY","touches","center","coords","handAngle","round","insideClick","euclidean","checksCount","ceil","angleToValue","setMouseDownValue","p0","p1","dx","dy","sqrt","atan2","abs","render","h","themeClasses","on","undefined","mousedown","mouseup","mouseleave","touchstart","touchend","mousemove","touchmove","ref"],"sources":["../../../src/components/VTimePicker/VTimePickerClock.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VTimePickerClock.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport Vue, { VNode, PropType, VNodeData } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ninterface Point {\n  x: number\n  y: number\n}\n\ninterface options extends Vue {\n  $refs: {\n    clock: HTMLElement\n    innerClock: HTMLElement\n  }\n}\n\nexport default mixins<options &\n/* eslint-disable indent */\n  ExtractVue<[\n    typeof Colorable,\n    typeof Themeable\n  ]>\n/* eslint-enable indent */\n>(\n  Colorable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'v-time-picker-clock',\n\n  props: {\n    allowedValues: Function as PropType<(value: number) => boolean>,\n    ampm: Boolean,\n    disabled: Boolean,\n    double: Boolean,\n    format: {\n      type: Function,\n      default: (val: string | number) => val,\n    } as PropValidator<(val: string | number) => string | number>,\n    max: {\n      type: Number,\n      required: true,\n    },\n    min: {\n      type: Number,\n      required: true,\n    },\n    scrollable: Boolean,\n    readonly: Boolean,\n    rotate: {\n      type: Number,\n      default: 0,\n    },\n    step: {\n      type: Number,\n      default: 1,\n    },\n    value: Number,\n  },\n\n  data () {\n    return {\n      inputValue: this.value,\n      isDragging: false,\n      valueOnMouseDown: null as number | null,\n      valueOnMouseUp: null as number | null,\n    }\n  },\n\n  computed: {\n    count (): number {\n      return this.max - this.min + 1\n    },\n    degreesPerUnit (): number {\n      return 360 / this.roundCount\n    },\n    degrees (): number {\n      return this.degreesPerUnit * Math.PI / 180\n    },\n    displayedValue (): number {\n      return this.value == null ? this.min : this.value\n    },\n    innerRadiusScale (): number {\n      return 0.62\n    },\n    roundCount (): number {\n      return this.double ? (this.count / 2) : this.count\n    },\n  },\n\n  watch: {\n    value (value) {\n      this.inputValue = value\n    },\n  },\n\n  methods: {\n    wheel (e: WheelEvent) {\n      e.preventDefault()\n\n      const delta = Math.sign(-e.deltaY || 1)\n      let value = this.displayedValue\n      do {\n        value = value + delta\n        value = (value - this.min + this.count) % this.count + this.min\n      } while (!this.isAllowed(value) && value !== this.displayedValue)\n\n      if (value !== this.displayedValue) {\n        this.update(value)\n      }\n    },\n    isInner (value: number) {\n      return this.double && (value - this.min >= this.roundCount)\n    },\n    handScale (value: number) {\n      return this.isInner(value) ? this.innerRadiusScale : 1\n    },\n    isAllowed (value: number) {\n      return !this.allowedValues || this.allowedValues(value)\n    },\n    genValues () {\n      const children: VNode[] = []\n\n      for (let value = this.min; value <= this.max; value = value + this.step) {\n        const color = value === this.value && (this.color || 'accent')\n        children.push(this.$createElement('span', this.setBackgroundColor(color, {\n          staticClass: 'v-time-picker-clock__item',\n          class: {\n            'v-time-picker-clock__item--active': value === this.displayedValue,\n            'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value),\n          },\n          style: this.getTransform(value),\n          domProps: { innerHTML: `<span>${this.format(value)}</span>` },\n        })))\n      }\n\n      return children\n    },\n    genHand () {\n      const scale = `scaleY(${this.handScale(this.displayedValue)})`\n      const angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min)\n      const color = (this.value != null) && (this.color || 'accent')\n      return this.$createElement('div', this.setBackgroundColor(color, {\n        staticClass: 'v-time-picker-clock__hand',\n        class: {\n          'v-time-picker-clock__hand--inner': this.isInner(this.value),\n        },\n        style: {\n          transform: `rotate(${angle}deg) ${scale}`,\n        },\n      }))\n    },\n    getTransform (i: number) {\n      const { x, y } = this.getPosition(i)\n      return {\n        left: `${50 + x * 50}%`,\n        top: `${50 + y * 50}%`,\n      }\n    },\n    getPosition (value: number) {\n      const rotateRadians = this.rotate * Math.PI / 180\n      return {\n        x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n        y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),\n      }\n    },\n    onMouseDown (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n\n      this.valueOnMouseDown = null\n      this.valueOnMouseUp = null\n      this.isDragging = true\n      this.onDragMove(e)\n    },\n    onMouseUp (e: MouseEvent | TouchEvent) {\n      e.stopPropagation()\n\n      this.isDragging = false\n      if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {\n        this.$emit('change', this.valueOnMouseUp)\n      }\n    },\n    onDragMove (e: MouseEvent | TouchEvent) {\n      e.preventDefault()\n      if ((!this.isDragging && e.type !== 'click') || !this.$refs.clock) return\n\n      const { width, top, left } = this.$refs.clock.getBoundingClientRect()\n      const { width: innerWidth } = this.$refs.innerClock.getBoundingClientRect()\n      const { clientX, clientY } = 'touches' in e ? e.touches[0] : e\n      const center = { x: width / 2, y: -width / 2 }\n      const coords = { x: clientX - left, y: top - clientY }\n      const handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360\n      const insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4\n      const checksCount = Math.ceil(15 / this.degreesPerUnit)\n      let value\n\n      for (let i = 0; i < checksCount; i++) {\n        value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n\n        value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick)\n        if (this.isAllowed(value)) return this.setMouseDownValue(value)\n      }\n    },\n    angleToValue (angle: number, insideClick: boolean): number {\n      const value = (\n        Math.round(angle / this.degreesPerUnit) +\n        (insideClick ? this.roundCount : 0)\n      ) % this.count + this.min\n\n      // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock\n      if (angle < (360 - this.degreesPerUnit / 2)) return value\n\n      return insideClick ? this.max - this.roundCount + 1 : this.min\n    },\n    setMouseDownValue (value: number) {\n      if (this.valueOnMouseDown === null) {\n        this.valueOnMouseDown = value\n      }\n\n      this.valueOnMouseUp = value\n      this.update(value)\n    },\n    update (value: number) {\n      if (this.inputValue !== value) {\n        this.inputValue = value\n        this.$emit('input', value)\n      }\n    },\n    euclidean (p0: Point, p1: Point) {\n      const dx = p1.x - p0.x\n      const dy = p1.y - p0.y\n\n      return Math.sqrt(dx * dx + dy * dy)\n    },\n    angle (center: Point, p1: Point) {\n      const value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x)\n      return Math.abs(value * 180 / Math.PI)\n    },\n  },\n\n  render (h): VNode {\n    const data: VNodeData = {\n      staticClass: 'v-time-picker-clock',\n      class: {\n        'v-time-picker-clock--indeterminate': this.value == null,\n        ...this.themeClasses,\n      },\n      on: (this.readonly || this.disabled) ? undefined : {\n        mousedown: this.onMouseDown,\n        mouseup: this.onMouseUp,\n        mouseleave: (e: MouseEvent) => (this.isDragging && this.onMouseUp(e)),\n        touchstart: this.onMouseDown,\n        touchend: this.onMouseUp,\n        mousemove: this.onDragMove,\n        touchmove: this.onDragMove,\n      },\n      ref: 'clock',\n    }\n\n    if (this.scrollable && data.on) {\n      data.on.wheel = this.wheel\n    }\n\n    return h('div', data, [\n      h('div', {\n        staticClass: 'v-time-picker-clock__inner',\n        ref: 'innerClock',\n      }, [\n        this.genHand(),\n        this.genValues(),\n      ]),\n    ])\n  },\n})\n"],"mappings":"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"}

package/lib/components/VTimePicker/VTimePickerTitle.mjs

@@ -1,16 +1,15 @@
 // @ts-nocheck
-
 /* eslint-disable */
-import "./VTimePickerTitle.css"; // Mixins
 
-import PickerButton from "../../mixins/picker-button.mjs"; // Utils
+import "./VTimePickerTitle.css";
 
+// Mixins
+import PickerButton from "../../mixins/picker-button.mjs"; // Utils
 import { pad } from "../VDatePicker/util/index.mjs";
 import mixins from "../../util/mixins.mjs";
 import { SelectingTimes } from "./SelectingTimes.mjs";
 export default mixins(PickerButton
-/* @vue/component */
-).extend({
+/* @vue/component */).extend({
   name: 'v-time-picker-title',
   props: {
     ampm: Boolean,
@@ -30,26 +29,21 @@ export default mixins(PickerButton
   methods: {
     genTime() {
       let hour = this.hour;
-
       if (this.ampm) {
         hour = hour ? (hour - 1) % 12 + 1 : 12;
       }
-
       const displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : pad(hour);
       const displayedMinute = this.minute == null ? '--' : pad(this.minute);
       const titleContent = [this.genPickerButton('selecting', SelectingTimes.Hour, displayedHour, this.disabled), this.$createElement('span', ':'), this.genPickerButton('selecting', SelectingTimes.Minute, displayedMinute, this.disabled)];
-
       if (this.useSeconds) {
         const displayedSecond = this.second == null ? '--' : pad(this.second);
         titleContent.push(this.$createElement('span', ':'));
         titleContent.push(this.genPickerButton('selecting', SelectingTimes.Second, displayedSecond, this.disabled));
       }
-
       return this.$createElement('div', {
         class: 'v-time-picker-title__time'
       }, titleContent);
     },
-
     genAmPm() {
       return this.$createElement('div', {
         staticClass: 'v-time-picker-title__ampm',
@@ -58,9 +52,7 @@ export default mixins(PickerButton
         }
       }, [!this.ampmReadonly || this.period === 'am' ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null, !this.ampmReadonly || this.period === 'pm' ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null]);
     }
-
   },
-
   render(h) {
     const children = [this.genTime()];
     this.ampm && children.push(this.genAmPm());
@@ -68,6 +60,5 @@ export default mixins(PickerButton
       staticClass: 'v-time-picker-title'
     }, children);
   }
-
 });
 //# sourceMappingURL=VTimePickerTitle.mjs.map

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

@@ -1 +1 @@
-{"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":"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"}
+{"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":"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"}

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

@@ -1 +1 @@
-{"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"}
+{"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,WAAW;AAAA,OACXC,gBAAgB;AAAA,OAChBC,gBAAgB;AAEvB,SAASF,WAAW,EAAEC,gBAAgB,EAAEC,gBAAgB;AAExD,eAAe;EACbC,uBAAuB,EAAE;IACvBH,WAAW;IACXC,gBAAgB;IAChBC;EACF;AACF,CAAC"}

package/lib/components/VTimeline/VTimeline.css

@@ -11,14 +11,13 @@
   position: relative;
 }
 .v-timeline--horizontal.v-timeline {
-  grid-template-rows: auto min-content auto;
   grid-column-gap: 24px;
   width: 100%;
 }
-.v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider {
+.v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
   padding-inline-start: 24px;
 }
-.v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider {
+.v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
   padding-inline-end: 24px;
 }
 .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
@@ -33,6 +32,7 @@
 .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
   grid-row: 1;
   padding-block-end: 24px;
+  align-self: flex-end;
 }
 .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
   grid-row: 3;
@@ -40,14 +40,13 @@
 }
 
 .v-timeline--vertical.v-timeline {
-  grid-template-columns: auto min-content auto;
   grid-row-gap: 24px;
   height: 100%;
 }
 .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
   padding-block-start: 24px;
 }
-.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider {
+.v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
   padding-block-end: 24px;
 }
 .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
@@ -96,7 +95,7 @@
 }
 .v-timeline--horizontal .v-timeline-divider__before {
   height: var(--v-timeline-line-thickness);
-  width: calc(50% + 12px - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
 }
 .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
   left: -12px;
@@ -108,7 +107,7 @@
 }
 
 .v-timeline--vertical .v-timeline-divider__before {
-  height: calc(50% + 12px - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
   width: var(--v-timeline-line-thickness);
   top: -12px;
 }
@@ -119,7 +118,7 @@
 }
 .v-timeline--horizontal .v-timeline-divider__after {
   height: var(--v-timeline-line-thickness);
-  width: calc(50% + 12px - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
 }
 .v-timeline--horizontal .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__after {
   right: -12px;
@@ -131,18 +130,18 @@
 }
 
 .v-timeline--vertical .v-timeline-divider__after {
-  height: calc(50% + 12px - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
   width: var(--v-timeline-line-thickness);
   bottom: -12px;
 }
 
 .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__before {
-  height: calc(50% + 12px - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
   top: 0;
 }
 
 .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
-  width: calc(50% + 12px - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
 }
 .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__before {
   left: 0;
@@ -154,11 +153,11 @@
 }
 
 .v-timeline--vertical .v-timeline-item:first-child .v-timeline-divider__after {
-  height: calc(50% - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
 }
 
 .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
-  width: calc(50% - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
 }
 .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:first-child .v-timeline-divider__after {
   right: -12px;
@@ -170,20 +169,20 @@
 }
 
 .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__before {
-  height: calc(50% - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
 }
 
 .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__before {
-  width: calc(50% - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-line-inset) + var(--v-timeline-line-size-offset));
 }
 
 .v-timeline--vertical .v-timeline-item:last-child .v-timeline-divider__after {
-  height: calc(50% + 12px - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
   bottom: 0;
 }
 
 .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
-  width: calc(50% + 12px - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
 }
 .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-item:last-child .v-timeline-divider__after {
   right: 0;
@@ -201,7 +200,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-timeline-divider__dot--size-x-small {
   height: 22px;
@@ -252,6 +251,22 @@
 }
 
 /** Modifiers **/
+.v-timeline--horizontal.v-timeline--justify-center {
+  grid-template-rows: minmax(auto, 50%) min-content minmax(auto, 50%);
+}
+
+.v-timeline--vertical.v-timeline--justify-center {
+  grid-template-columns: minmax(auto, 50%) min-content minmax(auto, 50%);
+}
+
+.v-timeline--horizontal.v-timeline--justify-auto {
+  grid-template-rows: auto min-content auto;
+}
+
+.v-timeline--vertical.v-timeline--justify-auto {
+  grid-template-columns: auto min-content auto;
+}
+
 .v-timeline--horizontal.v-timeline--density-comfortable {
   height: 100%;
 }
@@ -273,20 +288,20 @@
 }
 
 .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-end {
-  grid-template-rows: min-content auto;
+  grid-template-rows: 0 min-content auto;
 }
 .v-timeline--horizontal.v-timeline--density-compact.v-timeline--side-start {
-  grid-template-rows: auto min-content;
+  grid-template-rows: auto min-content 0;
 }
 .v-timeline--horizontal.v-timeline--density-compact .v-timeline-item__body {
   grid-row: 1;
 }
 
 .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-end {
-  grid-template-columns: min-content auto;
+  grid-template-columns: 0 min-content auto;
 }
 .v-timeline--vertical.v-timeline--density-compact.v-timeline--side-start {
-  grid-template-columns: auto min-content;
+  grid-template-columns: auto min-content 0;
 }
 .v-timeline--vertical.v-timeline--density-compact .v-timeline-item__body {
   grid-column: 3;
@@ -351,6 +366,10 @@
   display: none;
 }
 
+.v-timeline--align-center {
+  --v-timeline-line-size-base: 50%;
+  --v-timeline-line-size-offset: 0px;
+}
 .v-timeline--horizontal.v-timeline--align-center {
   justify-items: center;
 }
@@ -365,6 +384,19 @@
   justify-content: center;
 }
 
+.v-timeline--align-start {
+  --v-timeline-line-size-base: 100%;
+  --v-timeline-line-size-offset: 12px;
+}
+.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
+  --v-timeline-line-size-offset: 24px;
+}
+.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
+  --v-timeline-line-size-offset: -12px;
+}
+.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
+  --v-timeline-line-size-offset: 0px;
+}
 .v-timeline--horizontal.v-timeline--align-start {
   justify-items: flex-start;
 }
@@ -372,19 +404,10 @@
   justify-content: flex-start;
 }
 .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
-  width: calc(12px + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
 }
 .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
-  width: calc(100% - var(--v-timeline-dot-size) / 2 + 24px / 2 - var(--v-timeline-line-inset));
-}
-.v-timeline--horizontal.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
-  width: calc(24px + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
-}
-.v-timeline--horizontal.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
-  width: calc(100% - 12px - var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
-}
-.v-timeline--horizontal.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
-  width: calc(100% - var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+  width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
 }
 
 .v-timeline--vertical.v-timeline--align-start {
@@ -394,17 +417,30 @@
   justify-content: flex-start;
 }
 .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
-  height: calc(12px + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
 }
 .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
-  height: calc(100% - var(--v-timeline-dot-size) / 2 + 24px / 2 - var(--v-timeline-line-inset));
+  height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
 }
-.v-timeline--vertical.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
-  height: calc(24px + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+
+.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
+  --v-timeline-line-size-offset: 12px;
+}
+.v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
+  padding-block-start: 0;
 }
-.v-timeline--vertical.v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
-  height: calc(100% - 12px - var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+
+.v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
+  padding-inline-start: 0;
 }
-.v-timeline--vertical.v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
-  height: calc(100% - var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
+
+.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
+  --v-timeline-line-size-offset: 12px;
+}
+.v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
+  padding-block-end: 0;
+}
+
+.v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
+  padding-inline-end: 0;
 }

package/lib/components/VTimeline/VTimeline.mjs

@@ -1,15 +1,14 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VTimeline.css"; // Composables
+import "./VTimeline.css";
 
+// Composables
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
-
 import { computed, toRef } from 'vue';
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VTimeline = defineComponent({
   name: 'VTimeline',
   props: {
@@ -23,6 +22,11 @@ export const VTimeline = defineComponent({
       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)
@@ -44,7 +48,6 @@ export const VTimeline = defineComponent({
     ...makeTagProps(),
     ...makeThemeProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -70,23 +73,19 @@ export const VTimeline = defineComponent({
     });
     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}`, truncateClasses.value, {
+      "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],
       "style": {
@@ -95,6 +94,5 @@ export const VTimeline = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VTimeline.mjs.map

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

@@ -1 +1 @@
-{"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        lineInset: toRef(props, 'lineInset'),\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          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        }}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}
+{"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","justify","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    justify: {\n      type: String,\n      default: 'auto',\n      validator: (v: any) => ['auto', 'center'].includes(v),\n    },\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        lineInset: toRef(props, 'lineInset'),\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          `v-timeline--justify-${props.justify}`,\n          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        }}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VTimeline = InstanceType<typeof VTimeline>\n"],"mappings":"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"}