@bizy/core 19.2.0 → 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.
@@ -815,7 +815,6 @@ class BizyCalendarComponent {
815
815
  start: new Date(_event.start),
816
816
  end: new Date(_event.end),
817
817
  title: _event.description || '',
818
- incrementsBadgeTotal: _event.incrementsBadgeTotal ?? true,
819
818
  color: {
820
819
  primary: _event.color,
821
820
  secondary: _event.backgroundColor
@@ -828,11 +827,19 @@ class BizyCalendarComponent {
828
827
  afterEnd: false
829
828
  },
830
829
  draggable: false,
831
- meta: _event.meta
830
+ meta: {
831
+ incrementsBadgeTotal: _event.incrementsBadgeTotal ?? true,
832
+ ..._event.meta
833
+ }
832
834
  };
833
835
  });
834
836
  this._refresh.next();
835
837
  }
838
+ beforeMonthViewRender({ body }) {
839
+ body.forEach((day) => {
840
+ day.badgeTotal = day.events.filter((event) => event.meta.incrementsBadgeTotal).length;
841
+ });
842
+ }
836
843
  dayClicked({ date, events, isOpen }) {
837
844
  if (this.preventExpand) {
838
845
  isOpen = false;
@@ -935,7 +942,7 @@ class BizyCalendarComponent {
935
942
  provide: CalendarDateFormatter,
936
943
  useClass: BizyCalendarFormatter
937
944
  }
938
- ], 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 });
939
946
  }
940
947
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BizyCalendarComponent, decorators: [{
941
948
  type: Component,
@@ -951,7 +958,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
951
958
  provide: CalendarDateFormatter,
952
959
  useClass: BizyCalendarFormatter
953
960
  }
954
- ], 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"] }]
955
962
  }], propDecorators: { id: [{
956
963
  type: Input
957
964
  }], hideHeaderDate: [{