@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.
Files changed (80) hide show
  1. package/cjs/index.cjs +6101 -3638
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +6045 -3632
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/component-props.d.ts +181 -214
  6. package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.d.ts +8 -114
  7. package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.types.d.ts +89 -0
  8. package/lib/components/CurrentTimeIndicator/CurrentTimeIndicator.vue.d.ts +20 -0
  9. package/lib/components/DayView/DayView.d.ts +10 -212
  10. package/lib/components/DayView/DayView.types.d.ts +65 -0
  11. package/lib/components/DayView/DayView.vue.d.ts +51 -0
  12. package/lib/components/DragContext/DragContext.d.ts +43 -5
  13. package/lib/components/MobileMonthView/MobileMonthView.d.ts +10 -171
  14. package/lib/components/MobileMonthView/MobileMonthView.types.d.ts +110 -0
  15. package/lib/components/MobileMonthView/MobileMonthView.vue.d.ts +44 -0
  16. package/lib/components/MonthView/MonthView.d.ts +10 -174
  17. package/lib/components/MonthView/MonthView.types.d.ts +125 -0
  18. package/lib/components/MonthView/MonthView.vue.d.ts +56 -0
  19. package/lib/components/MoreEvents/MoreEvents.d.ts +9 -65
  20. package/lib/components/MoreEvents/MoreEvents.types.d.ts +62 -0
  21. package/lib/components/MoreEvents/MoreEvents.vue.d.ts +23 -0
  22. package/lib/components/ResourcesDayView/ResourcesDayView.d.ts +10 -346
  23. package/lib/components/ResourcesDayView/ResourcesDayView.types.d.ts +308 -0
  24. package/lib/components/ResourcesDayView/ResourcesDayView.vue.d.ts +53 -0
  25. package/lib/components/ResourcesMonthView/ResourcesMonthView.d.ts +10 -279
  26. package/lib/components/ResourcesMonthView/ResourcesMonthView.types.d.ts +233 -0
  27. package/lib/components/ResourcesMonthView/ResourcesMonthView.vue.d.ts +52 -0
  28. package/lib/components/ResourcesMonthView/get-resources-month-view-layout/get-resources-month-view-layout.d.ts +54 -0
  29. package/lib/components/ResourcesMonthView/index.d.ts +1 -0
  30. package/lib/components/ResourcesSchedule/ResourcesSchedule.d.ts +9 -201
  31. package/lib/components/ResourcesSchedule/ResourcesSchedule.types.d.ts +159 -0
  32. package/lib/components/ResourcesSchedule/ResourcesSchedule.vue.d.ts +44 -0
  33. package/lib/components/ResourcesWeekView/ResourcesWeekView.d.ts +10 -412
  34. package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts +314 -0
  35. package/lib/components/ResourcesWeekView/ResourcesWeekView.vue.d.ts +58 -0
  36. package/lib/components/Schedule/Schedule.d.ts +9 -134
  37. package/lib/components/Schedule/Schedule.types.d.ts +153 -0
  38. package/lib/components/Schedule/Schedule.vue.d.ts +50 -0
  39. package/lib/components/ScheduleEvent/ScheduleEvent.d.ts +11 -88
  40. package/lib/components/ScheduleEvent/ScheduleEvent.types.d.ts +109 -0
  41. package/lib/components/ScheduleEvent/ScheduleEvent.vue.d.ts +24 -0
  42. package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.d.ts +36 -0
  43. package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.types.d.ts +44 -0
  44. package/lib/components/ScheduleHeader/HeaderControl/HeaderControl.vue.d.ts +14 -0
  45. package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderNext.vue.d.ts +11 -0
  46. package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderPrevious.vue.d.ts +11 -0
  47. package/lib/components/ScheduleHeader/HeaderControl/ScheduleHeaderToday.vue.d.ts +11 -0
  48. package/lib/components/ScheduleHeader/HeaderControl/index.d.ts +1 -2
  49. package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.d.ts +8 -0
  50. package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.types.d.ts +70 -0
  51. package/lib/components/ScheduleHeader/MonthYearSelect/MonthYearSelect.vue.d.ts +21 -0
  52. package/lib/components/ScheduleHeader/MonthYearSelect/index.d.ts +1 -2
  53. package/lib/components/ScheduleHeader/ScheduleHeader.context.d.ts +12 -0
  54. package/lib/components/ScheduleHeader/ScheduleHeader.d.ts +20 -364
  55. package/lib/components/ScheduleHeader/ScheduleHeader.types.d.ts +28 -0
  56. package/lib/components/ScheduleHeader/ScheduleHeader.vue.d.ts +11 -0
  57. package/lib/components/ScheduleHeader/ScheduleHeaderBase.d.ts +37 -75
  58. package/lib/components/ScheduleHeader/ScheduleHeaderBase.types.d.ts +54 -0
  59. package/lib/components/ScheduleHeader/ScheduleHeaderBase.vue.d.ts +21 -0
  60. package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.d.ts +8 -0
  61. package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.types.d.ts +39 -0
  62. package/lib/components/ScheduleHeader/ViewSelect/ViewSelect.vue.d.ts +16 -0
  63. package/lib/components/ScheduleHeader/ViewSelect/index.d.ts +1 -2
  64. package/lib/components/ScheduleHeader/index.d.ts +4 -0
  65. package/lib/components/WeekView/WeekView.d.ts +10 -294
  66. package/lib/components/WeekView/WeekView.types.d.ts +129 -0
  67. package/lib/components/WeekView/WeekView.vue.d.ts +60 -0
  68. package/lib/components/YearView/YearView.d.ts +9 -151
  69. package/lib/components/YearView/YearView.types.d.ts +87 -0
  70. package/lib/components/YearView/YearView.vue.d.ts +35 -0
  71. package/lib/components/shared.d.ts +71 -141
  72. package/lib/components/use-slot-drag-select.d.ts +7 -9
  73. package/lib/components/use-slot-drop-target.d.ts +38 -0
  74. package/lib/hooks/use-event-resize.d.ts +1 -1
  75. package/lib/hooks/use-horizontal-event-resize.d.ts +2 -156
  76. package/lib/index.d.mts +1 -0
  77. package/lib/index.d.ts +1 -0
  78. package/package.json +4 -4
  79. package/styles.css +44 -54
  80. 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
