vuetify 3.4.8 → 3.4.9

package/lib/labs/VCalendar/VCalendarHeader.css

@@ -0,0 +1,14 @@
+.v-calendar-header {
+  align-items: center;
+  display: flex;
+  min-height: 64px;
+}
+
+.v-calendar-header__today {
+  margin-inline-end: 24px;
+}
+
+.v-calendar-header__title {
+  font-size: 1.5rem;
+  margin-inline-start: 24px;
+}

package/lib/labs/VCalendar/VCalendarHeader.mjs

@@ -0,0 +1,76 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarHeader.css";
+
+// Components
+import { VBtn } from "../../components/VBtn/index.mjs"; // Composables
+import { useLocale } from "../../composables/locale.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVCalendarHeaderProps = propsFactory({
+  nextIcon: {
+    type: String,
+    default: '$next'
+  },
+  prevIcon: {
+    type: String,
+    default: '$prev'
+  },
+  title: String,
+  text: {
+    type: String,
+    default: '$vuetify.calendar.today'
+  },
+  viewMode: {
+    type: String,
+    default: 'month'
+  }
+}, 'VCalendarHeader');
+export const VCalendarHeader = genericComponent()({
+  name: 'VCalendarHeader',
+  props: makeVCalendarHeaderProps(),
+  emits: {
+    'click:next': () => true,
+    'click:prev': () => true,
+    'click:toToday': () => true
+  },
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const {
+      t
+    } = useLocale();
+    function prev() {
+      emit('click:prev');
+    }
+    function next() {
+      emit('click:next');
+    }
+    function toToday() {
+      emit('click:toToday');
+    }
+    useRender(() => _createVNode("div", {
+      "class": "v-calendar-header"
+    }, [props.text && _createVNode(VBtn, {
+      "key": "today",
+      "class": "v-calendar-header__today",
+      "text": t(props.text),
+      "variant": "outlined",
+      "onClick": toToday
+    }, null), _createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.prevIcon,
+      "variant": "text",
+      "onClick": prev
+    }, null), _createVNode(VBtn, {
+      "density": "comfortable",
+      "icon": props.nextIcon,
+      "variant": "text",
+      "onClick": next
+    }, null), _createVNode("div", {
+      "class": "v-calendar-header__title"
+    }, [props.title])]));
+    return {};
+  }
+});
+//# sourceMappingURL=VCalendarHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarHeader.mjs","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","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 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()({\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 }) {\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\">{ props.title }</div>\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCalendarHeader = InstanceType<typeof VCalendarHeader>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,IAAI,2CAEb;AAAA,SACSC,SAAS,wCAElB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,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,CAAC,CAAC,CAAC;EAChDa,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,EAAY;IAAA,IAAV;MAAEC;IAAK,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAE,CAAC,GAAGvB,SAAS,CAAC,CAAC;IAEzB,SAASwB,IAAIA,CAAA,EAAI;MACfF,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASG,IAAIA,CAAA,EAAI;MACfH,IAAI,CAAC,YAAY,CAAC;IACpB;IAEA,SAASI,OAAOA,CAAA,EAAI;MAClBJ,IAAI,CAAC,eAAe,CAAC;IACvB;IAEAnB,SAAS,CAAC,MAAAwB,YAAA;MAAA;IAAA,IAEJZ,KAAK,CAACJ,IAAI,IAAAgB,YAAA,CAAA5B,IAAA;MAAA;MAAA;MAAA,QAIDwB,CAAC,CAACR,KAAK,CAACJ,IAAI,CAAC;MAAA;MAAA,WAEVe;IAAO,QAEpB,EAAAC,YAAA,CAAA5B,IAAA;MAAA;MAAA,QAIQgB,KAAK,CAACN,QAAQ;MAAA;MAAA,WAEXe;IAAI,UAAAG,YAAA,CAAA5B,IAAA;MAAA;MAAA,QAKPgB,KAAK,CAACV,QAAQ;MAAA;MAAA,WAEXoB;IAAI,UAAAE,YAAA;MAAA;IAAA,IAGwBZ,KAAK,CAACL,KAAK,IAEtD,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/labs/VCalendar/VCalendarHeader.sass

