@colijnit/sharedcomponents 1.0.55 → 1.0.57

package/bundles/colijnit-sharedcomponents.umd.js

@@ -2675,6 +2675,7 @@
           this.visibleMethods = [];
           this.isDocSignEnabled = false;
           this.docSign = false;
+          this.isPrinterLayoutsEnabled = true;
           this.reportingDocumentPrintRequestChange = new i0.EventEmitter();
           this.reportingDocumentEmailRequestChange = new i0.EventEmitter();
           this.reportingDocumentPdfRequestChange = new i0.EventEmitter();
@@ -2786,7 +2787,7 @@
   SendMethodDialogComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: 'co-send-method-dialog',
-                  template: "\n    <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\"\n               (closeClick)=\"closeClick.emit($event)\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title-wrapper\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EnvelopeRegular)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"headerTitle\"></div>\n        </div>\n        <div class=\"dialog-navigation-wrapper\">\n          <div class=\"send-button-wrapper\" *ngFor=\"let sendMethod of sendMethods; let index = index\"\n               [class.selected]=\"activeSendMethod ? sendMethod.code === activeSendMethod.code : index === 0\"\n               (click)=\"handleSendMethodClick(sendMethod)\">\n            <div class=\"custom-button-title\" [textContent]=\"sendMethod.description\"></div>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"dialog-content-wrapper\">\n        <div class=\"send-methods-wrapper\">\n\n        </div>\n        <div #navigationItems class=\"send-method-navigation-wrapper\" [class.smooth-scrolling]=\"!startUp\">\n          <div #faxItems class=\"send-method-navigation-content co-small-scrollbar\">\n\n          </div>\n          <div #printItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPrint\">\n            <co-send-method-printer\n              [printerList]=\"printerList\"\n              [layouts]=\"printLayouts\"\n            ></co-send-method-printer>\n          </div>\n          <div #emailItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmail\">\n            <co-send-method-email\n              [emailAddresses]=\"emailAddresses\"\n              [layouts]=\"emailLayouts\"\n            ></co-send-method-email>\n          </div>\n          <div #ediItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEdi\">\n\n          </div>\n          <div #emailTemplateItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmailTemplate\">\n\n          </div>\n          <div #smsItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showSms\">\n\n          </div>\n          <div #webServiceItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showWebservice\">\n\n          </div>\n          <div #pdfItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPdf\">\n              <co-send-method-pdf\n                      [layouts]=\"printLayouts\"\n              ></co-send-method-pdf>\n          </div>\n        </div>\n      </div>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"okClick.emit(activeSendMethod ? activeSendMethod.code : '0')\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\"\n                     (click)=\"closeClick.emit($event)\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                  template: "\n    <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\"\n               (closeClick)=\"closeClick.emit($event)\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title-wrapper\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EnvelopeRegular)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"headerTitle\"></div>\n        </div>\n        <div class=\"dialog-navigation-wrapper\">\n          <div class=\"send-button-wrapper\" *ngFor=\"let sendMethod of sendMethods; let index = index\"\n               [class.selected]=\"activeSendMethod ? sendMethod.code === activeSendMethod.code : index === 0\"\n               (click)=\"handleSendMethodClick(sendMethod)\">\n            <div class=\"custom-button-title\" [textContent]=\"sendMethod.description\"></div>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"dialog-content-wrapper\">\n        <div class=\"send-methods-wrapper\">\n\n        </div>\n        <div #navigationItems class=\"send-method-navigation-wrapper\" [class.smooth-scrolling]=\"!startUp\">\n          <div #faxItems class=\"send-method-navigation-content co-small-scrollbar\">\n\n          </div>\n          <div #printItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPrint\">\n            <co-send-method-printer\n              [isPrinterLayoutsEnabled]=\"isPrinterLayoutsEnabled\"\n              [printerList]=\"printerList\"\n              [layouts]=\"printLayouts\"\n            ></co-send-method-printer>\n          </div>\n          <div #emailItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmail\">\n            <co-send-method-email\n              [emailAddresses]=\"emailAddresses\"\n              [layouts]=\"emailLayouts\"\n            ></co-send-method-email>\n          </div>\n          <div #ediItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEdi\">\n\n          </div>\n          <div #emailTemplateItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmailTemplate\">\n\n          </div>\n          <div #smsItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showSms\">\n\n          </div>\n          <div #webServiceItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showWebservice\">\n\n          </div>\n          <div #pdfItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPdf\">\n              <co-send-method-pdf\n                      [layouts]=\"printLayouts\"\n              ></co-send-method-pdf>\n          </div>\n        </div>\n      </div>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"okClick.emit(activeSendMethod ? activeSendMethod.code : '0')\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\"\n                     (click)=\"closeClick.emit($event)\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                   encapsulation: i0.ViewEncapsulation.None,
                   animations: [
                       animations.trigger('slideInOut', [
@@ -2825,6 +2826,7 @@
       visibleMethods: [{ type: i0.Input }],
       isDocSignEnabled: [{ type: i0.Input }],
       docSign: [{ type: i0.Input }],
+      isPrinterLayoutsEnabled: [{ type: i0.Input }],
       reportingDocumentPrintRequestChange: [{ type: i0.Output }],
       reportingDocumentEmailRequestChange: [{ type: i0.Output }],
       reportingDocumentPdfRequestChange: [{ type: i0.Output }],
@@ -3041,6 +3043,7 @@
           this.sendMethodService = sendMethodService;
           this.printerList = [];
           this.layouts = [];
+          this.isPrinterLayoutsEnabled = true;
       }
       SendMethodPrinterComponent.prototype.showClass = function () {
           return true;
@@ -3058,7 +3061,7 @@
   SendMethodPrinterComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: 'co-send-method-printer',
-                  template: "\n    <div class=\"printer-layout-selections-wrapper\">\n      <co-printer-selection [printers]=\"printerList\"></co-printer-selection>\n      <div class=\"layout-signature-wrapper\">\n        <co-layout-selection\n          [(request)]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n          [layouts]=\"layouts\"\n        ></co-layout-selection>\n        <co-signature-button\n          [request]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n        ></co-signature-button>\n      </div>\n    </div>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser\"\n      [label]=\"'Koppeling onthouden'\"\n      (modelChange)=\"handleDefaultPrinterUserChange($event)\"\n    ></co-input-checkbox>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers\"\n      [label]=\"'Alle gebruikers'\"\n      (modelChange)=\"handleDefaultPrinterAllUsersChange($event)\"\n    ></co-input-checkbox>\n  ",
+                  template: "\n    <div class=\"printer-layout-selections-wrapper\">\n      <co-printer-selection [printers]=\"printerList\"></co-printer-selection>\n      <div *ngIf=\"isPrinterLayoutsEnabled\" class=\"layout-signature-wrapper\">\n        <co-layout-selection\n          [(request)]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n          [layouts]=\"layouts\"\n        ></co-layout-selection>\n        <co-signature-button\n          [request]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n        ></co-signature-button>\n      </div>\n    </div>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser\"\n      [label]=\"'Koppeling onthouden'\"\n      (modelChange)=\"handleDefaultPrinterUserChange($event)\"\n    ></co-input-checkbox>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers\"\n      [label]=\"'Alle gebruikers'\"\n      (modelChange)=\"handleDefaultPrinterAllUsersChange($event)\"\n    ></co-input-checkbox>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -3068,6 +3071,7 @@
   SendMethodPrinterComponent.propDecorators = {
       printerList: [{ type: i0.Input }],
       layouts: [{ type: i0.Input }],
+      isPrinterLayoutsEnabled: [{ type: i0.Input }],
       showClass: [{ type: i0.HostBinding, args: ['class.co-send-method-printer',] }]
   };
 
@@ -4711,14 +4715,25 @@
               },] }
   ];
 
