@biit-solutions/wizardry-theme 1.21.34

package/fesm2020/biit-solutions-wizardry-theme-calendar.mjs

@@ -0,0 +1,369 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@ngneat/transloco';
+import { TRANSLOCO_SCOPE } from '@ngneat/transloco';
+import { enGB, nl, es } from 'date-fns/locale';
+import { differenceInMinutes, startOfHour, startOfDay, setDefaultOptions, endOfWeek, addDays, addMinutes, isSameDay } from 'date-fns';
+import { Subject, fromEvent, finalize, takeUntil } from 'rxjs';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'angular-calendar';
+import { CalendarModule, DateAdapter } from 'angular-calendar';
+import * as i4 from 'angular-draggable-droppable';
+import * as i5 from '@perfectmemory/ngx-contextmenu';
+import { ContextMenuModule } from '@perfectmemory/ngx-contextmenu';
+import * as i6 from '@ngneat/transloco-locale';
+import { TranslocoDatePipe } from '@ngneat/transloco-locale';
+import { TranslocoRootModule } from '@biit-solutions/wizardry-theme/i18n';
+import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
+
+class EventColor {
+}
+EventColor.RED = {
+    primary: '#F20D5E',
+    secondary: '#FDD6E4',
+    hover: '#F3C0D4',
+    tertiary: '#A1093F',
+    barred: false
+};
+EventColor.GREEN = {
+    primary: '#57A87F',
+    secondary: '#cee6dc',
+    hover: '#b2d8c7',
+    tertiary: '#2b5440',
+    barred: false
+};
+EventColor.YELLOW = {
+    primary: '#ddab40',
+    secondary: '#f4e7c7',
+    hover: '#eddaa6',
+    tertiary: '#6f561f',
+    barred: false
+};
+EventColor.BLUE = {
+    primary: '#3f82c2',
+    secondary: '#c8dded',
+    hover: '#a7c7e2',
+    tertiary: '#1e4161',
+    barred: false
+};
+EventColor.PURPLE = {
+    primary: '#66417e',
+    secondary: '#d6cddc',
+    hover: '#beaec7',
+    tertiary: '#33213f',
+    barred: false
+};
+EventColor.GREY = {
+    primary: '#716e6e',
+    secondary: '#dddddd',
+    hover: '#bdbdbd',
+    tertiary: '#474747',
+    barred: false
+};
+EventColor.EMPTY_RED = {
+    primary: '#F20D5E',
+    secondary: '#FFFFFF',
+    hover: '#F3C0D4',
+    tertiary: '#A1093F',
+    barred: false
+};
+EventColor.EMPTY_GREEN = {
+    primary: '#57A87F',
+    secondary: '#FFFFFF',
+    hover: '#b2d8c7',
+    tertiary: '#2b5440',
+    barred: false
+};
+EventColor.EMPTY_YELLOW = {
+    primary: '#ddab40',
+    secondary: '#FFFFFF',
+    hover: '#eddaa6',
+    tertiary: '#6f561f',
+    barred: false
+};
+EventColor.EMPTY_BLUE = {
+    primary: '#3f82c2',
+    secondary: '#FFFFFF',
+    hover: '#a7c7e2',
+    tertiary: '#1e4161',
+    barred: false
+};
+EventColor.EMPTY_PURPLE = {
+    primary: '#66417e',
+    secondary: '#FFFFFF',
+    hover: '#beaec7',
+    tertiary: '#33213f',
+    barred: false
+};
+EventColor.BARRED_BLUE = {
+    primary: '#3f82c2',
+    secondary: '#FFFFFF',
+    hover: '#a7c7e2',
+    tertiary: '#1e4161',
+    barred: true
+};
+EventColor.BARRED_GREY = {
+    primary: '#716e6e',
+    secondary: '#dddddd',
+    hover: '#bdbdbd',
+    tertiary: '#474747',
+    barred: true
+};
+EventColor.BARRED_YELLOW = {
+    primary: '#ddab40',
+    secondary: '#f4e7c7',
+    hover: '#eddaa6',
+    tertiary: '#6f561f',
+    barred: true
+};
+
+class CalendarConfiguration {
+    constructor(createdOnDrag = false, barred = false) {
+        this.createOnDrag = false;
+        this.barred = false;
+        this.createOnDrag = createdOnDrag;
+        this.barred = barred;
+    }
+}
+
+class BiitCalendarComponent {
+    constructor(transloco, cdr, elem) {
+        this.transloco = transloco;
+        this.cdr = cdr;
+        this.elem = elem;
+        this.calendarMode = CalendarMode.MONTH;
+        this.viewDate = new Date();
+        this.events = [];
+        this.configuration = new CalendarConfiguration();
+        this.onEventDrop = new EventEmitter();
+        this.onEventClick = new EventEmitter();
+        this.onEventDblClick = new EventEmitter();
+        this.onCreatedEvent = new EventEmitter();
+        this.weekStartsOn = 1;
+        this.$calendarEvent = castTo();
+        this.refresh = new Subject();
+        this.CalendarMode = CalendarMode;
+    }
+    customHeaderDate(date) {
+        throw new Error('Method not implemented.');
+    }
+    log(event) {
+        console.debug("DEVELOPMENT LOG: ", event);
+    }
+    ngOnInit() {
+        this.initLocalization();
+    }
+    ngAfterViewInit() {
+        this.scrollToCurrentView();
+    }
+    scrollToCurrentView() {
+        if (this.calendarMode === CalendarMode.WEEK) {
+            // each hour is 60px high, so to get the pixels to scroll it's just the amount of minutes since midnight
+            this.elem.nativeElement.querySelector('.cal-time-events').scrollTop = differenceInMinutes(startOfHour(new Date()), startOfDay(new Date()));
+        }
+    }
+    initLocalization() {
+        switch (this.transloco.getActiveLang()) {
+            case 'es':
+                this.locale = es;
+                break;
+            case 'nl':
+                this.locale = nl;
+                break;
+            default:
+                this.locale = enGB;
+        }
+        setDefaultOptions({ locale: this.locale });
+    }
+    eventStyles(color) {
+        return {
+            '--event-primary': color.primary,
+            '--event-secondary': color.secondary,
+            '--event-hover': color.hover,
+            '--event-tertiary': color.tertiary
+        };
+    }
+    floorToNearest(amount, precision) {
+        return Math.floor(amount / precision) * precision;
+    }
+    ceilToNearest(amount, precision) {
+        return Math.ceil(amount / precision) * precision;
+    }
+    startDragToCreate(segment, segmentElement, event) {
+        if (event.button !== 0 /* left click */) {
+            return;
+        }
+        if (!this.configuration.createOnDrag) {
+            return;
+        }
+        const dragToSelectEvent = {
+            id: this.events.length,
+            title: undefined,
+            start: segment.date,
+            end: segment.date,
+            meta: {
+                tmpEvent: true,
+            },
+            color: EventColor.RED,
+        };
+        this.events = [...this.events, dragToSelectEvent];
+        const segmentPosition = segmentElement.getBoundingClientRect();
+        const endOfView = endOfWeek(this.viewDate, {
+            weekStartsOn: this.weekStartsOn,
+        });
+        fromEvent(document, 'mousemove')
+            .pipe(finalize(() => {
+            this.onCreatedEvent.emit(dragToSelectEvent);
+            delete dragToSelectEvent.meta.tmpEvent;
+            this.refreshCalendar();
+        }), takeUntil(fromEvent(document, 'mouseup')))
+            .subscribe((mouseMoveEvent) => {
+            const minutesDiff = this.ceilToNearest(mouseMoveEvent.clientY - segmentPosition.top, 30) - 1;
+            const daysDiff = this.floorToNearest(mouseMoveEvent.clientX - segmentPosition.left, segmentPosition.width) / segmentPosition.width;
+            const newEnd = addDays(addMinutes(segment.date, minutesDiff), daysDiff);
+            if (!isSameDay(newEnd, segment.date)) {
+                return;
+            }
+            if (newEnd > segment.date && newEnd < endOfView) {
+                dragToSelectEvent.end = newEnd;
+            }
+            this.refreshCalendar();
+        });
+    }
+    refreshCalendar() {
+        this.events = [...this.events];
+        this.cdr.detectChanges();
+    }
+}
+BiitCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarComponent, deps: [{ token: i1.TranslocoService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BiitCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitCalendarComponent, selector: "biit-calendar", inputs: { calendarMode: "calendarMode", viewDate: "viewDate", events: "events", gridContextMenu: "gridContextMenu", eventContextMenu: "eventContextMenu", calendarUtility: "calendarUtility", configuration: "configuration" }, outputs: { onEventDrop: "onEventDrop", onEventClick: "onEventClick", onEventDblClick: "onEventDblClick", onCreatedEvent: "onCreatedEvent" }, providers: [{
+            provide: TRANSLOCO_SCOPE,
+            useValue: { scope: 'wizardry-theme/calendar', alias: "calendar" }
+        }], ngImport: i0, template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,0)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid rgba(0,0,0,0)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:#262626;border-left:1px solid rgba(0,0,0,0)!important;border-right:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:#fde7ef}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:#262626}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid #EDEDED!important;border-bottom:.1rem solid #EDEDED!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:#000;position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:#d9d9d9;border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:#d9d9d9}.cell-top .day-number.today{color:#f20d5e}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ɵCalendarEventActionsComponent, selector: "mwl-calendar-event-actions", inputs: ["event", "customTemplate"] }, { kind: "component", type: i3.ɵCalendarEventTitleComponent, selector: "mwl-calendar-event-title", inputs: ["event", "customTemplate", "view"] }, { kind: "directive", type: i3.ɵCalendarTooltipDirective, selector: "[mwlCalendarTooltip]", inputs: ["mwlCalendarTooltip", "tooltipPlacement", "tooltipTemplate", "tooltipEvent", "tooltipAppendToBody", "tooltipDelay"] }, { kind: "directive", type: i3.ɵClickDirective, selector: "[mwlClick]", inputs: ["clickListenerDisabled"], outputs: ["mwlClick"] }, { kind: "directive", type: i3.ɵKeydownEnterDirective, selector: "[mwlKeydownEnter]", outputs: ["mwlKeydownEnter"] }, { kind: "directive", type: i4.DraggableDirective, selector: "[mwlDraggable]", inputs: ["dropData", "dragAxis", "dragSnapGrid", "ghostDragEnabled", "showOriginalElementWhileDragging", "validateDrag", "dragCursor", "dragActiveClass", "ghostElementAppendTo", "ghostElementTemplate", "touchStartLongPress", "autoScroll"], outputs: ["dragPointerDown", "dragStart", "ghostElementCreated", "dragging", "dragEnd"] }, { kind: "directive", type: i4.DroppableDirective, selector: "[mwlDroppable]", inputs: ["dragOverClass", "dragActiveClass", "validateDrop"], outputs: ["dragEnter", "dragLeave", "dragOver", "drop"] }, { kind: "component", type: i3.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: i3.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: "directive", type: i5.ContextMenuDirective, selector: "[contextMenu]", inputs: ["contextMenuValue", "contextMenu", "tabindex"], exportAs: ["ngxContextMenu"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.ɵCalendarDatePipe, name: "calendarDate" }, { kind: "pipe", type: i3.ɵCalendarEventTitlePipe, name: "calendarEventTitle" }, { kind: "pipe", type: i3.ɵCalendarA11yPipe, name: "calendarA11y" }, { kind: "pipe", type: i6.TranslocoDatePipe, name: "translocoDate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-calendar', providers: [{
+                            provide: TRANSLOCO_SCOPE,
+                            useValue: { scope: 'wizardry-theme/calendar', alias: "calendar" }
+                        }], template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,0)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid rgba(0,0,0,0)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:#262626;border-left:1px solid rgba(0,0,0,0)!important;border-right:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:#fde7ef}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:#262626}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid #EDEDED!important;border-bottom:.1rem solid #EDEDED!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:#000;position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:#d9d9d9;border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:#d9d9d9}.cell-top .day-number.today{color:#f20d5e}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TranslocoService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { calendarMode: [{
+                type: Input
+            }], viewDate: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], gridContextMenu: [{
+                type: Input
+            }], eventContextMenu: [{
+                type: Input
+            }], calendarUtility: [{
+                type: Input
+            }], configuration: [{
+                type: Input
+            }], onEventDrop: [{
+                type: Output
+            }], onEventClick: [{
+                type: Output
+            }], onEventDblClick: [{
+                type: Output
+            }], onCreatedEvent: [{
+                type: Output
+            }] } });
+var CalendarMode;
+(function (CalendarMode) {
+    CalendarMode["WEEK"] = "WEEK";
+    CalendarMode["MONTH"] = "MONTH";
+})(CalendarMode || (CalendarMode = {}));
+function castTo() {
+    return (event) => event;
+}
+
+class BiitCalendarModule {
+}
+BiitCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarModule, declarations: [BiitCalendarComponent], imports: [CommonModule,
+        TranslocoRootModule, i3.CalendarModule, ContextMenuModule,
+        TranslocoDatePipe], exports: [BiitCalendarComponent] });
+BiitCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarModule, imports: [CommonModule,
+        TranslocoRootModule,
+        CalendarModule.forRoot({
+            provide: DateAdapter,
+            useFactory: adapterFactory,
+        }),
+        ContextMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitCalendarComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        TranslocoRootModule,
+                        CalendarModule.forRoot({
+                            provide: DateAdapter,
+                            useFactory: adapterFactory,
+                        }),
+                        ContextMenuModule,
+                        TranslocoDatePipe,
+                    ], exports: [
+                        BiitCalendarComponent
+                    ]
+                }]
+        }] });
+
+class CalendarEvent {
+    constructor(id, title, startDate, endDate, readonly, allDay, color, actions, resizable, draggable, meta) {
+        this.id = id;
+        this.title = title;
+        this.start = startDate ? new Date(startDate) : undefined;
+        this.end = endDate ? new Date(endDate) : undefined;
+        this.allDay = allDay ? allDay : false;
+        this.color = color ? color : EventColor.RED;
+        this.actions = actions ? actions : [];
+        if (resizable && !readonly) {
+            this.resizable = { beforeStart: true, afterEnd: true };
+        }
+        this.draggable = draggable ? draggable : !readonly;
+        this.meta = meta;
+        this.readonly = readonly;
+    }
+    static copy(original, target) {
+        target.id = original.id;
+        target.start = new Date(original.start);
+        target.end = new Date(original.end);
+        target.title = original.title;
+        target.color = original.color;
+        target.actions = original.actions;
+        target.allDay = original.allDay;
+        target.cssClass = original.cssClass;
+        target.resizable = original.resizable;
+        target.draggable = original.draggable;
+        target.meta = original.meta;
+        target.readonly = original.readonly;
+        return target;
+    }
+    static clone(original) {
+        const event = new CalendarEvent(undefined, '', new Date(), new Date());
+        return CalendarEvent.copy(original, event);
+    }
+}
+
+class CalendarEventClickEvent {
+    constructor(event, sourceEvent) {
+        this.event = event;
+        this.sourceEvent = sourceEvent;
+    }
+}
+
+/*
+ * Public API Surface of wizardry-theme/login
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BiitCalendarComponent, BiitCalendarModule, CalendarConfiguration, CalendarEvent, CalendarEventClickEvent, CalendarMode, EventColor, castTo };
+//# sourceMappingURL=biit-solutions-wizardry-theme-calendar.mjs.map

package/fesm2020/biit-solutions-wizardry-theme-calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"biit-solutions-wizardry-theme-calendar.mjs","sources":["../../../projects/wizardry-theme/calendar/src/utils/event-color.ts","../../../projects/wizardry-theme/calendar/src/biit-calendar/models/calendar-configuration.ts","../../../projects/wizardry-theme/calendar/src/biit-calendar/biit-calendar.component.ts","../../../projects/wizardry-theme/calendar/src/biit-calendar/biit-calendar.component.html","../../../projects/wizardry-theme/calendar/src/biit-calendar/biit-calendar.module.ts","../../../projects/wizardry-theme/calendar/src/biit-calendar/models/calendar-event.ts","../../../projects/wizardry-theme/calendar/src/biit-calendar/models/calendar-event-click-event.ts","../../../projects/wizardry-theme/calendar/src/public-api.ts","../../../projects/wizardry-theme/calendar/src/biit-solutions-wizardry-theme-calendar.ts"],"sourcesContent":["export class EventColor {\n  primary: string;\n  secondary: string;\n  hover: string;\n  tertiary: string;\n  barred: boolean;\n\n  public static readonly RED = {\n    primary: '#F20D5E',\n    secondary: '#FDD6E4',\n    hover: '#F3C0D4',\n    tertiary: '#A1093F',\n    barred: false\n  }\n\n  public static readonly GREEN = {\n    primary: '#57A87F',\n    secondary: '#cee6dc',\n    hover: '#b2d8c7',\n    tertiary: '#2b5440',\n    barred: false\n  }\n\n  public static readonly YELLOW = {\n    primary: '#ddab40',\n    secondary: '#f4e7c7',\n    hover: '#eddaa6',\n    tertiary: '#6f561f',\n    barred: false\n  }\n\n  public static readonly BLUE = {\n    primary: '#3f82c2',\n    secondary: '#c8dded',\n    hover: '#a7c7e2',\n    tertiary: '#1e4161',\n    barred: false\n  }\n\n  public static readonly PURPLE = {\n    primary: '#66417e',\n    secondary: '#d6cddc',\n    hover: '#beaec7',\n    tertiary: '#33213f',\n    barred: false\n  }\n\n  public static readonly GREY = {\n    primary: '#716e6e',\n    secondary: '#dddddd',\n    hover: '#bdbdbd',\n    tertiary: '#474747',\n    barred: false\n  }\n\n  public static readonly EMPTY_RED = {\n    primary: '#F20D5E',\n    secondary: '#FFFFFF',\n    hover: '#F3C0D4',\n    tertiary: '#A1093F',\n    barred: false\n  }\n\n  public static readonly EMPTY_GREEN = {\n    primary: '#57A87F',\n    secondary: '#FFFFFF',\n    hover: '#b2d8c7',\n    tertiary: '#2b5440',\n    barred: false\n  }\n\n  public static readonly EMPTY_YELLOW = {\n    primary: '#ddab40',\n    secondary: '#FFFFFF',\n    hover: '#eddaa6',\n    tertiary: '#6f561f',\n    barred: false\n  }\n\n  public static readonly EMPTY_BLUE = {\n    primary: '#3f82c2',\n    secondary: '#FFFFFF',\n    hover: '#a7c7e2',\n    tertiary: '#1e4161',\n    barred: false\n  }\n\n  public static readonly EMPTY_PURPLE = {\n    primary: '#66417e',\n    secondary: '#FFFFFF',\n    hover: '#beaec7',\n    tertiary: '#33213f',\n    barred: false\n  }\n\n  public static readonly BARRED_BLUE = {\n    primary: '#3f82c2',\n    secondary: '#FFFFFF',\n    hover: '#a7c7e2',\n    tertiary: '#1e4161',\n    barred: true\n  }\n\n  public static readonly BARRED_GREY = {\n    primary: '#716e6e',\n    secondary: '#dddddd',\n    hover: '#bdbdbd',\n    tertiary: '#474747',\n    barred: true\n  }\n\n  public static readonly BARRED_YELLOW = {\n    primary: '#ddab40',\n    secondary: '#f4e7c7',\n    hover: '#eddaa6',\n    tertiary: '#6f561f',\n    barred: true\n  }\n}\n","export class CalendarConfiguration {\n  createOnDrag: boolean = false;\n  barred: boolean = false;\n\n  constructor(createdOnDrag: boolean = false, barred: boolean = false) {\n    this.createOnDrag = createdOnDrag;\n    this.barred = barred;\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output\n} from '@angular/core';\nimport {TRANSLOCO_SCOPE, TranslocoService} from \"@ngneat/transloco\";\nimport {CalendarEvent} from \"./models/calendar-event\";\nimport {enGB, es, nl} from \"date-fns/locale\";\nimport {\n  addDays,\n  addMinutes,\n  differenceInMinutes,\n  endOfWeek, isSameDay,\n  Locale,\n  setDefaultOptions,\n  startOfDay,\n  startOfHour\n} from \"date-fns\";\nimport {EventColor} from \"../utils/event-color\";\nimport {CalendarEventTimesChangedEvent} from \"angular-calendar\";\nimport {finalize, fromEvent, merge, Subject, takeUntil} from \"rxjs\";\nimport {CalendarEventClickEvent} from \"./models/calendar-event-click-event\";\nimport {ContextMenuComponent} from \"@perfectmemory/ngx-contextmenu\";\nimport {CalendarUtility} from \"./calendar-utility\";\nimport {CalendarConfiguration} from \"./models/calendar-configuration\";\n\n@Component({\n  selector: 'biit-calendar',\n  templateUrl: './biit-calendar.component.html',\n  styleUrls: ['./biit-calendar.component.scss'],\n  providers: [{\n    provide: TRANSLOCO_SCOPE,\n    useValue: {scope: 'wizardry-theme/calendar', alias: \"calendar\"}\n  }]\n})\nexport class BiitCalendarComponent implements OnInit, AfterViewInit, CalendarUtility{\n  @Input() calendarMode: CalendarMode = CalendarMode.MONTH;\n  @Input() viewDate: Date = new Date();\n  @Input() events: CalendarEvent[] = [];\n  @Input() gridContextMenu: ContextMenuComponent<any>;\n  @Input() eventContextMenu: ContextMenuComponent<any>;\n  @Input() calendarUtility: CalendarUtility;\n  @Input() configuration: CalendarConfiguration = new CalendarConfiguration();\n  @Output() onEventDrop: EventEmitter<CalendarEventTimesChangedEvent> = new EventEmitter<CalendarEventTimesChangedEvent>();\n  @Output() onEventClick: EventEmitter<CalendarEventClickEvent> = new EventEmitter<CalendarEventClickEvent>();\n  @Output() onEventDblClick: EventEmitter<CalendarEventClickEvent> = new EventEmitter<CalendarEventClickEvent>();\n  @Output() onCreatedEvent: EventEmitter<CalendarEvent> = new EventEmitter<CalendarEvent>();\n  protected locale: Locale;\n  private weekStartsOn: 1 = 1;\n\n  $calendarEvent = castTo<CalendarEvent>();\n\n  constructor(private transloco: TranslocoService,\n              private cdr: ChangeDetectorRef,\n              private elem: ElementRef) { }\n\n  customHeaderDate(date: Date): string {\n        throw new Error('Method not implemented.');\n    }\n\n  log(event) {\n    console.debug(\"DEVELOPMENT LOG: \", event)\n  }\n\n  ngOnInit(): void {\n    this.initLocalization();\n  }\n\n  ngAfterViewInit() {\n    this.scrollToCurrentView();\n  }\n\n  private scrollToCurrentView() {\n    if (this.calendarMode === CalendarMode.WEEK) {\n      // each hour is 60px high, so to get the pixels to scroll it's just the amount of minutes since midnight\n      this.elem.nativeElement.querySelector('.cal-time-events').scrollTop = differenceInMinutes(\n        startOfHour(new Date()),\n        startOfDay(new Date())\n      );\n    }\n  }\n\n  private initLocalization() {\n    switch (this.transloco.getActiveLang()) {\n      case 'es':\n        this.locale = es;\n        break;\n      case 'nl':\n        this.locale = nl;\n        break;\n      default:\n        this.locale = enGB;\n    }\n\n    setDefaultOptions({locale: this.locale});\n  }\n\n  refresh = new Subject<void>();\n\n  eventStyles(color: EventColor): Record<string, string> {\n    return {\n      '--event-primary': color.primary,\n      '--event-secondary': color.secondary,\n      '--event-hover': color.hover,\n      '--event-tertiary': color.tertiary\n    }\n  }\n\n  protected readonly CalendarMode = CalendarMode;\n  private floorToNearest(amount: number, precision: number) {\n    return Math.floor(amount / precision) * precision;\n  }\n\n  private ceilToNearest(amount: number, precision: number) {\n    return Math.ceil(amount / precision) * precision;\n  }\n  startDragToCreate(segment: any, segmentElement: HTMLElement, event: MouseEvent) {\n    if (event.button !== 0 /* left click */) {\n      return;\n    }\n    if (!this.configuration.createOnDrag) {\n      return;\n    }\n    const dragToSelectEvent: CalendarEvent = {\n      id: this.events.length,\n      title: undefined,\n      start: segment.date,\n      end: segment.date,\n      meta: {\n        tmpEvent: true,\n      },\n      color: EventColor.RED,\n    };\n    this.events = [...this.events, dragToSelectEvent];\n    const segmentPosition = segmentElement.getBoundingClientRect();\n    const endOfView = endOfWeek(this.viewDate, {\n      weekStartsOn: this.weekStartsOn,\n    });\n\n    fromEvent(document, 'mousemove')\n      .pipe(\n        finalize(() => {\n          this.onCreatedEvent.emit(dragToSelectEvent);\n          delete dragToSelectEvent.meta.tmpEvent;\n          this.refreshCalendar();\n        }),\n        takeUntil(fromEvent(document, 'mouseup'))\n      )\n      .subscribe((mouseMoveEvent: MouseEvent) => {\n        const minutesDiff = this.ceilToNearest(\n          mouseMoveEvent.clientY - segmentPosition.top,\n          30\n        ) -1;\n\n        const daysDiff =\n          this.floorToNearest(\n            mouseMoveEvent.clientX - segmentPosition.left,\n            segmentPosition.width\n          ) / segmentPosition.width;\n\n        const newEnd = addDays(addMinutes(segment.date, minutesDiff), daysDiff);\n\n        if (!isSameDay(newEnd, segment.date)) {\n          return;\n        }\n\n        if (newEnd > segment.date && newEnd < endOfView) {\n          dragToSelectEvent.end = newEnd;\n        }\n        this.refreshCalendar();\n      });\n  }\n  private refreshCalendar() {\n    this.events = [...this.events];\n    this.cdr.detectChanges();\n  }\n}\n\nexport enum CalendarMode {\n  WEEK = 'WEEK',\n  MONTH = 'MONTH'\n}\n\nexport function castTo<T>(): (event) => T {\n  return (event) => event as T\n}\n","<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BiitCalendarComponent } from './biit-calendar.component';\nimport {TranslocoRootModule} from \"@biit-solutions/wizardry-theme/i18n\";\nimport {CalendarModule, DateAdapter} from \"angular-calendar\";\nimport {adapterFactory} from \"angular-calendar/date-adapters/date-fns\";\nimport {ContextMenuModule} from \"@perfectmemory/ngx-contextmenu\";\nimport {TranslocoDatePipe} from \"@ngneat/transloco-locale\";\n\n\n@NgModule({\n  declarations: [\n    BiitCalendarComponent\n  ],\n    imports: [\n        CommonModule,\n        TranslocoRootModule,\n        CalendarModule.forRoot({\n            provide: DateAdapter,\n            useFactory: adapterFactory,\n        }),\n        ContextMenuModule,\n        TranslocoDatePipe,\n    ], exports: [\n    BiitCalendarComponent\n  ]\n})\nexport class BiitCalendarModule { }\n","import {EventAction} from \"calendar-utils\";\nimport {EventColor} from \"../../utils/event-color\"\n\nexport class CalendarEvent<MetaType = any> {\n  id?: string | number;\n  start: Date;\n  end: Date;\n  title: string;\n  color?: EventColor;\n  actions?: EventAction[];\n  allDay?: boolean;\n  cssClass?: string;\n  resizable?: {\n    beforeStart?: boolean;\n    afterEnd?: boolean;\n  };\n  draggable?: boolean;\n  meta?: MetaType;\n  readonly ?: boolean;\n\n  constructor(id: string | number, title: string, startDate: Date, endDate: Date, readonly?: boolean, allDay?: boolean, color?: EventColor, actions?: EventAction[], resizable?: boolean, draggable?: boolean, meta?: MetaType) {\n    this.id = id;\n    this.title = title;\n    this.start = startDate ? new Date(startDate) : undefined;\n    this.end = endDate ? new Date(endDate) : undefined;\n    this.allDay = allDay ? allDay : false;\n    this.color = color ? color : EventColor.RED;\n    this.actions = actions ? actions : [];\n    if (resizable && !readonly) {\n      this.resizable = {beforeStart: true, afterEnd: true}\n    }\n    this.draggable = draggable ? draggable : !readonly;\n    this.meta = meta;\n    this.readonly = readonly;\n  }\n\n  public static copy(original: CalendarEvent, target: CalendarEvent): CalendarEvent {\n    target.id = original.id;\n    target.start = new Date(original.start);\n    target.end = new Date(original.end);\n    target.title = original.title;\n    target.color = original.color;\n    target.actions = original.actions;\n    target.allDay = original.allDay;\n    target.cssClass = original.cssClass;\n    target.resizable = original.resizable;\n    target.draggable = original.draggable;\n    target.meta = original.meta;\n    target.readonly = original.readonly;\n\n    return target;\n  }\n\n  public static clone(original: CalendarEvent): CalendarEvent {\n    const event = new CalendarEvent(undefined, '', new Date(), new Date())\n    return CalendarEvent.copy(original, event);\n  }\n}\n","import {CalendarEvent} from \"./calendar-event\";\n\nexport class CalendarEventClickEvent {\n  event: CalendarEvent;\n  sourceEvent: MouseEvent | KeyboardEvent;\n\n  constructor(event: CalendarEvent, sourceEvent: MouseEvent | KeyboardEvent) {\n    this.event = event;\n    this.sourceEvent = sourceEvent;\n  }\n}\n","/*\n * Public API Surface of wizardry-theme/login\n */\n\nexport * from './biit-calendar/biit-calendar.component';\nexport * from './biit-calendar/biit-calendar.module';\nexport * from './biit-calendar/models/calendar-event';\nexport * from './biit-calendar/models/calendar-event-click-event';\nexport * from './biit-calendar/models/calendar-configuration';\nexport * from './biit-calendar/calendar-utility';\nexport * from './utils/event-color';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}