vuetify 3.8.5 → 3.8.7

package/lib/labs/VCalendar/VCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createVNode","header","clickNext","clickPrev","clickToday","_mergeProps","length","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: Boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: Number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekDays } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekDays.value.length}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekDays.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { dayNames[weekday] }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekDays.value.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendar.js","names":["makeVCalendarDayProps","VCalendarDay","makeVCalendarHeaderProps","VCalendarHeader","VCalendarMonthDay","makeCalendarProps","useCalendar","useDate","computed","nextTick","chunkArray","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarProps","hideHeader","Boolean","hideWeekNumber","VCalendar","name","props","emits","next","prev","today","setup","_ref","attrs","emit","slots","adapter","daysInMonth","daysInWeek","genDays","model","displayValue","weekNumbers","weekDays","dayNames","getWeekdays","onClickNext","viewMode","value","addMonths","addDays","onClickPrev","onClickToday","date","title","format","calendarDayProps","filterProps","calendarHeaderProps","_createElementVNode","_normalizeClass","header","clickNext","clickPrev","clickToday","_createVNode","_mergeProps","length","hideDayHeader","map","weekday","week","wi","weekNumber","day","getTime","events","filter","e","isSameDay","start","end","i","dayIndex"],"sources":["../../../src/labs/VCalendar/VCalendar.tsx"],"sourcesContent":["// Styles\nimport './VCalendar.sass'\n\n// Components\nimport { makeVCalendarDayProps, VCalendarDay } from './VCalendarDay'\nimport { makeVCalendarHeaderProps, VCalendarHeader } from './VCalendarHeader'\nimport { VCalendarMonthDay } from './VCalendarMonthDay'\n\n// Composables\nimport { makeCalendarProps, useCalendar } from '@/composables/calendar'\nimport { useDate } from '@/composables/date/date'\n\n// Utilities\nimport { computed, nextTick } from 'vue'\nimport { chunkArray, genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarDaySlots } from './VCalendarDay'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport const makeVCalendarProps = propsFactory({\n  hideHeader: Boolean,\n  hideWeekNumber: Boolean,\n\n  ...makeCalendarProps(),\n  ...makeVCalendarDayProps(),\n  ...makeVCalendarHeaderProps(),\n}, 'VCalendar')\n\nexport type VCalendarSlots = VCalendarDaySlots & {\n  'day-body': { day?: CalendarDay, events?: Array<any> }\n  'day-title': { title?: number | string }\n  'day-event': { day?: CalendarDay, allDay: Boolean, event?: Record<string, unknown> }\n  header: { title: string, clickNext: Function, clickPrev: Function, clickToday: Function }\n  'day-interval': { day?: CalendarDay, dayIndex: Number, events?: Array<any> }\n  title: { title?: string }\n}\n\nexport const VCalendar = genericComponent<VCalendarSlots>()({\n  name: 'VCalendar',\n\n  props: makeVCalendarProps(),\n\n  emits: {\n    next: null,\n    prev: null,\n    today: null,\n    'update:modelValue': null,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n\n    const { daysInMonth, daysInWeek, genDays, model, displayValue, weekNumbers, weekDays } = useCalendar(props as any)\n\n    const dayNames = adapter.getWeekdays()\n\n    function onClickNext () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, 1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, 7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, 1)]\n      }\n      nextTick(() => {\n        emit('next', model.value[0])\n      })\n    }\n\n    function onClickPrev () {\n      if (props.viewMode === 'month') {\n        model.value = [adapter.addMonths(displayValue.value, -1)]\n      } else if (props.viewMode === 'week') {\n        model.value = [adapter.addDays(displayValue.value, -7)]\n      } else if (props.viewMode === 'day') {\n        model.value = [adapter.addDays(displayValue.value, -1)]\n      }\n      nextTick(() => {\n        emit('prev', model.value[0])\n      })\n    }\n\n    function onClickToday () {\n      const date = adapter.date()\n      model.value = [date]\n      nextTick(() => {\n        emit('today', model.value[0])\n      })\n    }\n\n    const title = computed(() => {\n      return adapter.format(displayValue.value, 'monthAndYear')\n    })\n\n    useRender(() => {\n      const calendarDayProps = VCalendarDay.filterProps(props)\n      const calendarHeaderProps = VCalendarHeader.filterProps(props)\n\n      return (\n        <div class={[\n          'v-calendar',\n          {\n            'v-calendar-monthly': props.viewMode === 'month',\n            'v-calendar-weekly': props.viewMode === 'week',\n            'v-calendar-day': props.viewMode === 'day',\n          },\n        ]}\n        >\n          <div>\n            { !props.hideHeader && (\n              slots.header?.({\n                title: title.value,\n                clickNext: onClickNext,\n                clickPrev: onClickPrev,\n                clickToday: onClickToday,\n              }) ?? (\n                <VCalendarHeader\n                  key=\"calendar-header\"\n                  { ...calendarHeaderProps }\n                  title={ title.value }\n                  onClick:next={ onClickNext }\n                  onClick:prev={ onClickPrev }\n                  onClick:toToday={ onClickToday }\n                >\n                  {{ title: slots.title }}\n                </VCalendarHeader>\n              )\n            )}\n          </div>\n\n          <div class={['v-calendar__container', `days__${weekDays.value.length}`]}>\n            { props.viewMode === 'month' && !props.hideDayHeader && (\n              <div\n                class={\n                  [\n                    'v-calendar-weekly__head',\n                    `days__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : []),\n                  ]\n                }\n                key=\"calendarWeeklyHead\"\n              >\n                { !props.hideWeekNumber ? <div key=\"weekNumber0\" class=\"v-calendar-weekly__head-weeknumber\"></div> : '' }\n                {\n                  weekDays.value.map(weekday => (\n                    <div class={ `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}` }>\n                      { dayNames[weekday] }\n                    </div>\n                  ))\n                }\n              </div>\n            )}\n\n            { props.viewMode === 'month' && (\n              <div\n                key=\"VCalendarMonth\"\n                class={\n                  [\n                    'v-calendar-month__days',\n                    `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${weekDays.value.length}`,\n                    ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : []),\n                  ]\n                }\n              >\n                { chunkArray(daysInMonth.value, weekDays.value.length)\n                  .map((week, wi) => (\n                    [\n                      !props.hideWeekNumber ? (\n                        <div\n                          class=\"v-calendar-month__weeknumber\"\n                          { ...getPrefixedEventHandlers(attrs, ':weekNumber', () => ({ weekNumber: weekNumbers.value[wi], week })) }\n                        >{ weekNumbers.value[wi] }</div>\n                      ) : '',\n                      week.map(day => (\n                          <VCalendarMonthDay\n                            key={ day.date.getTime() }\n                            { ...calendarDayProps }\n                            day={ day }\n                            title={ adapter.format(day.date, 'dayOfMonth') }\n                            events={ props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end)) }\n                            { ...attrs }\n                          >\n                            {{\n                              ...pick(slots, ['day-body', 'day-event', 'day-title']),\n                            }}\n                          </VCalendarMonthDay>\n                      )),\n                    ]\n                  ))\n                }\n              </div>\n            )}\n            { props.viewMode === 'week' && (\n              daysInWeek.value.map((day, i) =>\n                slots['day-interval'] ? slots['day-interval']?.({\n                  ...calendarDayProps,\n                  day,\n                  dayIndex: i,\n                  events: props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)),\n                }) : (\n                  <VCalendarDay\n                    { ...calendarDayProps }\n                    day={ day }\n                    dayIndex={ i }\n                    events={ props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date)) }\n                    { ...attrs }\n                  >\n                    {{ ...pick(slots, ['interval', 'intervalBody', 'intervalEvent', 'intervalTitle']) }}\n                  </VCalendarDay>\n                )\n              ))\n            }\n\n            { props.viewMode === 'day' && (\n              slots['day-interval'] ? slots['day-interval']({\n                day: genDays([displayValue.value as Date], adapter.date() as Date)[0],\n                dayIndex: 0,\n                events: props.events?.filter(e =>\n                  adapter.isSameDay(e.start, genDays([displayValue.value as Date], adapter.date() as Date)[0].date) ||\n                  adapter.isSameDay(e.end, genDays([displayValue.value as Date], adapter.date() as Date)[0].date)\n                ),\n              }) : (\n                <VCalendarDay\n                  { ...calendarDayProps }\n                  day={ genDays([model.value[0] as Date], adapter.date() as Date)[0] }\n                  dayIndex={ 0 }\n                  events={\n                    props.events?.filter(e =>\n                      adapter.isSameDay(e.start, genDays([model.value[0] as Date], adapter.date() as Date)[0].date) ||\n                      adapter.isSameDay(e.end, genDays([model.value[0] as Date], adapter.date() as Date)[0].date)\n                    )\n                  }\n                  { ...attrs }\n                ></VCalendarDay>\n              )\n            )}\n          </div>\n        </div>\n      )\n    })\n\n    return { daysInMonth, daysInWeek, genDays }\n  },\n})\n\nexport type VCalendar = InstanceType<typeof VCalendar>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarDay.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VCalendarDay.css";
 