@@ -0,0 +1,13 @@
+@import './_variables.scss'
+
+.v-calendar-header
+  align-items: $calendar-header-align
+  display: $calendar-header-display
+  min-height: $calendar-header-min-height
+
+.v-calendar-header__today
+  margin-inline-end: $calendar-header-today-margin-end
+
+.v-calendar-header__title
+  font-size: $calendar-header-title-font-size
+  margin-inline-start: $calendar-header-title-margin-start

package/lib/labs/VCalendar/VCalendarInterval.css

@@ -0,0 +1,42 @@
+.v-calendar-day__row-with-label {
+  display: grid;
+  grid-template-columns: 48px 8px 1fr;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-hairline {
+  position: relative;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-hairline:after {
+  content: "";
+  border-bottom: thin solid #e0e0e0;
+  position: absolute;
+  width: 100%;
+  margin-top: -1px;
+  z-index: 3;
+  pointer-events: none;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-label {
+  font-size: 10px;
+  text-align: center;
+  position: relative;
+  top: -8px;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-content {
+  border-bottom: thin solid #e0e0e0;
+}
+.v-calendar-day__row-with-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
+  border-bottom: none;
+}
+
+.v-calendar-day__row-without-label {
+  display: grid;
+  grid-template-columns: 1fr;
+  border-right: thin solid #e0e0e0;
+}
+.v-calendar-day__row-without-label .v-calendar-day__row-content {
+  border-bottom: thin solid #e0e0e0;
+}
+.v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
+  border-bottom: none;
+}

package/lib/labs/VCalendar/VCalendarInterval.mjs

@@ -0,0 +1,113 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarInterval.css";
+
+// Components
+import { VCalendarIntervalEvent } from "./VCalendarIntervalEvent.mjs"; // Composables
+import { useDate } from "../../composables/date/index.mjs"; // Utilities
+import { computed } from 'vue';
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarIntervalProps = propsFactory({
+  day: {
+    type: Object,
+    default: () => ({})
+  },
+  dayIndex: Number,
+  events: Array,
+  intervalDivisions: {
+    type: Number,
+    default: 2
+  },
+  intervalDuration: {
+    type: Number,
+    default: 60
+  },
+  intervalHeight: {
+    type: Number,
+    default: 48
+  },
+  intervalFormat: {
+    type: [String, Function],
+    default: 'fullTime12h'
+  },
+  intervalStart: {
+    type: Number,
+    default: 0
+  }
+}, 'VCalendarInterval');
+export const VCalendarInterval = genericComponent()({
+  name: 'VCalendarInterval',
+  props: {
+    index: {
+      type: Number,
+      required: true
+    },
+    ...makeVCalendarIntervalProps()
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const adapter = useDate();
+    const interval = computed(() => {
+      const start = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart));
+      const end = adapter.addMinutes(adapter.startOfDay(props.day.date), props.intervalDuration * (props.index + props.intervalStart + 1) - 1);
+      return {
+        ...props.day,
+        label: adapter.format(start, 'fullTime24h'),
+        start,
+        end,
+        events: props.events ? props.events.filter(e => !e.allDay && (adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]) || adapter.isWithinRange(start, [e.start, e.end]) || adapter.isEqual(end, e.end))).map(e => {
+          return {
+            ...e,
+            first: adapter.isEqual(start, e.start) || adapter.isWithinRange(e.start, [start, end]),
+            last: adapter.isEqual(end, e.end) || adapter.isWithinRange(e.end, [start, end])
+          };
+        }) : []
+      };
+    });
+    useRender(() => {
+      return props.dayIndex === 0 ? _createVNode("div", {
+        "class": "v-calendar-day__row-with-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [_createVNode("div", {
+        "class": "v-calendar-day__row-label"
+      }, [_createVNode("slot", {
+        "name": "intervalFormat",
+        "interval": interval.value
+      }, [props.index ? props.intervalFormat ? typeof props.intervalFormat === 'string' ? adapter.format(interval.value.start, 'hours12h') : props.intervalFormat(interval.value) : interval.value.label : ''])]), _createVNode("div", {
+        "class": "v-calendar-day__row-hairline"
+      }, null), _createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [_createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.map(event => _createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]) : _createVNode("div", {
+        "class": "v-calendar-day__row-without-label",
+        "style": `height: ${convertToUnit(props.intervalHeight)}`
+      }, [_createVNode("div", {
+        "class": ['v-calendar-day__row-content', interval.value.events.some(e => !e.last) ? 'v-calendar-day__row-content-through' : '']
+      }, [_createVNode("slot", {
+        "name": "intervalBody",
+        "interval": interval.value
+      }, [interval.value.events?.filter(event => !event.allDay).map(event => _createVNode(VCalendarIntervalEvent, {
+        "event": event,
+        "interval": interval.value,
+        "intervalDivisions": props.intervalDivisions,
+        "intervalDuration": props.intervalDuration,
+        "intervalHeight": props.intervalHeight
+      }, null))])])]);
+    });
+    return {
+      interval
+    };
+  }
+});
+//# sourceMappingURL=VCalendarInterval.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarInterval.mjs","names":["VCalendarIntervalEvent","useDate","computed","convertToUnit","genericComponent","propsFactory","useRender","makeVCalendarIntervalProps","day","type","Object","default","dayIndex","Number","events","Array","intervalDivisions","intervalDuration","intervalHeight","intervalFormat","String","Function","intervalStart","VCalendarInterval","name","props","index","required","setup","_ref","emit","slots","adapter","interval","start","addMinutes","startOfDay","date","end","label","format","filter","e","allDay","isEqual","isWithinRange","map","first","last","_createVNode","value","some","event"],"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, propsFactory, useRender } from '@/util'\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()({\n  name: 'VCalendarInterval',\n\n  props: {\n    index: {\n      type: Number,\n      required: true,\n    },\n\n    ...makeVCalendarIntervalProps(),\n  },\n\n  setup (props, { 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 class=\"v-calendar-day__row-label\">\n              <slot name=\"intervalFormat\" 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                  : ''\n                }\n              </slot>\n            </div>\n            <div class=\"v-calendar-day__row-hairline\"></div>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"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                    />\n                  ))}\n              </slot>\n            </div>\n          </div>\n        ) : (\n          <div class=\"v-calendar-day__row-without-label\" style={ `height: ${convertToUnit(props.intervalHeight)}` }>\n            <div class={['v-calendar-day__row-content', interval.value.events.some(e => !e.last)\n              ? 'v-calendar-day__row-content-through'\n              : '']}\n            >\n              <slot name=\"intervalBody\" interval={ interval.value }>\n                  { interval.value.events?.filter(event => !event.allDay).map(event => (\n                    <VCalendarIntervalEvent\n                      event={ event }\n                      interval={ interval.value }\n                      intervalDivisions={ props.intervalDivisions }\n                      intervalDuration={ props.intervalDuration }\n                      intervalHeight={ props.intervalHeight }\n                    />\n                  ))}\n              </slot>\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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"}

