vuetify 3.11.5 → 3.11.6

package/lib/components/VCalendar/composables/calendarWithIntervals.js

@@ -146,7 +146,7 @@ export function useCalendarWithIntervals(props) {
     return minutes / parsedIntervalMinutes.value * parsedIntervalHeight.value;
   }
   function timeToY(time) {
-    let targetDateOrClamp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let targetDateOrClamp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const clamp = targetDateOrClamp !== false;
     const targetDate = typeof targetDateOrClamp !== 'boolean' ? targetDateOrClamp : undefined;
     let y = timeDelta(time, targetDate);
@@ -155,10 +155,15 @@ export function useCalendarWithIntervals(props) {
     if (clamp) {
       if (y < 0) {
         y = 0;
-      }
-      if (y > bodyHeight.value) {
+      } else if (y > bodyHeight.value) {
         y = bodyHeight.value;
       }
+    } else {
+      if (y < 0) {
+        y = y + bodyHeight.value;
+      } else if (y > bodyHeight.value) {
+        y = y - bodyHeight.value;
+      }
     }
     return y;
   }
@@ -171,9 +176,7 @@ export function useCalendarWithIntervals(props) {
     if (targetDate && typeof time === 'object' && 'day' in time) {
       const a = getDayIdentifier(time);
       const b = getDayIdentifier(targetDate);
-      if (a > b) {
-        minutes += (a - b) * gap;
-      }
+      minutes += (a - b) * gap;
     }
     const min = firstMinute.value;
     return (minutes - min) / gap;

package/lib/components/VCalendar/composables/calendarWithIntervals.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendarWithIntervals.js","names":["useCalendarBase","computed","shallowRef","copyTimestamp","createDayList","createIntervalList","createNativeLocaleFormatter","getDayIdentifier","MINUTES_IN_DAY","parseTime","updateMinutes","validateNumber","validateTime","propsFactory","makeCalendarWithIntervalsProps","maxDays","type","Number","default","intervalHeight","String","validate","intervalWidth","intervalMinutes","firstInterval","firstTime","Object","intervalCount","intervalFormat","Function","intervalStyle","showIntervalLabel","useCalendarWithIntervals","props","base","scrollAreaRef","parsedFirstInterval","parseInt","parsedIntervalMinutes","parsedIntervalCount","parsedIntervalHeight","parseFloat","parsedFirstTime","firstMinute","time","value","bodyHeight","days","parsedStart","parsedEnd","times","today","weekdaySkips","intervals","daysValue","first","minutes","count","now","map","d","intervalFormatter","locale","current","tms","short","timeZone","hour","minute","showIntervalLabelDefault","interval","isFirst","intervalStyleDefault","_interval","undefined","getTimestampAtEvent","e","day","timestamp","bounds","currentTarget","getBoundingClientRect","baseMinutes","touchEvent","mouseEvent","touches","changedTouches","clientY","addIntervals","top","addMinutes","Math","floor","getSlotScope","scope","timeToY","timeDelta","minutesToPixels","week","intervalRange","scrollToTime","y","pane","scrollTop","targetDateOrClamp","arguments","length","clamp","targetDate","gap","a","b","min"],"sources":["../../../../src/components/VCalendar/composables/calendarWithIntervals.ts"],"sourcesContent":["// Composables\nimport { useCalendarBase } from './calendarBase'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport {\n  copyTimestamp,\n  createDayList,\n  createIntervalList,\n  createNativeLocaleFormatter,\n  getDayIdentifier,\n  MINUTES_IN_DAY,\n  parseTime,\n  updateMinutes,\n  validateNumber,\n  validateTime,\n} from '../util/timestamp'\nimport { propsFactory } from '@/util'\n\n// Types\nimport type { PropType, StyleValue } from 'vue'\nimport type { CalendarBaseProps } from './calendarBase'\nimport type { CalendarDayBodySlotScope, CalendarFormatter, CalendarTimestamp } from '../types'\nimport type { VTime } from '../util/timestamp'\n\nexport const makeCalendarWithIntervalsProps = propsFactory({\n  maxDays: {\n    type: Number,\n    default: 7,\n  },\n  intervalHeight: {\n    type: [Number, String],\n    default: 48,\n    validate: validateNumber,\n  },\n  intervalWidth: {\n    type: [Number, String],\n    default: 60,\n    validate: validateNumber,\n  },\n  intervalMinutes: {\n    type: [Number, String],\n    default: 60,\n    validate: validateNumber,\n  },\n  firstInterval: {\n    type: [Number, String],\n    default: 0,\n    validate: validateNumber,\n  },\n  firstTime: {\n    type: [Number, String, Object] as PropType<VTime>,\n    validate: validateTime,\n  },\n  intervalCount: {\n    type: [Number, String],\n    default: 24,\n    validate: validateNumber,\n  },\n  intervalFormat: {\n    type: Function as PropType<CalendarFormatter>,\n    default: null,\n  },\n  intervalStyle: {\n    type: Function as PropType<(interval: CalendarTimestamp) => StyleValue>,\n    default: null,\n  },\n  showIntervalLabel: {\n    type: Function as PropType<(interval: CalendarTimestamp) => boolean>,\n    default: null,\n  },\n}, 'VCalendar-intervals')\n\ninterface CalendarWithIntervalsProps extends CalendarBaseProps {\n  maxDays: number\n  intervalHeight: string | number\n  intervalMinutes: string | number\n  firstInterval: string | number\n  firstTime: VTime | undefined\n  intervalCount: string | number\n  intervalFormat: CalendarFormatter | string | undefined\n}\n\nexport function useCalendarWithIntervals (props: CalendarWithIntervalsProps) {\n  const base = useCalendarBase(props)\n\n  const scrollAreaRef = shallowRef<HTMLElement>()\n\n  const parsedFirstInterval = computed((): number => {\n    return parseInt(String(props.firstInterval || 0))\n  })\n\n  const parsedIntervalMinutes = computed((): number => {\n    return parseInt(String(props.intervalMinutes || 60))\n  })\n\n  const parsedIntervalCount = computed((): number => {\n    return parseInt(String(props.intervalCount || 24))\n  })\n\n  const parsedIntervalHeight = computed((): number => {\n    return parseFloat(String(props.intervalHeight || 48))\n  })\n\n  const parsedFirstTime = computed((): number | false => {\n    return parseTime(props.firstTime)\n  })\n\n  const firstMinute = computed((): number => {\n    const time = parsedFirstTime.value\n\n    return time !== false && time >= 0 && time <= MINUTES_IN_DAY\n      ? time\n      : parsedFirstInterval.value * parsedIntervalMinutes.value\n  })\n\n  const bodyHeight = computed((): number => {\n    return parsedIntervalCount.value * parsedIntervalHeight.value\n  })\n\n  const days = computed((): CalendarTimestamp[] => {\n    return createDayList(\n      base.parsedStart.value,\n      base.parsedEnd.value,\n      base.times.today,\n      base.weekdaySkips.value,\n      props.maxDays\n    )\n  })\n\n  const intervals = computed((): CalendarTimestamp[][] => {\n    const daysValue = days.value\n    const first: number = firstMinute.value\n    const minutes: number = parsedIntervalMinutes.value\n    const count: number = parsedIntervalCount.value\n    const now: CalendarTimestamp = base.times.now\n\n    return daysValue.map(d => createIntervalList(d, first, minutes, count, now))\n  })\n\n  const intervalFormatter = computed((): CalendarFormatter => {\n    if (props.intervalFormat) {\n      return props.intervalFormat as CalendarFormatter\n    }\n\n    return createNativeLocaleFormatter(\n      base.locale.current.value,\n      (tms, short) => (\n        !short ? { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' }\n        : tms.minute === 0 ? { timeZone: 'UTC', hour: 'numeric' }\n        : { timeZone: 'UTC', hour: 'numeric', minute: '2-digit' }\n      )\n    )\n  })\n\n  function showIntervalLabelDefault (interval: CalendarTimestamp): boolean {\n    const first: CalendarTimestamp = intervals.value[0][0]\n    const isFirst: boolean = first.hour === interval.hour && first.minute === interval.minute\n    return !isFirst\n  }\n\n  function intervalStyleDefault (_interval: CalendarTimestamp): StyleValue {\n    return undefined\n  }\n\n  function getTimestampAtEvent (e: Event, day: CalendarTimestamp): CalendarTimestamp {\n    const timestamp: CalendarTimestamp = copyTimestamp(day)\n    const bounds = (e.currentTarget as HTMLElement).getBoundingClientRect()\n    const baseMinutes: number = firstMinute.value\n    const touchEvent: TouchEvent = e as TouchEvent\n    const mouseEvent: MouseEvent = e as MouseEvent\n    const touches: TouchList = touchEvent.changedTouches || touchEvent.touches\n    const clientY: number = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY\n    const addIntervals: number = (clientY - bounds.top) / parsedIntervalHeight.value\n    const addMinutes: number = Math.floor(addIntervals * parsedIntervalMinutes.value)\n    const minutes: number = baseMinutes + addMinutes\n\n    return updateMinutes(timestamp, minutes, base.times.now)\n  }\n\n  function getSlotScope (timestamp: CalendarTimestamp): CalendarDayBodySlotScope {\n    const scope = copyTimestamp(timestamp) as any\n    scope.timeToY = timeToY\n    scope.timeDelta = timeDelta\n    scope.minutesToPixels = minutesToPixels\n    scope.week = days.value\n    scope.intervalRange = [\n      firstMinute.value,\n      firstMinute.value + parsedIntervalCount.value * parsedIntervalMinutes.value,\n    ]\n    return scope\n  }\n\n  function scrollToTime (time: VTime): boolean {\n    const y = timeToY(time)\n\n    const pane = scrollAreaRef.value\n\n    if (y === false || !pane) {\n      return false\n    }\n\n    pane.scrollTop = y\n\n    return true\n  }\n\n  function minutesToPixels (minutes: number): number {\n    return minutes / parsedIntervalMinutes.value * parsedIntervalHeight.value\n  }\n\n  function timeToY (\n    time: VTime | CalendarTimestamp,\n    targetDateOrClamp: CalendarTimestamp | boolean = true\n  ): number | false {\n    const clamp = targetDateOrClamp !== false\n    const targetDate = typeof targetDateOrClamp !== 'boolean' ? targetDateOrClamp : undefined\n\n    let y = timeDelta(time, targetDate)\n    if (y === false) return y\n\n    y *= bodyHeight.value\n\n    if (clamp) {\n      if (y < 0) {\n        y = 0\n      }\n      if (y > bodyHeight.value) {\n        y = bodyHeight.value\n      }\n    }\n\n    return y\n  }\n\n  function timeDelta (time: VTime | CalendarTimestamp, targetDate?: CalendarTimestamp): number | false {\n    let minutes = parseTime(time)\n\n    if (minutes === false) {\n      return false\n    }\n\n    const gap: number = parsedIntervalCount.value * parsedIntervalMinutes.value\n\n    if (targetDate && typeof time === 'object' && 'day' in time) {\n      const a = getDayIdentifier(time)\n      const b = getDayIdentifier(targetDate)\n      if (a > b) {\n        minutes += (a - b) * gap\n      }\n    }\n\n    const min: number = firstMinute.value\n\n    return (minutes - min) / gap\n  }\n\n  return {\n    ...base,\n    scrollAreaRef,\n    parsedFirstInterval,\n    parsedIntervalMinutes,\n    parsedIntervalCount,\n    parsedIntervalHeight,\n    parsedFirstTime,\n    firstMinute,\n    bodyHeight,\n    days,\n    intervals,\n    intervalFormatter,\n    showIntervalLabelDefault,\n    intervalStyleDefault,\n    getTimestampAtEvent,\n    getSlotScope,\n    scrollToTime,\n    minutesToPixels,\n    timeToY,\n    timeDelta,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"calendarWithIntervals.js","names":["useCalendarBase","computed","shallowRef","copyTimestamp","createDayList","createIntervalList","createNativeLocaleFormatter","getDayIdentifier","MINUTES_IN_DAY","parseTime","updateMinutes","validateNumber","validateTime","propsFactory","makeCalendarWithIntervalsProps","maxDays","type","Number","default","intervalHeight","String","validate","intervalWidth","intervalMinutes","firstInterval","firstTime","Object","intervalCount","intervalFormat","Function","intervalStyle","showIntervalLabel","useCalendarWithIntervals","props","base","scrollAreaRef","parsedFirstInterval","parseInt","parsedIntervalMinutes","parsedIntervalCount","parsedIntervalHeight","parseFloat","parsedFirstTime","firstMinute","time","value","bodyHeight","days","parsedStart","parsedEnd","times","today","weekdaySkips","intervals","daysValue","first","minutes","count","now","map","d","intervalFormatter","locale","current","tms","short","timeZone","hour","minute","showIntervalLabelDefault","interval","isFirst","intervalStyleDefault","_interval","undefined","getTimestampAtEvent","e","day","timestamp","bounds","currentTarget","getBoundingClientRect","baseMinutes","touchEvent","mouseEvent","touches","changedTouches","clientY","addIntervals","top","addMinutes","Math","floor","getSlotScope","scope","timeToY","timeDelta","minutesToPixels","week","intervalRange","scrollToTime","y","pane","scrollTop","targetDateOrClamp","arguments","length","clamp","targetDate","gap","a","b","min"],"sources":["../../../../src/components/VCalendar/composables/calendarWithIntervals.ts"],"sourcesContent":["// Composables\nimport { useCalendarBase } from './calendarBase'\n\n// Utilities\nimport { computed, shallowRef } from 'vue'\nimport {\n  copyTimestamp,\n  createDayList,\n  createIntervalList,\n  createNativeLocaleFormatter,\n  getDayIdentifier,\n  MINUTES_IN_DAY,\n  parseTime,\n  updateMinutes,\n  validateNumber,\n  validateTime,\n} from '../util/timestamp'\nimport { propsFactory } from '@/util'\n\n// Types\nimport type { PropType, StyleValue } from 'vue'\nimport type { CalendarBaseProps } from './calendarBase'\nimport type { CalendarDayBodySlotScope, CalendarFormatter, CalendarTimestamp } from '../types'\nimport type { VTime } from '../util/timestamp'\n\nexport const makeCalendarWithIntervalsProps = propsFactory({\n  maxDays: {\n    type: Number,\n    default: 7,\n  },\n  intervalHeight: {\n    type: [Number, String],\n    default: 48,\n    validate: validateNumber,\n  },\n  intervalWidth: {\n    type: [Number, String],\n    default: 60,\n    validate: validateNumber,\n  },\n  intervalMinutes: {\n    type: [Number, String],\n    default: 60,\n    validate: validateNumber,\n  },\n  firstInterval: {\n    type: [Number, String],\n    default: 0,\n    validate: validateNumber,\n  },\n  firstTime: {\n    type: [Number, String, Object] as PropType<VTime>,\n    validate: validateTime,\n  },\n  intervalCount: {\n    type: [Number, String],\n    default: 24,\n    validate: validateNumber,\n  },\n  intervalFormat: {\n    type: Function as PropType<CalendarFormatter>,\n    default: null,\n  },\n  intervalStyle: {\n    type: Function as PropType<(interval: CalendarTimestamp) => StyleValue>,\n    default: null,\n  },\n  showIntervalLabel: {\n    type: Function as PropType<(interval: CalendarTimestamp) => boolean>,\n    default: null,\n  },\n}, 'VCalendar-intervals')\n\ninterface CalendarWithIntervalsProps extends CalendarBaseProps {\n  maxDays: number\n  intervalHeight: string | number\n  intervalMinutes: string | number\n  firstInterval: string | number\n  firstTime: VTime | undefined\n  intervalCount: string | number\n  intervalFormat: CalendarFormatter | string | undefined\n}\n\nexport function useCalendarWithIntervals (props: CalendarWithIntervalsProps) {\n  const base = useCalendarBase(props)\n\n  const scrollAreaRef = shallowRef<HTMLElement>()\n\n  const parsedFirstInterval = computed((): number => {\n    return parseInt(String(props.firstInterval || 0))\n  })\n\n  const parsedIntervalMinutes = computed((): number => {\n    return parseInt(String(props.intervalMinutes || 60))\n  })\n\n  const parsedIntervalCount = computed((): number => {\n    return parseInt(String(props.intervalCount || 24))\n  })\n\n  const parsedIntervalHeight = computed((): number => {\n    return parseFloat(String(props.intervalHeight || 48))\n  })\n\n  const parsedFirstTime = computed((): number | false => {\n    return parseTime(props.firstTime)\n  })\n\n  const firstMinute = computed((): number => {\n    const time = parsedFirstTime.value\n\n    return time !== false && time >= 0 && time <= MINUTES_IN_DAY\n      ? time\n      : parsedFirstInterval.value * parsedIntervalMinutes.value\n  })\n\n  const bodyHeight = computed((): number => {\n    return parsedIntervalCount.value * parsedIntervalHeight.value\n  })\n\n  const days = computed((): CalendarTimestamp[] => {\n    return createDayList(\n      base.parsedStart.value,\n      base.parsedEnd.value,\n      base.times.today,\n      base.weekdaySkips.value,\n      props.maxDays\n    )\n  })\n\n  const intervals = computed((): CalendarTimestamp[][] => {\n    const daysValue = days.value\n    const first: number = firstMinute.value\n    const minutes: number = parsedIntervalMinutes.value\n    const count: number = parsedIntervalCount.value\n    const now: CalendarTimestamp = base.times.now\n\n    return daysValue.map(d => createIntervalList(d, first, minutes, count, now))\n  })\n\n  const intervalFormatter = computed((): CalendarFormatter => {\n    if (props.intervalFormat) {\n      return props.intervalFormat as CalendarFormatter\n    }\n\n    return createNativeLocaleFormatter(\n      base.locale.current.value,\n      (tms, short) => (\n        !short ? { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' }\n        : tms.minute === 0 ? { timeZone: 'UTC', hour: 'numeric' }\n        : { timeZone: 'UTC', hour: 'numeric', minute: '2-digit' }\n      )\n    )\n  })\n\n  function showIntervalLabelDefault (interval: CalendarTimestamp): boolean {\n    const first: CalendarTimestamp = intervals.value[0][0]\n    const isFirst: boolean = first.hour === interval.hour && first.minute === interval.minute\n    return !isFirst\n  }\n\n  function intervalStyleDefault (_interval: CalendarTimestamp): StyleValue {\n    return undefined\n  }\n\n  function getTimestampAtEvent (e: Event, day: CalendarTimestamp): CalendarTimestamp {\n    const timestamp: CalendarTimestamp = copyTimestamp(day)\n    const bounds = (e.currentTarget as HTMLElement).getBoundingClientRect()\n    const baseMinutes: number = firstMinute.value\n    const touchEvent: TouchEvent = e as TouchEvent\n    const mouseEvent: MouseEvent = e as MouseEvent\n    const touches: TouchList = touchEvent.changedTouches || touchEvent.touches\n    const clientY: number = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY\n    const addIntervals: number = (clientY - bounds.top) / parsedIntervalHeight.value\n    const addMinutes: number = Math.floor(addIntervals * parsedIntervalMinutes.value)\n    const minutes: number = baseMinutes + addMinutes\n\n    return updateMinutes(timestamp, minutes, base.times.now)\n  }\n\n  function getSlotScope (timestamp: CalendarTimestamp): CalendarDayBodySlotScope {\n    const scope = copyTimestamp(timestamp) as any\n    scope.timeToY = timeToY\n    scope.timeDelta = timeDelta\n    scope.minutesToPixels = minutesToPixels\n    scope.week = days.value\n    scope.intervalRange = [\n      firstMinute.value,\n      firstMinute.value + parsedIntervalCount.value * parsedIntervalMinutes.value,\n    ]\n    return scope\n  }\n\n  function scrollToTime (time: VTime): boolean {\n    const y = timeToY(time)\n\n    const pane = scrollAreaRef.value\n\n    if (y === false || !pane) {\n      return false\n    }\n\n    pane.scrollTop = y\n\n    return true\n  }\n\n  function minutesToPixels (minutes: number): number {\n    return minutes / parsedIntervalMinutes.value * parsedIntervalHeight.value\n  }\n\n  function timeToY (\n    time: VTime | CalendarTimestamp,\n    targetDateOrClamp: CalendarTimestamp | boolean = false\n  ): number | false {\n    const clamp = targetDateOrClamp !== false\n    const targetDate = typeof targetDateOrClamp !== 'boolean' ? targetDateOrClamp : undefined\n\n    let y = timeDelta(time, targetDate)\n    if (y === false) return y\n\n    y *= bodyHeight.value\n\n    if (clamp) {\n      if (y < 0) {\n        y = 0\n      } else if (y > bodyHeight.value) {\n        y = bodyHeight.value\n      }\n    } else {\n      if (y < 0) {\n        y = y + bodyHeight.value\n      } else if (y > bodyHeight.value) {\n        y = y - bodyHeight.value\n      }\n    }\n\n    return y\n  }\n\n  function timeDelta (time: VTime | CalendarTimestamp, targetDate?: CalendarTimestamp): number | false {\n    let minutes = parseTime(time)\n\n    if (minutes === false) {\n      return false\n    }\n\n    const gap: number = parsedIntervalCount.value * parsedIntervalMinutes.value\n\n    if (targetDate && typeof time === 'object' && 'day' in time) {\n      const a = getDayIdentifier(time)\n      const b = getDayIdentifier(targetDate)\n      minutes += (a - b) * gap\n    }\n\n    const min: number = firstMinute.value\n\n    return (minutes - min) / gap\n  }\n\n  return {\n    ...base,\n    scrollAreaRef,\n    parsedFirstInterval,\n    parsedIntervalMinutes,\n    parsedIntervalCount,\n    parsedIntervalHeight,\n    parsedFirstTime,\n    firstMinute,\n    bodyHeight,\n    days,\n    intervals,\n    intervalFormatter,\n    showIntervalLabelDefault,\n    intervalStyleDefault,\n    getTimestampAtEvent,\n    getSlotScope,\n    scrollToTime,\n    minutesToPixels,\n    timeToY,\n    timeDelta,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VColorPicker/VColorPickerSwatches.css

@@ -26,6 +26,10 @@
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
   cursor: pointer;
 }
+.v-color-picker-swatches__color--disabled {
+  opacity: var(--v-disabled-opacity);
+  pointer-events: none;
+}
 .v-color-picker-swatches__color > div {
   display: flex;
   align-items: center;

package/lib/components/VColorPicker/VColorPickerSwatches.js

@@ -33,6 +33,12 @@ export const VColorPickerSwatches = defineComponent({
     let {
       emit
     } = _ref;
+    function onSwatchClick(hsva) {
+      if (props.disabled || !hsva) {
+        return;
+      }
+      emit('update:color', hsva);
+    }
     useRender(() => _createElementVNode("div", {
       "class": _normalizeClass(['v-color-picker-swatches', props.class]),
       "style": _normalizeStyle([{
@@ -45,8 +51,10 @@ export const VColorPickerSwatches = defineComponent({
       const hsva = RGBtoHSV(rgba);
       const background = RGBtoCSS(rgba);
       return _createElementVNode("div", {
-        "class": "v-color-picker-swatches__color",
-        "onClick": () => hsva && emit('update:color', hsva)
+        "class": _normalizeClass(['v-color-picker-swatches__color', {
+          'v-color-picker-swatches__color--disabled': props.disabled
+        }]),
+        "onClick": () => onSwatchClick(hsva)
       }, [_createElementVNode("div", {
         "style": {
           background

package/lib/components/VColorPicker/VColorPickerSwatches.js.map

@@ -1 +1 @@
-{"version":3,"file":"VColorPickerSwatches.js","names":["VIcon","makeComponentProps","convertToUnit","deepEqual","defineComponent","getContrast","parseColor","propsFactory","RGBtoCSS","RGBtoHSV","useRender","colors","makeVColorPickerSwatchesProps","swatches","type","Array","default","parseDefaultColors","disabled","Boolean","color","Object","maxHeight","Number","String","keys","map","key","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","VColorPickerSwatches","name","props","emits","setup","_ref","emit","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","swatch","rgba","hsva","background","onClick","_createVNode","undefined"],"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport {\n  convertToUnit,\n  deepEqual,\n  defineComponent,\n  getContrast,\n  parseColor,\n  propsFactory,\n  RGBtoCSS,\n  RGBtoHSV,\n  useRender,\n} from '@/util'\nimport colors from '@/util/colors'\n\n// Types\nimport type { DeepReadonly, PropType } from 'vue'\nimport type { Color, HSV } from '@/util'\n\nexport const makeVColorPickerSwatchesProps = propsFactory({\n  swatches: {\n    type: Array as PropType<DeepReadonly<Color[][]>>,\n    default: () => parseDefaultColors(colors),\n  },\n  disabled: Boolean,\n  color: Object as PropType<HSV | null>,\n  maxHeight: [Number, String],\n\n  ...makeComponentProps(),\n}, 'VColorPickerSwatches')\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nexport const VColorPickerSwatches = defineComponent({\n  name: 'VColorPickerSwatches',\n\n  props: makeVColorPickerSwatchesProps(),\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-swatches',\n          props.class,\n        ]}\n        style={[\n          { maxHeight: convertToUnit(props.maxHeight) },\n          props.style,\n        ]}\n      >\n        <div>\n          { props.swatches.map(swatch => (\n            <div class=\"v-color-picker-swatches__swatch\">\n              { swatch.map(color => {\n                const rgba = parseColor(color)\n                const hsva = RGBtoHSV(rgba)\n                const background = RGBtoCSS(rgba)\n\n                return (\n                  <div\n                    class=\"v-color-picker-swatches__color\"\n                    onClick={ () => hsva && emit('update:color', hsva) }\n                  >\n                    <div style={{ background }}>\n                      { props.color && deepEqual(props.color, hsva)\n                        ? <VIcon size=\"x-small\" icon=\"$success\" color={ getContrast(color, '#FFFFFF') > 2 ? 'white' : 'black' } />\n                        : undefined\n                      }\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerSwatches = InstanceType<typeof VColorPickerSwatches>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VColorPickerSwatches.js","names":["VIcon","makeComponentProps","convertToUnit","deepEqual","defineComponent","getContrast","parseColor","propsFactory","RGBtoCSS","RGBtoHSV","useRender","colors","makeVColorPickerSwatchesProps","swatches","type","Array","default","parseDefaultColors","disabled","Boolean","color","Object","maxHeight","Number","String","keys","map","key","base","darken4","darken3","darken2","darken1","lighten1","lighten2","lighten3","lighten4","lighten5","black","white","transparent","VColorPickerSwatches","name","props","emits","setup","_ref","emit","onSwatchClick","hsva","_createElementVNode","_normalizeClass","class","_normalizeStyle","style","swatch","rgba","background","onClick","_createVNode","undefined"],"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.tsx"],"sourcesContent":["// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport {\n  convertToUnit,\n  deepEqual,\n  defineComponent,\n  getContrast,\n  parseColor,\n  propsFactory,\n  RGBtoCSS,\n  RGBtoHSV,\n  useRender,\n} from '@/util'\nimport colors from '@/util/colors'\n\n// Types\nimport type { DeepReadonly, PropType } from 'vue'\nimport type { Color, HSV } from '@/util'\n\nexport const makeVColorPickerSwatchesProps = propsFactory({\n  swatches: {\n    type: Array as PropType<DeepReadonly<Color[][]>>,\n    default: () => parseDefaultColors(colors),\n  },\n  disabled: Boolean,\n  color: Object as PropType<HSV | null>,\n  maxHeight: [Number, String],\n\n  ...makeComponentProps(),\n}, 'VColorPickerSwatches')\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nexport const VColorPickerSwatches = defineComponent({\n  name: 'VColorPickerSwatches',\n\n  props: makeVColorPickerSwatchesProps(),\n\n  emits: {\n    'update:color': (color: HSV) => true,\n  },\n\n  setup (props, { emit }) {\n    function onSwatchClick (hsva: HSV) {\n      if (props.disabled || !hsva) {\n        return\n      }\n\n      emit('update:color', hsva)\n    }\n\n    useRender(() => (\n      <div\n        class={[\n          'v-color-picker-swatches',\n          props.class,\n        ]}\n        style={[\n          { maxHeight: convertToUnit(props.maxHeight) },\n          props.style,\n        ]}\n      >\n        <div>\n          { props.swatches.map(swatch => (\n            <div class=\"v-color-picker-swatches__swatch\">\n              { swatch.map(color => {\n                const rgba = parseColor(color)\n                const hsva = RGBtoHSV(rgba)\n                const background = RGBtoCSS(rgba)\n\n                return (\n                  <div\n                    class={[\n                      'v-color-picker-swatches__color',\n                      {\n                        'v-color-picker-swatches__color--disabled': props.disabled,\n                      },\n                    ]}\n                    onClick={ () => onSwatchClick(hsva) }\n                  >\n                    <div style={{ background }}>\n                      { props.color && deepEqual(props.color, hsva)\n                        ? <VIcon size=\"x-small\" icon=\"$success\" color={ getContrast(color, '#FFFFFF') > 2 ? 'white' : 'black' } />\n                        : undefined\n                      }\n                    </div>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VColorPickerSwatches = InstanceType<typeof VColorPickerSwatches>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VColorPicker/VColorPickerSwatches.sass

@@ -28,6 +28,10 @@
     background: $color-picker-checkerboard
     cursor: pointer
 
+    &--disabled
+      opacity: var(--v-disabled-opacity)
+      pointer-events: none
+
     > div
       display: flex
       align-items: center

package/lib/components/VDatePicker/VDatePickerControls.css

@@ -5,7 +5,6 @@
   font-size: 0.875rem;
   height: var(--v-date-picker-controls-height, 56px);
   padding: 4px 12px;
-  flex: 1;
 }
 .v-date-picker-controls .v-btn {
   text-transform: none;

package/lib/components/VDatePicker/VDatePickerControls.sass

@@ -10,7 +10,6 @@
     font-size: .875rem
     height: $date-picker-controls-height
     padding: $date-picker-controls-padding
-    flex: 1
 
     .v-btn
       text-transform: none

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.11.5";
+export const version = "3.11.6";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2779,51 +2779,42 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VApp: typeof import('vuetify/components')['VApp']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VBadge: typeof import('vuetify/components')['VBadge']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCalendar: typeof import('vuetify/components')['VCalendar']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VCode: typeof import('vuetify/components')['VCode']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VChip: typeof import('vuetify/components')['VChip']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
@@ -2831,30 +2822,37 @@ declare module 'vue' {
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VDialog: typeof import('vuetify/components')['VDialog']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFab: typeof import('vuetify/components')['VFab']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VImg: typeof import('vuetify/components')['VImg']
-    VHotkey: typeof import('vuetify/components')['VHotkey']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VHotkey: typeof import('vuetify/components')['VHotkey']
+    VImg: typeof import('vuetify/components')['VImg']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VInput: typeof import('vuetify/components')['VInput']
-    VKbd: typeof import('vuetify/components')['VKbd']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VMain: typeof import('vuetify/components')['VMain']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2864,63 +2862,65 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VMain: typeof import('vuetify/components')['VMain']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VNumberInput: typeof import('vuetify/components')['VNumberInput']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VSelect: typeof import('vuetify/components')['VSelect']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VRating: typeof import('vuetify/components')['VRating']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VStepper: typeof import('vuetify/components')['VStepper']
-    VStepperActions: typeof import('vuetify/components')['VStepperActions']
-    VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
-    VStepperItem: typeof import('vuetify/components')['VStepperItem']
-    VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
-    VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VTextField: typeof import('vuetify/components')['VTextField']
     VTable: typeof import('vuetify/components')['VTable']
-    VTreeview: typeof import('vuetify/components')['VTreeview']
-    VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
-    VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
-    VTimePicker: typeof import('vuetify/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VStepper: typeof import('vuetify/components')['VStepper']
+    VStepperActions: typeof import('vuetify/components')['VStepperActions']
+    VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
+    VStepperItem: typeof import('vuetify/components')['VStepperItem']
+    VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
+    VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTimePicker: typeof import('vuetify/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
+    VTreeview: typeof import('vuetify/components')['VTreeview']
+    VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
+    VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
+    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
     VHover: typeof import('vuetify/components')['VHover']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
@@ -2928,12 +2928,12 @@ declare module 'vue' {
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VRadio: typeof import('vuetify/components')['VRadio']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
-    VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
+    VSparkline: typeof import('vuetify/components')['VSparkline']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
@@ -2953,18 +2953,18 @@ declare module 'vue' {
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
-    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VPie: typeof import('vuetify/labs/components')['VPie']
     VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
     VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VVideo: typeof import('vuetify/labs/components')['VVideo']
     VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
     VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']

package/lib/framework.js

@@ -110,7 +110,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.11.5";
+export const version = "3.11.6";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.11.5",
+  "version": "3.11.6",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"