+  exports.CalendarView = void 0;
+  (function (CalendarView) {
+      CalendarView["DayView"] = "DAY";
+      CalendarView["WeekView"] = "WEEK";
+      CalendarView["WeekSelectView"] = "WEEK_SELECT";
+      CalendarView["WeekPlanningView"] = "WEEK_PLANNING";
+      CalendarView["MonthView"] = "MONTH";
+  })(exports.CalendarView || (exports.CalendarView = {}));
+
   var DatePlanningComponent = /** @class */ (function () {
       function DatePlanningComponent(_changeDetector, renderer) {
           this._changeDetector = _changeDetector;
           this.renderer = renderer;
           this.calendarNavigation = false;
+          this.customEventObject = false;
           this.showButton = false;
           this.buttonLabel = "";
           this.eventsPerDay = [];
+          this.view = exports.CalendarView.WeekView;
           this.eventChecked = new i0.EventEmitter();
           this.selectedDateChange = new i0.EventEmitter();
           this.rangeChange = new i0.EventEmitter();
@@ -4758,7 +4773,7 @@
   DatePlanningComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-date-planning",
-                  template: "\n    <div class=\"sc-agenda\">\n      <div class=\"content-wrapper\">\n        <calendar *ngIf=\"calendarNavigation\"\n                  [view]=\"view\"\n                  [(days)]=\"days\"\n                  [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n        <div class=\"agenda-content-wrapper mini-scrollbar\">\n          <div class=\"agenda-content\">\n            <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n                           [firstAvailableDate]=\"firstAvailableDate\"\n                           [eventsPerDay]=\"eventsPerDay\"\n                           [selectedDate]=\"selectedDate\"\n                           (selectedDateChange)=\"doChangeSelectedDate($event)\"\n                           (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n            <agenda-view [view]=\"view\"\n                         [selectedDate]=\"selectedDate\"\n                         [eventsPerDay]=\"eventsPerDay\"\n                         (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n               [label]=\"buttonLabel\"\n               (click)=\"buttonClick.emit($event)\">\n    </co-button>\n    ",
+                  template: "\n    <div class=\"sc-agenda\">\n      <div class=\"content-wrapper\">\n        <calendar *ngIf=\"calendarNavigation\"\n                  [view]=\"view\"\n                  [(days)]=\"days\"\n                  [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n        <div class=\"agenda-content-wrapper mini-scrollbar\">\n          <div class=\"agenda-content\">\n            <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n                           [firstAvailableDate]=\"firstAvailableDate\"\n                           [eventsPerDay]=\"eventsPerDay\"\n                           [selectedDate]=\"selectedDate\"\n                           (selectedDateChange)=\"doChangeSelectedDate($event)\"\n                           (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n            <agenda-view [view]=\"view\"\n                         [customEventObject]=\"customEventObject\"\n                         [selectedDate]=\"selectedDate\"\n                         [eventsPerDay]=\"eventsPerDay\"\n                         (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n               [label]=\"buttonLabel\"\n               (click)=\"buttonClick.emit($event)\">\n    </co-button>\n    ",
                   animations: [
                       animations.trigger("showHideWindow", [
                           animations.state("void", animations.style({ transform: "scaleY(0)" })),
@@ -4778,6 +4793,7 @@
   DatePlanningComponent.propDecorators = {
       dayStart: [{ type: i0.ViewChild, args: ["dayStart", { static: true },] }],
       calendarNavigation: [{ type: i0.Input }],
+      customEventObject: [{ type: i0.Input }],
       showButton: [{ type: i0.Input }],
       selectedDate: [{ type: i0.Input }],
       firstAvailableDate: [{ type: i0.Input }],
@@ -4969,17 +4985,9 @@
       selectedDateChange: [{ type: i0.Output }]
   };
 
-  var CalendarView;
-  (function (CalendarView) {
-      CalendarView["DayView"] = "DAY";
-      CalendarView["WeekView"] = "WEEK";
-      CalendarView["WeekSelectView"] = "WEEK_SELECT";
-      CalendarView["MonthView"] = "MONTH";
-  })(CalendarView || (CalendarView = {}));
-
   var CalendarComponent = /** @class */ (function () {
       function CalendarComponent() {
-          this.view = CalendarView.WeekView;
+          this.view = exports.CalendarView.WeekView;
           this.selectedDate = new Date();
           this.days = [];
           this.selectedDateChange = new i0.EventEmitter();
@@ -5315,7 +5323,7 @@
           this.weekDayLabel = [];
           this.weeks = [];
           this._selectedDate = new Date();
-          this._view = CalendarView.WeekView;
+          this._view = exports.CalendarView.WeekView;
           this.selectedDate.setHours(0, 0, 0, 0);
           this._setLabels();
       }
@@ -5424,16 +5432,16 @@
           for (var i = 0; i < len; i++) {
               var leni = this.weeks[i].length;
               for (var ii = 0; ii < leni; ii++) {
-                  if (this.weeks[i][ii].inMonth && this.view === CalendarView.MonthView) {
+                  if (this.weeks[i][ii].inMonth && this.view === exports.CalendarView.MonthView) {
                       this.weeks[i][ii].selected = true;
                   }
-                  else if (this.weeks[i][ii].week === weekNumber && this.view === CalendarView.WeekView) {
+                  else if (this.weeks[i][ii].week === weekNumber && this.view === exports.CalendarView.WeekView) {
                       this.weeks[i][ii].selected = true;
                   }
-                  else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === CalendarView.WeekSelectView) {
+                  else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === exports.CalendarView.WeekSelectView) {
                       this.weeks[i][ii].selected = true;
                   }
-                  else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === CalendarView.DayView) {
+                  else if (this.weeks[i][ii].timestamp === this.selectedDate.getTime() && this.view === exports.CalendarView.DayView) {
                       this.weeks[i][ii].selected = true;
                   }
               }
@@ -5511,11 +5519,11 @@
           return datesByTheHour;
       };
       CalendarUtils.GetDaysOfWeek = function (date) {
-          var day = DateUtils.GetFirstDayOfWeek(date);
+          var day = new Date();
           var daysOfWeek = [];
           var options;
           var month;
-          for (var i = 0; i < 7; i++) {
+          for (var i = 0; i < 3; i++) {
               var dayPerWeek = new Weekday();
               var dayHours = CalendarUtils.GetDayHours(day);
               dayPerWeek.newMonth = day.getMonth() !== month;
@@ -5604,9 +5612,9 @@
           this._ngZone = _ngZone;
           this.iconCacheService = iconCacheService;
           this.icons = exports["ɵbt"];
-          this.viewTypes = CalendarView;
+          this.viewTypes = exports.CalendarView;
           this.scrollbarWidth = 15;
-          this.view = CalendarView.WeekSelectView;
+          this.today = new Date();
           this.viewChange = new i0.EventEmitter();
           this.selectedDateChange = new i0.EventEmitter();
           this.rangeChange = new i0.EventEmitter();
@@ -5670,16 +5678,16 @@
           if (this.selectedDate) {
               var newDate = new Date(this.selectedDate);
               switch (this.view) {
-                  case CalendarView.DayView:
+                  case exports.CalendarView.DayView:
                       newDate.setDate(this.selectedDate.getDate() - 1);
                       break;
-                  case CalendarView.WeekView:
+                  case exports.CalendarView.WeekView:
                       newDate.setDate(this.selectedDate.getDate() - 7);
                       break;
-                  case CalendarView.WeekSelectView:
+                  case exports.CalendarView.WeekSelectView:
                       newDate.setDate(this.selectedDate.getDate() - 7);
                       break;
-                  case CalendarView.MonthView:
+                  case exports.CalendarView.MonthView:
                       newDate.setMonth(this.selectedDate.getMonth() - 1);
                       break;
               }
@@ -5691,16 +5699,16 @@
           if (this.selectedDate) {
               var newDate = new Date(this.selectedDate);
               switch (this.view) {
-                  case CalendarView.DayView:
+                  case exports.CalendarView.DayView:
                       newDate.setDate(this.selectedDate.getDate() + 1);
                       break;
-                  case CalendarView.WeekView:
+                  case exports.CalendarView.WeekView:
                       newDate.setDate(this.selectedDate.getDate() + 7);
                       break;
-                  case CalendarView.WeekSelectView:
+                  case exports.CalendarView.WeekSelectView:
                       newDate.setDate(this.selectedDate.getDate() + 7);
                       break;
-                  case CalendarView.MonthView:
+                  case exports.CalendarView.MonthView:
                       newDate.setMonth(this.selectedDate.getMonth() + 1);
                       break;
               }
@@ -5729,21 +5737,21 @@
           var _this = this;
           if (this.selectedDate) {
               switch (this.view) {
-                  case CalendarView.DayView:
+                  case exports.CalendarView.DayView:
                       var day = new Day();
                       day.date = new Date(this.selectedDate);
                       var options = { year: "numeric", month: "long", day: "numeric" };
                       day.description = this.selectedDate.toLocaleDateString(this._locale, options);
                       this.day = day;
                       break;
-                  case CalendarView.WeekView:
+                  case exports.CalendarView.WeekView:
                       var weekView = CalendarUtils.GetDaysOfWeek(this.selectedDate);
                       this.weekDays = weekView.weekDays;
                       if (this.firstAvailableDate) {
                           this.showBackButton = this.weekDays.find(function (wd) { return DateUtils.DatesEqual(_this.firstAvailableDate, wd.date); }) === undefined;
                       }
                       break;
-                  case CalendarView.WeekSelectView:
+                  case exports.CalendarView.WeekSelectView:
                       var weekSelectView = CalendarUtils.GetDaysOfWeek(this.selectedDate);
                       this.weekDays = weekSelectView.weekDays;
                       this.weekDays.forEach(function (wd) {
@@ -5759,7 +5767,7 @@
                           this.showBackButton = this.weekDays.find(function (wd) { return DateUtils.DatesEqual(_this.firstAvailableDate, wd.date); }) === undefined;
                       }
                       break;
-                  case CalendarView.MonthView:
+                  case exports.CalendarView.MonthView:
                       var weekOfMonth = CalendarUtils.GetDaysOfWeek(this.selectedDate);
                       this.weekDays = weekOfMonth.weekDays;
                       if (this.firstAvailableDate) {
@@ -5774,7 +5782,7 @@
   AgendaHeaderComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-header",
-                  template: "\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.DayView\">\n            <div class=\"hour-label-placeholder\">\n                <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n            </div>\n            <div class=\"week-day-label\">\n                <co-icon class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"day-description\" [textContent]=\"day.description\"></div>\n                <co-icon class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekView\">\n            <div class=\"hour-label-placeholder\">\n                <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n            </div>\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\" [class.selected]=\"weekDay.weekdaySelected\" (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div *ngIf=\"weekDay.newMonth\" [textContent]=\"weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear\" class=\"month-description\"></div>\n                <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay\"></div>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekSelectView\">\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n                 [class.selected]=\"weekDay.weekdaySelected\"\n                 [class.selectable]=\"weekDay.events && weekDay.events.length > 0\"\n                 (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.MonthView\">\n                <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n    ",
+                  template: "\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.DayView\">\n            <div class=\"hour-label-placeholder\">\n                <view-select [selectedView]=\"view\" (selectedViewChange)=\"changeTheView($event)\"></view-select>\n            </div>\n            <div class=\"week-day-label\">\n                <co-icon class=\"pointer-hover no-user-select sub-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"day-description\" [textContent]=\"day.description\"></div>\n                <co-icon class=\"pointer-hover no-user-select add-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekView\">\n\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n                 [class.selected]=\"weekDay.weekdaySelected\" (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div *ngIf=\"weekDay.newMonth\" [textContent]=\"weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear\"\n                     class=\"month-description\"></div>\n                <div class=\"weekday-value\"\n                     [textContent]=\"weekDay.weekdayLong + ' ' + weekDay.weekdayDay + ' ' + weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear \"></div>\n                <!--                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayYear\"></div>-->\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n\n\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.WeekSelectView\">\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\"\n                 [class.selected]=\"weekDay.weekdaySelected\"\n                 [class.selectable]=\"weekDay.events && weekDay.events.length > 0\"\n                 (click)=\"setUnit(weekDay)\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <div class=\"weekday-value\" [textContent]=\"weekDay.weekdayDay + ' ' + weekDay.weekdayMonthShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n        <div class=\"agenda-header-wrapper\" *ngIf=\"view === viewTypes.MonthView\">\n            <div class=\"week-day-label\" *ngFor=\"let weekDay of weekDays; let index = index\">\n                <co-icon *ngIf=\"index === 0 && showBackButton\" class=\"pointer-hover no-user-select sub-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\" (click)=\"subUnit()\"></co-icon>\n                <div class=\"weekday-description\" [textContent]=\"weekDay.weekdayShort\"></div>\n                <co-icon *ngIf=\"index === 6\" class=\"pointer-hover no-user-select add-unit-icon dark\"\n                         [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" (click)=\"addUnit()\"></co-icon>\n            </div>\n        </div>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -5797,22 +5805,22 @@
 
   var AgendaViewComponent = /** @class */ (function () {
       function AgendaViewComponent() {
-          this.view = CalendarView.WeekView;
           this.eventsPerDay = [];
           this.eventChecked = new i0.EventEmitter();
-          this.viewTypes = CalendarView;
+          this.viewTypes = exports.CalendarView;
       }
       return AgendaViewComponent;
   }());
   AgendaViewComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-view",
-                  template: "\n        <div class=\"view-wrapper mini-scrollbar\" [ngSwitch]=\"view\">\n            <agenda-day-view *ngSwitchCase=\"viewTypes.DayView\"\n                [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-day-view>\n            <agenda-week-view *ngSwitchCase=\"viewTypes.WeekView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-view>\n            <agenda-week-select-view *ngSwitchCase=\"viewTypes.WeekSelectView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-select-view>\n            <agenda-month-view *ngSwitchCase=\"viewTypes.MonthView\"\n                [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-month-view>\n        </div>\n    ",
+                  template: "\n        <div class=\"view-wrapper mini-scrollbar\" [ngSwitch]=\"view\">\n            <agenda-day-view *ngSwitchCase=\"viewTypes.DayView\"\n                [selectedDate]=\"selectedDate\" [customEventObject]=\"customEventObject\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-day-view>\n            <agenda-week-view *ngSwitchCase=\"viewTypes.WeekView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [customEventObject]=\"customEventObject\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-view>\n            <agenda-week-select-view *ngSwitchCase=\"viewTypes.WeekSelectView\"\n                [view]=\"view\" [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-week-select-view>\n            <agenda-month-view *ngSwitchCase=\"viewTypes.MonthView\"\n                [selectedDate]=\"selectedDate\" [eventsPerDay]=\"eventsPerDay\" (eventChecked)=\"eventChecked.emit($event)\"></agenda-month-view>\n        </div>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
   AgendaViewComponent.propDecorators = {
       view: [{ type: i0.Input }],
+      customEventObject: [{ type: i0.Input }],
       selectedDate: [{ type: i0.Input }],
       eventsPerDay: [{ type: i0.Input }],
       eventChecked: [{ type: i0.Output }]
@@ -5952,16 +5960,18 @@
   AgendaDayViewComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-day-view",
-                  template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <agenda-hour-view [date]=\"selectedDate\">\n                <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                ></agenda-events>\n            </agenda-hour-view>\n        </div>\n    ",
+                  template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <agenda-hour-view [date]=\"selectedDate\">\n                <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                        [customEventObject]=\"customEventObject\"\n                ></agenda-events>\n            </agenda-hour-view>\n        </div>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
-  ];
+  ];
+  AgendaDayViewComponent.propDecorators = {
+      customEventObject: [{ type: i0.Input }]
+  };
 
   var AgendaWeekViewComponent = /** @class */ (function (_super) {
       __extends(AgendaWeekViewComponent, _super); /*implements OnInit, OnDestroy*/
       function AgendaWeekViewComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.view = CalendarView.WeekView;
           _this.week = NULL_WEEK;
           return _this;
       }
@@ -5981,19 +5991,20 @@
   AgendaWeekViewComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-week-view",
-                  template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <div class=\"week-day\" *ngFor=\"let weekDay of week.weekDays\">\n                <agenda-hour-view [date]=\"weekDay.date\">\n                    <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"weekDay.events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                        [view]=\"view\"\n                ></agenda-events>\n                </agenda-hour-view>\n            </div>\n        </div>\n    ",
+                  template: "\n        <div class=\"view-wrapper\">\n            <agenda-hour-view-labels [date]=\"selectedDate\"></agenda-hour-view-labels>\n            <div class=\"week-day\" *ngFor=\"let weekDay of week.weekDays\">\n                <agenda-hour-view  [date]=\"weekDay.date\">\n                    <agenda-events\n                        [halfHourHeight]=\"40\"\n                        [events]=\"weekDay.events\"\n                        (eventChecked)=\"eventChecked.emit($event)\"\n                        [view]=\"view\"\n                        [customEventObject]=\"customEventObject\"\n                ></agenda-events>\n                </agenda-hour-view>\n            </div>\n        </div>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
   AgendaWeekViewComponent.propDecorators = {
-      view: [{ type: i0.Input }]
+      view: [{ type: i0.Input }],
+      customEventObject: [{ type: i0.Input }]
   };
 
   var AgendaWeekSelectViewComponent = /** @class */ (function (_super) {
       __extends(AgendaWeekSelectViewComponent, _super);
       function AgendaWeekSelectViewComponent() {
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-          _this.view = CalendarView.WeekSelectView;
+          _this.view = exports.CalendarView.WeekSelectView;
           _this.week = NULL_WEEK;
           _this.icons = exports["ɵbt"];
           return _this;
@@ -6211,8 +6222,8 @@
 
   var AgendaEventsComponent = /** @class */ (function () {
       function AgendaEventsComponent() {
-          this.viewTypes = CalendarView;
-          this.view = CalendarView.WeekView;
+          this.viewTypes = exports.CalendarView;
+          this.view = exports.CalendarView.WeekView;
           this.type = "";
           this.events = [];
           this.eventChecked = new i0.EventEmitter();
@@ -6222,12 +6233,13 @@
   AgendaEventsComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-events",
-                  template: "\n        <ng-container *ngIf=\"view !== viewTypes.WeekSelectView\">\n            <agenda-event\n                    *ngFor=\"let event of events\"\n                    [halfHourHeight]=\"halfHourHeight\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n            ></agenda-event>\n        </ng-container>\n        <ng-container *ngIf=\"view === viewTypes.WeekSelectView\">\n            <agenda-select-event\n                    *ngFor=\"let event of events\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n            ></agenda-select-event>\n        </ng-container>\n    ",
+                  template: "\n        <ng-container *ngIf=\"view !== viewTypes.WeekSelectView\">\n            <agenda-event\n                    *ngFor=\"let event of events\"\n                    [halfHourHeight]=\"halfHourHeight\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n                    [customEventObject]=\"customEventObject\"\n            >\n\n            </agenda-event>\n        </ng-container>\n        <ng-container *ngIf=\"view === viewTypes.WeekSelectView\">\n            <agenda-select-event\n                    *ngFor=\"let event of events\"\n                    [event]=\"event\"\n                    (eventChecked)=\"eventChecked.emit($event)\"\n            ></agenda-select-event>\n        </ng-container>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
   AgendaEventsComponent.ctorParameters = function () { return []; };
   AgendaEventsComponent.propDecorators = {
+      customEventObject: [{ type: i0.Input }],
       view: [{ type: i0.Input }],
       type: [{ type: i0.Input }],
       events: [{ type: i0.Input }],
@@ -6266,7 +6278,7 @@
   AgendaEventComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "agenda-event",
-                  template: "\n        <div class=\"agenda-event-wrapper\" [class.checkable]=\"event.showCheckbox\" [class.selected]=\"event.checked\" (click)=\"checkEvent($event)\">\n            <div [textContent]=\"event.fromToRepresentation\" class=\"event-description\"></div>\n            <co-icon *ngIf=\"event.showCheckbox\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" [class.checked]=\"event.checked\"></co-icon>\n        </div>\n    ",
+                  template: "\n        <div class=\"agenda-event-wrapper\" [class.checkable]=\"event.showCheckbox\" [class.selected]=\"event.checked\" (click)=\"checkEvent($event)\">\n            <div [textContent]=\"event.description\" class=\"event-description\"></div>\n            <co-icon *ngIf=\"event.showCheckbox\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\" [class.checked]=\"event.checked\"></co-icon>\n\n        </div>\n    ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -6277,6 +6289,7 @@
   ]; };
   AgendaEventComponent.propDecorators = {
       event: [{ type: i0.Input }],
+      customEventObject: [{ type: i0.Input }],
       halfHourHeight: [{ type: i0.Input }],
       eventChecked: [{ type: i0.Output }]
   };
@@ -6371,11 +6384,11 @@
   var ViewSelectComponent = /** @class */ (function () {
       function ViewSelectComponent() {
           this._viewsToThumb = new Map([
-              [CalendarView.DayView, ThumbThreeWayState.Left],
-              [CalendarView.WeekView, ThumbThreeWayState.Middle],
-              [CalendarView.MonthView, ThumbThreeWayState.Right]
+              [exports.CalendarView.DayView, ThumbThreeWayState.Left],
+              [exports.CalendarView.WeekView, ThumbThreeWayState.Middle],
+              [exports.CalendarView.MonthView, ThumbThreeWayState.Right]
           ]);
-          this.selectedView = CalendarView.WeekView;
+          this.selectedView = exports.CalendarView.WeekView;
           this.selectedViewChange = new i0.EventEmitter();
       }
       Object.defineProperty(ViewSelectComponent.prototype, "modelAsThumbState", {
@@ -6637,6 +6650,8 @@
    * Generated bundle index. Do not edit.
    */
 
+  exports.AgendaEvent = AgendaEvent;
+  exports.AgendaEventPerDay = AgendaEventPerDay;
   exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
   exports.CoLinearGaugeModule = CoLinearGaugeModule;
   exports.DatePlanningComponent = DatePlanningComponent;