- ._dayView_wgb7d_1 {
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']) ._dayView_wgb7d_1 {
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']) ._dayView_wgb7d_1 {
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
- ._dayViewHeader_wgb7d_22 {
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
- ._dayViewScrollArea_wgb7d_32 :where(.mantine-ScrollArea-scrollbar) {
600
+ ._dayViewScrollArea_r6otq_22 :where(.mantine-ScrollArea-scrollbar) {
611
601
  z-index: 4;
612
602
  }
613
603
 
614
- ._dayViewInner_wgb7d_42 {
604
+ ._dayViewInner_r6otq_32 {
615
605
  display: flex;
616
606
  }
617
607
 
618
- ._dayViewTimeSlots_wgb7d_46 {
608
+ ._dayViewTimeSlots_r6otq_36 {
619
609
  position: relative;
620
610
  }
621
611
 
622
- ._dayViewTimeSlots_wgb7d_46:where(:first-of-type) ._dayViewSlot_wgb7d_49:where([data-first]) {
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
- ._dayViewSlotLabels_wgb7d_54 {
616
+ ._dayViewSlotLabels_r6otq_44 {
627
617
  width: var(--day-view-slot-labels-width);
628
618
  }
629
619
 
630
- ._dayViewSlotLabel_wgb7d_54 {
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
- ._dayViewSlotLabel_wgb7d_54:where([data-all-day]) {
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
- ._dayViewSlotLabel_wgb7d_54:where(:first-of-type) {
634
+ ._dayViewSlotLabel_r6otq_44:where(:first-of-type) {
645
635
  border-top: 0;
646
636
  }
647
637
 
648
- ._dayViewSlotLabel_wgb7d_54:where([data-business-hours]) {
638
+ ._dayViewSlotLabel_r6otq_44:where([data-business-hours]) {
649
639
  background-color: var(--day-view-business-hours-bg);
650
640
  }
651
641
 
652
- ._dayViewSlotLabel_wgb7d_54:where([data-non-business-hours]) {
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
- ._dayViewSlots_wgb7d_84 {
646
+ ._dayViewSlots_r6otq_74 {
657
647
  flex: 1;
658
648
  }
659
649
 
660
- ._dayViewSlot_wgb7d_49 {
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
- ._dayViewSlot_wgb7d_49:where(:focus) {
658
+ ._dayViewSlot_r6otq_39:where(:focus) {
669
659
  z-index: 1;
670
660
  }
671
661
 
672
- ._dayViewSlot_wgb7d_49:where([data-hour-start]) {
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']) ._dayViewSlot_wgb7d_49:hover {
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']) ._dayViewSlot_wgb7d_49:hover {
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']) ._dayViewSlot_wgb7d_49:active {
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']) ._dayViewSlot_wgb7d_49:active {
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
- ._dayViewSlot_wgb7d_49:where([data-all-day]) {
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
- ._dayViewSlot_wgb7d_49:where([data-business-hours]) {
691
+ ._dayViewSlot_r6otq_39:where([data-business-hours]) {
702
692
  background-color: var(--day-view-business-hours-bg);
703
693
  }
704
694
 
705
- ._dayViewSlot_wgb7d_49:where([data-non-business-hours]) {
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']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
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']) ._dayViewSlot_wgb7d_49:where([data-drop-target]) {
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
- ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
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']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
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']) ._dayViewSlot_wgb7d_49:where([data-drop-target])::before {
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
- ._dayViewSlot_wgb7d_49:where([data-drag-selected]),
736
- ._dayViewSlot_wgb7d_49:where([data-drag-selected]):hover {
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
- ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
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']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
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']) ._dayViewSlot_wgb7d_49:where([data-drag-selected])::before {
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
- ._dayViewSlot_wgb7d_49:where([data-drag-slot-index]) {
747
+ ._dayViewSlot_r6otq_39:where([data-drag-slot-index]) {
758
748
  touch-action: none;
759
749
  }
760
750
 
761
- ._dayViewSlot_wgb7d_49:where([data-static]) {
751
+ ._dayViewSlot_r6otq_39:where([data-static]) {
762
752
  cursor: default;
763
753
  pointer-events: none;
764
754
  }
765
755
 
766
- ._dayViewBackgroundEvent_wgb7d_188 {
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
- ._dayViewAllDay_wgb7d_201 {
769
+ ._dayViewAllDay_r6otq_191 {
780
770
  position: relative;
781
771
  height: var(--all-day-slot-height);
782
772
  }
783
773
 
784
- ._dayViewAllDayEvents_wgb7d_206 {
774
+ ._dayViewAllDayEvents_r6otq_196 {
785
775
  position: absolute;
786
776
  inset: 0;
787
777
  display: flex;