package/lib/labs/VCalendar/VCalendarInterval.sass

@@ -0,0 +1,39 @@
+@import './_variables.scss'
+
+.v-calendar-day__row-with-label
+  display: grid
+  grid-template-columns: 48px 8px 1fr
+  border-right: $calendar-line-width solid $calendar-line-color
+
+  .v-calendar-day__row-hairline
+    position: relative
+    border-right: $calendar-line-width solid $calendar-line-color
+    &:after
+      content: ''
+      border-bottom: $calendar-line-width solid $calendar-line-color
+      position: absolute
+      width: 100%
+      margin-top: -1px
+      z-index: 3
+      pointer-events: none
+
+  .v-calendar-day__row-label
+    font-size: 10px
+    text-align: center 
+    position: relative
+    top: -8px
+  .v-calendar-day__row-content
+    border-bottom: $calendar-line-width solid $calendar-line-color
+    &.v-calendar-day__row-content-through
+      border-bottom: none
+
+.v-calendar-day__row-without-label
+  display: grid
+  grid-template-columns: 1fr
+  border-right: $calendar-line-width solid $calendar-line-color
+  
+  .v-calendar-day__row-content
+    border-bottom: $calendar-line-width solid $calendar-line-color
+
+    &.v-calendar-day__row-content-through
+      border-bottom: none

package/lib/labs/VCalendar/VCalendarIntervalEvent.mjs

