vuetify 3.1.3 → 3.1.5

package/lib/components/VThemeProvider/VThemeProvider.mjs

@@ -5,8 +5,8 @@ import "./VThemeProvider.css";
 // Composables
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-import { defineComponent } from "../../util/index.mjs";
-export const VThemeProvider = defineComponent({
+import { genericComponent } from "../../util/index.mjs";
+export const VThemeProvider = genericComponent()({
   name: 'VThemeProvider',
   props: {
     withBackground: Boolean,
@@ -21,12 +21,11 @@ export const VThemeProvider = defineComponent({
       themeClasses
     } = provideTheme(props);
     return () => {
-      var _slots$default, _slots$default2;
-      if (!props.withBackground) return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
+      if (!props.withBackground) return slots.default?.();
       return _createVNode(props.tag, {
         "class": ['v-theme-provider', themeClasses.value]
       }, {
-        default: () => [(_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)]
+        default: () => [slots.default?.()]
       });
     };
   }

package/lib/components/VThemeProvider/VThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VThemeProvider.mjs","names":["makeThemeProps","provideTheme","makeTagProps","defineComponent","VThemeProvider","name","props","withBackground","Boolean","setup","slots","themeClasses","default","value"],"sources":["../../../src/components/VThemeProvider/VThemeProvider.tsx"],"sourcesContent":["// Styles\nimport './VThemeProvider.sass'\n\n// Composables\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VThemeProvider = defineComponent({\n  name: 'VThemeProvider',\n\n  props: {\n    withBackground: Boolean,\n\n    ...makeThemeProps(),\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n\n    return () => {\n      if (!props.withBackground) return slots.default?.()\n\n      return (\n        <props.tag class={['v-theme-provider', themeClasses.value]}>\n          { slots.default?.() }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VThemeProvider = InstanceType<typeof VThemeProvider>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,EAAEC,YAAY;AAAA,SAC5BC,YAAY,qCAErB;AAAA,SACSC,eAAe;AAExB,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;EAC5CE,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,cAAc,EAAEC,OAAO;IAEvB,GAAGR,cAAc,EAAE;IACnB,GAAGE,YAAY;EACjB,CAAC;EAEDO,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGV,YAAY,CAACK,KAAK,CAAC;IAE5C,OAAO,MAAM;MAAA;MACX,IAAI,CAACA,KAAK,CAACC,cAAc,EAAE,yBAAOG,KAAK,CAACE,OAAO,qBAAb,oBAAAF,KAAK,CAAY;MAEnD;QAAA,SACoB,CAAC,kBAAkB,EAAEC,YAAY,CAACE,KAAK;MAAC;QAAA,mCACtDH,KAAK,CAACE,OAAO,qBAAb,qBAAAF,KAAK,CAAY;MAAA;IAGzB,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VThemeProvider.mjs","names":["makeThemeProps","provideTheme","makeTagProps","genericComponent","VThemeProvider","name","props","withBackground","Boolean","setup","slots","themeClasses","default","value"],"sources":["../../../src/components/VThemeProvider/VThemeProvider.tsx"],"sourcesContent":["// Styles\nimport './VThemeProvider.sass'\n\n// Composables\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\nexport const VThemeProvider = genericComponent()({\n  name: 'VThemeProvider',\n\n  props: {\n    withBackground: Boolean,\n\n    ...makeThemeProps(),\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n\n    return () => {\n      if (!props.withBackground) return slots.default?.()\n\n      return (\n        <props.tag class={['v-theme-provider', themeClasses.value]}>\n          { slots.default?.() }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VThemeProvider = InstanceType<typeof VThemeProvider>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,EAAEC,YAAY;AAAA,SAC5BC,YAAY,qCAErB;AAAA,SACSC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,GAAGD,gBAAgB,EAAE,CAAC;EAC/CE,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,cAAc,EAAEC,OAAO;IAEvB,GAAGR,cAAc,EAAE;IACnB,GAAGE,YAAY;EACjB,CAAC;EAEDO,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGV,YAAY,CAACK,KAAK,CAAC;IAE5C,OAAO,MAAM;MACX,IAAI,CAACA,KAAK,CAACC,cAAc,EAAE,OAAOG,KAAK,CAACE,OAAO,IAAI;MAEnD;QAAA,SACoB,CAAC,kBAAkB,EAAED,YAAY,CAACE,KAAK;MAAC;QAAA,gBACtDH,KAAK,CAACE,OAAO,IAAI;MAAA;IAGzB,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VThemeProvider/index.d.ts

@@ -1,25 +1,39 @@
 import * as vue from 'vue';
 
 declare const VThemeProvider: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+    withBackground: boolean;
+} & {
+    theme?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    theme: StringConstructor;
-    withBackground: BooleanConstructor;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>[] | JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+    withBackground: boolean;
+} & {
+    theme?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    theme: StringConstructor;
-    withBackground: BooleanConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
     withBackground: boolean;
 }>;
-declare type VThemeProvider = InstanceType<typeof VThemeProvider>;
+type VThemeProvider = InstanceType<typeof VThemeProvider>;
 
 export { VThemeProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"VTimePicker.mjs","names":["VTimePickerTitle","VTimePickerClock","Picker","PickerButton","createRange","pad","mixins","SelectingTimes","rangeHours24","rangeHours12am","rangeHours12pm","map","v","range60","selectingNames","extend","name","props","allowedHours","Function","Array","allowedMinutes","allowedSeconds","disabled","Boolean","format","type","String","default","validator","val","includes","min","max","readonly","scrollable","useSeconds","value","ampmInTitle","data","inputHour","inputMinute","inputSecond","lazyInputHour","lazyInputMinute","lazyInputSecond","period","selecting","Hour","computed","selectingHour","get","set","selectingMinute","Minute","selectingSecond","Second","isAllowedHourCb","cb","minHour","Number","split","maxHour","isAllowedMinuteCb","isHourAllowed","minMinute","maxMinute","minTime","maxTime","time","isAllowedSecondCb","isMinuteAllowed","minSecond","maxSecond","isAmPm","watch","mounted","setInputData","$on","setPeriod","methods","genValue","emitValue","$emit","newHour","firstAllowed","Date","getHours","getMinutes","getSeconds","hour","minute","second","trim","toLowerCase","match","convert12to24","parseInt","convert24to12","onInput","onChange","emitChange","allowedFn","range","first","find","length","genClock","$createElement","allowedValues","color","dark","double","light","size","width","fullWidth","landscape","step","on","input","change","ref","genClockAmPm","setTextColor","staticClass","genPickerButton","$vuetify","lang","t","genPickerBody","key","genPickerTitle","ampm","ampmReadonly","slot","render","genPicker"],"sources":["../../../src/components/VTimePicker/VTimePicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Components\nimport VTimePickerTitle from './VTimePickerTitle'\nimport VTimePickerClock from './VTimePickerClock'\n\n// Mixins\nimport Picker from '../../mixins/picker'\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { createRange } from '../../util/helpers'\nimport pad from '../VDatePicker/util/pad'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { SelectingTimes } from './SelectingTimes'\n\nconst rangeHours24 = createRange(24)\nconst rangeHours12am = createRange(12)\nconst rangeHours12pm = rangeHours12am.map(v => v + 12)\nconst range60 = createRange(60)\nconst selectingNames = { 1: 'hour', 2: 'minute', 3: 'second' }\nexport { SelectingTimes }\n\ntype Period = 'am' | 'pm'\ntype AllowFunction = (val: number) => boolean\n\nexport default mixins(\n  Picker,\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-time-picker',\n\n  props: {\n    allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,\n    disabled: Boolean,\n    format: {\n      type: String as PropType<'ampm' | '24hr'>,\n      default: 'ampm',\n      validator (val) {\n        return ['ampm', '24hr'].includes(val)\n      },\n    },\n    min: String,\n    max: String,\n    readonly: Boolean,\n    scrollable: Boolean,\n    useSeconds: Boolean,\n    value: null as any as PropType<any>,\n    ampmInTitle: Boolean,\n  },\n\n  data () {\n    return {\n      inputHour: null as number | null,\n      inputMinute: null as number | null,\n      inputSecond: null as number | null,\n      lazyInputHour: null as number | null,\n      lazyInputMinute: null as number | null,\n      lazyInputSecond: null as number | null,\n      period: 'am' as Period,\n      selecting: SelectingTimes.Hour,\n    }\n  },\n\n  computed: {\n    selectingHour: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Hour\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Hour\n      },\n    },\n    selectingMinute: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Minute\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Minute\n      },\n    },\n    selectingSecond: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Second\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Second\n      },\n    },\n    isAllowedHourCb (): AllowFunction {\n      let cb: AllowFunction\n\n      if (this.allowedHours instanceof Array) {\n        cb = (val: number) => (this.allowedHours as number[]).includes(val)\n      } else {\n        cb = this.allowedHours\n      }\n\n      if (!this.min && !this.max) return cb\n\n      const minHour = this.min ? Number(this.min.split(':')[0]) : 0\n      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23\n\n      return (val: number) => {\n        return val >= minHour * 1 &&\n          val <= maxHour * 1 &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedMinuteCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      if (this.allowedMinutes instanceof Array) {\n        cb = (val: number) => (this.allowedMinutes as number[]).includes(val)\n      } else {\n        cb = this.allowedMinutes\n      }\n\n      if (!this.min && !this.max) {\n        return isHourAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute] = this.min ? this.min.split(':').map(Number) : [0, 0]\n      const [maxHour, maxMinute] = this.max ? this.max.split(':').map(Number) : [23, 59]\n      const minTime = minHour * 60 + minMinute * 1\n      const maxTime = maxHour * 60 + maxMinute * 1\n\n      return (val: number) => {\n        const time = 60 * this.inputHour! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isHourAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedSecondCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      const isMinuteAllowed = isHourAllowed &&\n        (!this.isAllowedMinuteCb ||\n          this.inputMinute === null ||\n          this.isAllowedMinuteCb(this.inputMinute)\n        )\n\n      if (this.allowedSeconds instanceof Array) {\n        cb = (val: number) => (this.allowedSeconds as number[]).includes(val)\n      } else {\n        cb = this.allowedSeconds\n      }\n\n      if (!this.min && !this.max) {\n        return isMinuteAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute, minSecond] = this.min ? this.min.split(':').map(Number) : [0, 0, 0]\n      const [maxHour, maxMinute, maxSecond] = this.max ? this.max.split(':').map(Number) : [23, 59, 59]\n      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1\n      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1\n\n      return (val: number) => {\n        const time = 3600 * this.inputHour! + 60 * this.inputMinute! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isMinuteAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAmPm (): boolean {\n      return this.format === 'ampm'\n    },\n  },\n\n  watch: {\n    value: 'setInputData',\n  },\n\n  mounted () {\n    this.setInputData(this.value)\n    this.$on('update:period', this.setPeriod)\n  },\n\n  methods: {\n    genValue () {\n      if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {\n        return `${pad(this.inputHour)}:${pad(this.inputMinute)}` + (this.useSeconds ? `:${pad(this.inputSecond!)}` : '')\n      }\n\n      return null\n    },\n    emitValue () {\n      const value = this.genValue()\n      if (value !== null) this.$emit('input', value)\n    },\n    setPeriod (period: Period) {\n      this.period = period\n      if (this.inputHour != null) {\n        const newHour = this.inputHour! + (period === 'am' ? -12 : 12)\n        this.inputHour = this.firstAllowed('hour', newHour)\n        this.emitValue()\n      }\n    },\n    setInputData (value: string | null | Date) {\n      if (value == null || value === '') {\n        this.inputHour = null\n        this.inputMinute = null\n        this.inputSecond = null\n      } else if (value instanceof Date) {\n        this.inputHour = value.getHours()\n        this.inputMinute = value.getMinutes()\n        this.inputSecond = value.getSeconds()\n      } else {\n        const [, hour, minute, , second, period] = value.trim().toLowerCase().match(/^(\\d+):(\\d+)(:(\\d+))?([ap]m)?$/) || new Array(6)\n\n        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period as Period) : parseInt(hour, 10)\n        this.inputMinute = parseInt(minute, 10)\n        this.inputSecond = parseInt(second || 0, 10)\n      }\n\n      this.period = (this.inputHour == null || this.inputHour < 12) ? 'am' : 'pm'\n    },\n    convert24to12 (hour: number) {\n      return hour ? ((hour - 1) % 12 + 1) : 12\n    },\n    convert12to24 (hour: number, period: Period) {\n      return hour % 12 + (period === 'pm' ? 12 : 0)\n    },\n    onInput (value: number) {\n      if (this.selecting === SelectingTimes.Hour) {\n        this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value\n      } else if (this.selecting === SelectingTimes.Minute) {\n        this.inputMinute = value\n      } else {\n        this.inputSecond = value\n      }\n      this.emitValue()\n    },\n    onChange (value: number) {\n      this.$emit(`click:${selectingNames[this.selecting]}`, value)\n\n      const emitChange = this.selecting === (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute)\n\n      if (this.selecting === SelectingTimes.Hour) {\n        this.selecting = SelectingTimes.Minute\n      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {\n        this.selecting = SelectingTimes.Second\n      }\n\n      if (this.inputHour === this.lazyInputHour &&\n        this.inputMinute === this.lazyInputMinute &&\n        (!this.useSeconds || this.inputSecond === this.lazyInputSecond)\n      ) return\n\n      const time = this.genValue()\n      if (time === null) return\n\n      this.lazyInputHour = this.inputHour\n      this.lazyInputMinute = this.inputMinute\n      this.useSeconds && (this.lazyInputSecond = this.inputSecond)\n\n      emitChange && this.$emit('change', time)\n    },\n    firstAllowed (type: 'hour' | 'minute' | 'second', value: number) {\n      const allowedFn = type === 'hour' ? this.isAllowedHourCb : (type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb)\n      if (!allowedFn) return value\n\n      // TODO: clean up\n      const range = type === 'minute'\n        ? range60\n        : (type === 'second'\n          ? range60\n          : (this.isAmPm\n            ? (value < 12\n              ? rangeHours12am\n              : rangeHours12pm)\n            : rangeHours24))\n      const first = range.find(v => allowedFn((v + value) % range.length + range[0]))\n      return ((first || 0) + value) % range.length + range[0]\n    },\n    genClock () {\n      return this.$createElement(VTimePickerClock, {\n        props: {\n          allowedValues:\n            this.selecting === SelectingTimes.Hour\n              ? this.isAllowedHourCb\n              : (this.selecting === SelectingTimes.Minute\n                ? this.isAllowedMinuteCb\n                : this.isAllowedSecondCb),\n          color: this.color,\n          dark: this.dark,\n          disabled: this.disabled,\n          double: this.selecting === SelectingTimes.Hour && !this.isAmPm,\n          format: this.selecting === SelectingTimes.Hour\n            ? (this.isAmPm ? this.convert24to12 : (val: number) => val)\n            : (val: number) => pad(val, 2),\n          light: this.light,\n          max: this.selecting === SelectingTimes.Hour ? (this.isAmPm && this.period === 'am' ? 11 : 23) : 59,\n          min: this.selecting === SelectingTimes.Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,\n          readonly: this.readonly,\n          scrollable: this.scrollable,\n          size: Number(this.width) - ((!this.fullWidth && this.landscape) ? 80 : 20),\n          step: this.selecting === SelectingTimes.Hour ? 1 : 5,\n          value: this.selecting === SelectingTimes.Hour\n            ? this.inputHour\n            : (this.selecting === SelectingTimes.Minute\n              ? this.inputMinute\n              : this.inputSecond),\n        },\n        on: {\n          input: this.onInput,\n          change: this.onChange,\n        },\n        ref: 'clock',\n      })\n    },\n    genClockAmPm () {\n      return this.$createElement('div', this.setTextColor(this.color || 'primary', {\n        staticClass: 'v-time-picker-clock__ampm',\n      }), [\n        this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly),\n        this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly),\n      ])\n    },\n    genPickerBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-time-picker-clock__container',\n        key: this.selecting,\n      }, [\n        !this.ampmInTitle && this.isAmPm && this.genClockAmPm(),\n        this.genClock(),\n      ])\n    },\n    genPickerTitle () {\n      return this.$createElement(VTimePickerTitle, {\n        props: {\n          ampm: this.isAmPm,\n          ampmReadonly: this.isAmPm && !this.ampmInTitle,\n          disabled: this.disabled,\n          hour: this.inputHour,\n          minute: this.inputMinute,\n          second: this.inputSecond,\n          period: this.period,\n          readonly: this.readonly,\n          useSeconds: this.useSeconds,\n          selecting: this.selecting,\n        },\n        on: {\n          'update:selecting': (value: 1 | 2 | 3) => (this.selecting = value),\n          'update:period': (period: string) => this.$emit('update:period', period),\n        },\n        ref: 'title',\n        slot: 'title',\n      })\n    },\n  },\n\n  render (): VNode {\n    return this.genPicker('v-picker--time')\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VTimePicker.mjs","names":["VTimePickerTitle","VTimePickerClock","Picker","PickerButton","createRange","pad","mixins","SelectingTimes","rangeHours24","rangeHours12am","rangeHours12pm","map","v","range60","selectingNames","extend","name","props","allowedHours","Function","Array","allowedMinutes","allowedSeconds","disabled","Boolean","format","type","String","default","validator","val","includes","min","max","readonly","scrollable","useSeconds","value","ampmInTitle","data","inputHour","inputMinute","inputSecond","lazyInputHour","lazyInputMinute","lazyInputSecond","period","selecting","Hour","computed","selectingHour","get","set","selectingMinute","Minute","selectingSecond","Second","isAllowedHourCb","cb","minHour","Number","split","maxHour","isAllowedMinuteCb","isHourAllowed","minMinute","maxMinute","minTime","maxTime","time","isAllowedSecondCb","isMinuteAllowed","minSecond","maxSecond","isAmPm","watch","mounted","setInputData","$on","setPeriod","methods","genValue","emitValue","$emit","newHour","firstAllowed","Date","getHours","getMinutes","getSeconds","hour","minute","second","trim","toLowerCase","match","convert12to24","parseInt","convert24to12","onInput","onChange","emitChange","allowedFn","range","first","find","length","genClock","$createElement","allowedValues","color","dark","double","light","size","width","fullWidth","landscape","step","on","input","change","ref","genClockAmPm","setTextColor","staticClass","genPickerButton","$vuetify","lang","t","genPickerBody","key","genPickerTitle","ampm","ampmReadonly","slot","render","genPicker"],"sources":["../../../src/components/VTimePicker/VTimePicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Components\nimport VTimePickerTitle from './VTimePickerTitle'\nimport VTimePickerClock from './VTimePickerClock'\n\n// Mixins\nimport Picker from '../../mixins/picker'\nimport PickerButton from '../../mixins/picker-button'\n\n// Utils\nimport { createRange } from '../../util/helpers'\nimport pad from '../VDatePicker/util/pad'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { SelectingTimes } from './SelectingTimes'\n\nconst rangeHours24 = createRange(24)\nconst rangeHours12am = createRange(12)\nconst rangeHours12pm = rangeHours12am.map(v => v + 12)\nconst range60 = createRange(60)\nconst selectingNames = { 1: 'hour', 2: 'minute', 3: 'second' }\nexport { SelectingTimes }\n\ntype Period = 'am' | 'pm'\ntype AllowFunction = (val: number) => boolean\n\nexport default mixins(\n  Picker,\n  PickerButton\n/* @vue/component */\n).extend({\n  name: 'v-time-picker',\n\n  props: {\n    allowedHours: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedMinutes: [Function, Array] as PropType<AllowFunction | number[]>,\n    allowedSeconds: [Function, Array] as PropType<AllowFunction | number[]>,\n    disabled: Boolean,\n    format: {\n      type: String as PropType<'ampm' | '24hr'>,\n      default: 'ampm',\n      validator (val: any) {\n        return ['ampm', '24hr'].includes(val)\n      },\n    },\n    min: String,\n    max: String,\n    readonly: Boolean,\n    scrollable: Boolean,\n    useSeconds: Boolean,\n    value: null as any as PropType<any>,\n    ampmInTitle: Boolean,\n  },\n\n  data () {\n    return {\n      inputHour: null as number | null,\n      inputMinute: null as number | null,\n      inputSecond: null as number | null,\n      lazyInputHour: null as number | null,\n      lazyInputMinute: null as number | null,\n      lazyInputSecond: null as number | null,\n      period: 'am' as Period,\n      selecting: SelectingTimes.Hour,\n    }\n  },\n\n  computed: {\n    selectingHour: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Hour\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Hour\n      },\n    },\n    selectingMinute: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Minute\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Minute\n      },\n    },\n    selectingSecond: {\n      get (): boolean {\n        return this.selecting === SelectingTimes.Second\n      },\n      set (v: boolean) {\n        this.selecting = SelectingTimes.Second\n      },\n    },\n    isAllowedHourCb (): AllowFunction {\n      let cb: AllowFunction\n\n      if (this.allowedHours instanceof Array) {\n        cb = (val: number) => (this.allowedHours as number[]).includes(val)\n      } else {\n        cb = this.allowedHours\n      }\n\n      if (!this.min && !this.max) return cb\n\n      const minHour = this.min ? Number(this.min.split(':')[0]) : 0\n      const maxHour = this.max ? Number(this.max.split(':')[0]) : 23\n\n      return (val: number) => {\n        return val >= minHour * 1 &&\n          val <= maxHour * 1 &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedMinuteCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      if (this.allowedMinutes instanceof Array) {\n        cb = (val: number) => (this.allowedMinutes as number[]).includes(val)\n      } else {\n        cb = this.allowedMinutes\n      }\n\n      if (!this.min && !this.max) {\n        return isHourAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute] = this.min ? this.min.split(':').map(Number) : [0, 0]\n      const [maxHour, maxMinute] = this.max ? this.max.split(':').map(Number) : [23, 59]\n      const minTime = minHour * 60 + minMinute * 1\n      const maxTime = maxHour * 60 + maxMinute * 1\n\n      return (val: number) => {\n        const time = 60 * this.inputHour! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isHourAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAllowedSecondCb (): AllowFunction {\n      let cb: AllowFunction\n\n      const isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour)\n      const isMinuteAllowed = isHourAllowed &&\n        (!this.isAllowedMinuteCb ||\n          this.inputMinute === null ||\n          this.isAllowedMinuteCb(this.inputMinute)\n        )\n\n      if (this.allowedSeconds instanceof Array) {\n        cb = (val: number) => (this.allowedSeconds as number[]).includes(val)\n      } else {\n        cb = this.allowedSeconds\n      }\n\n      if (!this.min && !this.max) {\n        return isMinuteAllowed ? cb : () => false\n      }\n\n      const [minHour, minMinute, minSecond] = this.min ? this.min.split(':').map(Number) : [0, 0, 0]\n      const [maxHour, maxMinute, maxSecond] = this.max ? this.max.split(':').map(Number) : [23, 59, 59]\n      const minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1\n      const maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1\n\n      return (val: number) => {\n        const time = 3600 * this.inputHour! + 60 * this.inputMinute! + val\n        return time >= minTime &&\n          time <= maxTime &&\n          isMinuteAllowed &&\n          (!cb || cb(val))\n      }\n    },\n    isAmPm (): boolean {\n      return this.format === 'ampm'\n    },\n  },\n\n  watch: {\n    value: 'setInputData',\n  },\n\n  mounted () {\n    this.setInputData(this.value)\n    this.$on('update:period', this.setPeriod)\n  },\n\n  methods: {\n    genValue () {\n      if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {\n        return `${pad(this.inputHour)}:${pad(this.inputMinute)}` + (this.useSeconds ? `:${pad(this.inputSecond!)}` : '')\n      }\n\n      return null\n    },\n    emitValue () {\n      const value = this.genValue()\n      if (value !== null) this.$emit('input', value)\n    },\n    setPeriod (period: Period) {\n      this.period = period\n      if (this.inputHour != null) {\n        const newHour = this.inputHour! + (period === 'am' ? -12 : 12)\n        this.inputHour = this.firstAllowed('hour', newHour)\n        this.emitValue()\n      }\n    },\n    setInputData (value: string | null | Date) {\n      if (value == null || value === '') {\n        this.inputHour = null\n        this.inputMinute = null\n        this.inputSecond = null\n      } else if (value instanceof Date) {\n        this.inputHour = value.getHours()\n        this.inputMinute = value.getMinutes()\n        this.inputSecond = value.getSeconds()\n      } else {\n        const [, hour, minute, , second, period] = value.trim().toLowerCase().match(/^(\\d+):(\\d+)(:(\\d+))?([ap]m)?$/) || new Array(6)\n\n        this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period as Period) : parseInt(hour, 10)\n        this.inputMinute = parseInt(minute, 10)\n        this.inputSecond = parseInt(second || 0, 10)\n      }\n\n      this.period = (this.inputHour == null || this.inputHour < 12) ? 'am' : 'pm'\n    },\n    convert24to12 (hour: number) {\n      return hour ? ((hour - 1) % 12 + 1) : 12\n    },\n    convert12to24 (hour: number, period: Period) {\n      return hour % 12 + (period === 'pm' ? 12 : 0)\n    },\n    onInput (value: number) {\n      if (this.selecting === SelectingTimes.Hour) {\n        this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value\n      } else if (this.selecting === SelectingTimes.Minute) {\n        this.inputMinute = value\n      } else {\n        this.inputSecond = value\n      }\n      this.emitValue()\n    },\n    onChange (value: number) {\n      this.$emit(`click:${selectingNames[this.selecting]}`, value)\n\n      const emitChange = this.selecting === (this.useSeconds ? SelectingTimes.Second : SelectingTimes.Minute)\n\n      if (this.selecting === SelectingTimes.Hour) {\n        this.selecting = SelectingTimes.Minute\n      } else if (this.useSeconds && this.selecting === SelectingTimes.Minute) {\n        this.selecting = SelectingTimes.Second\n      }\n\n      if (this.inputHour === this.lazyInputHour &&\n        this.inputMinute === this.lazyInputMinute &&\n        (!this.useSeconds || this.inputSecond === this.lazyInputSecond)\n      ) return\n\n      const time = this.genValue()\n      if (time === null) return\n\n      this.lazyInputHour = this.inputHour\n      this.lazyInputMinute = this.inputMinute\n      this.useSeconds && (this.lazyInputSecond = this.inputSecond)\n\n      emitChange && this.$emit('change', time)\n    },\n    firstAllowed (type: 'hour' | 'minute' | 'second', value: number) {\n      const allowedFn = type === 'hour' ? this.isAllowedHourCb : (type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb)\n      if (!allowedFn) return value\n\n      // TODO: clean up\n      const range = type === 'minute'\n        ? range60\n        : (type === 'second'\n          ? range60\n          : (this.isAmPm\n            ? (value < 12\n              ? rangeHours12am\n              : rangeHours12pm)\n            : rangeHours24))\n      const first = range.find(v => allowedFn((v + value) % range.length + range[0]))\n      return ((first || 0) + value) % range.length + range[0]\n    },\n    genClock () {\n      return this.$createElement(VTimePickerClock, {\n        props: {\n          allowedValues:\n            this.selecting === SelectingTimes.Hour\n              ? this.isAllowedHourCb\n              : (this.selecting === SelectingTimes.Minute\n                ? this.isAllowedMinuteCb\n                : this.isAllowedSecondCb),\n          color: this.color,\n          dark: this.dark,\n          disabled: this.disabled,\n          double: this.selecting === SelectingTimes.Hour && !this.isAmPm,\n          format: this.selecting === SelectingTimes.Hour\n            ? (this.isAmPm ? this.convert24to12 : (val: number) => val)\n            : (val: number) => pad(val, 2),\n          light: this.light,\n          max: this.selecting === SelectingTimes.Hour ? (this.isAmPm && this.period === 'am' ? 11 : 23) : 59,\n          min: this.selecting === SelectingTimes.Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,\n          readonly: this.readonly,\n          scrollable: this.scrollable,\n          size: Number(this.width) - ((!this.fullWidth && this.landscape) ? 80 : 20),\n          step: this.selecting === SelectingTimes.Hour ? 1 : 5,\n          value: this.selecting === SelectingTimes.Hour\n            ? this.inputHour\n            : (this.selecting === SelectingTimes.Minute\n              ? this.inputMinute\n              : this.inputSecond),\n        },\n        on: {\n          input: this.onInput,\n          change: this.onChange,\n        },\n        ref: 'clock',\n      })\n    },\n    genClockAmPm () {\n      return this.$createElement('div', this.setTextColor(this.color || 'primary', {\n        staticClass: 'v-time-picker-clock__ampm',\n      }), [\n        this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly),\n        this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly),\n      ])\n    },\n    genPickerBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-time-picker-clock__container',\n        key: this.selecting,\n      }, [\n        !this.ampmInTitle && this.isAmPm && this.genClockAmPm(),\n        this.genClock(),\n      ])\n    },\n    genPickerTitle () {\n      return this.$createElement(VTimePickerTitle, {\n        props: {\n          ampm: this.isAmPm,\n          ampmReadonly: this.isAmPm && !this.ampmInTitle,\n          disabled: this.disabled,\n          hour: this.inputHour,\n          minute: this.inputMinute,\n          second: this.inputSecond,\n          period: this.period,\n          readonly: this.readonly,\n          useSeconds: this.useSeconds,\n          selecting: this.selecting,\n        },\n        on: {\n          'update:selecting': (value: 1 | 2 | 3) => (this.selecting = value),\n          'update:period': (period: string) => this.$emit('update:period', period),\n        },\n        ref: 'title',\n        slot: 'title',\n      })\n    },\n  },\n\n  render (): VNode {\n    return this.genPicker('v-picker--time')\n  },\n})\n"],"mappings":"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"}

package/lib/components/VTimeline/VTimeline.mjs

@@ -8,8 +8,8 @@ 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({
+import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VTimeline = genericComponent()({
   name: 'VTimeline',
   props: {
     align: {

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","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":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,eAAe,0CAExB;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,aAAa,EAAEC,eAAe,EAAEC,SAAS,gCAElD;AAQA,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;EACvCG,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE,QAAQ;MACjBC,SAAS,EAAGC,CAAM,IAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,CAAC;IACvD,CAAwB;IACxBE,SAAS,EAAE;MACTN,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE,UAAU;MACnBC,SAAS,EAAGC,CAAM,IAAK,CAAC,UAAU,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,CAAC;IAC9D,CAA4B;IAC5BG,OAAO,EAAE;MACPP,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAGC,CAAM,IAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACD,CAAC;IACtD,CAAC;IACDI,IAAI,EAAE;MACJR,IAAI,EAAEC,MAAM;MACZE,SAAS,EAAGC,CAAM,IAAKA,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACD,CAAC;IACjE,CAAuB;IACvBK,SAAS,EAAE;MACTT,IAAI,EAAE,CAACC,MAAM,EAAES,MAAM,CAAC;MACtBR,OAAO,EAAE;IACX,CAAC;IACDS,aAAa,EAAE;MACbX,IAAI,EAAE,CAACC,MAAM,EAAES,MAAM,CAAC;MACtBR,OAAO,EAAE;IACX,CAAC;IACDU,SAAS,EAAEX,MAAM;IACjBY,YAAY,EAAE;MACZb,IAAI,EAAEC,MAAM;MACZE,SAAS,EAAGC,CAAM,IAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACD,CAAC;IAC5D,CAA+B;IAE/B,GAAGnB,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAED0B,KAAK,CAAEhB,KAAK,QAAa;IAAA,IAAX;MAAEiB;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAG3B,YAAY,CAACS,KAAK,CAAC;IAC5C,MAAM;MAAEmB;IAAe,CAAC,GAAG/B,UAAU,CAACY,KAAK,CAAC;IAE5CR,eAAe,CAAC;MACd4B,gBAAgB,EAAE;QAChBN,SAAS,EAAEpB,KAAK,CAACM,KAAK,EAAE,WAAW;MACrC,CAAC;MACDqB,aAAa,EAAE;QACbC,OAAO,EAAE5B,KAAK,CAACM,KAAK,EAAE,SAAS,CAAC;QAChCW,SAAS,EAAEjB,KAAK,CAACM,KAAK,EAAE,WAAW;MACrC;IACF,CAAC,CAAC;IAEF,MAAMuB,WAAW,GAAG9B,QAAQ,CAAC,MAAM;MACjC,MAAMiB,IAAI,GAAGV,KAAK,CAACU,IAAI,GAAGV,KAAK,CAACU,IAAI,GAAGV,KAAK,CAACsB,OAAO,KAAK,SAAS,GAAG,KAAK,GAAG,IAAI;MAEjF,OAAOZ,IAAI,IAAK,oBAAmBA,IAAK,EAAC;IAC3C,CAAC,CAAC;IAEF,MAAMc,eAAe,GAAG/B,QAAQ,CAAC,MAAM;MACrC,MAAMgC,OAAO,GAAG,CACd,iCAAiC,EACjC,+BAA+B,CAChC;MAED,QAAQzB,KAAK,CAACe,YAAY;QACxB,KAAK,MAAM;UAAE,OAAOU,OAAO;QAC3B,KAAK,OAAO;UAAE,OAAOA,OAAO,CAAC,CAAC,CAAC;QAC/B,KAAK,KAAK;UAAE,OAAOA,OAAO,CAAC,CAAC,CAAC;QAC7B;UAAS,OAAO,IAAI;MAAA;IAExB,CAAC,CAAC;IAEF5B,SAAS,CAAC;MAAA,SAEC,CACL,YAAY,EACX,eAAcG,KAAK,CAACQ,SAAU,EAAC,EAC/B,qBAAoBR,KAAK,CAACC,KAAM,EAAC,EACjC,uBAAsBD,KAAK,CAACS,OAAQ,EAAC,EACtCe,eAAe,CAACE,KAAK,EACrB;QACE,wBAAwB,EAAE,CAAC,CAAC1B,KAAK,CAACW;MACpC,CAAC,EACDO,YAAY,CAACQ,KAAK,EAClBP,cAAc,CAACO,KAAK,EACpBH,WAAW,CAACG,KAAK,CAClB;MAAA,SACM;QACL,6BAA6B,EAAE/B,aAAa,CAACK,KAAK,CAACa,aAAa;MAClE;IAAC,GACSI,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VTimeline.mjs","names":["makeDensityProps","useDensity","makeTagProps","makeThemeProps","provideTheme","provideDefaults","computed","toRef","convertToUnit","genericComponent","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, genericComponent, 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 = genericComponent()({\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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"}

package/lib/components/VTimeline/VTimelineDivider.mjs

@@ -7,9 +7,9 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
-import { defineComponent, useRender } from "../../util/index.mjs";
+import { genericComponent, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
-export const VTimelineDivider = defineComponent({
+export const VTimelineDivider = genericComponent()({
   name: 'VTimelineDivider',
   props: {
     dotColor: String,
@@ -51,27 +51,24 @@ export const VTimelineDivider = defineComponent({
         size: toRef(props, 'size')
       }
     });
-    useRender(() => {
-      var _slots$default;
-      return _createVNode("div", {
-        "class": ['v-timeline-divider', {
-          'v-timeline-divider--fill-dot': props.fillDot
-        }]
-      }, [_createVNode("div", {
-        "class": ['v-timeline-divider__before', lineColorClasses.value],
-        "style": lineColorStyles.value
-      }, null), !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.default) == null ? void 0 : _slots$default.call(slots)) ?? (props.icon ? _createVNode(VIcon, null, null) : undefined)])]), _createVNode("div", {
-        "class": ['v-timeline-divider__after', lineColorClasses.value],
-        "style": lineColorStyles.value
-      }, null)]);
-    });
+    useRender(() => _createVNode("div", {
+      "class": ['v-timeline-divider', {
+        'v-timeline-divider--fill-dot': props.fillDot
+      }]
+    }, [_createVNode("div", {
+      "class": ['v-timeline-divider__before', lineColorClasses.value],
+      "style": lineColorStyles.value
+    }, null), !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?.() ?? (props.icon ? _createVNode(VIcon, null, null) : undefined)])]), _createVNode("div", {
+      "class": ['v-timeline-divider__after', lineColorClasses.value],
+      "style": lineColorStyles.value
+    }, null)]));
     return {};
   }
 });

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

@@ -1 +1 @@
-{"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        <div\n          class={[\n            'v-timeline-divider__before',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\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__after',\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;AAAA,SACSA,KAAK,8BAEd;AAAA,SACSC,SAAS;AAAA,SACTC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe;AAAA,SACfC,kBAAkB,uCAE3B;AAAA,SACSC,eAAe,EAAEC,SAAS;AACnC,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,gBAAgB,GAAGH,eAAe,CAAC;EAC9CI,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE;IACLC,QAAQ,EAAEC,MAAM;IAChBC,OAAO,EAAEC,OAAO;IAChBC,OAAO,EAAED,OAAO;IAChBE,IAAI,EAAEpB,SAAS;IACfqB,SAAS,EAAEL,MAAM;IACjBM,SAAS,EAAEN,MAAM;IAEjB,GAAGb,gBAAgB,EAAE;IACrB,GAAGE,aAAa,EAAE;IAClB,GAAGJ,kBAAkB;EACvB,CAAC;EAEDsB,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGpB,OAAO,CAACQ,KAAK,EAAE,yBAAyB,CAAC;IAC7E,MAAM;MAAEa,qBAAqB;MAAEC;IAAuB,CAAC,GAAGpB,kBAAkB,CAACG,KAAK,CAACG,KAAK,EAAE,UAAU,CAAC,CAAC;IACtG,MAAM;MAAEe;IAAe,CAAC,GAAGzB,UAAU,CAACU,KAAK,EAAE,yBAAyB,CAAC;IACvE,MAAM;MAAEgB;IAAiB,CAAC,GAAG5B,YAAY,CAACY,KAAK,CAAC;IAChD,MAAM;MACJc,sBAAsB,EAAEG,gBAAgB;MACxCJ,qBAAqB,EAAEK;IACzB,CAAC,GAAGxB,kBAAkB,CAACG,KAAK,CAACG,KAAK,EAAE,WAAW,CAAC,CAAC;IAEjDP,eAAe,CAAC;MACdR,KAAK,EAAE;QACLkC,KAAK,EAAEtB,KAAK,CAACG,KAAK,EAAE,WAAW,CAAC;QAChCM,IAAI,EAAET,KAAK,CAACG,KAAK,EAAE,MAAM,CAAC;QAC1BoB,IAAI,EAAEvB,KAAK,CAACG,KAAK,EAAE,MAAM;MAC3B;IACF,CAAC,CAAC;IAEFJ,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,oBAAoB,EACpB;UACE,8BAA8B,EAAEI,KAAK,CAACG;QACxC,CAAC;MACF;QAAA,SAGQ,CACL,4BAA4B,EAC5Bc,gBAAgB,CAACI,KAAK,CACvB;QAAA,SACOH,eAAe,CAACG;MAAK,UAG7B,CAACrB,KAAK,CAACK,OAAO;QAAA,OAER,KAAK;QAAA,SACF,CACL,yBAAyB,EACzBW,gBAAgB,CAACK,KAAK,EACtBN,cAAc,CAACM,KAAK,EACpBV,WAAW,CAACU,KAAK,CAClB;QAAA,SACOT,UAAU,CAACS;MAAK;QAAA,SAGf,CACL,+BAA+B,EAC/BP,sBAAsB,CAACO,KAAK,EAC5BN,cAAc,CAACM,KAAK,CACrB;QAAA,SACOR,qBAAqB,CAACQ;MAAK,IAEjC,mBAAAX,KAAK,CAACY,OAAO,qBAAb,oBAAAZ,KAAK,CAAY,MAAKV,KAAK,CAACM,IAAI,qCAAiBiB,SAAS,CAAC,IAGlE;QAAA,SAGQ,CACL,2BAA2B,EAC3BN,gBAAgB,CAACI,KAAK,CACvB;QAAA,SACOH,eAAe,CAACG;MAAK;IAAA,CAGlC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VTimelineDivider.mjs","names":["VIcon","IconValue","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeSizeProps","useSize","provideDefaults","useBackgroundColor","genericComponent","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 { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VTimelineDivider = genericComponent()({\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        <div\n          class={[\n            'v-timeline-divider__before',\n            lineColorClasses.value,\n          ]}\n          style={ lineColorStyles.value }\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__after',\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;AAAA,SACSA,KAAK,8BAEd;AAAA,SACSC,SAAS;AAAA,SACTC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe;AAAA,SACfC,kBAAkB,uCAE3B;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AACpC,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,gBAAgB,GAAGH,gBAAgB,EAAE,CAAC;EACjDI,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE;IACLC,QAAQ,EAAEC,MAAM;IAChBC,OAAO,EAAEC,OAAO;IAChBC,OAAO,EAAED,OAAO;IAChBE,IAAI,EAAEpB,SAAS;IACfqB,SAAS,EAAEL,MAAM;IACjBM,SAAS,EAAEN,MAAM;IAEjB,GAAGb,gBAAgB,EAAE;IACrB,GAAGE,aAAa,EAAE;IAClB,GAAGJ,kBAAkB;EACvB,CAAC;EAEDsB,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGpB,OAAO,CAACQ,KAAK,EAAE,yBAAyB,CAAC;IAC7E,MAAM;MAAEa,qBAAqB;MAAEC;IAAuB,CAAC,GAAGpB,kBAAkB,CAACG,KAAK,CAACG,KAAK,EAAE,UAAU,CAAC,CAAC;IACtG,MAAM;MAAEe;IAAe,CAAC,GAAGzB,UAAU,CAACU,KAAK,EAAE,yBAAyB,CAAC;IACvE,MAAM;MAAEgB;IAAiB,CAAC,GAAG5B,YAAY,CAACY,KAAK,CAAC;IAChD,MAAM;MACJc,sBAAsB,EAAEG,gBAAgB;MACxCJ,qBAAqB,EAAEK;IACzB,CAAC,GAAGxB,kBAAkB,CAACG,KAAK,CAACG,KAAK,EAAE,WAAW,CAAC,CAAC;IAEjDP,eAAe,CAAC;MACdR,KAAK,EAAE;QACLkC,KAAK,EAAEtB,KAAK,CAACG,KAAK,EAAE,WAAW,CAAC;QAChCM,IAAI,EAAET,KAAK,CAACG,KAAK,EAAE,MAAM,CAAC;QAC1BoB,IAAI,EAAEvB,KAAK,CAACG,KAAK,EAAE,MAAM;MAC3B;IACF,CAAC,CAAC;IAEFJ,SAAS,CAAC;MAAA,SAEC,CACL,oBAAoB,EACpB;QACE,8BAA8B,EAAEI,KAAK,CAACG;MACxC,CAAC;IACF;MAAA,SAGQ,CACL,4BAA4B,EAC5Bc,gBAAgB,CAACI,KAAK,CACvB;MAAA,SACOH,eAAe,CAACG;IAAK,UAG7B,CAACrB,KAAK,CAACK,OAAO;MAAA,OAER,KAAK;MAAA,SACF,CACL,yBAAyB,EACzBW,gBAAgB,CAACK,KAAK,EACtBN,cAAc,CAACM,KAAK,EACpBV,WAAW,CAACU,KAAK,CAClB;MAAA,SACOT,UAAU,CAACS;IAAK;MAAA,SAGf,CACL,+BAA+B,EAC/BP,sBAAsB,CAACO,KAAK,EAC5BN,cAAc,CAACM,KAAK,CACrB;MAAA,SACOR,qBAAqB,CAACQ;IAAK,IAEjCX,KAAK,CAACY,OAAO,IAAI,KAAKtB,KAAK,CAACM,IAAI,qCAAiBiB,SAAS,CAAC,IAGlE;MAAA,SAGQ,CACL,2BAA2B,EAC3BN,gBAAgB,CAACI,KAAK,CACvB;MAAA,SACOH,eAAe,CAACG;IAAK,UAGlC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VTimeline/VTimelineItem.mjs

@@ -6,10 +6,13 @@ import { makeElevationProps } from "../../composables/elevation.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs";
 import { makeSizeProps } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-import { ref, watch } from 'vue';
-import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
+import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
-export const VTimelineItem = defineComponent({
+import { ref, watch } from 'vue';
+
+// Types
+
+export const VTimelineItem = genericComponent()({
   name: 'VTimelineItem',
   props: {
     density: String,
@@ -39,41 +42,37 @@ export const VTimelineItem = defineComponent({
     const dotSize = ref(0);
     const dotRef = ref();
     watch(dotRef, newValue => {
-      var _newValue$$el$querySe;
       if (!newValue) return;
-      dotSize.value = ((_newValue$$el$querySe = newValue.$el.querySelector('.v-timeline-divider__dot')) == null ? void 0 : _newValue$$el$querySe.getBoundingClientRect().width) ?? 0;
+      dotSize.value = newValue.$el.querySelector('.v-timeline-divider__dot')?.getBoundingClientRect().width ?? 0;
     }, {
       flush: 'post'
     });
-    useRender(() => {
-      var _slots$default, _slots$opposite;
-      return _createVNode("div", {
-        "class": ['v-timeline-item', {
-          'v-timeline-item--fill-dot': props.fillDot
-        }],
-        "style": {
-          '--v-timeline-dot-size': convertToUnit(dotSize.value),
-          '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0)
-        }
-      }, [_createVNode("div", {
-        "class": "v-timeline-item__body",
-        "style": dimensionStyles.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), _createVNode(VTimelineDivider, {
-        "ref": dotRef,
-        "hideDot": props.hideDot,
-        "icon": props.icon,
-        "iconColor": props.iconColor,
-        "size": props.size,
-        "elevation": props.elevation,
-        "dotColor": props.dotColor,
-        "fillDot": props.fillDot,
-        "rounded": props.rounded
-      }, {
-        default: slots.icon
-      }), props.density !== 'compact' && _createVNode("div", {
-        "class": "v-timeline-item__opposite"
-      }, [!props.hideOpposite && ((_slots$opposite = slots.opposite) == null ? void 0 : _slots$opposite.call(slots))])]);
-    });
+    useRender(() => _createVNode("div", {
+      "class": ['v-timeline-item', {
+        'v-timeline-item--fill-dot': props.fillDot
+      }],
+      "style": {
+        '--v-timeline-dot-size': convertToUnit(dotSize.value),
+        '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0)
+      }
+    }, [_createVNode("div", {
+      "class": "v-timeline-item__body",
+      "style": dimensionStyles.value
+    }, [slots.default?.()]), _createVNode(VTimelineDivider, {
+      "ref": dotRef,
+      "hideDot": props.hideDot,
+      "icon": props.icon,
+      "iconColor": props.iconColor,
+      "size": props.size,
+      "elevation": props.elevation,
+      "dotColor": props.dotColor,
+      "fillDot": props.fillDot,
+      "rounded": props.rounded
+    }, {
+      default: slots.icon
+    }), props.density !== 'compact' && _createVNode("div", {
+      "class": "v-timeline-item__opposite"
+    }, [!props.hideOpposite && slots.opposite?.()])]));
     return {};
   }
 });

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

@@ -1 +1 @@
-{"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","lineInset","Number","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    lineInset: [Number, 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          '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0),\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\nexport type VTimelineItem = InstanceType<typeof VTimelineItem>\n"],"mappings":";AAAA;AAAA,SACSA,gBAAgB,kCAEzB;AAAA,SACSC,SAAS;AAAA,SACTC,kBAAkB;AAAA,SAClBC,gBAAgB;AAAA,SAChBC,aAAa;AAAA,SACbC,YAAY,qCAErB;AAEA,SAASC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvBC,aAAa,EAAEC,eAAe,EAAEC,SAAS;AAAA,SACzCC,kBAAkB,EAAEC,YAAY;AAEzC,OAAO,MAAMC,aAAa,GAAGJ,eAAe,CAAC;EAC3CK,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAE;IACLC,OAAO,EAAEC,MAAyC;IAClDC,QAAQ,EAAED,MAAM;IAChBE,OAAO,EAAEC,OAAO;IAChBC,OAAO,EAAED,OAAO;IAChBE,YAAY,EAAE;MACZC,IAAI,EAAEH,OAAO;MACbI,OAAO,EAAEC;IACX,CAAC;IACDC,IAAI,EAAEzB,SAAS;IACf0B,SAAS,EAAEV,MAAM;IACjBW,SAAS,EAAE,CAACC,MAAM,EAAEZ,MAAM,CAAC;IAE3B,GAAGd,gBAAgB,EAAE;IACrB,GAAGD,kBAAkB,EAAE;IACvB,GAAGE,aAAa,EAAE;IAClB,GAAGC,YAAY,EAAE;IACjB,GAAGM,kBAAkB;EACvB,CAAC;EAEDmB,KAAK,CAAEf,KAAK,QAAa;IAAA,IAAX;MAAEgB;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAgB,CAAC,GAAGpB,YAAY,CAACG,KAAK,CAAC;IAE/C,MAAMkB,OAAO,GAAG3B,GAAG,CAAC,CAAC,CAAC;IACtB,MAAM4B,MAAM,GAAG5B,GAAG,EAAoB;IACtCC,KAAK,CAAC2B,MAAM,EAAEC,QAAQ,IAAI;MAAA;MACxB,IAAI,CAACA,QAAQ,EAAE;MACfF,OAAO,CAACG,KAAK,GAAG,0BAAAD,QAAQ,CAACE,GAAG,CAACC,aAAa,CAAC,0BAA0B,CAAC,qBAAtD,sBAAwDC,qBAAqB,EAAE,CAACC,KAAK,KAAI,CAAC;IAC5G,CAAC,EAAE;MACDC,KAAK,EAAE;IACT,CAAC,CAAC;IAEF/B,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,iBAAiB,EACjB;UACE,2BAA2B,EAAEK,KAAK,CAACI;QACrC,CAAC,CACF;QAAA,SACM;UACL,uBAAuB,EAAEX,aAAa,CAACyB,OAAO,CAACG,KAAK,CAAC;UACrD,yBAAyB,EAAErB,KAAK,CAACa,SAAS,GAAI,yCAAwCpB,aAAa,CAACO,KAAK,CAACa,SAAS,CAAE,GAAE,GAAGpB,aAAa,CAAC,CAAC;QAC3I;MAAC;QAAA,SAGO,uBAAuB;QAAA,SACrBwB,eAAe,CAACI;MAAK,sBAE3BL,KAAK,CAACP,OAAO,qBAAb,oBAAAO,KAAK,CAAY;QAAA,OAIbG,MAAM;QAAA,WACFnB,KAAK,CAACM,OAAO;QAAA,QAChBN,KAAK,CAACW,IAAI;QAAA,aACLX,KAAK,CAACY,SAAS;QAAA,QACpBZ,KAAK,CAAC2B,IAAI;QAAA,aACL3B,KAAK,CAAC4B,SAAS;QAAA,YAChB5B,KAAK,CAACG,QAAQ;QAAA,WACfH,KAAK,CAACI,OAAO;QAAA,WACbJ,KAAK,CAAC6B;MAAO,GACd;QAAEpB,OAAO,EAAEO,KAAK,CAACL;MAAK,CAAC,GAGhCX,KAAK,CAACC,OAAO,KAAK,SAAS;QAAA,SAChB;MAA2B,IAClC,CAACD,KAAK,CAACO,YAAY,wBAAIS,KAAK,CAACc,QAAQ,qBAAd,qBAAAd,KAAK,CAAa,GAE9C;IAAA,CAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VTimelineItem.mjs","names":["VTimelineDivider","IconValue","makeElevationProps","makeRoundedProps","makeSizeProps","makeTagProps","convertToUnit","genericComponent","useRender","makeDimensionProps","useDimension","ref","watch","VTimelineItem","name","props","density","String","dotColor","fillDot","Boolean","hideDot","hideOpposite","type","default","undefined","icon","iconColor","lineInset","Number","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 { convertToUnit, genericComponent, useRender } from '@/util'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { ref, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\n// Types\nexport type VTimelineItemSlots = {\n  default: []\n  icon: []\n  opposite: []\n}\n\nexport const VTimelineItem = genericComponent<VTimelineItemSlots>()({\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    lineInset: [Number, 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          '--v-timeline-line-inset': props.lineInset ? `calc(var(--v-timeline-dot-size) / 2 + ${convertToUnit(props.lineInset)})` : convertToUnit(0),\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\nexport type VTimelineItem = InstanceType<typeof VTimelineItem>\n"],"mappings":";AAAA;AAAA,SACSA,gBAAgB,kCAEzB;AAAA,SACSC,SAAS;AAAA,SACTC,kBAAkB;AAAA,SAClBC,gBAAgB;AAAA,SAChBC,aAAa;AAAA,SACbC,YAAY,qCAErB;AAAA,SACSC,aAAa,EAAEC,gBAAgB,EAAEC,SAAS;AAAA,SAC1CC,kBAAkB,EAAEC,YAAY;AACzC,SAASC,GAAG,EAAEC,KAAK,QAAQ,KAAK;;AAEhC;;AAUA,OAAO,MAAMC,aAAa,GAAGN,gBAAgB,EAAsB,CAAC;EAClEO,IAAI,EAAE,eAAe;EAErBC,KAAK,EAAE;IACLC,OAAO,EAAEC,MAAyC;IAClDC,QAAQ,EAAED,MAAM;IAChBE,OAAO,EAAEC,OAAO;IAChBC,OAAO,EAAED,OAAO;IAChBE,YAAY,EAAE;MACZC,IAAI,EAAEH,OAAO;MACbI,OAAO,EAAEC;IACX,CAAC;IACDC,IAAI,EAAEzB,SAAS;IACf0B,SAAS,EAAEV,MAAM;IACjBW,SAAS,EAAE,CAACC,MAAM,EAAEZ,MAAM,CAAC;IAE3B,GAAGd,gBAAgB,EAAE;IACrB,GAAGD,kBAAkB,EAAE;IACvB,GAAGE,aAAa,EAAE;IAClB,GAAGC,YAAY,EAAE;IACjB,GAAGI,kBAAkB;EACvB,CAAC;EAEDqB,KAAK,CAAEf,KAAK,QAAa;IAAA,IAAX;MAAEgB;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAgB,CAAC,GAAGtB,YAAY,CAACK,KAAK,CAAC;IAE/C,MAAMkB,OAAO,GAAGtB,GAAG,CAAC,CAAC,CAAC;IACtB,MAAMuB,MAAM,GAAGvB,GAAG,EAAoB;IACtCC,KAAK,CAACsB,MAAM,EAAEC,QAAQ,IAAI;MACxB,IAAI,CAACA,QAAQ,EAAE;MACfF,OAAO,CAACG,KAAK,GAAGD,QAAQ,CAACE,GAAG,CAACC,aAAa,CAAC,0BAA0B,CAAC,EAAEC,qBAAqB,EAAE,CAACC,KAAK,IAAI,CAAC;IAC5G,CAAC,EAAE;MACDC,KAAK,EAAE;IACT,CAAC,CAAC;IAEFjC,SAAS,CAAC;MAAA,SAEC,CACL,iBAAiB,EACjB;QACE,2BAA2B,EAAEO,KAAK,CAACI;MACrC,CAAC,CACF;MAAA,SACM;QACL,uBAAuB,EAAEb,aAAa,CAAC2B,OAAO,CAACG,KAAK,CAAC;QACrD,yBAAyB,EAAErB,KAAK,CAACa,SAAS,GAAI,yCAAwCtB,aAAa,CAACS,KAAK,CAACa,SAAS,CAAE,GAAE,GAAGtB,aAAa,CAAC,CAAC;MAC3I;IAAC;MAAA,SAGO,uBAAuB;MAAA,SACrB0B,eAAe,CAACI;IAAK,IAE3BL,KAAK,CAACP,OAAO,IAAI;MAAA,OAIbU,MAAM;MAAA,WACFnB,KAAK,CAACM,OAAO;MAAA,QAChBN,KAAK,CAACW,IAAI;MAAA,aACLX,KAAK,CAACY,SAAS;MAAA,QACpBZ,KAAK,CAAC2B,IAAI;MAAA,aACL3B,KAAK,CAAC4B,SAAS;MAAA,YAChB5B,KAAK,CAACG,QAAQ;MAAA,WACfH,KAAK,CAACI,OAAO;MAAA,WACbJ,KAAK,CAAC6B;IAAO,GACd;MAAEpB,OAAO,EAAEO,KAAK,CAACL;IAAK,CAAC,GAGhCX,KAAK,CAACC,OAAO,KAAK,SAAS;MAAA,SAChB;IAA2B,IAClC,CAACD,KAAK,CAACO,YAAY,IAAIS,KAAK,CAACc,QAAQ,IAAI,EAE9C,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VTimeline/_mixins.sass

@@ -13,7 +13,7 @@
       #{if($direction == top or $direction == bottom, align-items, justify-content)}: #{if($direction == top or $direction == left, flex-end, flex-start)}
 
 @mixin timeline-line-align($center, $first, $second)
-  &:before
+  &::before
     +tools.ltr()
       #{$first}: calc(#{$center} - #{var(--v-timeline-line-width)} / 2)
       #{$second}: initial