Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
222
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.css
generated
vendored
Normal file
222
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.css
generated
vendored
Normal file
@ -0,0 +1,222 @@
|
||||
.v-calendar-weekly {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.v-calendar__container {
|
||||
border-top: thin solid #e0e0e0;
|
||||
border-left: thin solid #e0e0e0;
|
||||
border-right: thin solid #e0e0e0;
|
||||
}
|
||||
|
||||
.v-calendar-weekly__head {
|
||||
display: grid;
|
||||
grid-template-columns: 24px repeat(7, 1fr);
|
||||
user-select: none;
|
||||
}
|
||||
.v-calendar-weekly__head.days__0 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.v-calendar-weekly__head.days__0.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px 1fr;
|
||||
}
|
||||
.v-calendar-weekly__head.days__1 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.v-calendar-weekly__head.days__1.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px 1fr;
|
||||
}
|
||||
.v-calendar-weekly__head.days__2 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__2.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(2, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__3.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(3, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__4 {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__4.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(4, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__5 {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__5.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(5, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__6 {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__6.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__7 {
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
.v-calendar-weekly__head.days__7.v-calendar-weekly__head-weeknumbers {
|
||||
grid-template-columns: 24px repeat(7, 1fr);
|
||||
}
|
||||
|
||||
.v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber {
|
||||
flex: 1 0 20px;
|
||||
user-select: none;
|
||||
padding: 8px 4px 0px 4px;
|
||||
font-size: 11px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
border-right: thin solid #e0e0e0;
|
||||
}
|
||||
.v-calendar-weekly__head-weekday:last-child, .v-calendar-weekly__head-weekday-with-weeknumber:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-weekly__head-weekday > div .v-btn, .v-calendar-weekly__head-weekday-with-weeknumber > div .v-btn {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.v-calendar-weekly__head-weeknumber {
|
||||
background: rgb(var(--v-theme-surface-light));
|
||||
color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
|
||||
}
|
||||
|
||||
.v-calendar-weekly__week {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
height: unset;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.v-calendar-month__weeknumber {
|
||||
padding-top: 6px;
|
||||
background: rgb(var(--v-theme-surface-light));
|
||||
border-bottom: thin solid #e0e0e0;
|
||||
color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.v-calendar-month__days {
|
||||
display: grid;
|
||||
flex: 1 1;
|
||||
}
|
||||
.v-calendar-month__days > .v-calendar-month__day {
|
||||
min-height: 150px;
|
||||
}
|
||||
.v-calendar-month__days.days__0 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.v-calendar-month__days.days__0 > .v-calendar-month__day {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__1 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.v-calendar-month__days.days__1 > .v-calendar-month__day {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__2 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__2 > .v-calendar-month__day:nth-child(2n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__3 > .v-calendar-month__day:nth-child(3n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__4 {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__4 > .v-calendar-month__day:nth-child(4n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__5 {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__5 > .v-calendar-month__day:nth-child(5n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__6 {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__6 > .v-calendar-month__day:nth-child(6n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days__6.v-calendar-month__weeknumbers {
|
||||
grid-template-columns: 24px repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__7 {
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days__7 > .v-calendar-month__day:nth-child(7n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__0 {
|
||||
grid-template-columns: 24px 1fr;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__0 > .v-calendar-month__day {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__1 {
|
||||
grid-template-columns: 24px 1fr;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__1 > .v-calendar-month__day {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__2 {
|
||||
grid-template-columns: 24px repeat(2, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__2 > .v-calendar-month__day:nth-child(3n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__3 {
|
||||
grid-template-columns: 24px repeat(3, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__3 > .v-calendar-month__day:nth-child(4n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__4 {
|
||||
grid-template-columns: 24px repeat(4, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__4 > .v-calendar-month__day:nth-child(5n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__5 {
|
||||
grid-template-columns: 24px repeat(5, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__5 > .v-calendar-month__day:nth-child(6n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__6 {
|
||||
grid-template-columns: 24px repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__6 > .v-calendar-month__day:nth-child(7n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__7 {
|
||||
grid-template-columns: 24px repeat(7, 1fr);
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(7n) {
|
||||
border-right: thin solid thin;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
|
||||
border-right: none;
|
||||
}
|
||||
.v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
|
||||
border-right: none;
|
||||
}
|
124
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.mjs
generated
vendored
Normal file
124
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.mjs
generated
vendored
Normal file
@ -0,0 +1,124 @@
|
||||
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
||||
// Styles
|
||||
import "./VCalendar.css";
|
||||
|
||||
// Components
|
||||
import { makeVCalendarDayProps, VCalendarDay } from "./VCalendarDay.mjs";
|
||||
import { makeVCalendarHeaderProps, VCalendarHeader } from "./VCalendarHeader.mjs";
|
||||
import { VCalendarMonthDay } from "./VCalendarMonthDay.mjs"; // Composables
|
||||
import { makeCalendarProps, useCalendar } from "../../composables/calendar.mjs";
|
||||
import { useDate } from "../../composables/date/date.mjs"; // Utilities
|
||||
import { computed } from 'vue';
|
||||
import { chunkArray, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVCalendarProps = propsFactory({
|
||||
hideHeader: Boolean,
|
||||
hideWeekNumber: Boolean,
|
||||
...makeCalendarProps(),
|
||||
...makeVCalendarDayProps(),
|
||||
...makeVCalendarHeaderProps()
|
||||
}, 'VCalender');
|
||||
export const VCalendar = genericComponent()({
|
||||
name: 'VCalendar',
|
||||
props: makeVCalendarProps(),
|
||||
emits: {
|
||||
next: null,
|
||||
prev: null,
|
||||
'update:modelValue': null
|
||||
},
|
||||
setup(props, _ref) {
|
||||
let {
|
||||
emit,
|
||||
slots
|
||||
} = _ref;
|
||||
const adapter = useDate();
|
||||
const {
|
||||
daysInMonth,
|
||||
daysInWeek,
|
||||
genDays,
|
||||
model,
|
||||
weekNumbers
|
||||
} = useCalendar(props);
|
||||
const dayNames = adapter.getWeekdays();
|
||||
function onClickNext() {
|
||||
if (props.viewMode === 'month') {
|
||||
model.value = [adapter.addMonths(model.value[0], 1)];
|
||||
}
|
||||
if (props.viewMode === 'week') {
|
||||
model.value = [adapter.addDays(model.value[0], 7)];
|
||||
}
|
||||
if (props.viewMode === 'day') {
|
||||
model.value = [adapter.addDays(model.value[0], 1)];
|
||||
}
|
||||
}
|
||||
function onClickPrev() {
|
||||
if (props.viewMode === 'month') {
|
||||
model.value = [adapter.addMonths(model.value[0], -1)];
|
||||
}
|
||||
if (props.viewMode === 'week') {
|
||||
model.value = [adapter.addDays(model.value[0], -7)];
|
||||
}
|
||||
if (props.viewMode === 'day') {
|
||||
model.value = [adapter.addDays(model.value[0], -1)];
|
||||
}
|
||||
}
|
||||
function onClickToday() {
|
||||
model.value = [new Date()];
|
||||
}
|
||||
const title = computed(() => {
|
||||
return adapter.format(model.value[0], 'monthAndYear');
|
||||
});
|
||||
useRender(() => {
|
||||
const calendarDayProps = VCalendarDay.filterProps(props);
|
||||
const calendarHeaderProps = VCalendarHeader.filterProps(props);
|
||||
return _createVNode("div", {
|
||||
"class": ['v-calendar', {
|
||||
'v-calendar-monthly': props.viewMode === 'month',
|
||||
'v-calendar-weekly': props.viewMode === 'week',
|
||||
'v-calendar-day': props.viewMode === 'day'
|
||||
}]
|
||||
}, [_createVNode("div", null, [!props.hideHeader && (!slots.header ? _createVNode(VCalendarHeader, _mergeProps({
|
||||
"key": "calendar-header"
|
||||
}, calendarHeaderProps, {
|
||||
"title": title.value,
|
||||
"onClick:next": onClickNext,
|
||||
"onClick:prev": onClickPrev,
|
||||
"onClick:toToday": onClickToday
|
||||
}), null) : slots.header({
|
||||
title: title.value
|
||||
}))]), _createVNode("div", {
|
||||
"class": ['v-calendar__container', `days__${props.weekdays.length}`]
|
||||
}, [props.viewMode === 'month' && !props.hideDayHeader && _createVNode("div", {
|
||||
"class": ['v-calendar-weekly__head', `days__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-weekly__head-weeknumbers'] : [])],
|
||||
"key": "calenderWeeklyHead"
|
||||
}, [!props.hideWeekNumber ? _createVNode("div", {
|
||||
"key": "weekNumber0",
|
||||
"class": "v-calendar-weekly__head-weeknumber"
|
||||
}, null) : '', props.weekdays.sort((a, b) => a - b).map(weekday => _createVNode("div", {
|
||||
"class": `v-calendar-weekly__head-weekday${!props.hideWeekNumber ? '-with-weeknumber' : ''}`
|
||||
}, [dayNames[weekday]]))]), props.viewMode === 'month' && _createVNode("div", {
|
||||
"key": "VCalendarMonth",
|
||||
"class": ['v-calendar-month__days', `days${!props.hideWeekNumber ? '-with-weeknumbers' : ''}__${props.weekdays.length}`, ...(!props.hideWeekNumber ? ['v-calendar-month__weeknumbers'] : [])]
|
||||
}, [chunkArray(daysInMonth.value, props.weekdays.length).map((week, wi) => [!props.hideWeekNumber ? _createVNode("div", {
|
||||
"class": "v-calendar-month__weeknumber"
|
||||
}, [weekNumbers.value[wi]]) : '', week.map(day => _createVNode(VCalendarMonthDay, {
|
||||
"color": adapter.isSameDay(new Date(), day.date) ? 'primary' : undefined,
|
||||
"day": day,
|
||||
"title": day ? adapter.format(day.date, 'dayOfMonth') : 'NaN',
|
||||
"events": props.events?.filter(e => adapter.isSameDay(day.date, e.start) || adapter.isSameDay(day.date, e.end))
|
||||
}, null))])]), props.viewMode === 'week' && daysInWeek.value.map((day, i) => _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
|
||||
"day": day,
|
||||
"dayIndex": i,
|
||||
"events": props.events?.filter(e => adapter.isSameDay(e.start, day.date) || adapter.isSameDay(e.end, day.date))
|
||||
}), null)), props.viewMode === 'day' && _createVNode(VCalendarDay, _mergeProps(calendarDayProps, {
|
||||
"day": genDays([model.value[0]], adapter.date())[0],
|
||||
"events": props.events?.filter(e => adapter.isSameDay(e.start, genDays([model.value[0]], adapter.date())[0].date) || adapter.isSameDay(e.end, genDays([model.value[0]], adapter.date())[0].date))
|
||||
}), null)])]);
|
||||
});
|
||||
return {
|
||||
daysInMonth,
|
||||
daysInWeek,
|
||||
genDays
|
||||
};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCalendar.mjs.map
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
170
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.sass
generated
vendored
Normal file
170
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendar.sass
generated
vendored
Normal file
@ -0,0 +1,170 @@
|
||||
@import './_variables.scss'
|
||||
|
||||
.v-calendar-weekly
|
||||
width: 100%
|
||||
height: 100%
|
||||
display: flex
|
||||
flex-direction: column
|
||||
// https://github.com/vuetifyjs/vuetify/issues/8319
|
||||
min-height: 0
|
||||
// Themed
|
||||
background-color: #fff
|
||||
|
||||
.v-calendar__container
|
||||
border-top: $calendar-line-width solid $calendar-line-color
|
||||
border-left: $calendar-line-width solid $calendar-line-color
|
||||
border-right: $calendar-line-width solid $calendar-line-color
|
||||
|
||||
.v-calendar-weekly__head
|
||||
display: grid
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
|
||||
user-select: none
|
||||
&.days__0
|
||||
grid-template-columns: 1fr
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
|
||||
&.days__1
|
||||
grid-template-columns: 1fr
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
|
||||
&.days__2
|
||||
grid-template-columns: repeat(2, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(2, 1fr)
|
||||
&.days__3
|
||||
grid-template-columns: repeat(3, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(3, 1fr)
|
||||
&.days__4
|
||||
grid-template-columns: repeat(4, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(4, 1fr)
|
||||
&.days__5
|
||||
grid-template-columns: repeat(5, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(5, 1fr)
|
||||
&.days__6
|
||||
grid-template-columns: repeat(6, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
|
||||
&.days__7
|
||||
grid-template-columns: repeat(7, 1fr)
|
||||
&.v-calendar-weekly__head-weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
|
||||
|
||||
.v-calendar-weekly__head-weekday, .v-calendar-weekly__head-weekday-with-weeknumber
|
||||
flex: 1 0 20px
|
||||
user-select: none
|
||||
padding: $calendar-weekly-weekday-padding
|
||||
font-size: $calendar-weekly-weekday-font-size
|
||||
overflow: hidden
|
||||
text-align: center
|
||||
text-overflow: ellipsis
|
||||
text-transform: uppercase
|
||||
white-space: nowrap
|
||||
// Themed
|
||||
border-right: $calendar-line-width solid $calendar-line-color
|
||||
|
||||
&:last-child
|
||||
border-right: none
|
||||
|
||||
// TODO change this
|
||||
> div .v-btn
|
||||
font-size: 1.5rem
|
||||
|
||||
.v-calendar-weekly__head-weeknumber
|
||||
background: $calendar-weekly-weeknumber-background
|
||||
color: $calendar-weekly-weeknumber-color
|
||||
|
||||
.v-calendar-weekly__week
|
||||
display: flex
|
||||
flex: 1
|
||||
height: unset
|
||||
// https://github.com/vuetifyjs/vuetify/issues/8319
|
||||
min-height: 0
|
||||
|
||||
.v-calendar-month__weeknumber
|
||||
padding-top: $calendar-weekly-weeknumber-padding-top
|
||||
background: $calendar-month-weeknumber-background
|
||||
border-bottom: $calendar-line-width solid $calendar-line-color
|
||||
color: $calendar-month-weeknumber-color
|
||||
text-align: center
|
||||
font-size: $calendar-weekly-weeknumber-font-size
|
||||
font-weight: $calendar-weekly-weeknumber-font-weight
|
||||
|
||||
.v-calendar-month__days
|
||||
display: grid
|
||||
flex: 1 1
|
||||
> .v-calendar-month__day
|
||||
min-height: $calendar-weekly-day-min-height
|
||||
&.days__0
|
||||
grid-template-columns: 1fr
|
||||
> .v-calendar-month__day
|
||||
border-right: none
|
||||
&.days__1
|
||||
grid-template-columns: 1fr
|
||||
> .v-calendar-month__day
|
||||
border-right: none
|
||||
&.days__2
|
||||
grid-template-columns: repeat(2, 1fr)
|
||||
> .v-calendar-month__day:nth-child(2n)
|
||||
border-right: none
|
||||
&.days__3
|
||||
grid-template-columns: repeat(3, 1fr)
|
||||
> .v-calendar-month__day:nth-child(3n)
|
||||
border-right: none
|
||||
&.days__4
|
||||
grid-template-columns: repeat(4, 1fr)
|
||||
> .v-calendar-month__day:nth-child(4n)
|
||||
border-right: none
|
||||
&.days__5
|
||||
grid-template-columns: repeat(5, 1fr)
|
||||
> .v-calendar-month__day:nth-child(5n)
|
||||
border-right: none
|
||||
&.days__6
|
||||
grid-template-columns: repeat(6, 1fr)
|
||||
> .v-calendar-month__day:nth-child(6n)
|
||||
border-right: none
|
||||
&.v-calendar-month__weeknumbers
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
|
||||
&.days__7
|
||||
grid-template-columns: repeat(7, 1fr)
|
||||
> .v-calendar-month__day:nth-child(7n)
|
||||
border-right: none
|
||||
|
||||
&.days-with-weeknumbers__0
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
|
||||
> .v-calendar-month__day
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__1
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis 1fr
|
||||
> .v-calendar-month__day
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__2
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(2, 1fr)
|
||||
> .v-calendar-month__day:nth-child(3n)
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__3
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(3, 1fr)
|
||||
> .v-calendar-month__day:nth-child(4n)
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__4
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(4, 1fr)
|
||||
> .v-calendar-month__day:nth-child(5n)
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__5
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(5, 1fr)
|
||||
> .v-calendar-month__day:nth-child(6n)
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__6
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(6, 1fr)
|
||||
> .v-calendar-month__day:nth-child(7n)
|
||||
border-right: none
|
||||
&.days-with-weeknumbers__7
|
||||
grid-template-columns: $calendar-weekly-weeknumber-flex-basis repeat(7, 1fr)
|
||||
> .v-calendar-month__day:nth-child(7n)
|
||||
border-right: $calendar-line-width solid $calendar-line-width
|
||||
> .v-calendar-month__day:nth-child(8n)
|
||||
border-right: none
|
||||
> .v-calendar-month__day:nth-child(8n)
|
||||
border-right: none
|
33
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.css
generated
vendored
Normal file
33
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.css
generated
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
.v-calendar-day {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.v-calendar-weekly .v-calendar__container {
|
||||
display: grid;
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__7 {
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__6 {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__5 {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__4 {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__2 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__1 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
.v-calendar-weekly .v-calendar__container.days__0 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
47
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.mjs
generated
vendored
Normal file
47
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.mjs
generated
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
|
||||
// Styles
|
||||
import "./VCalendarDay.css";
|
||||
|
||||
// Components
|
||||
import { makeVCalendarIntervalProps, VCalendarInterval } from "./VCalendarInterval.mjs";
|
||||
import { VBtn } from "../../components/VBtn/index.mjs"; // Composables
|
||||
import { useDate } from "../../composables/date/index.mjs"; // Utilities
|
||||
import { computed } from 'vue';
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVCalendarDayProps = propsFactory({
|
||||
hideDayHeader: Boolean,
|
||||
intervals: {
|
||||
type: Number,
|
||||
default: 24
|
||||
},
|
||||
...makeVCalendarIntervalProps()
|
||||
}, 'VCalendarDay');
|
||||
export const VCalendarDay = genericComponent()({
|
||||
name: 'VCalendarDay',
|
||||
props: makeVCalendarDayProps(),
|
||||
setup(props) {
|
||||
const adapter = useDate();
|
||||
const intervals = computed(() => [...Array.from({
|
||||
length: props.intervals
|
||||
}, (v, i) => i).filter((int, index) => props.intervalDuration * (index + props.intervalStart) < 1440)]);
|
||||
useRender(() => {
|
||||
const calendarIntervalProps = VCalendarInterval.filterProps(props);
|
||||
return _createVNode("div", {
|
||||
"class": "v-calendar-day__container"
|
||||
}, [!props.hideDayHeader && _createVNode("div", {
|
||||
"key": "calender-week-name",
|
||||
"class": "v-calendar-weekly__head-weekday"
|
||||
}, [adapter.format(props.day.date, 'weekdayShort'), _createVNode("div", null, [_createVNode(VBtn, {
|
||||
"icon": true,
|
||||
"text": adapter.format(props.day.date, 'dayOfMonth'),
|
||||
"variant": "text"
|
||||
}, null)])]), intervals.value.map((_, index) => _createVNode(VCalendarInterval, _mergeProps({
|
||||
"index": index
|
||||
}, calendarIntervalProps), null))]);
|
||||
});
|
||||
return {
|
||||
intervals
|
||||
};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCalendarDay.mjs.map
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VCalendarDay.mjs","names":["makeVCalendarIntervalProps","VCalendarInterval","VBtn","useDate","computed","genericComponent","propsFactory","useRender","makeVCalendarDayProps","hideDayHeader","Boolean","intervals","type","Number","default","VCalendarDay","name","props","setup","adapter","Array","from","length","v","i","filter","int","index","intervalDuration","intervalStart","calendarIntervalProps","filterProps","_createVNode","format","day","date","value","map","_","_mergeProps"],"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, propsFactory, useRender } from '@/util'\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()({\n name: 'VCalendarDay',\n\n props: makeVCalendarDayProps(),\n\n setup (props) {\n const adapter = useDate()\n const intervals = computed(() => [\n ...Array.from({ length: props.intervals }, (v, i) => i)\n .filter((int, 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=\"calender-week-name\"\n class=\"v-calendar-weekly__head-weekday\"\n >\n { adapter.format(props.day.date, 'weekdayShort') }\n\n <div>\n <VBtn\n icon\n text={ adapter.format(props.day.date, 'dayOfMonth') }\n variant=\"text\"\n />\n </div>\n </div>\n )}\n\n { intervals.value.map((_, index) => (\n <VCalendarInterval\n index={ index }\n { ...calendarIntervalProps }\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,2CAEb;AAAA,SACSC,OAAO,4CAEhB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OAAO;EACtBC,SAAS,EAAE;IACTC,IAAI,EAAEC,MAAM;IACZC,OAAO,EAAE;EACX,CAAC;EAED,GAAGd,0BAA0B,CAAC;AAChC,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMe,YAAY,GAAGV,gBAAgB,CAAC,CAAC,CAAC;EAC7CW,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAET,qBAAqB,CAAC,CAAC;EAE9BU,KAAKA,CAAED,KAAK,EAAE;IACZ,MAAME,OAAO,GAAGhB,OAAO,CAAC,CAAC;IACzB,MAAMQ,SAAS,GAAGP,QAAQ,CAAC,MAAM,CAC/B,GAAGgB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEL,KAAK,CAACN;IAAU,CAAC,EAAE,CAACY,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAAC,CACpDC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAMV,KAAK,CAACW,gBAAgB,IAAID,KAAK,GAAGV,KAAK,CAACY,aAAa,CAAC,GAAI,IAAI,CAAC,CAC3F,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,MAAMuB,qBAAqB,GAAG7B,iBAAiB,CAAC8B,WAAW,CAACd,KAAK,CAAC;MAElE,OAAAe,YAAA;QAAA;MAAA,IAEM,CAACf,KAAK,CAACR,aAAa,IAAAuB,YAAA;QAAA;QAAA;MAAA,IAKhBb,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,cAAc,CAAC,EAAAH,YAAA,eAAAA,YAAA,CAAA9B,IAAA;QAAA;QAAA,QAKrCiB,OAAO,CAACc,MAAM,CAAChB,KAAK,CAACiB,GAAG,CAACC,IAAI,EAAE,YAAY,CAAC;QAAA;MAAA,YAK1D,EAECxB,SAAS,CAACyB,KAAK,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEX,KAAK,KAAAK,YAAA,CAAA/B,iBAAA,EAAAsC,WAAA;QAAA,SAEnBZ;MAAK,GACRG,qBAAqB,QAE7B,CAAC;IAIR,CAAC,CAAC;IAEF,OAAO;MAAEnB;IAAU,CAAC;EACtB;AACF,CAAC,CAAC"}
|
32
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.sass
generated
vendored
Normal file
32
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarDay.sass
generated
vendored
Normal file
@ -0,0 +1,32 @@
|
||||
.v-calendar-day
|
||||
position: relative
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.v-calendar-weekly
|
||||
.v-calendar__container
|
||||
display: grid
|
||||
|
||||
&.days__7
|
||||
grid-template-columns: repeat(7, 1fr)
|
||||
|
||||
&.days__6
|
||||
grid-template-columns: repeat(6, 1fr)
|
||||
|
||||
&.days__5
|
||||
grid-template-columns: repeat(5, 1fr)
|
||||
|
||||
&.days__4
|
||||
grid-template-columns: repeat(4, 1fr)
|
||||
|
||||
&.days__3
|
||||
grid-template-columns: repeat(3, 1fr)
|
||||
|
||||
&.days__2
|
||||
grid-template-columns: repeat(2, 1fr)
|
||||
|
||||
&.days__1
|
||||
grid-template-columns: repeat(1, 1fr)
|
||||
|
||||
&.days__0
|
||||
grid-template-columns: repeat(1, 1fr)
|
30
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarEvent.mjs
generated
vendored
Normal file
30
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarEvent.mjs
generated
vendored
Normal file
@ -0,0 +1,30 @@
|
||||
import { createVNode as _createVNode } from "vue";
|
||||
// Components
|
||||
import { VBadge } from "../../components/VBadge/index.mjs";
|
||||
import { VChip } from "../../components/VChip/index.mjs"; // Utilities
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
|
||||
export const makeVCalendarEventProps = propsFactory({
|
||||
allDay: Boolean,
|
||||
day: Object,
|
||||
event: Object
|
||||
}, 'VCalendarEvent');
|
||||
export const VCalendarEvent = genericComponent()({
|
||||
name: 'VCalendarEvent',
|
||||
props: makeVCalendarEventProps(),
|
||||
setup(props) {
|
||||
useRender(() => _createVNode(VChip, {
|
||||
"color": props.allDay ? 'primary' : undefined,
|
||||
"density": "comfortable",
|
||||
"label": props.allDay,
|
||||
"width": "100%"
|
||||
}, {
|
||||
default: () => [_createVNode(VBadge, {
|
||||
"inline": true,
|
||||
"dot": true,
|
||||
"color": props.event?.color
|
||||
}, null), props.event?.title]
|
||||
}));
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCalendarEvent.mjs.map
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarEvent.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarEvent.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"VCalendarEvent.mjs","names":["VBadge","VChip","genericComponent","propsFactory","useRender","makeVCalendarEventProps","allDay","Boolean","day","Object","event","VCalendarEvent","name","props","setup","_createVNode","undefined","default","color","title"],"sources":["../../../src/labs/VCalendar/VCalendarEvent.tsx"],"sourcesContent":["// Components\nimport { VBadge } from '@/components/VBadge'\nimport { VChip } from '@/components/VChip'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVCalendarEventProps = propsFactory({\n allDay: Boolean,\n day: Object,\n event: Object,\n}, 'VCalendarEvent')\n\nexport const VCalendarEvent = genericComponent()({\n name: 'VCalendarEvent',\n\n props: makeVCalendarEventProps(),\n\n setup (props) {\n useRender(() => (\n <VChip\n color={ props.allDay ? 'primary' : undefined }\n density=\"comfortable\"\n label={ props.allDay }\n width=\"100%\"\n >\n <VBadge\n inline\n dot\n color={ props.event?.color }\n />\n\n { props.event?.title }\n </VChip>\n ))\n\n return {}\n },\n\n})\n\nexport type VCalendarEvent = InstanceType<typeof VCalendarEvent>\n"],"mappings":";AAAA;AAAA,SACSA,MAAM;AAAA,SACNC,KAAK,4CAEd;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CAAC;EAClDG,MAAM,EAAEC,OAAO;EACfC,GAAG,EAAEC,MAAM;EACXC,KAAK,EAAED;AACT,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAME,cAAc,GAAGT,gBAAgB,CAAC,CAAC,CAAC;EAC/CU,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAER,uBAAuB,CAAC,CAAC;EAEhCS,KAAKA,CAAED,KAAK,EAAE;IACZT,SAAS,CAAC,MAAAW,YAAA,CAAAd,KAAA;MAAA,SAEEY,KAAK,CAACP,MAAM,GAAG,SAAS,GAAGU,SAAS;MAAA;MAAA,SAEpCH,KAAK,CAACP,MAAM;MAAA;IAAA;MAAAW,OAAA,EAAAA,CAAA,MAAAF,YAAA,CAAAf,MAAA;QAAA;QAAA;QAAA,SAMVa,KAAK,CAACH,KAAK,EAAEQ;MAAK,UAG1BL,KAAK,CAACH,KAAK,EAAES,KAAK;IAAA,EAEvB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AAEF,CAAC,CAAC"}
|
14
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.css
generated
vendored
Normal file
14
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.css
generated
vendored
Normal file
@ -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;
|
||||
}
|
76
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.mjs
generated
vendored
Normal file
76
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.mjs
generated
vendored
Normal file
@ -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
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.mjs.map
generated
vendored
Normal file
@ -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"}
|
13
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.sass
generated
vendored
Normal file
13
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarHeader.sass
generated
vendored
Normal file
@ -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
|
42
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.css
generated
vendored
Normal file
42
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.css
generated
vendored
Normal file
@ -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;
|
||||
}
|
113
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.mjs
generated
vendored
Normal file
113
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.mjs
generated
vendored
Normal file
@ -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
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
39
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.sass
generated
vendored
Normal file
39
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarInterval.sass
generated
vendored
Normal file
@ -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
|
76
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarIntervalEvent.mjs
generated
vendored
Normal file
76
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarIntervalEvent.mjs
generated
vendored
Normal file
@ -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
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarIntervalEvent.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarIntervalEvent.mjs.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
61
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.css
generated
vendored
Normal file
61
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.css
generated
vendored
Normal file
@ -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;
|
||||
}
|
64
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.mjs
generated
vendored
Normal file
64
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.mjs
generated
vendored
Normal file
@ -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
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.mjs.map
generated
vendored
Normal file
@ -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"}
|
65
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.sass
generated
vendored
Normal file
65
VApp/node_modules/vuetify/lib/labs/VCalendar/VCalendarMonthDay.sass
generated
vendored
Normal file
@ -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
|
47
VApp/node_modules/vuetify/lib/labs/VCalendar/_variables.scss
generated
vendored
Normal file
47
VApp/node_modules/vuetify/lib/labs/VCalendar/_variables.scss
generated
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
$calendar-line-width: thin !default;
|
||||
$calendar-line-color: #e0e0e0 !default;
|
||||
|
||||
$calendar-header-align: center !default;
|
||||
$calendar-header-display: flex !default;
|
||||
$calendar-header-min-height: 64px !default;
|
||||
$calendar-header-today-margin-end: 24px !default;
|
||||
$calendar-header-title-font-size: 1.5rem !default;
|
||||
$calendar-header-title-margin-start: 24px !default;
|
||||
$calendar-daily-head-day-label-size: 56px !default;
|
||||
$calendar-daily-head-weekday-size: 50px !default;
|
||||
$calendar-daily-weekday-padding: 3px 0px 0px 0px !default;
|
||||
$calendar-daily-weekday-font-size: 11px !default;
|
||||
$calendar-daily-day-padding: 0px 0px 3px 0px !default;
|
||||
$calendar-daily-day-font-size: 40px !default;
|
||||
$calendar-daily-interval-gutter-top: -6px !default;
|
||||
$calendar-daily-interval-gutter-width: 4px !default;
|
||||
$calendar-daily-interval-gutter-align: right !default;
|
||||
$calendar-daily-interval-gutter-line-width: 8px !default;
|
||||
$calendar-daily-interval-gutter-font-size: 10px !default;
|
||||
|
||||
$calendar-category-column-min-width: 200px !default;
|
||||
|
||||
$calendar-weekly-weekday-padding: 8px 4px 0px 4px !default;
|
||||
$calendar-weekly-weekday-font-size: 11px !default;
|
||||
$calendar-weekly-day-min-height: 150px !default;
|
||||
$calendar-weekly-day-padding: 0px 0px 0px 0px !default;
|
||||
$calendar-weekly-day-label-size: 32px !default;
|
||||
$calendar-weekly-day-label-font-size: 12px !default;
|
||||
$calendar-weekly-day-label-margin: 4px 0 0 0 !default;
|
||||
$calendar-weekly-day-month-left: 36px !default;
|
||||
$calendar-weekly-weeknumber-background: rgb(var(--v-theme-surface-light)) !default;
|
||||
$calendar-weekly-weeknumber-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
|
||||
$calendar-weekly-weeknumber-flex-basis: 24px !default;
|
||||
$calendar-weekly-weeknumber-padding-top: 6px !default;
|
||||
$calendar-weekly-weeknumber-font-size: 12px !default;
|
||||
$calendar-weekly-weeknumber-font-weight: 500 !default;
|
||||
|
||||
$calendar-month-weeknumber-background: rgb(var(--v-theme-surface-light)) !default;
|
||||
$calendar-month-weeknumber-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
|
||||
|
||||
$calendar-event-bottom-space: 1px !default;
|
||||
$calendar-event-border-width: 1px !default;
|
||||
// $calendar-event-border-radius: $border-radius-root !default;
|
||||
$calendar-event-font-size: 12px !default;
|
||||
$calendar-event-line-height: 20px !default;
|
||||
$calendar-event-right-empty: 10px !default;
|
1592
VApp/node_modules/vuetify/lib/labs/VCalendar/index.d.mts
generated
vendored
Normal file
1592
VApp/node_modules/vuetify/lib/labs/VCalendar/index.d.mts
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
VApp/node_modules/vuetify/lib/labs/VCalendar/index.mjs
generated
vendored
Normal file
7
VApp/node_modules/vuetify/lib/labs/VCalendar/index.mjs
generated
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
export { VCalendar } from "./VCalendar.mjs";
|
||||
export { VCalendarDay } from "./VCalendarDay.mjs";
|
||||
export { VCalendarHeader } from "./VCalendarHeader.mjs";
|
||||
export { VCalendarInterval } from "./VCalendarInterval.mjs";
|
||||
export { VCalendarIntervalEvent } from "./VCalendarIntervalEvent.mjs";
|
||||
export { VCalendarMonthDay } from "./VCalendarMonthDay.mjs";
|
||||
//# sourceMappingURL=index.mjs.map
|
1
VApp/node_modules/vuetify/lib/labs/VCalendar/index.mjs.map
generated
vendored
Normal file
1
VApp/node_modules/vuetify/lib/labs/VCalendar/index.mjs.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.mjs","names":["VCalendar","VCalendarDay","VCalendarHeader","VCalendarInterval","VCalendarIntervalEvent","VCalendarMonthDay"],"sources":["../../../src/labs/VCalendar/index.ts"],"sourcesContent":["export { VCalendar } from './VCalendar'\nexport { VCalendarDay } from './VCalendarDay'\nexport { VCalendarHeader } from './VCalendarHeader'\nexport { VCalendarInterval } from './VCalendarInterval'\nexport { VCalendarIntervalEvent } from './VCalendarIntervalEvent'\nexport { VCalendarMonthDay } from './VCalendarMonthDay'\n"],"mappings":"SAASA,SAAS;AAAA,SACTC,YAAY;AAAA,SACZC,eAAe;AAAA,SACfC,iBAAiB;AAAA,SACjBC,sBAAsB;AAAA,SACtBC,iBAAiB"}
|
Reference in New Issue
Block a user