@@ -0,0 +1,76 @@
+import { createVNode as _createVNode } from "vue";
+// Components
+import { VSheet } from "../../components/VSheet/index.mjs"; // Composables
+import { useDate } from "../../composables/date/index.mjs"; // Utilities
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarIntervalEventProps = propsFactory({
+  allDay: Boolean,
+  interval: Object,
+  intervalDivisions: {
+    type: Number,
+    required: true
+  },
+  intervalDuration: {
+    type: Number,
+    required: true
+  },
+  intervalHeight: {
+    type: Number,
+    required: true
+  },
+  event: Object
+}, 'VCalendarIntervalEvent');
+export const VCalendarIntervalEvent = genericComponent()({
+  name: 'VCalendarIntervalEvent',
+  props: makeVCalendarIntervalEventProps(),
+  setup(props) {
+    const adapter = useDate();
+    const calcHeight = () => {
+      if (!props.event?.first && !props.event?.last || adapter.isEqual(props.event?.start, props.interval?.start)) {
+        return {
+          height: '100%',
+          margin: convertToUnit(0)
+        };
+      } else {
+        const {
+          height,
+          margin
+        } = Array.from({
+          length: props.intervalDivisions
+        }, x => x * (props.intervalDuration / props.intervalDivisions)).reduce((total, div, index) => {
+          if (adapter.isBefore(adapter.addMinutes(props.interval?.start, div), props.event?.start)) {
+            return {
+              height: convertToUnit(props.intervalHeight / props.intervalDivisions * index),
+              margin: convertToUnit(props.intervalHeight / props.intervalDivisions * index)
+            };
+          }
+          return {
+            height: total.height,
+            margin: total.margin
+          };
+        }, {
+          height: '',
+          margin: ''
+        });
+        return {
+          height,
+          margin
+        };
+      }
+    };
+    useRender(() => {
+      return _createVNode(VSheet, {
+        "height": calcHeight().height,
+        "density": "comfortable",
+        "style": `width: 100%; margin-top: ${calcHeight().margin}`,
+        "class": "align-center pa-1",
+        "color": props.event?.color ?? undefined,
+        "rounded": props.event?.first && props.event?.last ? true : props.event?.first ? 't' : props.event?.last ? 'b' : false
+      }, {
+        default: () => [props.event?.first ? props.event?.title : '']
+      });
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VCalendarIntervalEvent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarIntervalEvent.mjs","names":["VSheet","useDate","convertToUnit","genericComponent","propsFactory","useRender","makeVCalendarIntervalEventProps","allDay","Boolean","interval","Object","intervalDivisions","type","Number","required","intervalDuration","intervalHeight","event","VCalendarIntervalEvent","name","props","setup","adapter","calcHeight","first","last","isEqual","start","height","margin","Array","from","length","x","reduce","total","div","index","isBefore","addMinutes","_createVNode","color","undefined","default","title"],"sources":["../../../src/labs/VCalendar/VCalendarIntervalEvent.tsx"],"sourcesContent":["// Components\nimport { VSheet } from '@/components/VSheet'\n\n// Composables\nimport { useDate } from '@/composables/date'\n\n// Utilities\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\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()({\n  name: 'VCalendarIntervalEvent',\n\n  props: makeVCalendarIntervalEventProps(),\n\n  setup (props) {\n    const adapter = useDate()\n    const calcHeight = () => {\n      if ((!props.event?.first && !props.event?.last) || adapter.isEqual(props.event?.start, props.interval?.start)) {\n        return { height: '100%', margin: convertToUnit(0) }\n      } else {\n        const { height, margin } = Array.from({ length: props.intervalDivisions },\n          (x: number) => x * (props.intervalDuration / props.intervalDivisions)).reduce((total, div, index) => {\n          if (adapter.isBefore(adapter.addMinutes(props.interval?.start, div), props.event?.start)) {\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        <VSheet\n          height={ calcHeight().height }\n          density=\"comfortable\"\n          style={ `width: 100%; margin-top: ${calcHeight().margin}` }\n          class=\"align-center pa-1\"\n          color={ props.event?.color ?? undefined }\n          rounded={ props.event?.first && props.event?.last\n            ? true\n            : props.event?.first\n              ? 't'\n              : props.event?.last\n                ? 'b'\n                : false }\n        >\n          { props.event?.first ? props.event?.title : '' }\n        </VSheet>\n      )\n    })\n\n    return {}\n  },\n\n})\n\nexport type VCalendarIntervalEvent = InstanceType<typeof VCalendarIntervalEvent>\n"],"mappings":";AAAA;AAAA,SACSA,MAAM,6CAEf;AAAA,SACSC,OAAO,4CAEhB;AAAA,SACSC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAEjE,OAAO,MAAMC,+BAA+B,GAAGF,YAAY,CAAC;EAC1DG,MAAM,EAAEC,OAAO;EACfC,QAAQ,EAAEC,MAAM;EAChBC,iBAAiB,EAAE;IACjBC,IAAI,EAAEC,MAAM;IACZC,QAAQ,EAAE;EACZ,CAAC;EACDC,gBAAgB,EAAE;IAChBH,IAAI,EAAEC,MAAM;IACZC,QAAQ,EAAE;EACZ,CAAC;EACDE,cAAc,EAAE;IACdJ,IAAI,EAAEC,MAAM;IACZC,QAAQ,EAAE;EACZ,CAAC;EACDG,KAAK,EAAEP;AACT,CAAC,EAAE,wBAAwB,CAAC;AAE5B,OAAO,MAAMQ,sBAAsB,GAAGf,gBAAgB,CAAC,CAAC,CAAC;EACvDgB,IAAI,EAAE,wBAAwB;EAE9BC,KAAK,EAAEd,+BAA+B,CAAC,CAAC;EAExCe,KAAKA,CAAED,KAAK,EAAE;IACZ,MAAME,OAAO,GAAGrB,OAAO,CAAC,CAAC;IACzB,MAAMsB,UAAU,GAAGA,CAAA,KAAM;MACvB,IAAK,CAACH,KAAK,CAACH,KAAK,EAAEO,KAAK,IAAI,CAACJ,KAAK,CAACH,KAAK,EAAEQ,IAAI,IAAKH,OAAO,CAACI,OAAO,CAACN,KAAK,CAACH,KAAK,EAAEU,KAAK,EAAEP,KAAK,CAACX,QAAQ,EAAEkB,KAAK,CAAC,EAAE;QAC7G,OAAO;UAAEC,MAAM,EAAE,MAAM;UAAEC,MAAM,EAAE3B,aAAa,CAAC,CAAC;QAAE,CAAC;MACrD,CAAC,MAAM;QACL,MAAM;UAAE0B,MAAM;UAAEC;QAAO,CAAC,GAAGC,KAAK,CAACC,IAAI,CAAC;UAAEC,MAAM,EAAEZ,KAAK,CAACT;QAAkB,CAAC,EACtEsB,CAAS,IAAKA,CAAC,IAAIb,KAAK,CAACL,gBAAgB,GAAGK,KAAK,CAACT,iBAAiB,CAAC,CAAC,CAACuB,MAAM,CAAC,CAACC,KAAK,EAAEC,GAAG,EAAEC,KAAK,KAAK;UACrG,IAAIf,OAAO,CAACgB,QAAQ,CAAChB,OAAO,CAACiB,UAAU,CAACnB,KAAK,CAACX,QAAQ,EAAEkB,KAAK,EAAES,GAAG,CAAC,EAAEhB,KAAK,CAACH,KAAK,EAAEU,KAAK,CAAC,EAAE;YACxF,OAAO;cACLC,MAAM,EAAE1B,aAAa,CAAEkB,KAAK,CAACJ,cAAc,GAAGI,KAAK,CAACT,iBAAiB,GAAI0B,KAAK,CAAC;cAC/ER,MAAM,EAAE3B,aAAa,CAAEkB,KAAK,CAACJ,cAAc,GAAGI,KAAK,CAACT,iBAAiB,GAAI0B,KAAK;YAChF,CAAC;UACH;UACA,OAAO;YAAET,MAAM,EAAEO,KAAK,CAACP,MAAM;YAAEC,MAAM,EAAEM,KAAK,CAACN;UAAO,CAAC;QACvD,CAAC,EAAE;UAAED,MAAM,EAAE,EAAE;UAAEC,MAAM,EAAE;QAAG,CAAC,CAAC;QAC9B,OAAO;UAAED,MAAM;UAAEC;QAAO,CAAC;MAC3B;IACF,CAAC;IAEDxB,SAAS,CAAC,MAAM;MACd,OAAAmC,YAAA,CAAAxC,MAAA;QAAA,UAEauB,UAAU,CAAC,CAAC,CAACK,MAAM;QAAA;QAAA,SAEnB,4BAA2BL,UAAU,CAAC,CAAC,CAACM,MAAO,EAAC;QAAA;QAAA,SAEjDT,KAAK,CAACH,KAAK,EAAEwB,KAAK,IAAIC,SAAS;QAAA,WAC7BtB,KAAK,CAACH,KAAK,EAAEO,KAAK,IAAIJ,KAAK,CAACH,KAAK,EAAEQ,IAAI,GAC7C,IAAI,GACJL,KAAK,CAACH,KAAK,EAAEO,KAAK,GAChB,GAAG,GACHJ,KAAK,CAACH,KAAK,EAAEQ,IAAI,GACf,GAAG,GACH;MAAK;QAAAkB,OAAA,EAAAA,CAAA,MAEXvB,KAAK,CAACH,KAAK,EAAEO,KAAK,GAAGJ,KAAK,CAACH,KAAK,EAAE2B,KAAK,GAAG,EAAE;MAAA;IAGpD,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC"}

package/lib/labs/VCalendar/VCalendarMonthDay.css

@@ -0,0 +1,61 @@
+.v-calendar-month__day {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 150px;
+  border-right: thin solid #e0e0e0;
+  border-bottom: thin solid #e0e0e0;
+  flex: 1 1 auto;
+  border-inline-end: thin solid #e0e0e0;
+}
+
+.v-calendar-weekly__day {
+  flex: 1;
+  width: 0;
+  overflow: hidden;
+  user-select: none;
+  position: relative;
+  padding: 0px 0px 0px 0px;
+  min-width: 0;
+  min-height: 150px;
+  border-right: thin solid #e0e0e0;
+  border-bottom: thin solid #e0e0e0;
+  flex: 1 1 auto;
+  border-inline-end: thin solid #e0e0e0;
+  text-align: center;
+}
+.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
+  color: currentColor;
+}
+
+.v-calendar-weekly__day-label {
+  text-decoration: none;
+  user-select: none;
+  cursor: pointer;
+  box-shadow: none;
+  text-align: center;
+}
+.v-calendar-weekly__day-label .v-btn {
+  font-size: 12px;
+  text-transform: none !important;
+}
+.v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
+  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
+  color: rgb(var(--v-theme-on-surface-variant));
+}
+
+.v-calendar-weekly__day-month {
+  position: absolute;
+  text-decoration: none;
+  user-select: none;
+  box-shadow: none;
+  top: 0;
+  left: 36px;
+  height: 32px;
+  line-height: 32px;
+}
+
+.v-calendar-weekly__day-alldayevents-container {
+  min-height: 24px;
+}

package/lib/labs/VCalendar/VCalendarMonthDay.mjs

@@ -0,0 +1,64 @@
+import { createVNode as _createVNode } from "vue";
+// Styles
+import "./VCalendarMonthDay.css";
+
+// Components
+import { VCalendarEvent } from "./VCalendarEvent.mjs";
+import { VBtn } from "../../components/VBtn/index.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVCalendarMonthDayProps = propsFactory({
+  active: Boolean,
+  color: String,
+  day: Object,
+  disabled: Boolean,
+  events: Array,
+  title: [Number, String]
+}, 'VCalendarMonthDay');
+export const VCalendarMonthDay = genericComponent()({
+  name: 'VCalendarMonthDay',
+  props: makeVCalendarMonthDayProps(),
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    useRender(() => {
+      const hasTitle = !!(props.title || slots.title?.({
+        title: props.title
+      }));
+      return _createVNode("div", {
+        "class": ['v-calendar-month__day']
+      }, [!props.day?.isHidden && hasTitle && _createVNode("div", {
+        "key": "title",
+        "class": "v-calendar-weekly__day-label"
+      }, [slots.title?.({
+        title: props.title
+      }) ?? _createVNode(VBtn, {
+        "class": props.day?.isToday ? 'v-calendar-weekly__day-label__today' : undefined,
+        "color": props.color,
+        "disabled": props.disabled,
+        "icon": true,
+        "size": "x-small",
+        "variant": props.day?.isToday ? undefined : 'flat'
+      }, {
+        default: () => [props.title]
+      })]), _createVNode("div", {
+        "key": "content",
+        "class": "v-calendar-weekly__day-content"
+      }, [slots.content?.() ?? _createVNode("div", null, [_createVNode("div", {
+        "class": "v-calendar-weekly__day-alldayevents-container"
+      }, [props.events?.filter(event => event.allDay).map(event => _createVNode(VCalendarEvent, {
+        "day": props.day,
+        "event": event,
+        "allDay": true
+      }, null))]), _createVNode("div", {
+        "class": "v-calendar-weekly__day-events-container"
+      }, [props.events?.filter(event => !event.allDay).map(event => _createVNode(VCalendarEvent, {
+        "day": props.day,
+        "event": event
+      }, null))])])]), slots.default?.()]);
+    });
+    return {};
+  }
+});
+//# sourceMappingURL=VCalendarMonthDay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VCalendarMonthDay.mjs","names":["VCalendarEvent","VBtn","genericComponent","propsFactory","useRender","makeVCalendarMonthDayProps","active","Boolean","color","String","day","Object","disabled","events","Array","title","Number","VCalendarMonthDay","name","props","setup","_ref","emit","slots","hasTitle","_createVNode","isHidden","isToday","undefined","default","content","filter","event","allDay","map"],"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, propsFactory, useRender } from '@/util'\n\nexport type VCalendarMonthDaySlots = {\n  default: never\n  content: never\n  title: { title?: number | string }\n}\n\nexport const makeVCalendarMonthDayProps = propsFactory({\n  active: Boolean,\n  color: String,\n  day: Object,\n  disabled: Boolean,\n  events: Array<any>,\n  title: [Number, String],\n}, 'VCalendarMonthDay')\n\nexport const VCalendarMonthDay = genericComponent< VCalendarMonthDaySlots >()({\n  name: 'VCalendarMonthDay',\n\n  props: makeVCalendarMonthDayProps(),\n\n  setup (props, { emit, slots }) {\n    useRender(() => {\n      const hasTitle = !!(props.title || slots.title?.({ title: props.title }))\n\n      return (\n        <div\n          class={[\n            'v-calendar-month__day',\n          ]}\n        >\n          { !props.day?.isHidden && hasTitle && (\n            <div key=\"title\" class=\"v-calendar-weekly__day-label\">\n              { slots.title?.({ 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                >\n                  { props.title }\n                </VBtn>\n              )}\n            </div>\n          )}\n          <div key=\"content\" class=\"v-calendar-weekly__day-content\">\n            { slots.content?.() ?? (\n              <div>\n                <div class=\"v-calendar-weekly__day-alldayevents-container\">\n                  { props.events?.filter(event => event.allDay).map(event => (\n                    <VCalendarEvent day={ props.day } event={ event } allDay />\n                  ))}\n                </div>\n                <div class=\"v-calendar-weekly__day-events-container\">\n                  { props.events?.filter(event => !event.allDay).map(event => (\n                    <VCalendarEvent day={ props.day } event={ event } />\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n\n          { slots.default?.() }\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,2CAEb;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAQlD,OAAO,MAAMC,0BAA0B,GAAGF,YAAY,CAAC;EACrDG,MAAM,EAAEC,OAAO;EACfC,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAEC,MAAM;EACXC,QAAQ,EAAEL,OAAO;EACjBM,MAAM,EAAEC,KAAU;EAClBC,KAAK,EAAE,CAACC,MAAM,EAAEP,MAAM;AACxB,CAAC,EAAE,mBAAmB,CAAC;AAEvB,OAAO,MAAMQ,iBAAiB,GAAGf,gBAAgB,CAA2B,CAAC,CAAC;EAC5EgB,IAAI,EAAE,mBAAmB;EAEzBC,KAAK,EAAEd,0BAA0B,CAAC,CAAC;EAEnCe,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3BjB,SAAS,CAAC,MAAM;MACd,MAAMoB,QAAQ,GAAG,CAAC,EAAEL,KAAK,CAACJ,KAAK,IAAIQ,KAAK,CAACR,KAAK,GAAG;QAAEA,KAAK,EAAEI,KAAK,CAACJ;MAAM,CAAC,CAAC,CAAC;MAEzE,OAAAU,YAAA;QAAA,SAEW,CACL,uBAAuB;MACxB,IAEC,CAACN,KAAK,CAACT,GAAG,EAAEgB,QAAQ,IAAIF,QAAQ,IAAAC,YAAA;QAAA;QAAA;MAAA,IAE5BF,KAAK,CAACR,KAAK,GAAG;QAAEA,KAAK,EAAEI,KAAK,CAACJ;MAAM,CAAC,CAAC,IAAAU,YAAA,CAAAxB,IAAA;QAAA,SAE3BkB,KAAK,CAACT,GAAG,EAAEiB,OAAO,GAAG,qCAAqC,GAAGC,SAAS;QAAA,SACtET,KAAK,CAACX,KAAK;QAAA,YACRW,KAAK,CAACP,QAAQ;QAAA;QAAA;QAAA,WAGfO,KAAK,CAACT,GAAG,EAAEiB,OAAO,GAAGC,SAAS,GAAG;MAAM;QAAAC,OAAA,EAAAA,CAAA,MAE/CV,KAAK,CAACJ,KAAK;MAAA,EAEhB,EAEJ,EAAAU,YAAA;QAAA;QAAA;MAAA,IAEGF,KAAK,CAACO,OAAO,GAAG,CAAC,IAAAL,YAAA,eAAAA,YAAA;QAAA;MAAA,IAGXN,KAAK,CAACN,MAAM,EAAEkB,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,CAACF,KAAK,IAAAP,YAAA,CAAAzB,cAAA;QAAA,OAC/BmB,KAAK,CAACT,GAAG;QAAA,SAAWsB,KAAK;QAAA;MAAA,QAChD,CAAC,IAAAP,YAAA;QAAA;MAAA,IAGAN,KAAK,CAACN,MAAM,EAAEkB,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,CAACF,KAAK,IAAAP,YAAA,CAAAzB,cAAA;QAAA,OAChCmB,KAAK,CAACT,GAAG;QAAA,SAAWsB;MAAK,QAChD,CAAC,IAGP,IAGDT,KAAK,CAACM,OAAO,GAAG,CAAC;IAGzB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/labs/VCalendar/VCalendarMonthDay.sass

