@bizy/core 19.1.3 → 19.2.1
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/fesm2022/bizy-core.mjs
CHANGED
|
@@ -827,11 +827,19 @@ class BizyCalendarComponent {
|
|
|
827
827
|
afterEnd: false
|
|
828
828
|
},
|
|
829
829
|
draggable: false,
|
|
830
|
-
meta:
|
|
830
|
+
meta: {
|
|
831
|
+
incrementsBadgeTotal: _event.incrementsBadgeTotal ?? true,
|
|
832
|
+
..._event.meta
|
|
833
|
+
}
|
|
831
834
|
};
|
|
832
835
|
});
|
|
833
836
|
this._refresh.next();
|
|
834
837
|
}
|
|
838
|
+
beforeMonthViewRender({ body }) {
|
|
839
|
+
body.forEach((day) => {
|
|
840
|
+
day.badgeTotal = day.events.filter((event) => event.meta.incrementsBadgeTotal).length;
|
|
841
|
+
});
|
|
842
|
+
}
|
|
835
843
|
dayClicked({ date, events, isOpen }) {
|
|
836
844
|
if (this.preventExpand) {
|
|
837
845
|
isOpen = false;
|
|
@@ -934,7 +942,7 @@ class BizyCalendarComponent {
|
|
|
934
942
|
provide: CalendarDateFormatter,
|
|
935
943
|
useClass: BizyCalendarFormatter
|
|
936
944
|
}
|
|
937
|
-
], ngImport: i0, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i2.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i2.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
945
|
+
], ngImport: i0, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n (beforeViewRender)=\"beforeMonthViewRender($event)\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i2.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i2.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
938
946
|
}
|
|
939
947
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyCalendarComponent, decorators: [{
|
|
940
948
|
type: Component,
|
|
@@ -950,7 +958,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
950
958
|
provide: CalendarDateFormatter,
|
|
951
959
|
useClass: BizyCalendarFormatter
|
|
952
960
|
}
|
|
953
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"] }]
|
|
961
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template \n #bizyCustomCalendarWeekEventTemplate\n let-weekEvent=\"weekEvent\"\n let-locale=\"locale\"\n let-eventClicked=\"eventClicked\"\n let-tooltipPlacement=\"tooltipPlacement\"\n let-tooltipTemplate=\"tooltipTemplate\"\n let-tooltipAppendToBody=\"tooltipAppendToBody\"\n let-tooltipDisabled=\"tooltipDisabled\">\n\n <ng-container *ngIf=\"customCalendarWeekEventTemplate\">\n <ng-container *ngTemplateOutlet=\"customCalendarWeekEventTemplate; context: { $implicit: { id: weekEvent.event.id, start: weekEvent.event.start, end: weekEvent.event.end, description: weekEvent.event.title, color: weekEvent.event.color.primary, backgroundColor: weekEvent.event.color.secondary, meta: weekEvent.event.meta}}\"></ng-container>\n </ng-container>\n\n</ng-template>\n\n\n<ng-container [ngSwitch]=\"mode\">\n\n <mwl-calendar-month-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.MONTH\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [activeDayIsOpen]=\"_activeDayIsOpen\"\n (beforeViewRender)=\"beforeMonthViewRender($event)\"\n [excludeDays]=\"excludeDays\"\n (dayClicked)=\"dayClicked($event.day)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-month-view>\n\n <mwl-calendar-week-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.WEEK\"\n [ngClass]=\"{'bizy-calendar--hide-header-date': hideHeaderDate}\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [eventTemplate]=\"customCalendarWeekEventTemplate ? bizyCustomCalendarWeekEventTemplate : ''\"\n [excludeDays]=\"excludeDays\"\n (dayHeaderClicked)=\"dayHeaderClicked($event.day.date)\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-week-view>\n\n <mwl-calendar-day-view\n *ngSwitchCase=\"BIZY_CALENDAR_MODE.DAY\"\n [viewDate]=\"_viewDate\"\n [events]=\"_calendarEvents\"\n [weekendDays]=\"weekendDays\"\n [weekStartsOn]=\"weekStartsOn\"\n [dayStartHour]=\"dayStartHour\"\n [dayEndHour]=\"dayEndHour\"\n [hourDuration]=\"hourMinutesDuration\"\n [hourSegments]=\"hourSegments\"\n [refresh]=\"_refresh\"\n [locale]=\"language\"\n [excludeDays]=\"excludeDays\"\n (hourSegmentClicked)=\"hourSegmentClicked($event.date)\"\n (eventClicked)=\"eventClicked($event.event)\">\n </mwl-calendar-day-view>\n\n</ng-container>\n", styles: [":host{font-size:1rem}.custom-calendar-week-event{width:100%;height:100%;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;line-height:1.2}\n"] }]
|
|
954
962
|
}], propDecorators: { id: [{
|
|
955
963
|
type: Input
|
|
956
964
|
}], hideHeaderDate: [{
|