@@ -31,12 +31,12 @@ export const VCalendarDay = genericComponent()({
     }, (v, i) => i).filter((_, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
     useRender(() => {
       const calendarIntervalProps = VCalendarInterval.filterProps(props);
-      return _createVNode("div", {
+      return _createElementVNode("div", {
         "class": "v-calendar-day__container"
-      }, [!props.hideDayHeader && _createVNode("div", _mergeProps({
+      }, [!props.hideDayHeader && _createElementVNode("div", _mergeProps({
         "key": "calendar-week-name",
         "class": "v-calendar-weekly__head-weekday"
-      }, getPrefixedEventHandlers(attrs, ':day', () => props.day)), [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, _mergeProps(getPrefixedEventHandlers(attrs, ':date', () => props.day), {
+      }, getPrefixedEventHandlers(attrs, ':day', () => props.day)), [adapter.format(props.day.date, 'weekdayShort'), _createElementVNode("div", null, [_createVNode(VBtn, _mergeProps(getPrefixedEventHandlers(attrs, ':date', () => props.day), {
         "class": props.day?.isToday ? 'v-calendar-day-label__today' : undefined,
         "icon": true,
         "text": adapter.format(props.day.date, 'dayOfMonth'),

package/lib/labs/VCalendar/VCalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","inheritAttrs","props","setup","_ref","attrs","slots","adapter","Array","from","length","v","i","filter","_","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createVNode","_mergeProps","day","format","date","isToday","undefined","value","map","interval"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarIntervalSlots } from './VCalendarInterval'\n\nexport type VCalendarDaySlots = VCalendarIntervalSlots & {\n  interval: Record<string, unknown>\n}\n\nexport const makeVCalendarDayProps = propsFactory({\n  hideDayHeader: Boolean,\n  intervals: {\n    type: Number,\n    default: 24,\n  },\n\n  ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent<VCalendarDaySlots>()({\n  name: 'VCalendarDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarDayProps(),\n\n  setup (props, { attrs, slots }) {\n    const adapter = useDate()\n    const intervals = computed(() => [\n      ...Array.from({ length: props.intervals }, (v, i) => i)\n        .filter((_, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n    ])\n\n    useRender(() => {\n      const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n      return (\n        <div class=\"v-calendar-day__container\">\n          { !props.hideDayHeader && (\n            <div\n              key=\"calendar-week-name\"\n              class=\"v-calendar-weekly__head-weekday\"\n              { ...getPrefixedEventHandlers(attrs, ':day', () => props.day) }\n            >\n              { adapter.format(props.day.date, 'weekdayShort') }\n\n              <div>\n                <VBtn\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props.day) }\n                  class={ props.day?.isToday ? 'v-calendar-day-label__today' : undefined }\n                  icon\n                  text={ adapter.format(props.day.date, 'dayOfMonth') }\n                  variant={ props.day?.isToday ? undefined : 'text' }\n                />\n              </div>\n            </div>\n          )}\n          { intervals.value.map((_, index) =>\n            slots.interval?.(calendarIntervalProps) ?? (\n              <VCalendarInterval\n                index={ index }\n                { ...calendarIntervalProps }\n                { ...attrs }\n                { ...getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps) }\n              >\n                {{\n                  ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle']),\n                }}\n              </VCalendarInterval>\n            )\n          )}\n        </div>\n      )\n    })\n\n    return { intervals }\n  },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAElF;AAOA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGhB,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMiB,YAAY,GAAGZ,gBAAgB,CAAoB,CAAC,CAAC;EAChEa,IAAI,EAAE,cAAc;EAEpBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAE9BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,OAAO,GAAGtB,OAAO,CAAC,CAAC;IACzB,MAAMU,SAAS,GAAGT,QAAQ,CAAC,MAAM,CAC/B,GAAGsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACP;IAAU,CAAC,EAAE,CAACgB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAMb,KAAK,CAACc,gBAAgB,IAAID,KAAK,GAAGb,KAAK,CAACe,aAAa,CAAC,GAAI,IAAI,CAAC,CACzF,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,MAAM2B,qBAAqB,GAAGnC,iBAAiB,CAACoC,WAAW,CAACjB,KAAK,CAAC;MAElE,OAAAkB,YAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,YAAA,QAAAC,WAAA;QAAA;QAAA;MAAA,GAIbjC,wBAAwB,CAACiB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC,IAE3Df,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,cAAc,CAAC,EAAAJ,YAAA,eAAAA,YAAA,CAAApC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEG,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DnB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEG,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACC/B,SAAS,CAACgC,KAAK,CAACC,GAAG,CAAC,CAACd,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACuB,QAAQ,GAAGX,qBAAqB,CAAC,IAAAE,YAAA,CAAArC,iBAAA,EAAAsC,WAAA;QAAA,SAE3BN;MAAK,GACRG,qBAAqB,EACrBb,KAAK,EACLjB,wBAAwB,CAACiB,KAAK,EAAE,WAAW,EAAE,MAAMa,qBAAqB,CAAC;QAG5E,GAAG7B,IAAI,CAACiB,KAAK,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAAC,EAI1E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarDay.js","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","getPrefixedEventHandlers","pick","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","inheritAttrs","props","setup","_ref","attrs","slots","adapter","Array","from","length","v","i","filter","_","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createElementVNode","_mergeProps","day","format","date","_createVNode","isToday","undefined","value","map","interval"],"sources":["../../../src/labs/VCalendar/VCalendarDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarDay.sass'\n\n// Components\nimport { makeVCalendarIntervalProps, VCalendarInterval } from './VCalendarInterval'\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getPrefixedEventHandlers, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VCalendarIntervalSlots } from './VCalendarInterval'\n\nexport type VCalendarDaySlots = VCalendarIntervalSlots & {\n  interval: Record<string, unknown>\n}\n\nexport const makeVCalendarDayProps = propsFactory({\n  hideDayHeader: Boolean,\n  intervals: {\n    type: Number,\n    default: 24,\n  },\n\n  ...makeVCalendarIntervalProps(),\n}, 'VCalendarDay')\n\nexport const VCalendarDay = genericComponent<VCalendarDaySlots>()({\n  name: 'VCalendarDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarDayProps(),\n\n  setup (props, { attrs, slots }) {\n    const adapter = useDate()\n    const intervals = computed(() => [\n      ...Array.from({ length: props.intervals }, (v, i) => i)\n        .filter((_, index) => (props.intervalDuration * (index + props.intervalStart)) < 1440),\n    ])\n\n    useRender(() => {\n      const calendarIntervalProps = VCalendarInterval.filterProps(props)\n\n      return (\n        <div class=\"v-calendar-day__container\">\n          { !props.hideDayHeader && (\n            <div\n              key=\"calendar-week-name\"\n              class=\"v-calendar-weekly__head-weekday\"\n              { ...getPrefixedEventHandlers(attrs, ':day', () => props.day) }\n            >\n              { adapter.format(props.day.date, 'weekdayShort') }\n\n              <div>\n                <VBtn\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props.day) }\n                  class={ props.day?.isToday ? 'v-calendar-day-label__today' : undefined }\n                  icon\n                  text={ adapter.format(props.day.date, 'dayOfMonth') }\n                  variant={ props.day?.isToday ? undefined : 'text' }\n                />\n              </div>\n            </div>\n          )}\n          { intervals.value.map((_, index) =>\n            slots.interval?.(calendarIntervalProps) ?? (\n              <VCalendarInterval\n                index={ index }\n                { ...calendarIntervalProps }\n                { ...attrs }\n                { ...getPrefixedEventHandlers(attrs, ':interval', () => calendarIntervalProps) }\n              >\n                {{\n                  ...pick(slots, ['intervalBody', 'intervalEvent', 'intervalTitle']),\n                }}\n              </VCalendarInterval>\n            )\n          )}\n        </div>\n      )\n    })\n\n    return { intervals }\n  },\n})\n\nexport type VCalendarDay = InstanceType<typeof VCalendarDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB;AAAA,SAC7CC,IAAI,0CAEb;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,+BAElF;AAOA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGhB,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMiB,YAAY,GAAGZ,gBAAgB,CAAoB,CAAC,CAAC;EAChEa,IAAI,EAAE,cAAc;EAEpBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEV,qBAAqB,CAAC,CAAC;EAE9BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,OAAO,GAAGtB,OAAO,CAAC,CAAC;IACzB,MAAMU,SAAS,GAAGT,QAAQ,CAAC,MAAM,CAC/B,GAAGsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER,KAAK,CAACP;IAAU,CAAC,EAAE,CAACgB,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAMb,KAAK,CAACc,gBAAgB,IAAID,KAAK,GAAGb,KAAK,CAACe,aAAa,CAAC,GAAI,IAAI,CAAC,CACzF,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,MAAM2B,qBAAqB,GAAGnC,iBAAiB,CAACoC,WAAW,CAACjB,KAAK,CAAC;MAElE,OAAAkB,mBAAA;QAAA;MAAA,IAEM,CAAClB,KAAK,CAACT,aAAa,IAAA2B,mBAAA,QAAAC,WAAA;QAAA;QAAA;MAAA,GAIbjC,wBAAwB,CAACiB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC,IAE3Df,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,cAAc,CAAC,EAAAJ,mBAAA,eAAAK,YAAA,CAAAzC,IAAA,EAAAqC,WAAA,CAIvCjC,wBAAwB,CAACiB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAACoB,GAAG,CAAC;QAAA,SACtDpB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAG,6BAA6B,GAAGC,SAAS;QAAA;QAAA,QAE/DpB,OAAO,CAACgB,MAAM,CAACrB,KAAK,CAACoB,GAAG,CAACE,IAAI,EAAE,YAAY,CAAC;QAAA,WACzCtB,KAAK,CAACoB,GAAG,EAAEI,OAAO,GAAGC,SAAS,GAAG;MAAM,aAIxD,EACChC,SAAS,CAACiC,KAAK,CAACC,GAAG,CAAC,CAACf,CAAC,EAAEC,KAAK,KAC7BT,KAAK,CAACwB,QAAQ,GAAGZ,qBAAqB,CAAC,IAAAO,YAAA,CAAA1C,iBAAA,EAAAsC,WAAA;QAAA,SAE3BN;MAAK,GACRG,qBAAqB,EACrBb,KAAK,EACLjB,wBAAwB,CAACiB,KAAK,EAAE,WAAW,EAAE,MAAMa,qBAAqB,CAAC;QAG5E,GAAG7B,IAAI,CAACiB,KAAK,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAAC,EAI1E,CAAC;IAGP,CAAC,CAAC;IAEF,OAAO;MAAEX;IAAU,CAAC;EACtB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarHeader.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VCalendarHeader.css";
 
@@ -50,7 +50,7 @@ export const VCalendarHeader = genericComponent()({
     function toToday() {
       emit('click:toToday');
     }
-    useRender(() => _createVNode("div", {
+    useRender(() => _createElementVNode("div", {
       "class": "v-calendar-header"
     }, [props.text && _createVNode(VBtn, {
       "key": "today",
@@ -68,11 +68,11 @@ export const VCalendarHeader = genericComponent()({
       "icon": props.nextIcon,
       "variant": "text",
       "onClick": next
-    }, null), _createVNode("div", {
+    }, null), _createElementVNode("div", {
       "class": "v-calendar-header__title"
     }, [slots.title?.({
       title: props.title
-    }) ?? _createVNode("span", null, [props.title])])]));
+    }) ?? _createElementVNode("span", null, [props.title])])]));
     return {};
   }
 });

package/lib/labs/VCalendar/VCalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarHeader.js","names":["VBtn","useLocale","genericComponent","propsFactory","useRender","makeVCalendarHeaderProps","nextIcon","type","String","default","prevIcon","title","text","viewMode","VCalendarHeader","name","props","emits","click:next","click:prev","click:toToday","setup","_ref","emit","slots","t","prev","next","toToday","_createVNode"],"sources":["../../../src/labs/VCalendar/VCalendarHeader.tsx"],"sourcesContent":["// Styles\nimport './VCalendarHeader.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VCalendarHeaderSlots = {\n  title: { title?: string }\n}\n\nexport const makeVCalendarHeaderProps = propsFactory({\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  title: String,\n  text: {\n    type: String,\n    default: '$vuetify.calendar.today',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'week' | 'day'>,\n    default: 'month',\n  },\n}, 'VCalendarHeader')\n\nexport const VCalendarHeader = genericComponent<VCalendarHeaderSlots>()({\n  name: 'VCalendarHeader',\n\n  props: makeVCalendarHeaderProps(),\n\n  emits: {\n    'click:next': () => true,\n    'click:prev': () => true,\n    'click:toToday': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n\n    function prev () {\n      emit('click:prev')\n    }\n\n    function next () {\n      emit('click:next')\n    }\n\n    function toToday () {\n      emit('click:toToday')\n    }\n\n    useRender(() => (\n      <div class=\"v-calendar-header\">\n        { props.text && (\n          <VBtn\n            key=\"today\"\n            class=\"v-calendar-header__today\"\n            text={ t(props.text) }\n            variant=\"outlined\"\n            onClick={ toToday }\n          />\n        )}\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.prevIcon }\n          variant=\"text\"\n          onClick={ prev }\n        />\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.nextIcon }\n          variant=\"text\"\n          onClick={ next }\n        />\n\n        <div class=\"v-calendar-header__title\">\n          { slots.title?.({ title: props.title }) ?? (\n            <span>{ props.title }</span>\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCalendarHeader = InstanceType<typeof VCalendarHeader>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,0CAEb;AAAA,SACSC,SAAS,uCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAOA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAEH,MAAM;EACbI,IAAI,EAAE;IACJL,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDI,QAAQ,EAAE;IACRN,IAAI,EAAEC,MAA4C;IAClDC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMK,eAAe,GAAGZ,gBAAgB,CAAuB,CAAC,CAAC;EACtEa,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEX,wBAAwB,CAAC,CAAC;EAEjCY,KAAK,EAAE;IACL,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,eAAe,EAAEC,CAAA,KAAM;EACzB,CAAC;EAEDC,KAAKA,CAAEL,KAAK,EAAAM,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAM;MAAEG;IAAE,CAAC,GAAGxB,SAAS,CAAC,CAAC;IAEzB,SAASyB,IAAIA,CAAA,EAAI;MACfH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,IAAIA,CAAA,EAAI;MACfJ,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASK,OAAOA,CAAA,EAAI;MAClBL,IAAI,CAAC,eAAe,CAAC;IACvB;IAEAnB,SAAS,CAAC,MAAAyB,YAAA;MAAA;IAAA,IAEJb,KAAK,CAACJ,IAAI,IAAAiB,YAAA,CAAA7B,IAAA;MAAA;MAAA;MAAA,QAIDyB,CAAC,CAACT,KAAK,CAACJ,IAAI,CAAC;MAAA;MAAA,WAEVgB;IAAO,QAEpB,EAAAC,YAAA,CAAA7B,IAAA;MAAA;MAAA,QAIQgB,KAAK,CAACN,QAAQ;MAAA;MAAA,WAEXgB;IAAI,UAAAG,YAAA,CAAA7B,IAAA;MAAA;MAAA,QAKPgB,KAAK,CAACV,QAAQ;MAAA;MAAA,WAEXqB;IAAI,UAAAE,YAAA;MAAA;IAAA,IAIZL,KAAK,CAACb,KAAK,GAAG;MAAEA,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,CAAC,IAAAkB,YAAA,gBAC7Bb,KAAK,CAACL,KAAK,EACpB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarHeader.js","names":["VBtn","useLocale","genericComponent","propsFactory","useRender","makeVCalendarHeaderProps","nextIcon","type","String","default","prevIcon","title","text","viewMode","VCalendarHeader","name","props","emits","click:next","click:prev","click:toToday","setup","_ref","emit","slots","t","prev","next","toToday","_createElementVNode","_createVNode"],"sources":["../../../src/labs/VCalendar/VCalendarHeader.tsx"],"sourcesContent":["// Styles\nimport './VCalendarHeader.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport type VCalendarHeaderSlots = {\n  title: { title?: string }\n}\n\nexport const makeVCalendarHeaderProps = propsFactory({\n  nextIcon: {\n    type: String,\n    default: '$next',\n  },\n  prevIcon: {\n    type: String,\n    default: '$prev',\n  },\n  title: String,\n  text: {\n    type: String,\n    default: '$vuetify.calendar.today',\n  },\n  viewMode: {\n    type: String as PropType<'month' | 'week' | 'day'>,\n    default: 'month',\n  },\n}, 'VCalendarHeader')\n\nexport const VCalendarHeader = genericComponent<VCalendarHeaderSlots>()({\n  name: 'VCalendarHeader',\n\n  props: makeVCalendarHeaderProps(),\n\n  emits: {\n    'click:next': () => true,\n    'click:prev': () => true,\n    'click:toToday': () => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const { t } = useLocale()\n\n    function prev () {\n      emit('click:prev')\n    }\n\n    function next () {\n      emit('click:next')\n    }\n\n    function toToday () {\n      emit('click:toToday')\n    }\n\n    useRender(() => (\n      <div class=\"v-calendar-header\">\n        { props.text && (\n          <VBtn\n            key=\"today\"\n            class=\"v-calendar-header__today\"\n            text={ t(props.text) }\n            variant=\"outlined\"\n            onClick={ toToday }\n          />\n        )}\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.prevIcon }\n          variant=\"text\"\n          onClick={ prev }\n        />\n\n        <VBtn\n          density=\"comfortable\"\n          icon={ props.nextIcon }\n          variant=\"text\"\n          onClick={ next }\n        />\n\n        <div class=\"v-calendar-header__title\">\n          { slots.title?.({ title: props.title }) ?? (\n            <span>{ props.title }</span>\n          )}\n        </div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCalendarHeader = InstanceType<typeof VCalendarHeader>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,0CAEb;AAAA,SACSC,SAAS,uCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAOA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,QAAQ,EAAE;IACRC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAEH,MAAM;EACbI,IAAI,EAAE;IACJL,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EACDI,QAAQ,EAAE;IACRN,IAAI,EAAEC,MAA4C;IAClDC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMK,eAAe,GAAGZ,gBAAgB,CAAuB,CAAC,CAAC;EACtEa,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEX,wBAAwB,CAAC,CAAC;EAEjCY,KAAK,EAAE;IACL,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,YAAY,EAAEC,CAAA,KAAM,IAAI;IACxB,eAAe,EAAEC,CAAA,KAAM;EACzB,CAAC;EAEDC,KAAKA,CAAEL,KAAK,EAAAM,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAM;MAAEG;IAAE,CAAC,GAAGxB,SAAS,CAAC,CAAC;IAEzB,SAASyB,IAAIA,CAAA,EAAI;MACfH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,IAAIA,CAAA,EAAI;MACfJ,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASK,OAAOA,CAAA,EAAI;MAClBL,IAAI,CAAC,eAAe,CAAC;IACvB;IAEAnB,SAAS,CAAC,MAAAyB,mBAAA;MAAA;IAAA,IAEJb,KAAK,CAACJ,IAAI,IAAAkB,YAAA,CAAA9B,IAAA;MAAA;MAAA;MAAA,QAIDyB,CAAC,CAACT,KAAK,CAACJ,IAAI,CAAC;MAAA;MAAA,WAEVgB;IAAO,QAEpB,EAAAE,YAAA,CAAA9B,IAAA;MAAA;MAAA,QAIQgB,KAAK,CAACN,QAAQ;MAAA;MAAA,WAEXgB;IAAI,UAAAI,YAAA,CAAA9B,IAAA;MAAA;MAAA,QAKPgB,KAAK,CAACV,QAAQ;MAAA;MAAA,WAEXqB;IAAI,UAAAE,mBAAA;MAAA;IAAA,IAIZL,KAAK,CAACb,KAAK,GAAG;MAAEA,KAAK,EAAEK,KAAK,CAACL;IAAM,CAAC,CAAC,IAAAkB,mBAAA,gBAC7Bb,KAAK,CAACL,KAAK,EACpB,IAGN,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarInterval.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle } from "vue";
 // Styles
 import "./VCalendarInterval.css";
 
@@ -70,20 +70,20 @@ export const VCalendarInterval = genericComponent()({
       };
     });
     useRender(() => {
-      return props.dayIndex === 0 ? _createVNode("div", {
+      return props.dayIndex === 0 ? _createElementVNode("div", {
         "class": "v-calendar-day__row-with-label",
-        "style": `height: ${convertToUnit(props.intervalHeight)}`
-      }, [_createVNode("div", _mergeProps({
+        "style": _normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
+      }, [_createElementVNode("div", _mergeProps({
         "class": "v-calendar-day__row-label"
       }, getPrefixedEventHandlers(attrs, ':time', () => props)), [slots.intervalTitle?.({
         interval: interval.value
-      }) ?? (props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '12 AM')]), _createVNode("div", {
+      }) ?? (props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : '12 AM')]), _createElementVNode("div", {
         "class": "v-calendar-day__row-hairline"
-      }, null), _createVNode("div", _mergeProps({
+      }, null), _createElementVNode("div", _mergeProps({
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
       }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
         interval: interval.value
-      }) ?? _createVNode("div", null, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, _mergeProps({
+      }) ?? _createElementVNode("div", null, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, _mergeProps({
         "event": event,
         "interval": interval.value,
         "intervalDivisions": props.intervalDivisions,
@@ -108,10 +108,10 @@ export const VCalendarInterval = genericComponent()({
             });
           }
         } : {})
-      }))])])]) : _createVNode("div", {
+      }))])])]) : _createElementVNode("div", {
         "class": "v-calendar-day__row-without-label",
-        "style": `height: ${convertToUnit(props.intervalHeight)}`
-      }, [_createVNode("div", _mergeProps({
+        "style": _normalizeStyle(`height: ${convertToUnit(props.intervalHeight)}`)
+      }, [_createElementVNode("div", _mergeProps({
         "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
       }, getPrefixedEventHandlers(attrs, ':interval', () => interval.value)), [slots.intervalBody?.({
         interval: interval.value

package/lib/labs/VCalendar/VCalendarInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarInterval.js","names":["VCalendarIntervalEvent","useDate","computed","convertToUnit","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarIntervalProps","day","type","Object","default","dayIndex","Number","events","Array","intervalDivisions","intervalDuration","intervalHeight","intervalFormat","String","Function","intervalStart","VCalendarInterval","name","inheritAttrs","props","index","required","setup","_ref","attrs","emit","slots","adapter","interval","start","addMinutes","startOfDay","date","end","label","format","filter","e","allDay","isEqual","isWithinRange","map","first","last","_createVNode","_mergeProps","intervalTitle","value","some","intervalBody","event","intervalEvent","_ref2","height","margin","eventClass","_ref3"],"sources":["../../../src/labs/VCalendar/VCalendarInterval.tsx"],"sourcesContent":["// Styles\nimport './VCalendarInterval.sass'\n\n// Components\nimport { VCalendarIntervalEvent } from './VCalendarIntervalEvent'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\ntype Interval = {\n  label: string\n  start: unknown\n  end: unknown\n  events: any[]\n}\n\nexport type VCalendarIntervalSlots = {\n  intervalBody: { interval: Interval }\n  intervalEvent: {\n    height: string\n    margin: string\n    eventClass: string\n    event: any\n    interval: Interval\n  }\n  intervalTitle: { interval: Interval }\n}\n\nexport const makeVCalendarIntervalProps = propsFactory({\n  day: {\n    type: Object,\n    default: () => ({}),\n  },\n  dayIndex: Number,\n  events: Array<any>,\n  intervalDivisions: {\n    type: Number,\n    default: 2,\n  },\n  intervalDuration: {\n    type: Number,\n    default: 60,\n  },\n  intervalHeight: {\n    type: Number,\n    default: 48,\n  },\n  intervalFormat: {\n    type: [String, Function],\n    default: 'fullTime12h',\n  },\n  intervalStart: {\n    type: Number,\n    default: 0,\n  },\n}, 'VCalendarInterval')\n\nexport const VCalendarInterval = genericComponent<VCalendarIntervalSlots>()({\n  name: 'VCalendarInterval',\n\n  inheritAttrs: false,\n\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    ...makeVCalendarIntervalProps(),\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n    const interval = computed(() => {\n      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), (props.intervalDuration * (props.index + props.intervalStart)))\n      const end = adapter.addMinutes(\n        adapter.startOfDay(props.day.date),\n        (props.intervalDuration * (props.index + props.intervalStart + 1)) - 1\n      )\n      return {\n        ...props.day,\n        label: adapter.format(start, 'fullTime24h'),\n        start,\n        end,\n        events: props.events\n          ? props.events\n            .filter(e => !e.allDay &&\n              (adapter.isEqual(start, e.start) ||\n              adapter.isWithinRange(e.start, [start, end]) ||\n              adapter.isWithinRange(start, [e.start, e.end]) ||\n              adapter.isEqual(end, e.end))\n            )\n            .map(e => {\n              return {\n                ...e,\n                first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),\n                last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end]),\n              }\n            })\n          : [],\n      }\n    })\n\n    useRender(() => {\n      return (\n        props.dayIndex === 0 ? (\n          <div class=\"v-calendar-day__row-with-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div\n              class=\"v-calendar-day__row-label\"\n              { ...getPrefixedEventHandlers(attrs, ':time', () => props) }\n            >\n              {\n                slots.intervalTitle?.({ interval: interval.value }) ?? (\n                  props.index\n                    ? props.intervalFormat\n                      ? typeof props.intervalFormat === 'string'\n                        ? adapter.format(interval.value.start, 'hours12h')\n                        : props.intervalFormat(interval.value)\n                      : interval.value.label\n                    : '12 AM'\n                )\n              }\n            </div>\n            <div class=\"v-calendar-day__row-hairline\"></div>\n            <div\n              class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n                ? 'v-calendar-day__row-content-through'\n                : '']}\n              { ...getPrefixedEventHandlers(attrs, ':interval', () => interval.value) }\n            >\n              {\n                slots.intervalBody?.({ interval: interval.value }) ?? (\n                  <div>\n                    {\n                      interval.value.events?.map(event => (\n                        <VCalendarIntervalEvent\n                          event={ event }\n                          interval={ interval.value }\n                          intervalDivisions={ props.intervalDivisions }\n                          intervalDuration={ props.intervalDuration }\n                          intervalHeight={ props.intervalHeight }\n                          { ...attrs }\n                        >\n                          {{\n                            ...(slots.intervalEvent ? {\n                              intervalEvent: ({ height, margin, eventClass, event, interval }) => (\n                                slots.intervalEvent?.({ height, margin, eventClass, event, interval })\n                              ),\n                            } : {}),\n                          }}\n                        </VCalendarIntervalEvent>\n                      ))\n                    }\n                  </div>\n                )\n              }\n            </div>\n          </div>\n        ) : (\n          <div\n            class=\"v-calendar-day__row-without-label\"\n            style={ `height: ${convertToUnit(props.intervalHeight)}` }\n          >\n            <div\n              class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n                ? 'v-calendar-day__row-content-through' : '']}\n              { ...getPrefixedEventHandlers(attrs, ':interval', () => interval.value) }\n            >\n              {\n                slots.intervalBody?.({ interval: interval.value }) ?? (\n                  interval.value.events?.map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                      { ...attrs }\n                    >\n                      {{\n                        ...(slots.intervalEvent ? {\n                          intervalEvent: ({ height, margin, eventClass, event, interval }) => (\n                            slots.intervalEvent?.({ height, margin, eventClass, event, interval })\n                          ),\n                        } : {}),\n                      }}\n                    </VCalendarIntervalEvent>\n                  ))\n                )\n              }\n            </div>\n          </div>\n        )\n      )\n    })\n\n    return { interval }\n  },\n})\n\nexport type VCalendarInterval = InstanceType<typeof VCalendarInterval>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,sBAAsB,uCAE/B;AAAA,SACSC,OAAO,2CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,aAAa,EAAEC,gBAAgB,EAAEC,wBAAwB,EAAEC,YAAY,EAAEC,SAAS;AAqB3F,OAAO,MAAMC,0BAA0B,GAAGF,YAAY,CAAC;EACrDG,GAAG,EAAE;IACHC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAEA,CAAA,MAAO,CAAC,CAAC;EACpB,CAAC;EACDC,QAAQ,EAAEC,MAAM;EAChBC,MAAM,EAAEC,KAAU;EAClBC,iBAAiB,EAAE;IACjBP,IAAI,EAAEI,MAAM;IACZF,OAAO,EAAE;EACX,CAAC;EACDM,gBAAgB,EAAE;IAChBR,IAAI,EAAEI,MAAM;IACZF,OAAO,EAAE;EACX,CAAC;EACDO,cAAc,EAAE;IACdT,IAAI,EAAEI,MAAM;IACZF,OAAO,EAAE;EACX,CAAC;EACDQ,cAAc,EAAE;IACdV,IAAI,EAAE,CAACW,MAAM,EAAEC,QAAQ,CAAC;IACxBV,OAAO,EAAE;EACX,CAAC;EACDW,aAAa,EAAE;IACbb,IAAI,EAAEI,MAAM;IACZF,OAAO,EAAE;EACX;AACF,CAAC,EAAE,mBAAmB,CAAC;AAEvB,OAAO,MAAMY,iBAAiB,GAAGpB,gBAAgB,CAAyB,CAAC,CAAC;EAC1EqB,IAAI,EAAE,mBAAmB;EAEzBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLlB,IAAI,EAAEI,MAAM;MACZe,QAAQ,EAAE;IACZ,CAAC;IAED,GAAGrB,0BAA0B,CAAC;EAChC,CAAC;EAEDsB,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAA0B;IAAA,IAAxB;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAClC,MAAMI,OAAO,GAAGlC,OAAO,CAAC,CAAC;IACzB,MAAMmC,QAAQ,GAAGlC,QAAQ,CAAC,MAAM;MAC9B,MAAMmC,KAAK,GAAGF,OAAO,CAACG,UAAU,CAACH,OAAO,CAACI,UAAU,CAACZ,KAAK,CAAClB,GAAG,CAAC+B,IAAI,CAAC,EAAGb,KAAK,CAACT,gBAAgB,IAAIS,KAAK,CAACC,KAAK,GAAGD,KAAK,CAACJ,aAAa,CAAE,CAAC;MACpI,MAAMkB,GAAG,GAAGN,OAAO,CAACG,UAAU,CAC5BH,OAAO,CAACI,UAAU,CAACZ,KAAK,CAAClB,GAAG,CAAC+B,IAAI,CAAC,EACjCb,KAAK,CAACT,gBAAgB,IAAIS,KAAK,CAACC,KAAK,GAAGD,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC,GAAI,CACvE,CAAC;MACD,OAAO;QACL,GAAGI,KAAK,CAAClB,GAAG;QACZiC,KAAK,EAAEP,OAAO,CAACQ,MAAM,CAACN,KAAK,EAAE,aAAa,CAAC;QAC3CA,KAAK;QACLI,GAAG;QACH1B,MAAM,EAAEY,KAAK,CAACZ,MAAM,GAChBY,KAAK,CAACZ,MAAM,CACX6B,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,KACnBX,OAAO,CAACY,OAAO,CAACV,KAAK,EAAEQ,CAAC,CAACR,KAAK,CAAC,IAChCF,OAAO,CAACa,aAAa,CAACH,CAAC,CAACR,KAAK,EAAE,CAACA,KAAK,EAAEI,GAAG,CAAC,CAAC,IAC5CN,OAAO,CAACa,aAAa,CAACX,KAAK,EAAE,CAACQ,CAAC,CAACR,KAAK,EAAEQ,CAAC,CAACJ,GAAG,CAAC,CAAC,IAC9CN,OAAO,CAACY,OAAO,CAACN,GAAG,EAAEI,CAAC,CAACJ,GAAG,CAAC,CAC7B,CAAC,CACAQ,GAAG,CAACJ,CAAC,IAAI;UACR,OAAO;YACL,GAAGA,CAAC;YACJK,KAAK,EAAEf,OAAO,CAACY,OAAO,CAACV,KAAK,EAAEQ,CAAC,CAACR,KAAK,CAAC,IAAIF,OAAO,CAACa,aAAa,CAACH,CAAC,CAACR,KAAK,EAAE,CAACA,KAAK,EAAEI,GAAG,CAAC,CAAC;YACtFU,IAAI,EAAEhB,OAAO,CAACY,OAAO,CAACN,GAAG,EAAEI,CAAC,CAACJ,GAAG,CAAC,IAAIN,OAAO,CAACa,aAAa,CAACH,CAAC,CAACJ,GAAG,EAAE,CAACJ,KAAK,EAAEI,GAAG,CAAC;UAChF,CAAC;QACH,CAAC,CAAC,GACF;MACN,CAAC;IACH,CAAC,CAAC;IAEFlC,SAAS,CAAC,MAAM;MACd,OACEoB,KAAK,CAACd,QAAQ,KAAK,CAAC,GAAAuC,YAAA;QAAA;QAAA,SACkC,WAAWjD,aAAa,CAACwB,KAAK,CAACR,cAAc,CAAC;MAAE,IAAAiC,YAAA,QAAAC,WAAA;QAAA;MAAA,GAG3FhD,wBAAwB,CAAC2B,KAAK,EAAE,OAAO,EAAE,MAAML,KAAK,CAAC,IAGxDO,KAAK,CAACoB,aAAa,GAAG;QAAElB,QAAQ,EAAEA,QAAQ,CAACmB;MAAM,CAAC,CAAC,KACjD5B,KAAK,CAACC,KAAK,GACPD,KAAK,CAACP,cAAc,GAClB,OAAOO,KAAK,CAACP,cAAc,KAAK,QAAQ,GACtCe,OAAO,CAACQ,MAAM,CAACP,QAAQ,CAACmB,KAAK,CAAClB,KAAK,EAAE,UAAU,CAAC,GAChDV,KAAK,CAACP,cAAc,CAACgB,QAAQ,CAACmB,KAAK,CAAC,GACtCnB,QAAQ,CAACmB,KAAK,CAACb,KAAK,GACtB,OAAO,CACZ,IAAAU,YAAA;QAAA;MAAA,UAAAA,YAAA,QAAAC,WAAA;QAAA,SAKI,CAAC,6BAA6B,EAAEjB,QAAQ,CAACmB,KAAK,CAACxC,MAAM,CAACyC,IAAI,CAACX,CAAC,IAAI,CAACA,CAAC,CAACM,IAAI,CAAC,GAC3E,qCAAqC,GACrC,EAAE;MAAC,GACF9C,wBAAwB,CAAC2B,KAAK,EAAE,WAAW,EAAE,MAAMI,QAAQ,CAACmB,KAAK,CAAC,IAGrErB,KAAK,CAACuB,YAAY,GAAG;QAAErB,QAAQ,EAAEA,QAAQ,CAACmB;MAAM,CAAC,CAAC,IAAAH,YAAA,eAG5ChB,QAAQ,CAACmB,KAAK,CAACxC,MAAM,EAAEkC,GAAG,CAACS,KAAK,IAAAN,YAAA,CAAApD,sBAAA,EAAAqD,WAAA;QAAA,SAEpBK,KAAK;QAAA,YACFtB,QAAQ,CAACmB,KAAK;QAAA,qBACL5B,KAAK,CAACV,iBAAiB;QAAA,oBACxBU,KAAK,CAACT,gBAAgB;QAAA,kBACxBS,KAAK,CAACR;MAAc,GAChCa,KAAK;QAGR,IAAIE,KAAK,CAACyB,aAAa,GAAG;UACxBA,aAAa,EAAEC,KAAA;YAAA,IAAC;cAAEC,MAAM;cAAEC,MAAM;cAAEC,UAAU;cAAEL,KAAK;cAAEtB;YAAS,CAAC,GAAAwB,KAAA;YAAA,OAC7D1B,KAAK,CAACyB,aAAa,GAAG;cAAEE,MAAM;cAAEC,MAAM;cAAEC,UAAU;cAAEL,KAAK;cAAEtB;YAAS,CAAC,CAAC;UAAA;QAE1E,CAAC,GAAG,CAAC,CAAC;MAAC,EAGZ,CAAC,EAGP,OAAAgB,YAAA;QAAA;QAAA,SAOG,WAAWjD,aAAa,CAACwB,KAAK,CAACR,cAAc,CAAC;MAAE,IAAAiC,YAAA,QAAAC,WAAA;QAAA,SAG/C,CAAC,6BAA6B,EAAEjB,QAAQ,CAACmB,KAAK,CAACxC,MAAM,CAACyC,IAAI,CAACX,CAAC,IAAI,CAACA,CAAC,CAACM,IAAI,CAAC,GAC3E,qCAAqC,GAAG,EAAE;MAAC,GAC1C9C,wBAAwB,CAAC2B,KAAK,EAAE,WAAW,EAAE,MAAMI,QAAQ,CAACmB,KAAK,CAAC,IAGrErB,KAAK,CAACuB,YAAY,GAAG;QAAErB,QAAQ,EAAEA,QAAQ,CAACmB;MAAM,CAAC,CAAC,IAChDnB,QAAQ,CAACmB,KAAK,CAACxC,MAAM,EAAEkC,GAAG,CAACS,KAAK,IAAAN,YAAA,CAAApD,sBAAA,EAAAqD,WAAA;QAAA,SAEpBK,KAAK;QAAA,YACFtB,QAAQ,CAACmB,KAAK;QAAA,qBACL5B,KAAK,CAACV,iBAAiB;QAAA,oBACxBU,KAAK,CAACT,gBAAgB;QAAA,kBACxBS,KAAK,CAACR;MAAc,GAChCa,KAAK;QAGR,IAAIE,KAAK,CAACyB,aAAa,GAAG;UACxBA,aAAa,EAAEK,KAAA;YAAA,IAAC;cAAEH,MAAM;cAAEC,MAAM;cAAEC,UAAU;cAAEL,KAAK;cAAEtB;YAAS,CAAC,GAAA4B,KAAA;YAAA,OAC7D9B,KAAK,CAACyB,aAAa,GAAG;cAAEE,MAAM;cAAEC,MAAM;cAAEC,UAAU;cAAEL,KAAK;cAAEtB;YAAS,CAAC,CAAC;UAAA;QAE1E,CAAC,GAAG,CAAC,CAAC;MAAC,EAGZ,CACF,IAIR;IAEL,CAAC,CAAC;IAEF,OAAO;MAAEA;IAAS,CAAC;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarInterval.js","names":["VCalendarIntervalEvent","useDate","computed","convertToUnit","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarIntervalProps","day","type","Object","default","dayIndex","Number","events","Array","intervalDivisions","intervalDuration","intervalHeight","intervalFormat","String","Function","intervalStart","VCalendarInterval","name","inheritAttrs","props","index","required","setup","_ref","attrs","emit","slots","adapter","interval","start","addMinutes","startOfDay","date","end","label","format","filter","e","allDay","isEqual","isWithinRange","map","first","last","_createElementVNode","_normalizeStyle","_mergeProps","intervalTitle","value","some","intervalBody","event","_createVNode","intervalEvent","_ref2","height","margin","eventClass","_ref3"],"sources":["../../../src/labs/VCalendar/VCalendarInterval.tsx"],"sourcesContent":["// Styles\nimport './VCalendarInterval.sass'\n\n// Components\nimport { VCalendarIntervalEvent } from './VCalendarIntervalEvent'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { computed } from 'vue'\nimport { convertToUnit, genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\ntype Interval = {\n  label: string\n  start: unknown\n  end: unknown\n  events: any[]\n}\n\nexport type VCalendarIntervalSlots = {\n  intervalBody: { interval: Interval }\n  intervalEvent: {\n    height: string\n    margin: string\n    eventClass: string\n    event: any\n    interval: Interval\n  }\n  intervalTitle: { interval: Interval }\n}\n\nexport const makeVCalendarIntervalProps = propsFactory({\n  day: {\n    type: Object,\n    default: () => ({}),\n  },\n  dayIndex: Number,\n  events: Array<any>,\n  intervalDivisions: {\n    type: Number,\n    default: 2,\n  },\n  intervalDuration: {\n    type: Number,\n    default: 60,\n  },\n  intervalHeight: {\n    type: Number,\n    default: 48,\n  },\n  intervalFormat: {\n    type: [String, Function],\n    default: 'fullTime12h',\n  },\n  intervalStart: {\n    type: Number,\n    default: 0,\n  },\n}, 'VCalendarInterval')\n\nexport const VCalendarInterval = genericComponent<VCalendarIntervalSlots>()({\n  name: 'VCalendarInterval',\n\n  inheritAttrs: false,\n\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    ...makeVCalendarIntervalProps(),\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n    const interval = computed(() => {\n      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), (props.intervalDuration * (props.index + props.intervalStart)))\n      const end = adapter.addMinutes(\n        adapter.startOfDay(props.day.date),\n        (props.intervalDuration * (props.index + props.intervalStart + 1)) - 1\n      )\n      return {\n        ...props.day,\n        label: adapter.format(start, 'fullTime24h'),\n        start,\n        end,\n        events: props.events\n          ? props.events\n            .filter(e => !e.allDay &&\n              (adapter.isEqual(start, e.start) ||\n              adapter.isWithinRange(e.start, [start, end]) ||\n              adapter.isWithinRange(start, [e.start, e.end]) ||\n              adapter.isEqual(end, e.end))\n            )\n            .map(e => {\n              return {\n                ...e,\n                first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),\n                last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end]),\n              }\n            })\n          : [],\n      }\n    })\n\n    useRender(() => {\n      return (\n        props.dayIndex === 0 ? (\n          <div class=\"v-calendar-day__row-with-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div\n              class=\"v-calendar-day__row-label\"\n              { ...getPrefixedEventHandlers(attrs, ':time', () => props) }\n            >\n              {\n                slots.intervalTitle?.({ interval: interval.value }) ?? (\n                  props.index\n                    ? props.intervalFormat\n                      ? typeof props.intervalFormat === 'string'\n                        ? adapter.format(interval.value.start, 'hours12h')\n                        : props.intervalFormat(interval.value)\n                      : interval.value.label\n                    : '12 AM'\n                )\n              }\n            </div>\n            <div class=\"v-calendar-day__row-hairline\"></div>\n            <div\n              class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n                ? 'v-calendar-day__row-content-through'\n                : '']}\n              { ...getPrefixedEventHandlers(attrs, ':interval', () => interval.value) }\n            >\n              {\n                slots.intervalBody?.({ interval: interval.value }) ?? (\n                  <div>\n                    {\n                      interval.value.events?.map(event => (\n                        <VCalendarIntervalEvent\n                          event={ event }\n                          interval={ interval.value }\n                          intervalDivisions={ props.intervalDivisions }\n                          intervalDuration={ props.intervalDuration }\n                          intervalHeight={ props.intervalHeight }\n                          { ...attrs }\n                        >\n                          {{\n                            ...(slots.intervalEvent ? {\n                              intervalEvent: ({ height, margin, eventClass, event, interval }) => (\n                                slots.intervalEvent?.({ height, margin, eventClass, event, interval })\n                              ),\n                            } : {}),\n                          }}\n                        </VCalendarIntervalEvent>\n                      ))\n                    }\n                  </div>\n                )\n              }\n            </div>\n          </div>\n        ) : (\n          <div\n            class=\"v-calendar-day__row-without-label\"\n            style={ `height: ${convertToUnit(props.intervalHeight)}` }\n          >\n            <div\n              class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n                ? 'v-calendar-day__row-content-through' : '']}\n              { ...getPrefixedEventHandlers(attrs, ':interval', () => interval.value) }\n            >\n              {\n                slots.intervalBody?.({ interval: interval.value }) ?? (\n                  interval.value.events?.map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                      { ...attrs }\n                    >\n                      {{\n                        ...(slots.intervalEvent ? {\n                          intervalEvent: ({ height, margin, eventClass, event, interval }) => (\n                            slots.intervalEvent?.({ height, margin, eventClass, event, interval })\n                          ),\n                        } : {}),\n                      }}\n                    </VCalendarIntervalEvent>\n                  ))\n                )\n              }\n            </div>\n          </div>\n        )\n      )\n    })\n\n    return { interval }\n  },\n})\n\nexport type VCalendarInterval = InstanceType<typeof VCalendarInterval>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarIntervalEvent.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VCalendarIntervalEvent.css";
 
@@ -68,7 +68,7 @@ export const VCalendarIntervalEvent = genericComponent()({
       }
     };
     useRender(() => {
-      return _createVNode("div", null, [slots.intervalEvent?.({
+      return _createElementVNode("div", null, [slots.intervalEvent?.({
         height: calcHeight().height,
         margin: calcHeight().margin,
         eventClass: 'v-calendar-internal-event',

package/lib/labs/VCalendar/VCalendarIntervalEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarIntervalEvent.js","names":["VSheet","useDate","convertToUnit","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarIntervalEventProps","allDay","Boolean","interval","Object","intervalDivisions","type","Number","required","intervalDuration","intervalHeight","event","VCalendarIntervalEvent","name","inheritAttrs","props","setup","_ref","attrs","emit","slots","adapter","calcHeight","first","last","isEqual","end","height","margin","Array","from","length","_","x","reduce","total","div","index","isBefore","addMinutes","start","_createVNode","intervalEvent","eventClass","_mergeProps","color","undefined","day","default","title"],"sources":["../../../src/labs/VCalendar/VCalendarIntervalEvent.tsx"],"sourcesContent":["// Styles\nimport './VCalendarIntervalEvent.sass'\n\n// Components\nimport { VSheet } from '@/components/VSheet'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { convertToUnit, genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\nexport type VCalendarIntervalEventSlots = {\n  intervalEvent: { height: string, margin: string, eventClass: string, event: any, interval: any }\n}\n\nexport const makeVCalendarIntervalEventProps = propsFactory({\n  allDay: Boolean,\n  interval: Object,\n  intervalDivisions: {\n    type: Number,\n    required: true,\n  },\n  intervalDuration: {\n    type: Number,\n    required: true,\n  },\n  intervalHeight: {\n    type: Number,\n    required: true,\n  },\n  event: Object,\n}, 'VCalendarIntervalEvent')\n\nexport const VCalendarIntervalEvent = genericComponent<VCalendarIntervalEventSlots>()({\n  name: 'VCalendarIntervalEvent',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarIntervalEventProps(),\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n    const calcHeight = () => {\n      if ((!props.event?.first && !props.event?.last) || adapter.isEqual(props.event?.end, props.interval?.end)) {\n        return { height: `${props.intervalHeight}px`, margin: convertToUnit(0) }\n      } else {\n        const { height, margin } = Array.from({ length: props.intervalDivisions },\n          (_, x: number) => (x + 1) * (props.intervalDuration / props.intervalDivisions)\n        )\n          .reduce((total, div, index) => {\n            if (adapter.isBefore(adapter.addMinutes(props.interval?.start, div), props.event?.end)) {\n              return {\n                height: convertToUnit((props.intervalHeight / props.intervalDivisions) * index),\n                margin: convertToUnit((props.intervalHeight / props.intervalDivisions) * index),\n              }\n            }\n            return { height: total.height, margin: total.margin }\n          }, { height: '', margin: '' })\n        return { height, margin }\n      }\n    }\n\n    useRender(() => {\n      return (\n        <div>\n          {\n            slots.intervalEvent?.({\n              height: calcHeight().height,\n              margin: calcHeight().margin,\n              eventClass: 'v-calendar-internal-event',\n              event: props.event,\n              interval: props.interval,\n            }) ?? (\n              <VSheet\n                height={ calcHeight().height }\n                density=\"comfortable\"\n                style={ `margin-top: ${calcHeight().margin}` }\n                class=\"v-calendar-internal-event\"\n                color={ props.event?.color ?? undefined }\n                rounded={\n                  props.event?.first && props.event?.last ? true\n                  : props.event?.first ? 't'\n                  : props.event?.last ? 'b'\n                  : false\n                }\n                { ...getPrefixedEventHandlers(attrs, ':event', () => ({\n                  event: props.event,\n                  allDay: false,\n                  day: null,\n                  interval: props.interval,\n                  intervalDivisions: props.intervalDivisions,\n                  intervalDuration: props.intervalDuration,\n                  intervalHeight: props.intervalHeight,\n                }))}\n              >\n                { props.event?.first ? props.event?.title : '' }\n              </VSheet>\n            )\n          }\n        </div>\n      )\n    })\n\n    return {}\n  },\n\n})\n\nexport type VCalendarIntervalEvent = InstanceType<typeof VCalendarIntervalEvent>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VCalendarIntervalEvent.js","names":["VSheet","useDate","convertToUnit","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarIntervalEventProps","allDay","Boolean","interval","Object","intervalDivisions","type","Number","required","intervalDuration","intervalHeight","event","VCalendarIntervalEvent","name","inheritAttrs","props","setup","_ref","attrs","emit","slots","adapter","calcHeight","first","last","isEqual","end","height","margin","Array","from","length","_","x","reduce","total","div","index","isBefore","addMinutes","start","_createElementVNode","intervalEvent","eventClass","_createVNode","_mergeProps","color","undefined","day","default","title"],"sources":["../../../src/labs/VCalendar/VCalendarIntervalEvent.tsx"],"sourcesContent":["// Styles\nimport './VCalendarIntervalEvent.sass'\n\n// Components\nimport { VSheet } from '@/components/VSheet'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { convertToUnit, genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\nexport type VCalendarIntervalEventSlots = {\n  intervalEvent: { height: string, margin: string, eventClass: string, event: any, interval: any }\n}\n\nexport const makeVCalendarIntervalEventProps = propsFactory({\n  allDay: Boolean,\n  interval: Object,\n  intervalDivisions: {\n    type: Number,\n    required: true,\n  },\n  intervalDuration: {\n    type: Number,\n    required: true,\n  },\n  intervalHeight: {\n    type: Number,\n    required: true,\n  },\n  event: Object,\n}, 'VCalendarIntervalEvent')\n\nexport const VCalendarIntervalEvent = genericComponent<VCalendarIntervalEventSlots>()({\n  name: 'VCalendarIntervalEvent',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarIntervalEventProps(),\n\n  setup (props, { attrs, emit, slots }) {\n    const adapter = useDate()\n    const calcHeight = () => {\n      if ((!props.event?.first && !props.event?.last) || adapter.isEqual(props.event?.end, props.interval?.end)) {\n        return { height: `${props.intervalHeight}px`, margin: convertToUnit(0) }\n      } else {\n        const { height, margin } = Array.from({ length: props.intervalDivisions },\n          (_, x: number) => (x + 1) * (props.intervalDuration / props.intervalDivisions)\n        )\n          .reduce((total, div, index) => {\n            if (adapter.isBefore(adapter.addMinutes(props.interval?.start, div), props.event?.end)) {\n              return {\n                height: convertToUnit((props.intervalHeight / props.intervalDivisions) * index),\n                margin: convertToUnit((props.intervalHeight / props.intervalDivisions) * index),\n              }\n            }\n            return { height: total.height, margin: total.margin }\n          }, { height: '', margin: '' })\n        return { height, margin }\n      }\n    }\n\n    useRender(() => {\n      return (\n        <div>\n          {\n            slots.intervalEvent?.({\n              height: calcHeight().height,\n              margin: calcHeight().margin,\n              eventClass: 'v-calendar-internal-event',\n              event: props.event,\n              interval: props.interval,\n            }) ?? (\n              <VSheet\n                height={ calcHeight().height }\n                density=\"comfortable\"\n                style={ `margin-top: ${calcHeight().margin}` }\n                class=\"v-calendar-internal-event\"\n                color={ props.event?.color ?? undefined }\n                rounded={\n                  props.event?.first && props.event?.last ? true\n                  : props.event?.first ? 't'\n                  : props.event?.last ? 'b'\n                  : false\n                }\n                { ...getPrefixedEventHandlers(attrs, ':event', () => ({\n                  event: props.event,\n                  allDay: false,\n                  day: null,\n                  interval: props.interval,\n                  intervalDivisions: props.intervalDivisions,\n                  intervalDuration: props.intervalDuration,\n                  intervalHeight: props.intervalHeight,\n                }))}\n              >\n                { props.event?.first ? props.event?.title : '' }\n              </VSheet>\n            )\n          }\n        </div>\n      )\n    })\n\n    return {}\n  },\n\n})\n\nexport type VCalendarIntervalEvent = InstanceType<typeof VCalendarIntervalEvent>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VCalendar/VCalendarMonthDay.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, createElementVNode as _createElementVNode } from "vue";
 // Styles
 import "./VCalendarMonthDay.css";
 
@@ -26,9 +26,9 @@ export const VCalendarMonthDay = genericComponent()({
       slots
     } = _ref;
     useRender(() => {
-      return _createVNode("div", _mergeProps({
+      return _createElementVNode("div", _mergeProps({
         "class": ['v-calendar-month__day']
-      }, getPrefixedEventHandlers(attrs, ':day', () => props)), [!props.day?.isHidden ? _createVNode("div", {
+      }, getPrefixedEventHandlers(attrs, ':day', () => props)), [!props.day?.isHidden ? _createElementVNode("div", {
         "key": "title",
         "class": "v-calendar-weekly__day-label"
       }, [slots.dayTitle?.({
@@ -41,13 +41,13 @@ export const VCalendarMonthDay = genericComponent()({
         "size": "x-small",
         "variant": props.day?.isToday ? undefined : 'flat',
         "text": `${props.title}`
-      }, getPrefixedEventHandlers(attrs, ':date', () => props)), null)]) : undefined, !props.day?.isHidden ? _createVNode("div", {
+      }, getPrefixedEventHandlers(attrs, ':date', () => props)), null)]) : undefined, !props.day?.isHidden ? _createElementVNode("div", {
         "key": "content",
         "class": "v-calendar-weekly__day-content"
       }, [slots.dayBody?.({
         day: props.day,
         events: props.events
-      }) ?? _createVNode("div", null, [_createVNode("div", {
+      }) ?? _createElementVNode("div", null, [_createElementVNode("div", {
         "class": "v-calendar-weekly__day-alldayevents-container"
       }, [props.events?.filter(event => event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
         day: props.day,
@@ -57,7 +57,7 @@ export const VCalendarMonthDay = genericComponent()({
         "day": props.day,
         "event": event,
         "allDay": true
-      }, attrs), null))]), _createVNode("div", {
+      }, attrs), null))]), _createElementVNode("div", {
         "class": "v-calendar-weekly__day-events-container"
       }, [props.events?.filter(event => !event.allDay).map(event => slots.dayEvent ? slots.dayEvent({
         day: props.day,

package/lib/labs/VCalendar/VCalendarMonthDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"VCalendarMonthDay.js","names":["VCalendarEvent","VBtn","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarMonthDayProps","active","Boolean","color","String","day","type","Object","disabled","events","Array","title","Number","VCalendarMonthDay","name","inheritAttrs","props","setup","_ref","attrs","slots","_createVNode","_mergeProps","isHidden","dayTitle","isToday","undefined","dayBody","filter","event","allDay","map","dayEvent"],"sources":["../../../src/labs/VCalendar/VCalendarMonthDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarMonthDay.sass'\n\n// Components\nimport { VCalendarEvent } from './VCalendarEvent'\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport type VCalendarMonthDaySlots = {\n  dayBody: { day?: CalendarDay, events?: Array<any> }\n  dayEvent: { day?: CalendarDay, allDay: boolean, event: Record<string, unknown> }\n  dayTitle: { title?: number | string }\n}\n\nexport const makeVCalendarMonthDayProps = propsFactory({\n  active: Boolean,\n  color: String,\n  day: {\n    type: Object as PropType<CalendarDay>,\n  },\n  disabled: Boolean,\n  events: Array<any>,\n  title: [Number, String],\n}, 'VCalendarMonthDay')\n\nexport const VCalendarMonthDay = genericComponent<VCalendarMonthDaySlots>()({\n  name: 'VCalendarMonthDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarMonthDayProps(),\n\n  setup (props, { attrs, slots }) {\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-calendar-month__day',\n          ]}\n          { ...getPrefixedEventHandlers(attrs, ':day', () => props) }\n        >\n          { !props.day?.isHidden ? (\n            <div key=\"title\" class=\"v-calendar-weekly__day-label\">\n              { slots.dayTitle?.({ title: props.title }) ?? (\n                <VBtn\n                  class={ props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined }\n                  color={ props.color }\n                  disabled={ props.disabled }\n                  icon\n                  size=\"x-small\"\n                  variant={ props.day?.isToday ? undefined : 'flat' }\n                  text={ `${props.title}` }\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props) }\n                />\n              )\n            }\n            </div>\n          ) : undefined }\n\n          { !props.day?.isHidden ? (\n            <div key=\"content\" class=\"v-calendar-weekly__day-content\" >\n              { slots.dayBody?.({ day: props.day, events: props.events }) ?? (\n                <div>\n                  <div class=\"v-calendar-weekly__day-alldayevents-container\">\n                    { props.events?.filter(event => event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, allDay: true, event })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } allDay { ...attrs } />\n                      ))}\n                  </div>\n\n                  <div class=\"v-calendar-weekly__day-events-container\">\n                    { props.events?.filter(event => !event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, event, allDay: false })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } { ...attrs } />\n                      ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          ) : undefined }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCalendarMonthDay = InstanceType<typeof VCalendarMonthDay>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc;AAAA,SACdC,IAAI,0CAEb;AAAA,SACSC,gBAAgB,EAAEC,wBAAwB,EAAEC,YAAY,EAAEC,SAAS,+BAE5E;AAUA,OAAO,MAAMC,0BAA0B,GAAGF,YAAY,CAAC;EACrDG,MAAM,EAAEC,OAAO;EACfC,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAE;IACHC,IAAI,EAAEC;EACR,CAAC;EACDC,QAAQ,EAAEN,OAAO;EACjBO,MAAM,EAAEC,KAAU;EAClBC,KAAK,EAAE,CAACC,MAAM,EAAER,MAAM;AACxB,CAAC,EAAE,mBAAmB,CAAC;AAEvB,OAAO,MAAMS,iBAAiB,GAAGjB,gBAAgB,CAAyB,CAAC,CAAC;EAC1EkB,IAAI,EAAE,mBAAmB;EAEzBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAEhB,0BAA0B,CAAC,CAAC;EAEnCiB,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5BnB,SAAS,CAAC,MAAM;MACd,OAAAsB,YAAA,QAAAC,WAAA;QAAA,SAEW,CACL,uBAAuB;MACxB,GACIzB,wBAAwB,CAACsB,KAAK,EAAE,MAAM,EAAE,MAAMH,KAAK,CAAC,IAEvD,CAACA,KAAK,CAACX,GAAG,EAAEkB,QAAQ,GAAAF,YAAA;QAAA;QAAA;MAAA,IAEhBD,KAAK,CAACI,QAAQ,GAAG;QAAEb,KAAK,EAAEK,KAAK,CAACL;MAAM,CAAC,CAAC,IAAAU,YAAA,CAAA1B,IAAA,EAAA2B,WAAA;QAAA,SAE9BN,KAAK,CAACX,GAAG,EAAEoB,OAAO,GAAG,qCAAqC,GAAGC,SAAS;QAAA,SACtEV,KAAK,CAACb,KAAK;QAAA,YACRa,KAAK,CAACR,QAAQ;QAAA;QAAA;QAAA,WAGfQ,KAAK,CAACX,GAAG,EAAEoB,OAAO,GAAGC,SAAS,GAAG,MAAM;QAAA,QAC1C,GAAGV,KAAK,CAACL,KAAK;MAAE,GAClBd,wBAAwB,CAACsB,KAAK,EAAE,OAAO,EAAE,MAAMH,KAAK,CAAC,QAE7D,KAGDU,SAAS,EAEX,CAACV,KAAK,CAACX,GAAG,EAAEkB,QAAQ,GAAAF,YAAA;QAAA;QAAA;MAAA,IAEhBD,KAAK,CAACO,OAAO,GAAG;QAAEtB,GAAG,EAAEW,KAAK,CAACX,GAAG;QAAEI,MAAM,EAAEO,KAAK,CAACP;MAAO,CAAC,CAAC,IAAAY,YAAA,eAAAA,YAAA;QAAA;MAAA,IAGnDL,KAAK,CAACP,MAAM,EAAEmB,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,CAACF,KAAK,IAAIT,KAAK,CAACY,QAAQ,GACrEZ,KAAK,CAACY,QAAQ,CAAC;QAAE3B,GAAG,EAAEW,KAAK,CAACX,GAAG;QAAEyB,MAAM,EAAE,IAAI;QAAED;MAAM,CAAC,CAAC,GAAAR,YAAA,CAAA3B,cAAA,EAAA4B,WAAA;QAAA,OAEjCN,KAAK,CAACX,GAAG;QAAA,SAAWwB,KAAK;QAAA;MAAA,GAAeV,KAAK,QACpE,CAAC,IAAAE,YAAA;QAAA;MAAA,IAIFL,KAAK,CAACP,MAAM,EAAEmB,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,CAACF,KAAK,IAAIT,KAAK,CAACY,QAAQ,GACtEZ,KAAK,CAACY,QAAQ,CAAC;QAAE3B,GAAG,EAAEW,KAAK,CAACX,GAAG;QAAEwB,KAAK;QAAEC,MAAM,EAAE;MAAM,CAAC,CAAC,GAAAT,YAAA,CAAA3B,cAAA,EAAA4B,WAAA;QAAA,OAElCN,KAAK,CAACX,GAAG;QAAA,SAAWwB;MAAK,GAAQV,KAAK,QAC7D,CAAC,IAGT,KAEDO,SAAS;IAGnB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VCalendarMonthDay.js","names":["VCalendarEvent","VBtn","genericComponent","getPrefixedEventHandlers","propsFactory","useRender","makeVCalendarMonthDayProps","active","Boolean","color","String","day","type","Object","disabled","events","Array","title","Number","VCalendarMonthDay","name","inheritAttrs","props","setup","_ref","attrs","slots","_createElementVNode","_mergeProps","isHidden","dayTitle","_createVNode","isToday","undefined","dayBody","filter","event","allDay","map","dayEvent"],"sources":["../../../src/labs/VCalendar/VCalendarMonthDay.tsx"],"sourcesContent":["// Styles\nimport './VCalendarMonthDay.sass'\n\n// Components\nimport { VCalendarEvent } from './VCalendarEvent'\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { genericComponent, getPrefixedEventHandlers, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { CalendarDay } from '@/composables/calendar'\n\nexport type VCalendarMonthDaySlots = {\n  dayBody: { day?: CalendarDay, events?: Array<any> }\n  dayEvent: { day?: CalendarDay, allDay: boolean, event: Record<string, unknown> }\n  dayTitle: { title?: number | string }\n}\n\nexport const makeVCalendarMonthDayProps = propsFactory({\n  active: Boolean,\n  color: String,\n  day: {\n    type: Object as PropType<CalendarDay>,\n  },\n  disabled: Boolean,\n  events: Array<any>,\n  title: [Number, String],\n}, 'VCalendarMonthDay')\n\nexport const VCalendarMonthDay = genericComponent<VCalendarMonthDaySlots>()({\n  name: 'VCalendarMonthDay',\n\n  inheritAttrs: false,\n\n  props: makeVCalendarMonthDayProps(),\n\n  setup (props, { attrs, slots }) {\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-calendar-month__day',\n          ]}\n          { ...getPrefixedEventHandlers(attrs, ':day', () => props) }\n        >\n          { !props.day?.isHidden ? (\n            <div key=\"title\" class=\"v-calendar-weekly__day-label\">\n              { slots.dayTitle?.({ title: props.title }) ?? (\n                <VBtn\n                  class={ props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined }\n                  color={ props.color }\n                  disabled={ props.disabled }\n                  icon\n                  size=\"x-small\"\n                  variant={ props.day?.isToday ? undefined : 'flat' }\n                  text={ `${props.title}` }\n                  { ...getPrefixedEventHandlers(attrs, ':date', () => props) }\n                />\n              )\n            }\n            </div>\n          ) : undefined }\n\n          { !props.day?.isHidden ? (\n            <div key=\"content\" class=\"v-calendar-weekly__day-content\" >\n              { slots.dayBody?.({ day: props.day, events: props.events }) ?? (\n                <div>\n                  <div class=\"v-calendar-weekly__day-alldayevents-container\">\n                    { props.events?.filter(event => event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, allDay: true, event })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } allDay { ...attrs } />\n                      ))}\n                  </div>\n\n                  <div class=\"v-calendar-weekly__day-events-container\">\n                    { props.events?.filter(event => !event.allDay).map(event => slots.dayEvent\n                      ? slots.dayEvent({ day: props.day, event, allDay: false })\n                      : (\n                        <VCalendarEvent day={ props.day } event={ event } { ...attrs } />\n                      ))}\n                  </div>\n                </div>\n              )}\n            </div>\n          ) : undefined }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCalendarMonthDay = InstanceType<typeof VCalendarMonthDay>\n"],"mappings":"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","ignoreList":[]}

package/lib/labs/VColorInput/VColorInput.d.ts

@@ -530,14 +530,14 @@ export declare const makeVColorInputProps: <Defaults extends {
         default: unknown extends Defaults["readonly"] ? boolean | null : NonNullable<boolean | null> | Defaults["readonly"];
     };
     rules: unknown extends Defaults["rules"] ? {
-        type: import("vue").PropType<readonly import("../../types.js").ValidationRule[]>;
+        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     } : Omit<{
-        type: import("vue").PropType<readonly import("../../types.js").ValidationRule[]>;
+        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     }, "type" | "default"> & {
-        type: import("vue").PropType<unknown extends Defaults["rules"] ? readonly import("../../types.js").ValidationRule[] : readonly import("../../types.js").ValidationRule[] | Defaults["rules"]>;
-        default: unknown extends Defaults["rules"] ? readonly import("../../types.js").ValidationRule[] : readonly import("../../types.js").ValidationRule[] | Defaults["rules"];
+        type: import("vue").PropType<unknown extends Defaults["rules"] ? readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] : readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] | Defaults["rules"]>;
+        default: unknown extends Defaults["rules"] ? readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] : readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[] | Defaults["rules"];
     };
     validateOn: unknown extends Defaults["validateOn"] ? import("vue").PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined> : {
         type: import("vue").PropType<unknown extends Defaults["validateOn"] ? ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined : ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | Defaults["validateOn"] | undefined>;
@@ -727,7 +727,7 @@ export declare const VColorInput: {
         mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         landscape: boolean;
         messages: string | readonly string[];
-        rules: readonly import("../../types.js").ValidationRule[];
+        rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
@@ -897,7 +897,7 @@ export declare const VColorInput: {
         mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         landscape: boolean;
         messages: string | readonly string[];
-        rules: readonly import("../../types.js").ValidationRule[];
+        rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
@@ -971,7 +971,7 @@ export declare const VColorInput: {
         mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         landscape: boolean;
         messages: string | readonly string[];
-        rules: readonly import("../../types.js").ValidationRule[];
+        rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
@@ -1139,7 +1139,7 @@ export declare const VColorInput: {
         mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
         landscape: boolean;
         messages: string | readonly string[];
-        rules: readonly import("../../types.js").ValidationRule[];
+        rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
@@ -1192,7 +1192,7 @@ export declare const VColorInput: {
     mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
     landscape: boolean;
     messages: string | readonly string[];
-    rules: readonly import("../../types.js").ValidationRule[];
+    rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
@@ -1362,7 +1362,7 @@ export declare const VColorInput: {
     mode: "rgb" | "hex" | "hsl" | "rgba" | "hsla" | "hexa";
     landscape: boolean;
     messages: string | readonly string[];
-    rules: readonly import("../../types.js").ValidationRule[];
+    rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
@@ -1531,7 +1531,7 @@ export declare const VColorInput: {
         default: null;
     };
     rules: {
-        type: import("vue").PropType<readonly import("../../types.js").ValidationRule[]>;
+        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     };
     validateOn: import("vue").PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;
@@ -1706,7 +1706,7 @@ export declare const VColorInput: {
         default: null;
     };
     rules: {
-        type: import("vue").PropType<readonly import("../../types.js").ValidationRule[]>;
+        type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../rules/index.js").ValidationAlias)[]>;
         default: () => never[];
     };
     validateOn: import("vue").PropType<import("../../composables/validation.js").ValidationProps["validateOn"]>;

package/lib/labs/VColorInput/VColorInput.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VColorInput.css";
 
@@ -80,11 +80,11 @@ export const VColorInput = genericComponent()({
         }
       }), {
         ...slots,
-        prepend: props.pipIcon ? arg => _createVNode(_Fragment, null, [hasPrepend && _createVNode(VIcon, {
+        prepend: props.pipIcon ? arg => _createElementVNode(_Fragment, null, [hasPrepend && _createVNode(VIcon, {
           "color": props.pip ? model.value : undefined,
           "icon": props.pipIcon
         }, null), slots.prepend?.(arg)]) : undefined,
-        default: () => _createVNode(_Fragment, null, [_createVNode(VMenu, {
+        default: () => _createElementVNode(_Fragment, null, [_createVNode(VMenu, {
           "modelValue": menu.value,
           "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",