@mantine-vue/schedule 3.0.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.cjs +6101 -3638
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +6045 -3632
- package/esm/index.mjs.map +1 -1
- package/lib/component-props.d.ts +181 -214
- package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.d.ts +8 -114
- package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.types.d.ts +89 -0
- package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.vue.d.ts +20 -0
- package/lib/components/DayView/DayView.d.ts +10 -212
- package/lib/components/DayView/DayView.types.d.ts +65 -0
- package/lib/components/DayView/DayView.vue.d.ts +51 -0
- package/lib/components/DragContext/DragContext.d.ts +43 -5
- package/lib/components/MobileMonthView/MobileMonthView.d.ts +10 -171
- package/lib/components/MobileMonthView/MobileMonthView.types.d.ts +110 -0
- package/lib/components/MobileMonthView/MobileMonthView.vue.d.ts +44 -0
- package/lib/components/MonthView/MonthView.d.ts +10 -174
- package/lib/components/MonthView/MonthView.types.d.ts +125 -0
- package/lib/components/MonthView/MonthView.vue.d.ts +56 -0
- package/lib/components/MoreEvents/MoreEvents.d.ts +9 -65
- package/lib/components/MoreEvents/MoreEvents.types.d.ts +62 -0
- package/lib/components/MoreEvents/MoreEvents.vue.d.ts +23 -0
- package/lib/components/ResourcesDayView/ResourcesDayView.d.ts +10 -346
- package/lib/components/ResourcesDayView/ResourcesDayView.types.d.ts +308 -0
- package/lib/components/ResourcesDayView/ResourcesDayView.vue.d.ts +53 -0
- package/lib/components/ResourcesMonthView/ResourcesMonthView.d.ts +10 -279
- package/lib/components/ResourcesMonthView/ResourcesMonthView.types.d.ts +233 -0
- package/lib/components/ResourcesMonthView/ResourcesMonthView.vue.d.ts +52 -0
- package/lib/components/ResourcesMonthView/get-resources-month-view-layout/get-resources-month-view-layout.d.ts +54 -0
- package/lib/components/ResourcesMonthView/index.d.ts +1 -0
- package/lib/components/ResourcesSchedule/ResourcesSchedule.d.ts +9 -201
- package/lib/components/ResourcesSchedule/ResourcesSchedule.types.d.ts +159 -0
- package/lib/components/ResourcesSchedule/ResourcesSchedule.vue.d.ts +44 -0
- package/lib/components/ResourcesWeekView/ResourcesWeekView.d.ts +10 -412
- package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts +314 -0
- package/lib/components/ResourcesWeekView/ResourcesWeekView.vue.d.ts +58 -0
- package/lib/components/Schedule/Schedule.d.ts +9 -134
- package/lib/components/Schedule/Schedule.types.d.ts +153 -0
- package/lib/components/Schedule/Schedule.vue.d.ts +50 -0
- package/lib/components/ScheduleEvent/ScheduleEvent.d.ts +11 -88
- package/lib/components/ScheduleEvent/ScheduleEvent.types.d.ts +109 -0
- package/lib/components/ScheduleEvent/ScheduleEvent.vue.d.ts +24 -0
- package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.d.ts +36 -0
- package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.types.d.ts +44 -0
- package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.vue.d.ts +14 -0
- package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderNext.vue.d.ts +11 -0
- package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderPrevious.vue.d.ts +11 -0
- package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderToday.vue.d.ts +11 -0
- package/lib/components/ScheduleHeader/HeaderControl/index.d.ts +1 -2
- package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.d.ts +8 -0
- package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.types.d.ts +70 -0
- package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.vue.d.ts +21 -0
- package/lib/components/ScheduleHeader/MonthYearSelect/index.d.ts +1 -2
- package/lib/components/ScheduleHeader/ScheduleHeader.context.d.ts +12 -0
- package/lib/components/ScheduleHeader/ScheduleHeader.d.ts +20 -364
- package/lib/components/ScheduleHeader/ScheduleHeader.types.d.ts +28 -0
- package/lib/components/ScheduleHeader/ScheduleHeader.vue.d.ts +11 -0
- package/lib/components/ScheduleHeader/ScheduleHeaderBase.d.ts +37 -75
- package/lib/components/ScheduleHeader/ScheduleHeaderBase.types.d.ts +54 -0
- package/lib/components/ScheduleHeader/ScheduleHeaderBase.vue.d.ts +21 -0
- package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.d.ts +8 -0
- package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.types.d.ts +39 -0
- package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.vue.d.ts +16 -0
- package/lib/components/ScheduleHeader/ViewSelect/index.d.ts +1 -2
- package/lib/components/ScheduleHeader/index.d.ts +4 -0
- package/lib/components/WeekView/WeekView.d.ts +10 -294
- package/lib/components/WeekView/WeekView.types.d.ts +129 -0
- package/lib/components/WeekView/WeekView.vue.d.ts +60 -0
- package/lib/components/YearView/YearView.d.ts +9 -151
- package/lib/components/YearView/YearView.types.d.ts +87 -0
- package/lib/components/YearView/YearView.vue.d.ts +35 -0
- package/lib/components/shared.d.ts +71 -141
- package/lib/components/use-slot-drag-select.d.ts +7 -9
- package/lib/components/use-slot-drop-target.d.ts +38 -0
- package/lib/hooks/use-event-resize.d.ts +1 -1
- package/lib/hooks/use-horizontal-event-resize.d.ts +2 -156
- package/lib/index.d.mts +1 -0
- package/lib/index.d.ts +1 -0
- package/package.json +4 -4
- package/styles.css +44 -54
- package/styles.layer.css +44 -54
package/styles.layer.css
CHANGED
|
@@ -489,10 +489,6 @@
|
|
|
489
489
|
border-color: var(--mantine-primary-color-filled-hover);
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
|
-
._viewSelect_1xfvc_1 {
|
|
493
|
-
display: flex;
|
|
494
|
-
gap: calc(0.25rem * var(--mantine-scale));
|
|
495
|
-
}
|
|
496
492
|
._monthYearSelectTarget_2hd16_1 {
|
|
497
493
|
text-transform: capitalize;
|
|
498
494
|
min-width: calc(5rem * var(--mantine-scale));
|
|
@@ -570,7 +566,11 @@
|
|
|
570
566
|
background-color: var(--mantine-primary-color-filled-hover);
|
|
571
567
|
}
|
|
572
568
|
}
|
|
573
|
-
.
|
|
569
|
+
._viewSelect_1xfvc_1 {
|
|
570
|
+
display: flex;
|
|
571
|
+
gap: calc(0.25rem * var(--mantine-scale));
|
|
572
|
+
}
|
|
573
|
+
._dayView_r6otq_1 {
|
|
574
574
|
--slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
|
|
575
575
|
--all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
|
|
576
576
|
--day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
|
|
@@ -579,55 +579,45 @@
|
|
|
579
579
|
overflow: hidden;
|
|
580
580
|
}
|
|
581
581
|
|
|
582
|
-
:where([data-mantine-color-scheme='light']) .
|
|
582
|
+
:where([data-mantine-color-scheme='light']) ._dayView_r6otq_1 {
|
|
583
583
|
--day-view-border-color: var(--mantine-color-gray-3);
|
|
584
584
|
--day-view-business-hours-bg: var(--mantine-color-white);
|
|
585
585
|
--day-view-non-business-hours-bg: var(--mantine-color-gray-0);
|
|
586
586
|
}
|
|
587
587
|
|
|
588
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
588
|
+
:where([data-mantine-color-scheme='dark']) ._dayView_r6otq_1 {
|
|
589
589
|
--day-view-border-color: var(--mantine-color-dark-4);
|
|
590
590
|
--day-view-business-hours-bg: var(--mantine-color-dark-7);
|
|
591
591
|
--day-view-non-business-hours-bg: var(--mantine-color-dark-6);
|
|
592
592
|
}
|
|
593
593
|
|
|
594
|
-
.
|
|
595
|
-
text-transform: capitalize;
|
|
596
|
-
height: calc(2.5rem * var(--mantine-scale));
|
|
597
|
-
display: flex;
|
|
598
|
-
align-items: center;
|
|
599
|
-
justify-content: center;
|
|
600
|
-
font-size: var(--mantine-font-size-sm);
|
|
601
|
-
font-weight: var(--mantine-font-weight-medium);
|
|
602
|
-
}
|
|
603
|
-
|
|
604
|
-
._dayViewScrollArea_wgb7d_32 {
|
|
594
|
+
._dayViewScrollArea_r6otq_22 {
|
|
605
595
|
border: 1px solid var(--day-view-border-color);
|
|
606
596
|
border-radius: var(--day-view-radius);
|
|
607
597
|
overflow: hidden;
|
|
608
598
|
}
|
|
609
599
|
|
|
610
|
-
.
|
|
600
|
+
._dayViewScrollArea_r6otq_22 :where(.mantine-ScrollArea-scrollbar) {
|
|
611
601
|
z-index: 4;
|
|
612
602
|
}
|
|
613
603
|
|
|
614
|
-
.
|
|
604
|
+
._dayViewInner_r6otq_32 {
|
|
615
605
|
display: flex;
|
|
616
606
|
}
|
|
617
607
|
|
|
618
|
-
.
|
|
608
|
+
._dayViewTimeSlots_r6otq_36 {
|
|
619
609
|
position: relative;
|
|
620
610
|
}
|
|
621
611
|
|
|
622
|
-
.
|
|
612
|
+
._dayViewTimeSlots_r6otq_36:where(:first-of-type) ._dayViewSlot_r6otq_39:where([data-first]) {
|
|
623
613
|
border-top-color: transparent;
|
|
624
614
|
}
|
|
625
615
|
|
|
626
|
-
.
|
|
616
|
+
._dayViewSlotLabels_r6otq_44 {
|
|
627
617
|
width: var(--day-view-slot-labels-width);
|
|
628
618
|
}
|
|
629
619
|
|
|
630
|
-
.
|
|
620
|
+
._dayViewSlotLabel_r6otq_44 {
|
|
631
621
|
height: var(--slot-height);
|
|
632
622
|
border-top: 1px solid var(--day-view-border-color);
|
|
633
623
|
font-size: var(--mantine-font-size-sm);
|
|
@@ -636,28 +626,28 @@
|
|
|
636
626
|
font-variant-numeric: tabular-nums;
|
|
637
627
|
}
|
|
638
628
|
|
|
639
|
-
.
|
|
629
|
+
._dayViewSlotLabel_r6otq_44:where([data-all-day]) {
|
|
640
630
|
height: var(--all-day-slot-height);
|
|
641
631
|
border-top: 0;
|
|
642
632
|
}
|
|
643
633
|
|
|
644
|
-
.
|
|
634
|
+
._dayViewSlotLabel_r6otq_44:where(:first-of-type) {
|
|
645
635
|
border-top: 0;
|
|
646
636
|
}
|
|
647
637
|
|
|
648
|
-
.
|
|
638
|
+
._dayViewSlotLabel_r6otq_44:where([data-business-hours]) {
|
|
649
639
|
background-color: var(--day-view-business-hours-bg);
|
|
650
640
|
}
|
|
651
641
|
|
|
652
|
-
.
|
|
642
|
+
._dayViewSlotLabel_r6otq_44:where([data-non-business-hours]) {
|
|
653
643
|
background-color: var(--day-view-non-business-hours-bg);
|
|
654
644
|
}
|
|
655
645
|
|
|
656
|
-
.
|
|
646
|
+
._dayViewSlots_r6otq_74 {
|
|
657
647
|
flex: 1;
|
|
658
648
|
}
|
|
659
649
|
|
|
660
|
-
.
|
|
650
|
+
._dayViewSlot_r6otq_39 {
|
|
661
651
|
display: block;
|
|
662
652
|
width: 100%;
|
|
663
653
|
border-top: 1px dotted var(--day-view-border-color);
|
|
@@ -665,56 +655,56 @@
|
|
|
665
655
|
position: relative;
|
|
666
656
|
}
|
|
667
657
|
|
|
668
|
-
.
|
|
658
|
+
._dayViewSlot_r6otq_39:where(:focus) {
|
|
669
659
|
z-index: 1;
|
|
670
660
|
}
|
|
671
661
|
|
|
672
|
-
.
|
|
662
|
+
._dayViewSlot_r6otq_39:where([data-hour-start]) {
|
|
673
663
|
border-top: 1px solid var(--day-view-border-color);
|
|
674
664
|
}
|
|
675
665
|
|
|
676
666
|
@media (hover: hover) {
|
|
677
|
-
:where([data-mantine-color-scheme='light']) .
|
|
667
|
+
:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:hover {
|
|
678
668
|
background-color: var(--mantine-color-gray-1);
|
|
679
669
|
}
|
|
680
670
|
|
|
681
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
671
|
+
:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:hover {
|
|
682
672
|
background-color: var(--mantine-color-dark-5);
|
|
683
673
|
}
|
|
684
674
|
}
|
|
685
675
|
|
|
686
676
|
@media (hover: none) {
|
|
687
|
-
:where([data-mantine-color-scheme='light']) .
|
|
677
|
+
:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:active {
|
|
688
678
|
background-color: var(--mantine-color-gray-1);
|
|
689
679
|
}
|
|
690
680
|
|
|
691
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
681
|
+
:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:active {
|
|
692
682
|
background-color: var(--mantine-color-dark-5);
|
|
693
683
|
}
|
|
694
684
|
}
|
|
695
685
|
|
|
696
|
-
.
|
|
686
|
+
._dayViewSlot_r6otq_39:where([data-all-day]) {
|
|
697
687
|
height: var(--all-day-slot-height);
|
|
698
688
|
border-top: 0;
|
|
699
689
|
}
|
|
700
690
|
|
|
701
|
-
.
|
|
691
|
+
._dayViewSlot_r6otq_39:where([data-business-hours]) {
|
|
702
692
|
background-color: var(--day-view-business-hours-bg);
|
|
703
693
|
}
|
|
704
694
|
|
|
705
|
-
.
|
|
695
|
+
._dayViewSlot_r6otq_39:where([data-non-business-hours]) {
|
|
706
696
|
background-color: var(--day-view-non-business-hours-bg);
|
|
707
697
|
}
|
|
708
698
|
|
|
709
|
-
:where([data-mantine-color-scheme='light']) .
|
|
699
|
+
:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
|
|
710
700
|
background-color: var(--mantine-color-blue-1);
|
|
711
701
|
}
|
|
712
702
|
|
|
713
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
703
|
+
:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
|
|
714
704
|
background-color: var(--mantine-color-dark-5);
|
|
715
705
|
}
|
|
716
706
|
|
|
717
|
-
.
|
|
707
|
+
._dayViewSlot_r6otq_39:where([data-drop-target])::before {
|
|
718
708
|
content: '';
|
|
719
709
|
position: absolute;
|
|
720
710
|
inset: 0;
|
|
@@ -724,20 +714,20 @@
|
|
|
724
714
|
border-radius: calc(0.125rem * var(--mantine-scale));
|
|
725
715
|
}
|
|
726
716
|
|
|
727
|
-
:where([data-mantine-color-scheme='light']) .
|
|
717
|
+
:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
|
|
728
718
|
border-color: var(--mantine-color-blue-4);
|
|
729
719
|
}
|
|
730
720
|
|
|
731
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
721
|
+
:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
|
|
732
722
|
border-color: var(--mantine-color-blue-6);
|
|
733
723
|
}
|
|
734
724
|
|
|
735
|
-
.
|
|
736
|
-
.
|
|
725
|
+
._dayViewSlot_r6otq_39:where([data-drag-selected]),
|
|
726
|
+
._dayViewSlot_r6otq_39:where([data-drag-selected]):hover {
|
|
737
727
|
background-color: var(--mantine-primary-color-light);
|
|
738
728
|
}
|
|
739
729
|
|
|
740
|
-
.
|
|
730
|
+
._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
|
|
741
731
|
content: '';
|
|
742
732
|
position: absolute;
|
|
743
733
|
inset: calc(-0.0625rem * var(--mantine-scale));
|
|
@@ -746,24 +736,24 @@
|
|
|
746
736
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
747
737
|
}
|
|
748
738
|
|
|
749
|
-
:where([data-mantine-color-scheme='light']) .
|
|
739
|
+
:where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
|
|
750
740
|
border-color: var(--mantine-primary-color-2);
|
|
751
741
|
}
|
|
752
742
|
|
|
753
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
743
|
+
:where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
|
|
754
744
|
border-color: var(--mantine-primary-color-9);
|
|
755
745
|
}
|
|
756
746
|
|
|
757
|
-
.
|
|
747
|
+
._dayViewSlot_r6otq_39:where([data-drag-slot-index]) {
|
|
758
748
|
touch-action: none;
|
|
759
749
|
}
|
|
760
750
|
|
|
761
|
-
.
|
|
751
|
+
._dayViewSlot_r6otq_39:where([data-static]) {
|
|
762
752
|
cursor: default;
|
|
763
753
|
pointer-events: none;
|
|
764
754
|
}
|
|
765
755
|
|
|
766
|
-
.
|
|
756
|
+
._dayViewBackgroundEvent_r6otq_178 {
|
|
767
757
|
position: absolute;
|
|
768
758
|
border-radius: 0;
|
|
769
759
|
pointer-events: none;
|
|
@@ -776,12 +766,12 @@
|
|
|
776
766
|
color: var(--bg-event-color);
|
|
777
767
|
}
|
|
778
768
|
|
|
779
|
-
.
|
|
769
|
+
._dayViewAllDay_r6otq_191 {
|
|
780
770
|
position: relative;
|
|
781
771
|
height: var(--all-day-slot-height);
|
|
782
772
|
}
|
|
783
773
|
|
|
784
|
-
.
|
|
774
|
+
._dayViewAllDayEvents_r6otq_196 {
|
|
785
775
|
position: absolute;
|
|
786
776
|
inset: 0;
|
|
787
777
|
display: flex;
|