@@ -0,0 +1,65 @@
+@import './_variables.scss'
+
+.v-calendar-month__day
+  position: relative
+  display: flex
+  flex-direction: column
+  // https://github.com/vuetifyjs/vuetify/issues/9058
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
+  min-width: 0
+  min-height: $calendar-weekly-day-min-height
+  // Themed
+  border-right: $calendar-line-width solid $calendar-line-color
+  border-bottom: $calendar-line-width solid $calendar-line-color
+  flex: 1 1 auto
+  border-inline-end: $calendar-line-width solid $calendar-line-color
+
+.v-calendar-weekly__day
+  flex: 1
+  width: 0
+  overflow: hidden
+  user-select: none
+  position: relative
+  padding: $calendar-weekly-day-padding
+  // https://github.com/vuetifyjs/vuetify/issues/9058
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=1114904
+  min-width: 0
+  min-height: $calendar-weekly-day-min-height
+  // Themed
+  border-right: $calendar-line-width solid $calendar-line-color
+  border-bottom: $calendar-line-width solid $calendar-line-color
+  flex: 1 1 auto
+  border-inline-end: $calendar-line-width solid $calendar-line-color
+  text-align: center
+
+  &.v-present
+    .v-calendar-weekly__day-month
+      color: currentColor
+
+.v-calendar-weekly__day-label
+  text-decoration: none
+  user-select: none
+  cursor: pointer
+  box-shadow: none
+  text-align: center
+
+  .v-btn
+    font-size: $calendar-weekly-day-label-font-size
+    text-transform: none !important
+
+    &.v-calendar-weekly__day-label__today
+      background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))
+      color: rgb(var(--v-theme-on-surface-variant))
+
+.v-calendar-weekly__day-month
+  position: absolute
+  text-decoration: none
+  user-select: none
+  box-shadow: none
+  top: 0
+  left: $calendar-weekly-day-month-left
+  height: $calendar-weekly-day-label-size
+  line-height: $calendar-weekly-day-label-size
+
+.v-calendar-weekly__day-alldayevents-container
+  min-height: 24px