@idea-ionic/agenda 8.5.12 → 8.6.0

package/fesm2022/idea-ionic-agenda.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ChangeDetectorRef, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { Injectable, inject, ChangeDetectorRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { formatDate, CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
@@ -34,10 +34,10 @@ class CustomDateFormatter extends CalendarDateFormatter {
         this.dayViewHour = ({ date, locale }) => locale === 'it' ? formatDate(date, 'HH:mm', locale) : formatDate(date, 'h aa', locale);
         this.dayViewTitle = ({ date, locale }) => locale === 'it' ? formatDate(date, 'EEEE, dd MMM yyyy', locale) : formatDate(date, 'EEEE, MMM dd, yyyy', locale);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CustomDateFormatter, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CustomDateFormatter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CustomDateFormatter, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CustomDateFormatter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CustomDateFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CustomDateFormatter, decorators: [{
             type: Injectable
         }] });
 
@@ -280,12 +280,12 @@ class IDEAAgendaComponent {
             fixedEnd.setMinutes(agendaBooking.start.getMinutes() + segmentSizeInMinutes);
         return fixedEnd;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAAgendaComponent, selector: "idea-agenda", inputs: { events: "events", excludeDays: "excludeDays", dayStartHour: "dayStartHour", dayEndHour: "dayEndHour", hourSegments: "hourSegments", activeDayIsOpen: "activeDayIsOpen", view: "view", allowedViews: "allowedViews", onlyFuture: "onlyFuture", titleNotes: "titleNotes", newEventTemplate: "newEventTemplate", allowDragToCreate: "allowDragToCreate", parentContent: "parentContent" }, outputs: { selectEvent: "selectEvent", selectDay: "selectDay", selectSlot: "selectSlot", newEventByDrag: "newEventByDrag", changeEvent: "changeEvent", changeDate: "changeDate", beforeWeekOrDayViewRenderEmitter: "beforeWeekOrDayViewRenderEmitter", beforeMonthViewRenderEmitter: "beforeMonthViewRenderEmitter" }, ngImport: i0, template: "<div class=\"agenda\">\n  <!-- TOOLBAR -->\n  <ion-row class=\"ion-align-items-center\">\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"5\"\n      [sizeSm]=\"3\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      @if (allowedViews.length > 1) {\n        <ion-item lines=\"none\" class=\"calendarViewSelector\">\n          <ion-select\n            interface=\"popover\"\n            [value]=\"view\"\n            (ionChange)=\"$event?.detail ? setView($event.detail.value) : null\"\n          >\n            @for (view of allowedViews; track view) {\n              <ion-select-option [value]=\"view\">\n                {{ 'IDEA_AGENDA.' + view | uppercase | translate }}\n              </ion-select-option>\n            }\n          </ion-select>\n        </ion-item>\n      }\n    </ion-col>\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"7\"\n      [sizeSm]=\"4\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarPreviousView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-back-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarToday\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"today-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarNextView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-forward-outline\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-col>\n    <ion-col class=\"ion-align-self-center titleCol\" [size]=\"12\" [sizeSm]=\"5\" [pullSm]=\"7\" [sizeLg]=\"8\" [pullLg]=\"4\">\n      <h2>{{ viewDate | calendarDate: view + 'ViewTitle' : locale }}</h2>\n      @if (titleNotes) {\n        <p>{{ titleNotes }}</p>\n      }\n    </ion-col>\n  </ion-row>\n  <!-- TEMPLATES (touch only what's necessary and leave everything else as it is) -->\n  <ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n    <span\n      class=\"cal-event-title\"\n      [class.noWrap]=\"event.allDay\"\n      [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n    >\n      {{ event.title | calendarEventTitle: view : event }}\n      @if (event.target) {\n        <p>{{ event.target }}</p>\n      } @else {\n        @if (event.location) {\n          <p>{{ event.location }}</p>\n        }\n      }\n      @if (!event.allDay) {\n        <p>{{ getPreviewDescription(event.description) }}</p>\n      }\n    </span>\n  </ng-template>\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\n      class=\"cal-event\"\n      [class.external]=\"weekEvent.event.external\"\n      [class.allDay]=\"weekEvent.event.allDay\"\n      [class.needsAction]=\"Attendance.NEEDS_ACTION === weekEvent.event.attendance\"\n      [class.declined]=\"Attendance.DECLINED === weekEvent.event.attendance\"\n      [class.tentative]=\"Attendance.TENTATIVE === weekEvent.event.attendance\"\n      [style.border-left-color]=\"weekEvent.event.color?.primary\"\n      [style.color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 80 : -40)\"\n      [style.background-color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 60 : 80, 0.2)\"\n      [mwlCalendarTooltip]=\"!tooltipDisabled && !isMobile() ? getTooltipContent(weekEvent.event) : ''\"\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      (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n      tabindex=\"0\"\n      role=\"application\"\n      [attr.aria-label]=\"\n        { event: weekEvent.tempEvent || weekEvent.event, locale: locale } | calendarA11y: 'eventDescription'\n      \"\n    >\n      <mwl-calendar-event-actions [event]=\"weekEvent.tempEvent || weekEvent.event\" />\n      &ngsp;\n      <mwl-calendar-event-title\n        [event]=\"weekEvent.tempEvent || weekEvent.event\"\n        [customTemplate]=\"eventTitleTemplate\"\n        [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      >\n      </mwl-calendar-event-title>\n      @if (!weekEvent.event.allDay) {\n        <div class=\"eventGadgets\">\n          @for (icon of weekEvent.event.icons; track icon) {\n            <ion-icon [name]=\"icon.name\" [title]=\"icon.title\" />\n          }\n          @for (avatar of weekEvent.event.avatars; track avatar) {\n            <idea-user-avatar size=\"mini\" [src]=\"avatar.url\" [name]=\"avatar.title\" />\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n  <ng-template\n    #hourSegmentTemplate\n    let-segment=\"segment\"\n    let-locale=\"locale\"\n    let-segmentHeight=\"segmentHeight\"\n    let-isTimeLabel=\"isTimeLabel\"\n  >\n    <div\n      #segmentElement\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      (mousedown)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n      (touchstart)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n    >\n      @if (isTimeLabel) {\n        <div class=\"cal-time\">\n          {{ segment.date | calendarDate: 'weekViewHour' : locale }}\n        </div>\n      }\n    </div>\n  </ng-template>\n  <!-- VIEWS -->\n  <div>\n    @switch (view) {\n      @case (CalendarView.Month) {\n        <mwl-calendar-month-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [activeDayIsOpen]=\"activeDayIsOpen\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [eventTitleTemplate]=\"eventTitleTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayClicked)=\"changeDay($event.day)\"\n          (beforeViewRender)=\"beforeMonthViewRender($event)\"\n        >\n        </mwl-calendar-month-view>\n      }\n      @case (CalendarView.Week) {\n        <mwl-calendar-week-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayHeaderClicked)=\"dateIsValid($event.day.date) ? selectDay.emit($event.day.date) : null\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-week-view>\n      }\n      @case (CalendarView.Day) {\n        <mwl-calendar-day-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-day-view>\n      }\n    }\n  </div>\n</div>\n", styles: [".agenda{margin-top:15px}.agenda ion-col.titleCol{padding-left:8px}.agenda ion-col.titleCol h2,.agenda ion-col.titleCol p{margin:0}.agenda ion-col.titleCol h2{font-size:1.2em}.agenda ion-col.titleCol p{font-size:.8em;font-style:italic}.agenda .calendarViewSelector{background-color:transparent;--ion-background-color: transparent;--background: transparent}.agenda .calendarViewSelector ion-select{max-width:100%;width:100%;padding-left:0;font-weight:500}.agenda .eventGadgets{margin-top:4px;margin-left:5px;text-align:right}.agenda .eventGadgets idea-user-avatar{display:block;float:left;margin:2px 1px}.agenda .eventGadgets ion-icon{padding-right:2px;opacity:.7;font-size:1.15em}@media only screen and (max-width: 575px){.agenda ion-col.titleCol{padding:0 8px 12px;text-align:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: i2.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i3.IDEAUserAvatarComponent, selector: "idea-user-avatar", inputs: ["src", "name", "size", "color"] }, { kind: "component", type: i4.ɵCalendarEventActionsComponent, selector: "mwl-calendar-event-actions", inputs: ["event", "customTemplate"] }, { kind: "component", type: i4.ɵCalendarEventTitleComponent, selector: "mwl-calendar-event-title", inputs: ["event", "customTemplate", "view"] }, { kind: "directive", type: i4.ɵCalendarTooltipDirective, selector: "[mwlCalendarTooltip]", inputs: ["mwlCalendarTooltip", "tooltipPlacement", "tooltipTemplate", "tooltipEvent", "tooltipAppendToBody", "tooltipDelay"] }, { kind: "directive", type: i4.ɵCalendarPreviousViewDirective, selector: "[mwlCalendarPreviousView]", inputs: ["view", "viewDate", "excludeDays", "daysInWeek"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵCalendarNextViewDirective, selector: "[mwlCalendarNextView]", inputs: ["view", "viewDate", "excludeDays", "daysInWeek"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵCalendarTodayDirective, selector: "[mwlCalendarToday]", inputs: ["viewDate"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵClickDirective, selector: "[mwlClick]", inputs: ["clickListenerDisabled"], outputs: ["mwlClick"] }, { kind: "directive", type: i4.ɵKeydownEnterDirective, selector: "[mwlKeydownEnter]", outputs: ["mwlKeydownEnter"] }, { kind: "component", type: i4.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: i4.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i4.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i4.ɵCalendarDatePipe, name: "calendarDate" }, { kind: "pipe", type: i4.ɵCalendarEventTitlePipe, name: "calendarEventTitle" }, { kind: "pipe", type: i4.ɵCalendarA11yPipe, name: "calendarA11y" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAAgendaComponent, isStandalone: false, selector: "idea-agenda", inputs: { events: "events", excludeDays: "excludeDays", dayStartHour: "dayStartHour", dayEndHour: "dayEndHour", hourSegments: "hourSegments", activeDayIsOpen: "activeDayIsOpen", view: "view", allowedViews: "allowedViews", onlyFuture: "onlyFuture", titleNotes: "titleNotes", newEventTemplate: "newEventTemplate", allowDragToCreate: "allowDragToCreate", parentContent: "parentContent" }, outputs: { selectEvent: "selectEvent", selectDay: "selectDay", selectSlot: "selectSlot", newEventByDrag: "newEventByDrag", changeEvent: "changeEvent", changeDate: "changeDate", beforeWeekOrDayViewRenderEmitter: "beforeWeekOrDayViewRenderEmitter", beforeMonthViewRenderEmitter: "beforeMonthViewRenderEmitter" }, ngImport: i0, template: "<div class=\"agenda\">\n  <!-- TOOLBAR -->\n  <ion-row class=\"ion-align-items-center\">\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"5\"\n      [sizeSm]=\"3\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      @if (allowedViews.length > 1) {\n        <ion-item lines=\"none\" class=\"calendarViewSelector\">\n          <ion-select\n            interface=\"popover\"\n            [value]=\"view\"\n            (ionChange)=\"$event?.detail ? setView($event.detail.value) : null\"\n          >\n            @for (view of allowedViews; track view) {\n              <ion-select-option [value]=\"view\">\n                {{ 'IDEA_AGENDA.' + view | uppercase | translate }}\n              </ion-select-option>\n            }\n          </ion-select>\n        </ion-item>\n      }\n    </ion-col>\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"7\"\n      [sizeSm]=\"4\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarPreviousView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-back-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarToday\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"today-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarNextView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-forward-outline\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-col>\n    <ion-col class=\"ion-align-self-center titleCol\" [size]=\"12\" [sizeSm]=\"5\" [pullSm]=\"7\" [sizeLg]=\"8\" [pullLg]=\"4\">\n      <h2>{{ viewDate | calendarDate: view + 'ViewTitle' : locale }}</h2>\n      @if (titleNotes) {\n        <p>{{ titleNotes }}</p>\n      }\n    </ion-col>\n  </ion-row>\n  <!-- TEMPLATES (touch only what's necessary and leave everything else as it is) -->\n  <ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n    <span\n      class=\"cal-event-title\"\n      [class.noWrap]=\"event.allDay\"\n      [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n    >\n      {{ event.title | calendarEventTitle: view : event }}\n      @if (event.target) {\n        <p>{{ event.target }}</p>\n      } @else {\n        @if (event.location) {\n          <p>{{ event.location }}</p>\n        }\n      }\n      @if (!event.allDay) {\n        <p>{{ getPreviewDescription(event.description) }}</p>\n      }\n    </span>\n  </ng-template>\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\n      class=\"cal-event\"\n      [class.external]=\"weekEvent.event.external\"\n      [class.allDay]=\"weekEvent.event.allDay\"\n      [class.needsAction]=\"Attendance.NEEDS_ACTION === weekEvent.event.attendance\"\n      [class.declined]=\"Attendance.DECLINED === weekEvent.event.attendance\"\n      [class.tentative]=\"Attendance.TENTATIVE === weekEvent.event.attendance\"\n      [style.border-left-color]=\"weekEvent.event.color?.primary\"\n      [style.color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 80 : -40)\"\n      [style.background-color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 60 : 80, 0.2)\"\n      [mwlCalendarTooltip]=\"!tooltipDisabled && !isMobile() ? getTooltipContent(weekEvent.event) : ''\"\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      (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n      tabindex=\"0\"\n      role=\"application\"\n      [attr.aria-label]=\"\n        { event: weekEvent.tempEvent || weekEvent.event, locale: locale } | calendarA11y: 'eventDescription'\n      \"\n    >\n      <mwl-calendar-event-actions [event]=\"weekEvent.tempEvent || weekEvent.event\" />\n      &ngsp;\n      <mwl-calendar-event-title\n        [event]=\"weekEvent.tempEvent || weekEvent.event\"\n        [customTemplate]=\"eventTitleTemplate\"\n        [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      >\n      </mwl-calendar-event-title>\n      @if (!weekEvent.event.allDay) {\n        <div class=\"eventGadgets\">\n          @for (icon of weekEvent.event.icons; track icon) {\n            <ion-icon [name]=\"icon.name\" [title]=\"icon.title\" />\n          }\n          @for (avatar of weekEvent.event.avatars; track avatar) {\n            <idea-user-avatar size=\"mini\" [src]=\"avatar.url\" [name]=\"avatar.title\" />\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n  <ng-template\n    #hourSegmentTemplate\n    let-segment=\"segment\"\n    let-locale=\"locale\"\n    let-segmentHeight=\"segmentHeight\"\n    let-isTimeLabel=\"isTimeLabel\"\n  >\n    <div\n      #segmentElement\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      (mousedown)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n      (touchstart)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n    >\n      @if (isTimeLabel) {\n        <div class=\"cal-time\">\n          {{ segment.date | calendarDate: 'weekViewHour' : locale }}\n        </div>\n      }\n    </div>\n  </ng-template>\n  <!-- VIEWS -->\n  <div>\n    @switch (view) {\n      @case (CalendarView.Month) {\n        <mwl-calendar-month-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [activeDayIsOpen]=\"activeDayIsOpen\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [eventTitleTemplate]=\"eventTitleTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayClicked)=\"changeDay($event.day)\"\n          (beforeViewRender)=\"beforeMonthViewRender($event)\"\n        >\n        </mwl-calendar-month-view>\n      }\n      @case (CalendarView.Week) {\n        <mwl-calendar-week-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayHeaderClicked)=\"dateIsValid($event.day.date) ? selectDay.emit($event.day.date) : null\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-week-view>\n      }\n      @case (CalendarView.Day) {\n        <mwl-calendar-day-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-day-view>\n      }\n    }\n  </div>\n</div>\n", styles: [".agenda{margin-top:15px}.agenda ion-col.titleCol{padding-left:8px}.agenda ion-col.titleCol h2,.agenda ion-col.titleCol p{margin:0}.agenda ion-col.titleCol h2{font-size:1.2em}.agenda ion-col.titleCol p{font-size:.8em;font-style:italic}.agenda .calendarViewSelector{background-color:transparent;--ion-background-color: transparent;--background: transparent}.agenda .calendarViewSelector ion-select{max-width:100%;width:100%;padding-left:0;font-weight:500}.agenda .eventGadgets{margin-top:4px;margin-left:5px;text-align:right}.agenda .eventGadgets idea-user-avatar{display:block;float:left;margin:2px 1px}.agenda .eventGadgets ion-icon{padding-right:2px;opacity:.7;font-size:1.15em}@media only screen and (max-width: 575px){.agenda ion-col.titleCol{padding:0 8px 12px;text-align:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "required", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: i2.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i3.IDEAUserAvatarComponent, selector: "idea-user-avatar", inputs: ["src", "name", "size", "color"] }, { kind: "component", type: i4.ɵCalendarEventActionsComponent, selector: "mwl-calendar-event-actions", inputs: ["event", "customTemplate"] }, { kind: "component", type: i4.ɵCalendarEventTitleComponent, selector: "mwl-calendar-event-title", inputs: ["event", "customTemplate", "view"] }, { kind: "directive", type: i4.ɵCalendarTooltipDirective, selector: "[mwlCalendarTooltip]", inputs: ["mwlCalendarTooltip", "tooltipPlacement", "tooltipTemplate", "tooltipEvent", "tooltipAppendToBody", "tooltipDelay"] }, { kind: "directive", type: i4.ɵCalendarPreviousViewDirective, selector: "[mwlCalendarPreviousView]", inputs: ["view", "viewDate", "excludeDays", "daysInWeek"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵCalendarNextViewDirective, selector: "[mwlCalendarNextView]", inputs: ["view", "viewDate", "excludeDays", "daysInWeek"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵCalendarTodayDirective, selector: "[mwlCalendarToday]", inputs: ["viewDate"], outputs: ["viewDateChange"] }, { kind: "directive", type: i4.ɵClickDirective, selector: "[mwlClick]", inputs: ["clickListenerDisabled"], outputs: ["mwlClick"] }, { kind: "directive", type: i4.ɵKeydownEnterDirective, selector: "[mwlKeydownEnter]", outputs: ["mwlKeydownEnter"] }, { kind: "component", type: i4.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: i4.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "component", type: i4.CalendarDayViewComponent, selector: "mwl-calendar-day-view", inputs: ["viewDate", "events", "hourSegments", "hourSegmentHeight", "hourDuration", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "refresh", "locale", "eventSnapSize", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "hourSegmentTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "snapDraggedEvents", "allDayEventsLabelTemplate", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["eventClicked", "hourSegmentClicked", "eventTimesChanged", "beforeViewRender"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i4.ɵCalendarDatePipe, name: "calendarDate" }, { kind: "pipe", type: i4.ɵCalendarEventTitlePipe, name: "calendarEventTitle" }, { kind: "pipe", type: i4.ɵCalendarA11yPipe, name: "calendarA11y" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-agenda', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"agenda\">\n  <!-- TOOLBAR -->\n  <ion-row class=\"ion-align-items-center\">\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"5\"\n      [sizeSm]=\"3\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      @if (allowedViews.length > 1) {\n        <ion-item lines=\"none\" class=\"calendarViewSelector\">\n          <ion-select\n            interface=\"popover\"\n            [value]=\"view\"\n            (ionChange)=\"$event?.detail ? setView($event.detail.value) : null\"\n          >\n            @for (view of allowedViews; track view) {\n              <ion-select-option [value]=\"view\">\n                {{ 'IDEA_AGENDA.' + view | uppercase | translate }}\n              </ion-select-option>\n            }\n          </ion-select>\n        </ion-item>\n      }\n    </ion-col>\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"7\"\n      [sizeSm]=\"4\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarPreviousView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-back-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarToday\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"today-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarNextView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-forward-outline\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-col>\n    <ion-col class=\"ion-align-self-center titleCol\" [size]=\"12\" [sizeSm]=\"5\" [pullSm]=\"7\" [sizeLg]=\"8\" [pullLg]=\"4\">\n      <h2>{{ viewDate | calendarDate: view + 'ViewTitle' : locale }}</h2>\n      @if (titleNotes) {\n        <p>{{ titleNotes }}</p>\n      }\n    </ion-col>\n  </ion-row>\n  <!-- TEMPLATES (touch only what's necessary and leave everything else as it is) -->\n  <ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n    <span\n      class=\"cal-event-title\"\n      [class.noWrap]=\"event.allDay\"\n      [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n    >\n      {{ event.title | calendarEventTitle: view : event }}\n      @if (event.target) {\n        <p>{{ event.target }}</p>\n      } @else {\n        @if (event.location) {\n          <p>{{ event.location }}</p>\n        }\n      }\n      @if (!event.allDay) {\n        <p>{{ getPreviewDescription(event.description) }}</p>\n      }\n    </span>\n  </ng-template>\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\n      class=\"cal-event\"\n      [class.external]=\"weekEvent.event.external\"\n      [class.allDay]=\"weekEvent.event.allDay\"\n      [class.needsAction]=\"Attendance.NEEDS_ACTION === weekEvent.event.attendance\"\n      [class.declined]=\"Attendance.DECLINED === weekEvent.event.attendance\"\n      [class.tentative]=\"Attendance.TENTATIVE === weekEvent.event.attendance\"\n      [style.border-left-color]=\"weekEvent.event.color?.primary\"\n      [style.color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 80 : -40)\"\n      [style.background-color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 60 : 80, 0.2)\"\n      [mwlCalendarTooltip]=\"!tooltipDisabled && !isMobile() ? getTooltipContent(weekEvent.event) : ''\"\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      (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n      tabindex=\"0\"\n      role=\"application\"\n      [attr.aria-label]=\"\n        { event: weekEvent.tempEvent || weekEvent.event, locale: locale } | calendarA11y: 'eventDescription'\n      \"\n    >\n      <mwl-calendar-event-actions [event]=\"weekEvent.tempEvent || weekEvent.event\" />\n      &ngsp;\n      <mwl-calendar-event-title\n        [event]=\"weekEvent.tempEvent || weekEvent.event\"\n        [customTemplate]=\"eventTitleTemplate\"\n        [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      >\n      </mwl-calendar-event-title>\n      @if (!weekEvent.event.allDay) {\n        <div class=\"eventGadgets\">\n          @for (icon of weekEvent.event.icons; track icon) {\n            <ion-icon [name]=\"icon.name\" [title]=\"icon.title\" />\n          }\n          @for (avatar of weekEvent.event.avatars; track avatar) {\n            <idea-user-avatar size=\"mini\" [src]=\"avatar.url\" [name]=\"avatar.title\" />\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n  <ng-template\n    #hourSegmentTemplate\n    let-segment=\"segment\"\n    let-locale=\"locale\"\n    let-segmentHeight=\"segmentHeight\"\n    let-isTimeLabel=\"isTimeLabel\"\n  >\n    <div\n      #segmentElement\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      (mousedown)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n      (touchstart)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n    >\n      @if (isTimeLabel) {\n        <div class=\"cal-time\">\n          {{ segment.date | calendarDate: 'weekViewHour' : locale }}\n        </div>\n      }\n    </div>\n  </ng-template>\n  <!-- VIEWS -->\n  <div>\n    @switch (view) {\n      @case (CalendarView.Month) {\n        <mwl-calendar-month-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [activeDayIsOpen]=\"activeDayIsOpen\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [eventTitleTemplate]=\"eventTitleTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayClicked)=\"changeDay($event.day)\"\n          (beforeViewRender)=\"beforeMonthViewRender($event)\"\n        >\n        </mwl-calendar-month-view>\n      }\n      @case (CalendarView.Week) {\n        <mwl-calendar-week-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayHeaderClicked)=\"dateIsValid($event.day.date) ? selectDay.emit($event.day.date) : null\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-week-view>\n      }\n      @case (CalendarView.Day) {\n        <mwl-calendar-day-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-day-view>\n      }\n    }\n  </div>\n</div>\n", styles: [".agenda{margin-top:15px}.agenda ion-col.titleCol{padding-left:8px}.agenda ion-col.titleCol h2,.agenda ion-col.titleCol p{margin:0}.agenda ion-col.titleCol h2{font-size:1.2em}.agenda ion-col.titleCol p{font-size:.8em;font-style:italic}.agenda .calendarViewSelector{background-color:transparent;--ion-background-color: transparent;--background: transparent}.agenda .calendarViewSelector ion-select{max-width:100%;width:100%;padding-left:0;font-weight:500}.agenda .eventGadgets{margin-top:4px;margin-left:5px;text-align:right}.agenda .eventGadgets idea-user-avatar{display:block;float:left;margin:2px 1px}.agenda .eventGadgets ion-icon{padding-right:2px;opacity:.7;font-size:1.15em}@media only screen and (max-width: 575px){.agenda ion-col.titleCol{padding:0 8px 12px;text-align:center}}\n"] }]
+            args: [{ standalone: false, selector: 'idea-agenda', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"agenda\">\n  <!-- TOOLBAR -->\n  <ion-row class=\"ion-align-items-center\">\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"5\"\n      [sizeSm]=\"3\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      @if (allowedViews.length > 1) {\n        <ion-item lines=\"none\" class=\"calendarViewSelector\">\n          <ion-select\n            interface=\"popover\"\n            [value]=\"view\"\n            (ionChange)=\"$event?.detail ? setView($event.detail.value) : null\"\n          >\n            @for (view of allowedViews; track view) {\n              <ion-select-option [value]=\"view\">\n                {{ 'IDEA_AGENDA.' + view | uppercase | translate }}\n              </ion-select-option>\n            }\n          </ion-select>\n        </ion-item>\n      }\n    </ion-col>\n    <ion-col\n      class=\"ion-align-self-center ion-text-right\"\n      [size]=\"7\"\n      [sizeSm]=\"4\"\n      [pushSm]=\"5\"\n      [sizeLg]=\"2\"\n      [pushLg]=\"8\"\n    >\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarPreviousView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-back-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarToday\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"today-outline\" slot=\"icon-only\" />\n      </ion-button>\n      <ion-button\n        fill=\"clear\"\n        color=\"dark\"\n        size=\"small\"\n        mwlCalendarNextView\n        [view]=\"view\"\n        [(viewDate)]=\"viewDate\"\n        (viewDateChange)=\"viewDateChanged($event)\"\n      >\n        <ion-icon name=\"chevron-forward-outline\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-col>\n    <ion-col class=\"ion-align-self-center titleCol\" [size]=\"12\" [sizeSm]=\"5\" [pullSm]=\"7\" [sizeLg]=\"8\" [pullLg]=\"4\">\n      <h2>{{ viewDate | calendarDate: view + 'ViewTitle' : locale }}</h2>\n      @if (titleNotes) {\n        <p>{{ titleNotes }}</p>\n      }\n    </ion-col>\n  </ion-row>\n  <!-- TEMPLATES (touch only what's necessary and leave everything else as it is) -->\n  <ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n    <span\n      class=\"cal-event-title\"\n      [class.noWrap]=\"event.allDay\"\n      [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n    >\n      {{ event.title | calendarEventTitle: view : event }}\n      @if (event.target) {\n        <p>{{ event.target }}</p>\n      } @else {\n        @if (event.location) {\n          <p>{{ event.location }}</p>\n        }\n      }\n      @if (!event.allDay) {\n        <p>{{ getPreviewDescription(event.description) }}</p>\n      }\n    </span>\n  </ng-template>\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\n      class=\"cal-event\"\n      [class.external]=\"weekEvent.event.external\"\n      [class.allDay]=\"weekEvent.event.allDay\"\n      [class.needsAction]=\"Attendance.NEEDS_ACTION === weekEvent.event.attendance\"\n      [class.declined]=\"Attendance.DECLINED === weekEvent.event.attendance\"\n      [class.tentative]=\"Attendance.TENTATIVE === weekEvent.event.attendance\"\n      [style.border-left-color]=\"weekEvent.event.color?.primary\"\n      [style.color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 80 : -40)\"\n      [style.background-color]=\"getAlternateColor(weekEvent.event.color?.primary, darkMode ? 60 : 80, 0.2)\"\n      [mwlCalendarTooltip]=\"!tooltipDisabled && !isMobile() ? getTooltipContent(weekEvent.event) : ''\"\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      (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n      tabindex=\"0\"\n      role=\"application\"\n      [attr.aria-label]=\"\n        { event: weekEvent.tempEvent || weekEvent.event, locale: locale } | calendarA11y: 'eventDescription'\n      \"\n    >\n      <mwl-calendar-event-actions [event]=\"weekEvent.tempEvent || weekEvent.event\" />\n      &ngsp;\n      <mwl-calendar-event-title\n        [event]=\"weekEvent.tempEvent || weekEvent.event\"\n        [customTemplate]=\"eventTitleTemplate\"\n        [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      >\n      </mwl-calendar-event-title>\n      @if (!weekEvent.event.allDay) {\n        <div class=\"eventGadgets\">\n          @for (icon of weekEvent.event.icons; track icon) {\n            <ion-icon [name]=\"icon.name\" [title]=\"icon.title\" />\n          }\n          @for (avatar of weekEvent.event.avatars; track avatar) {\n            <idea-user-avatar size=\"mini\" [src]=\"avatar.url\" [name]=\"avatar.title\" />\n          }\n        </div>\n      }\n    </div>\n  </ng-template>\n  <ng-template\n    #hourSegmentTemplate\n    let-segment=\"segment\"\n    let-locale=\"locale\"\n    let-segmentHeight=\"segmentHeight\"\n    let-isTimeLabel=\"isTimeLabel\"\n  >\n    <div\n      #segmentElement\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      (mousedown)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n      (touchstart)=\"allowDragToCreate ? startDragToCreate($event, segment.date, segmentElement) : null\"\n    >\n      @if (isTimeLabel) {\n        <div class=\"cal-time\">\n          {{ segment.date | calendarDate: 'weekViewHour' : locale }}\n        </div>\n      }\n    </div>\n  </ng-template>\n  <!-- VIEWS -->\n  <div>\n    @switch (view) {\n      @case (CalendarView.Month) {\n        <mwl-calendar-month-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [activeDayIsOpen]=\"activeDayIsOpen\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [eventTitleTemplate]=\"eventTitleTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayClicked)=\"changeDay($event.day)\"\n          (beforeViewRender)=\"beforeMonthViewRender($event)\"\n        >\n        </mwl-calendar-month-view>\n      }\n      @case (CalendarView.Week) {\n        <mwl-calendar-week-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [excludeDays]=\"excludeDays\"\n          [weekStartsOn]=\"weekStartsOn\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (dayHeaderClicked)=\"dateIsValid($event.day.date) ? selectDay.emit($event.day.date) : null\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-week-view>\n      }\n      @case (CalendarView.Day) {\n        <mwl-calendar-day-view\n          [viewDate]=\"viewDate\"\n          [events]=\"events\"\n          [refresh]=\"refresh\"\n          [locale]=\"locale\"\n          [dayStartHour]=\"dayStartHour\"\n          [dayEndHour]=\"dayEndHour\"\n          [hourSegments]=\"hourSegments\"\n          [eventTemplate]=\"eventTemplate\"\n          [hourSegmentTemplate]=\"hourSegmentTemplate\"\n          (eventClicked)=\"selectEvent.emit($event.event)\"\n          (eventTimesChanged)=\"eventTimesChanged($event)\"\n          (hourSegmentClicked)=\"dateIsValid($event.date) ? selectSlot.emit($event.date) : null\"\n          (beforeViewRender)=\"beforeWeekOrDayViewRender($event)\"\n        >\n        </mwl-calendar-day-view>\n      }\n    }\n  </div>\n</div>\n", styles: [".agenda{margin-top:15px}.agenda ion-col.titleCol{padding-left:8px}.agenda ion-col.titleCol h2,.agenda ion-col.titleCol p{margin:0}.agenda ion-col.titleCol h2{font-size:1.2em}.agenda ion-col.titleCol p{font-size:.8em;font-style:italic}.agenda .calendarViewSelector{background-color:transparent;--ion-background-color: transparent;--background: transparent}.agenda .calendarViewSelector ion-select{max-width:100%;width:100%;padding-left:0;font-weight:500}.agenda .eventGadgets{margin-top:4px;margin-left:5px;text-align:right}.agenda .eventGadgets idea-user-avatar{display:block;float:left;margin:2px 1px}.agenda .eventGadgets ion-icon{padding-right:2px;opacity:.7;font-size:1.15em}@media only screen and (max-width: 575px){.agenda ion-col.titleCol{padding:0 8px 12px;text-align:center}}\n"] }]
         }], propDecorators: { events: [{
                 type: Input
             }], excludeDays: [{
@@ -549,10 +549,10 @@ class IDEACalendarsService {
         })
             .catch(err => done(err));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarsService, decorators: [{
             type: Injectable
         }] });
 
@@ -641,12 +641,12 @@ class IDEACalendarComponent {
     close() {
         this._modal.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEACalendarComponent, selector: "idea-calendar", inputs: { calendar: "calendar", advancedPermissions: "advancedPermissions", hideColor: "hideColor" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ 'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.SAVE' | translate\" (click)=\"save()\">\n        <ion-icon name=\"checkmark-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  @if (calendarWC) {\n    <div class=\"maxWidthContainer\">\n      <ion-list class=\"aList\">\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('name')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.NAME' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.name\"\n          />\n        </ion-item>\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('description')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.description\"\n          />\n        </ion-item>\n        @if (!hideColor) {\n          <idea-color-picker\n            [lines]=\"'inset'\"\n            [current]=\"calendarWC.color\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.COLOR' | translate\"\n            [class.fieldHasError]=\"hasFieldAnError('color')\"\n            (select)=\"$event ? (calendarWC.color = $event) : null\"\n          />\n        }\n        @if (membershipsChecks && calendarWC.isShared() && advancedPermissions) {\n          <idea-checker\n            [data]=\"membershipsChecks\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.USERS_ALLOWED_TO_MANAGE_APPOINTMENTS' | translate\"\n            [searchPlaceholder]=\"'IDEA_AGENDA.CALENDARS.WHO_CAN_MANAGE_APPOINTMENTS' | translate\"\n            [noneText]=\"'IDEA_AGENDA.CALENDARS.NOBODY' | translate\"\n            [allText]=\"'IDEA_AGENDA.CALENDARS.EVERYONE' | translate\"\n            [allowSelectDeselectAll]=\"true\"\n            [lines]=\"'inset'\"\n          />\n        }\n      </ion-list>\n      @if (calendarWC.external?.service) {\n        <ion-list class=\"aList\">\n          <ion-list-header>\n            <ion-label>\n              <h2>{{ 'IDEA_AGENDA.CALENDARS.INFO_ON_CALENDAR' | translate }}</h2>\n            </ion-label>\n          </ion-list-header>\n          @if (calendar.userId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"person\" />\n            </ion-item>\n          }\n          @if (calendar.teamId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"people\" />\n            </ion-item>\n          }\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.LINKED_TO' | translate }}\n              {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + calendarWC.external.service | translate }}\n              <p>{{ calendarWC.external.name }} ({{ calendarWC.external.email }})</p>\n            </ion-label>\n            <ion-icon slot=\"end\" [name]=\"_calendars.getServiceIcon(calendarWC.external.service)\" />\n          </ion-item>\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.ACCESS_LEVELS.' + calendarWC.external.userAccess | translate }}\n              <p>{{ 'IDEA_AGENDA.CALENDARS.BASED_ON_EXTERNAL_SERVICE_SHARING_PERMISSION' | translate }}</p>\n            </ion-label>\n            <ion-icon slot=\"end\" name=\"shield\" />\n          </ion-item>\n        </ion-list>\n      }\n      <ion-list class=\"aList\">\n        <ion-list-header>\n          <ion-label color=\"danger\">\n            <h2>{{ 'IDEA_AGENDA.CALENDARS.DANGEROUS_ZONE' | translate }}</h2>\n          </ion-label>\n        </ion-list-header>\n        <ion-item lines=\"inset\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR' | translate }}\n            <p>{{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate }}</p>\n          </ion-label>\n          <ion-button\n            color=\"danger\"\n            [title]=\"'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate\"\n            (click)=\"delete()\"\n          >\n            {{ 'COMMON.DELETE' | translate }}\n          </ion-button>\n        </ion-item>\n      </ion-list>\n    </div>\n  }\n</ion-content>\n", styles: [".maxWidthContainer{max-width:500px;padding-top:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: i3$1.IDEAColorPickerComponent, selector: "idea-color-picker", inputs: ["colors", "current", "label", "placeholder", "icon", "iconColor", "disabled", "obligatory", "lines", "color"], outputs: ["select", "iconSelect"] }, { kind: "component", type: i3.IDEACheckerComponent, selector: "idea-checker", inputs: ["data", "dataProvider", "label", "icon", "iconColor", "searchPlaceholder", "noPreviewText", "noElementsFoundText", "noneEqualsAll", "noneText", "allText", "lines", "color", "disabled", "tappableWhenDisabled", "obligatory", "sortData", "numMaxElementsInPreview", "showAvatars", "limitSelectionToNum", "allowSelectDeselectAll", "category1", "category2", "showCategoriesFilters"], outputs: ["change", "iconSelect"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEACalendarComponent, isStandalone: false, selector: "idea-calendar", inputs: { calendar: "calendar", advancedPermissions: "advancedPermissions", hideColor: "hideColor" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ 'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.SAVE' | translate\" (click)=\"save()\">\n        <ion-icon name=\"checkmark-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  @if (calendarWC) {\n    <div class=\"maxWidthContainer\">\n      <ion-list class=\"aList\">\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('name')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.NAME' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.name\"\n          />\n        </ion-item>\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('description')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.description\"\n          />\n        </ion-item>\n        @if (!hideColor) {\n          <idea-color-picker\n            [lines]=\"'inset'\"\n            [current]=\"calendarWC.color\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.COLOR' | translate\"\n            [class.fieldHasError]=\"hasFieldAnError('color')\"\n            (select)=\"$event ? (calendarWC.color = $event) : null\"\n          />\n        }\n        @if (membershipsChecks && calendarWC.isShared() && advancedPermissions) {\n          <idea-checker\n            [data]=\"membershipsChecks\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.USERS_ALLOWED_TO_MANAGE_APPOINTMENTS' | translate\"\n            [searchPlaceholder]=\"'IDEA_AGENDA.CALENDARS.WHO_CAN_MANAGE_APPOINTMENTS' | translate\"\n            [noneText]=\"'IDEA_AGENDA.CALENDARS.NOBODY' | translate\"\n            [allText]=\"'IDEA_AGENDA.CALENDARS.EVERYONE' | translate\"\n            [allowSelectDeselectAll]=\"true\"\n            [lines]=\"'inset'\"\n          />\n        }\n      </ion-list>\n      @if (calendarWC.external?.service) {\n        <ion-list class=\"aList\">\n          <ion-list-header>\n            <ion-label>\n              <h2>{{ 'IDEA_AGENDA.CALENDARS.INFO_ON_CALENDAR' | translate }}</h2>\n            </ion-label>\n          </ion-list-header>\n          @if (calendar.userId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"person\" />\n            </ion-item>\n          }\n          @if (calendar.teamId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"people\" />\n            </ion-item>\n          }\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.LINKED_TO' | translate }}\n              {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + calendarWC.external.service | translate }}\n              <p>{{ calendarWC.external.name }} ({{ calendarWC.external.email }})</p>\n            </ion-label>\n            <ion-icon slot=\"end\" [name]=\"_calendars.getServiceIcon(calendarWC.external.service)\" />\n          </ion-item>\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.ACCESS_LEVELS.' + calendarWC.external.userAccess | translate }}\n              <p>{{ 'IDEA_AGENDA.CALENDARS.BASED_ON_EXTERNAL_SERVICE_SHARING_PERMISSION' | translate }}</p>\n            </ion-label>\n            <ion-icon slot=\"end\" name=\"shield\" />\n          </ion-item>\n        </ion-list>\n      }\n      <ion-list class=\"aList\">\n        <ion-list-header>\n          <ion-label color=\"danger\">\n            <h2>{{ 'IDEA_AGENDA.CALENDARS.DANGEROUS_ZONE' | translate }}</h2>\n          </ion-label>\n        </ion-list-header>\n        <ion-item lines=\"inset\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR' | translate }}\n            <p>{{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate }}</p>\n          </ion-label>\n          <ion-button\n            color=\"danger\"\n            [title]=\"'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate\"\n            (click)=\"delete()\"\n          >\n            {{ 'COMMON.DELETE' | translate }}\n          </ion-button>\n        </ion-item>\n      </ion-list>\n    </div>\n  }\n</ion-content>\n", styles: [".maxWidthContainer{max-width:500px;padding-top:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "component", type: i3$1.IDEAColorPickerComponent, selector: "idea-color-picker", inputs: ["colors", "current", "label", "placeholder", "icon", "iconColor", "disabled", "obligatory", "lines", "color"], outputs: ["select", "iconSelect"] }, { kind: "component", type: i3.IDEACheckerComponent, selector: "idea-checker", inputs: ["data", "dataProvider", "label", "icon", "iconColor", "searchPlaceholder", "noPreviewText", "noElementsFoundText", "noneEqualsAll", "noneText", "allText", "previewTextKey", "lines", "color", "disabled", "tappableWhenDisabled", "obligatory", "sortData", "numMaxElementsInPreview", "showAvatars", "limitSelectionToNum", "allowSelectDeselectAll", "category1", "category2", "showCategoriesFilters"], outputs: ["change", "iconSelect"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-calendar', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ 'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.SAVE' | translate\" (click)=\"save()\">\n        <ion-icon name=\"checkmark-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  @if (calendarWC) {\n    <div class=\"maxWidthContainer\">\n      <ion-list class=\"aList\">\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('name')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.NAME' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.name\"\n          />\n        </ion-item>\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('description')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.description\"\n          />\n        </ion-item>\n        @if (!hideColor) {\n          <idea-color-picker\n            [lines]=\"'inset'\"\n            [current]=\"calendarWC.color\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.COLOR' | translate\"\n            [class.fieldHasError]=\"hasFieldAnError('color')\"\n            (select)=\"$event ? (calendarWC.color = $event) : null\"\n          />\n        }\n        @if (membershipsChecks && calendarWC.isShared() && advancedPermissions) {\n          <idea-checker\n            [data]=\"membershipsChecks\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.USERS_ALLOWED_TO_MANAGE_APPOINTMENTS' | translate\"\n            [searchPlaceholder]=\"'IDEA_AGENDA.CALENDARS.WHO_CAN_MANAGE_APPOINTMENTS' | translate\"\n            [noneText]=\"'IDEA_AGENDA.CALENDARS.NOBODY' | translate\"\n            [allText]=\"'IDEA_AGENDA.CALENDARS.EVERYONE' | translate\"\n            [allowSelectDeselectAll]=\"true\"\n            [lines]=\"'inset'\"\n          />\n        }\n      </ion-list>\n      @if (calendarWC.external?.service) {\n        <ion-list class=\"aList\">\n          <ion-list-header>\n            <ion-label>\n              <h2>{{ 'IDEA_AGENDA.CALENDARS.INFO_ON_CALENDAR' | translate }}</h2>\n            </ion-label>\n          </ion-list-header>\n          @if (calendar.userId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"person\" />\n            </ion-item>\n          }\n          @if (calendar.teamId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"people\" />\n            </ion-item>\n          }\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.LINKED_TO' | translate }}\n              {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + calendarWC.external.service | translate }}\n              <p>{{ calendarWC.external.name }} ({{ calendarWC.external.email }})</p>\n            </ion-label>\n            <ion-icon slot=\"end\" [name]=\"_calendars.getServiceIcon(calendarWC.external.service)\" />\n          </ion-item>\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.ACCESS_LEVELS.' + calendarWC.external.userAccess | translate }}\n              <p>{{ 'IDEA_AGENDA.CALENDARS.BASED_ON_EXTERNAL_SERVICE_SHARING_PERMISSION' | translate }}</p>\n            </ion-label>\n            <ion-icon slot=\"end\" name=\"shield\" />\n          </ion-item>\n        </ion-list>\n      }\n      <ion-list class=\"aList\">\n        <ion-list-header>\n          <ion-label color=\"danger\">\n            <h2>{{ 'IDEA_AGENDA.CALENDARS.DANGEROUS_ZONE' | translate }}</h2>\n          </ion-label>\n        </ion-list-header>\n        <ion-item lines=\"inset\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR' | translate }}\n            <p>{{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate }}</p>\n          </ion-label>\n          <ion-button\n            color=\"danger\"\n            [title]=\"'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate\"\n            (click)=\"delete()\"\n          >\n            {{ 'COMMON.DELETE' | translate }}\n          </ion-button>\n        </ion-item>\n      </ion-list>\n    </div>\n  }\n</ion-content>\n", styles: [".maxWidthContainer{max-width:500px;padding-top:20px}\n"] }]
+            args: [{ standalone: false, selector: 'idea-calendar', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ 'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.SAVE' | translate\" (click)=\"save()\">\n        <ion-icon name=\"checkmark-circle\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  @if (calendarWC) {\n    <div class=\"maxWidthContainer\">\n      <ion-list class=\"aList\">\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('name')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.NAME' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.NAME_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.name\"\n          />\n        </ion-item>\n        <ion-item\n          lines=\"inset\"\n          [class.fieldHasError]=\"hasFieldAnError('description')\"\n          [title]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n        >\n          <ion-input\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION' | translate\"\n            [placeholder]=\"'IDEA_AGENDA.CALENDARS.DESCRIPTION_HINT' | translate\"\n            [(ngModel)]=\"calendarWC.description\"\n          />\n        </ion-item>\n        @if (!hideColor) {\n          <idea-color-picker\n            [lines]=\"'inset'\"\n            [current]=\"calendarWC.color\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.COLOR' | translate\"\n            [class.fieldHasError]=\"hasFieldAnError('color')\"\n            (select)=\"$event ? (calendarWC.color = $event) : null\"\n          />\n        }\n        @if (membershipsChecks && calendarWC.isShared() && advancedPermissions) {\n          <idea-checker\n            [data]=\"membershipsChecks\"\n            [label]=\"'IDEA_AGENDA.CALENDARS.USERS_ALLOWED_TO_MANAGE_APPOINTMENTS' | translate\"\n            [searchPlaceholder]=\"'IDEA_AGENDA.CALENDARS.WHO_CAN_MANAGE_APPOINTMENTS' | translate\"\n            [noneText]=\"'IDEA_AGENDA.CALENDARS.NOBODY' | translate\"\n            [allText]=\"'IDEA_AGENDA.CALENDARS.EVERYONE' | translate\"\n            [allowSelectDeselectAll]=\"true\"\n            [lines]=\"'inset'\"\n          />\n        }\n      </ion-list>\n      @if (calendarWC.external?.service) {\n        <ion-list class=\"aList\">\n          <ion-list-header>\n            <ion-label>\n              <h2>{{ 'IDEA_AGENDA.CALENDARS.INFO_ON_CALENDAR' | translate }}</h2>\n            </ion-label>\n          </ion-list-header>\n          @if (calendar.userId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.PRIVATE_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"person\" />\n            </ion-item>\n          }\n          @if (calendar.teamId) {\n            <ion-item lines=\"inset\">\n              <ion-label>\n                {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}\n                <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n              </ion-label>\n              <ion-icon slot=\"end\" name=\"people\" />\n            </ion-item>\n          }\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.LINKED_TO' | translate }}\n              {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + calendarWC.external.service | translate }}\n              <p>{{ calendarWC.external.name }} ({{ calendarWC.external.email }})</p>\n            </ion-label>\n            <ion-icon slot=\"end\" [name]=\"_calendars.getServiceIcon(calendarWC.external.service)\" />\n          </ion-item>\n          <ion-item lines=\"inset\">\n            <ion-label>\n              {{ 'IDEA_AGENDA.CALENDARS.ACCESS_LEVELS.' + calendarWC.external.userAccess | translate }}\n              <p>{{ 'IDEA_AGENDA.CALENDARS.BASED_ON_EXTERNAL_SERVICE_SHARING_PERMISSION' | translate }}</p>\n            </ion-label>\n            <ion-icon slot=\"end\" name=\"shield\" />\n          </ion-item>\n        </ion-list>\n      }\n      <ion-list class=\"aList\">\n        <ion-list-header>\n          <ion-label color=\"danger\">\n            <h2>{{ 'IDEA_AGENDA.CALENDARS.DANGEROUS_ZONE' | translate }}</h2>\n          </ion-label>\n        </ion-list-header>\n        <ion-item lines=\"inset\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR' | translate }}\n            <p>{{ 'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate }}</p>\n          </ion-label>\n          <ion-button\n            color=\"danger\"\n            [title]=\"'IDEA_AGENDA.CALENDARS.DELETE_CALENDAR_HINT' | translate\"\n            (click)=\"delete()\"\n          >\n            {{ 'COMMON.DELETE' | translate }}\n          </ion-button>\n        </ion-item>\n      </ion-list>\n    </div>\n  }\n</ion-content>\n", styles: [".maxWidthContainer{max-width:500px;padding-top:20px}\n"] }]
         }], propDecorators: { calendar: [{
                 type: Input
             }], advancedPermissions: [{
@@ -747,12 +747,12 @@ class IDEACalendarItemComponent {
             alert.present();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEACalendarItemComponent, selector: "idea-calendar-item", inputs: { calendar: "calendar", disabled: "disabled", advancedPermissions: "advancedPermissions", hideColor: "hideColor", baseURL: "baseURL" }, outputs: { somethingChanged: "somethingChanged" }, ngImport: i0, template: "@if (calendar) {\n  <ion-item\n    class=\"calendarItem\"\n    [button]=\"!disabled\"\n    [title]=\"'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate\"\n    (click)=\"calendar.external && !calendar.external.calendarId ? linkExtCalendarOrDelete() : manageCalendar()\"\n  >\n    @if (!hideColor) {\n      <ion-avatar slot=\"start\" class=\"colorCircle\" [style.background-color]=\"calendar.color\" />\n    }\n    <ion-label>\n      {{ calendar.name }}\n      <p>\n        @if (calendar.external && !calendar.external.calendarId) {\n          <ion-text color=\"danger\">\n            {{ 'IDEA_AGENDA.CALENDARS.TAP_TO_CONFIGURE' | translate }}\n          </ion-text>\n        }\n        {{ calendar.description }}\n      </p>\n    </ion-label>\n    @if (calendar.external && !calendar.external.calendarId) {\n      <ion-icon\n        slot=\"end\"\n        color=\"danger\"\n        name=\"flash-off\"\n        [title]=\"'IDEA_AGENDA.CALENDARS.CALENDAR_NOT_YET_LINKED_HINT' | translate\"\n      />\n    }\n    @if (calendar.external?.service) {\n      <ion-icon\n        slot=\"end\"\n        [name]=\"_calendars.getServiceIcon(calendar.external.service)\"\n        [title]=\"\n          ('IDEA_AGENDA.CALENDARS.LINKED_TO' | translate) +\n          ' ' +\n          ('IDEA_AGENDA.CALENDARS.SERVICES.' + calendar.external.service | translate)\n        \"\n      />\n    }\n  </ion-item>\n}\n", styles: [".calendarItem ion-avatar.colorCircle{width:20px;height:20px;background-color:#555}\n"], dependencies: [{ kind: "component", type: i2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEACalendarItemComponent, isStandalone: false, selector: "idea-calendar-item", inputs: { calendar: "calendar", disabled: "disabled", advancedPermissions: "advancedPermissions", hideColor: "hideColor", baseURL: "baseURL" }, outputs: { somethingChanged: "somethingChanged" }, ngImport: i0, template: "@if (calendar) {\n  <ion-item\n    class=\"calendarItem\"\n    [button]=\"!disabled\"\n    [title]=\"'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate\"\n    (click)=\"calendar.external && !calendar.external.calendarId ? linkExtCalendarOrDelete() : manageCalendar()\"\n  >\n    @if (!hideColor) {\n      <ion-avatar slot=\"start\" class=\"colorCircle\" [style.background-color]=\"calendar.color\" />\n    }\n    <ion-label>\n      {{ calendar.name }}\n      <p>\n        @if (calendar.external && !calendar.external.calendarId) {\n          <ion-text color=\"danger\">\n            {{ 'IDEA_AGENDA.CALENDARS.TAP_TO_CONFIGURE' | translate }}\n          </ion-text>\n        }\n        {{ calendar.description }}\n      </p>\n    </ion-label>\n    @if (calendar.external && !calendar.external.calendarId) {\n      <ion-icon\n        slot=\"end\"\n        color=\"danger\"\n        name=\"flash-off\"\n        [title]=\"'IDEA_AGENDA.CALENDARS.CALENDAR_NOT_YET_LINKED_HINT' | translate\"\n      />\n    }\n    @if (calendar.external?.service) {\n      <ion-icon\n        slot=\"end\"\n        [name]=\"_calendars.getServiceIcon(calendar.external.service)\"\n        [title]=\"\n          ('IDEA_AGENDA.CALENDARS.LINKED_TO' | translate) +\n          ' ' +\n          ('IDEA_AGENDA.CALENDARS.SERVICES.' + calendar.external.service | translate)\n        \"\n      />\n    }\n  </ion-item>\n}\n", styles: [".calendarItem ion-avatar.colorCircle{width:20px;height:20px;background-color:#555}\n"], dependencies: [{ kind: "component", type: i2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-calendar-item', template: "@if (calendar) {\n  <ion-item\n    class=\"calendarItem\"\n    [button]=\"!disabled\"\n    [title]=\"'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate\"\n    (click)=\"calendar.external && !calendar.external.calendarId ? linkExtCalendarOrDelete() : manageCalendar()\"\n  >\n    @if (!hideColor) {\n      <ion-avatar slot=\"start\" class=\"colorCircle\" [style.background-color]=\"calendar.color\" />\n    }\n    <ion-label>\n      {{ calendar.name }}\n      <p>\n        @if (calendar.external && !calendar.external.calendarId) {\n          <ion-text color=\"danger\">\n            {{ 'IDEA_AGENDA.CALENDARS.TAP_TO_CONFIGURE' | translate }}\n          </ion-text>\n        }\n        {{ calendar.description }}\n      </p>\n    </ion-label>\n    @if (calendar.external && !calendar.external.calendarId) {\n      <ion-icon\n        slot=\"end\"\n        color=\"danger\"\n        name=\"flash-off\"\n        [title]=\"'IDEA_AGENDA.CALENDARS.CALENDAR_NOT_YET_LINKED_HINT' | translate\"\n      />\n    }\n    @if (calendar.external?.service) {\n      <ion-icon\n        slot=\"end\"\n        [name]=\"_calendars.getServiceIcon(calendar.external.service)\"\n        [title]=\"\n          ('IDEA_AGENDA.CALENDARS.LINKED_TO' | translate) +\n          ' ' +\n          ('IDEA_AGENDA.CALENDARS.SERVICES.' + calendar.external.service | translate)\n        \"\n      />\n    }\n  </ion-item>\n}\n", styles: [".calendarItem ion-avatar.colorCircle{width:20px;height:20px;background-color:#555}\n"] }]
+            args: [{ standalone: false, selector: 'idea-calendar-item', template: "@if (calendar) {\n  <ion-item\n    class=\"calendarItem\"\n    [button]=\"!disabled\"\n    [title]=\"'IDEA_AGENDA.CALENDARS.EDIT_CALENDAR' | translate\"\n    (click)=\"calendar.external && !calendar.external.calendarId ? linkExtCalendarOrDelete() : manageCalendar()\"\n  >\n    @if (!hideColor) {\n      <ion-avatar slot=\"start\" class=\"colorCircle\" [style.background-color]=\"calendar.color\" />\n    }\n    <ion-label>\n      {{ calendar.name }}\n      <p>\n        @if (calendar.external && !calendar.external.calendarId) {\n          <ion-text color=\"danger\">\n            {{ 'IDEA_AGENDA.CALENDARS.TAP_TO_CONFIGURE' | translate }}\n          </ion-text>\n        }\n        {{ calendar.description }}\n      </p>\n    </ion-label>\n    @if (calendar.external && !calendar.external.calendarId) {\n      <ion-icon\n        slot=\"end\"\n        color=\"danger\"\n        name=\"flash-off\"\n        [title]=\"'IDEA_AGENDA.CALENDARS.CALENDAR_NOT_YET_LINKED_HINT' | translate\"\n      />\n    }\n    @if (calendar.external?.service) {\n      <ion-icon\n        slot=\"end\"\n        [name]=\"_calendars.getServiceIcon(calendar.external.service)\"\n        [title]=\"\n          ('IDEA_AGENDA.CALENDARS.LINKED_TO' | translate) +\n          ' ' +\n          ('IDEA_AGENDA.CALENDARS.SERVICES.' + calendar.external.service | translate)\n        \"\n      />\n    }\n  </ion-item>\n}\n", styles: [".calendarItem ion-avatar.colorCircle{width:20px;height:20px;background-color:#555}\n"] }]
         }], propDecorators: { calendar: [{
                 type: Input
             }], disabled: [{
@@ -857,12 +857,12 @@ class IDEACalendarCreationComponent {
     close() {
         this._modal.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarCreationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEACalendarCreationComponent, selector: "idea-calendar-creation", inputs: { fixScope: "fixScope", onlyExternalCalendars: "onlyExternalCalendars", baseURL: "baseURL" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      @if (!canChangeScope()) {\n        <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n          <ion-icon name=\"close\" slot=\"icon-only\" />\n        </ion-button>\n      }\n      @if (canChangeScope()) {\n        <ion-button (click)=\"resetScope()\">\n          <ion-icon name=\"arrow-back\" slot=\"icon-only\" />\n        </ion-button>\n      }\n    </ion-buttons>\n    <ion-title>\n      @if (!scopeIsSet()) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.ADD_A_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.userId) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.teamId) {\n        <span>\n          {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate: { team: team.name } }}\n        </span>\n      }\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <!-- 1st STEP -->\n  @if (!scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.CREATE_PRIVATE_OR_TEAM' | translate }}</h1>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.userId = membership.userId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"person\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.teamId = membership.teamId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"people\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  }\n  <!-- 2nd STEP -->\n  @if (scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK' | translate }}</h1>\n          <p>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK_HINT' | translate }}</p>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        @if (!onlyExternalCalendars) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar()\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon name=\"remove\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK' | translate }}</h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n        @for (s of SOURCES; track s) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar(s)\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon [name]=\"_calendars.getServiceIcon(s)\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>\n                  {{ 'IDEA_AGENDA.CALENDARS.LINK_TO' | translate }}\n                  {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + s | translate }}\n                </h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.LINK_TO_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n      </ion-row>\n    </ion-grid>\n  }\n</ion-content>\n", styles: ["ion-content{--background: var(--ion-color-white-shade)}.choiceGrid ion-row ion-col>h1{margin:10px 0 0;font-size:1.1em}.choiceGrid ion-row ion-col>p{margin-top:0;margin-bottom:0;font-size:.9em}.choiceGrid ion-row:first-child ion-col{padding-bottom:25px}.choiceGrid ion-card{--ion-item-background: var(--ion-color-white);--color: var(--ion-color-dark-tint);height:240px;margin:0 auto;text-align:center}.choiceGrid ion-card ion-card-header{padding-bottom:10px}.choiceGrid ion-card ion-card-header ion-card-title{font-size:2.5em}.choiceGrid ion-card ion-card-content h1{font-size:1.4em;height:60px}.choiceGrid ion-card.step2{height:135px}.choiceGrid ion-card.step2 ion-card-header{padding-top:10px;padding-bottom:0}.choiceGrid ion-card.step2 ion-card-content h1{height:auto}\n"], dependencies: [{ kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarCreationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEACalendarCreationComponent, isStandalone: false, selector: "idea-calendar-creation", inputs: { fixScope: "fixScope", onlyExternalCalendars: "onlyExternalCalendars", baseURL: "baseURL" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      @if (!canChangeScope()) {\n        <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n          <ion-icon name=\"close\" slot=\"icon-only\" />\n        </ion-button>\n      }\n      @if (canChangeScope()) {\n        <ion-button (click)=\"resetScope()\">\n          <ion-icon name=\"arrow-back\" slot=\"icon-only\" />\n        </ion-button>\n      }\n    </ion-buttons>\n    <ion-title>\n      @if (!scopeIsSet()) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.ADD_A_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.userId) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.teamId) {\n        <span>\n          {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate: { team: team.name } }}\n        </span>\n      }\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <!-- 1st STEP -->\n  @if (!scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.CREATE_PRIVATE_OR_TEAM' | translate }}</h1>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.userId = membership.userId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"person\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.teamId = membership.teamId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"people\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  }\n  <!-- 2nd STEP -->\n  @if (scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK' | translate }}</h1>\n          <p>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK_HINT' | translate }}</p>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        @if (!onlyExternalCalendars) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar()\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon name=\"remove\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK' | translate }}</h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n        @for (s of SOURCES; track s) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar(s)\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon [name]=\"_calendars.getServiceIcon(s)\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>\n                  {{ 'IDEA_AGENDA.CALENDARS.LINK_TO' | translate }}\n                  {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + s | translate }}\n                </h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.LINK_TO_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n      </ion-row>\n    </ion-grid>\n  }\n</ion-content>\n", styles: ["ion-content{--background: var(--ion-color-white-shade)}.choiceGrid ion-row ion-col>h1{margin:10px 0 0;font-size:1.1em}.choiceGrid ion-row ion-col>p{margin-top:0;margin-bottom:0;font-size:.9em}.choiceGrid ion-row:first-child ion-col{padding-bottom:25px}.choiceGrid ion-card{--ion-item-background: var(--ion-color-white);--color: var(--ion-color-dark-tint);height:240px;margin:0 auto;text-align:center}.choiceGrid ion-card ion-card-header{padding-bottom:10px}.choiceGrid ion-card ion-card-header ion-card-title{font-size:2.5em}.choiceGrid ion-card ion-card-content h1{font-size:1.4em;height:60px}.choiceGrid ion-card.step2{height:135px}.choiceGrid ion-card.step2 ion-card-header{padding-top:10px;padding-bottom:0}.choiceGrid ion-card.step2 ion-card-content h1{height:auto}\n"], dependencies: [{ kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarCreationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarCreationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-calendar-creation', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      @if (!canChangeScope()) {\n        <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n          <ion-icon name=\"close\" slot=\"icon-only\" />\n        </ion-button>\n      }\n      @if (canChangeScope()) {\n        <ion-button (click)=\"resetScope()\">\n          <ion-icon name=\"arrow-back\" slot=\"icon-only\" />\n        </ion-button>\n      }\n    </ion-buttons>\n    <ion-title>\n      @if (!scopeIsSet()) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.ADD_A_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.userId) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.teamId) {\n        <span>\n          {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate: { team: team.name } }}\n        </span>\n      }\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <!-- 1st STEP -->\n  @if (!scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.CREATE_PRIVATE_OR_TEAM' | translate }}</h1>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.userId = membership.userId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"person\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.teamId = membership.teamId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"people\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  }\n  <!-- 2nd STEP -->\n  @if (scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK' | translate }}</h1>\n          <p>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK_HINT' | translate }}</p>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        @if (!onlyExternalCalendars) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar()\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon name=\"remove\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK' | translate }}</h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n        @for (s of SOURCES; track s) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar(s)\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon [name]=\"_calendars.getServiceIcon(s)\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>\n                  {{ 'IDEA_AGENDA.CALENDARS.LINK_TO' | translate }}\n                  {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + s | translate }}\n                </h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.LINK_TO_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n      </ion-row>\n    </ion-grid>\n  }\n</ion-content>\n", styles: ["ion-content{--background: var(--ion-color-white-shade)}.choiceGrid ion-row ion-col>h1{margin:10px 0 0;font-size:1.1em}.choiceGrid ion-row ion-col>p{margin-top:0;margin-bottom:0;font-size:.9em}.choiceGrid ion-row:first-child ion-col{padding-bottom:25px}.choiceGrid ion-card{--ion-item-background: var(--ion-color-white);--color: var(--ion-color-dark-tint);height:240px;margin:0 auto;text-align:center}.choiceGrid ion-card ion-card-header{padding-bottom:10px}.choiceGrid ion-card ion-card-header ion-card-title{font-size:2.5em}.choiceGrid ion-card ion-card-content h1{font-size:1.4em;height:60px}.choiceGrid ion-card.step2{height:135px}.choiceGrid ion-card.step2 ion-card-header{padding-top:10px;padding-bottom:0}.choiceGrid ion-card.step2 ion-card-content h1{height:auto}\n"] }]
+            args: [{ standalone: false, selector: 'idea-calendar-creation', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      @if (!canChangeScope()) {\n        <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n          <ion-icon name=\"close\" slot=\"icon-only\" />\n        </ion-button>\n      }\n      @if (canChangeScope()) {\n        <ion-button (click)=\"resetScope()\">\n          <ion-icon name=\"arrow-back\" slot=\"icon-only\" />\n        </ion-button>\n      }\n    </ion-buttons>\n    <ion-title>\n      @if (!scopeIsSet()) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.ADD_A_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.userId) {\n        <span>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</span>\n      }\n      @if (calendar.teamId) {\n        <span>\n          {{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate: { team: team.name } }}\n        </span>\n      }\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <!-- 1st STEP -->\n  @if (!scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.CREATE_PRIVATE_OR_TEAM' | translate }}</h1>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.userId = membership.userId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"person\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.PERSONAL_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n        <ion-col class=\"ion-text-center\" [size]=\"12\" [sizeSm]=\"6\">\n          <ion-card [button]=\"true\" (click)=\"calendar.teamId = membership.teamId\">\n            <ion-card-header>\n              <ion-card-title>\n                <ion-icon name=\"people\" />\n              </ion-card-title>\n            </ion-card-header>\n            <ion-card-content>\n              <h1>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR' | translate }}</h1>\n              <p>{{ 'IDEA_AGENDA.CALENDARS.TEAM_CALENDAR_HINT' | translate }}</p>\n            </ion-card-content>\n          </ion-card>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  }\n  <!-- 2nd STEP -->\n  @if (scopeIsSet()) {\n    <ion-grid class=\"ion-padding choiceGrid\">\n      <ion-row>\n        <ion-col class=\"ion-text-center\">\n          <h1>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK' | translate }}</h1>\n          <p>{{ 'IDEA_AGENDA.CALENDARS.WHICH_EXTERNAL_SERVICE_TO_LINK_HINT' | translate }}</p>\n        </ion-col>\n      </ion-row>\n      <ion-row class=\"ion-align-items-center\">\n        @if (!onlyExternalCalendars) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar()\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon name=\"remove\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK' | translate }}</h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.DONT_LINK_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n        @for (s of SOURCES; track s) {\n          <ion-col class=\"ion-text-center\" [size]=\"12\">\n            <ion-card class=\"step2\" [button]=\"true\" (click)=\"saveNewCalendar(s)\">\n              <ion-card-header>\n                <ion-card-title>\n                  <ion-icon [name]=\"_calendars.getServiceIcon(s)\" />\n                </ion-card-title>\n              </ion-card-header>\n              <ion-card-content>\n                <h1>\n                  {{ 'IDEA_AGENDA.CALENDARS.LINK_TO' | translate }}\n                  {{ 'IDEA_AGENDA.CALENDARS.SERVICES.' + s | translate }}\n                </h1>\n                <p>{{ 'IDEA_AGENDA.CALENDARS.LINK_TO_HINT' | translate }}</p>\n              </ion-card-content>\n            </ion-card>\n          </ion-col>\n        }\n      </ion-row>\n    </ion-grid>\n  }\n</ion-content>\n", styles: ["ion-content{--background: var(--ion-color-white-shade)}.choiceGrid ion-row ion-col>h1{margin:10px 0 0;font-size:1.1em}.choiceGrid ion-row ion-col>p{margin-top:0;margin-bottom:0;font-size:.9em}.choiceGrid ion-row:first-child ion-col{padding-bottom:25px}.choiceGrid ion-card{--ion-item-background: var(--ion-color-white);--color: var(--ion-color-dark-tint);height:240px;margin:0 auto;text-align:center}.choiceGrid ion-card ion-card-header{padding-bottom:10px}.choiceGrid ion-card ion-card-header ion-card-title{font-size:2.5em}.choiceGrid ion-card ion-card-content h1{font-size:1.4em;height:60px}.choiceGrid ion-card.step2{height:135px}.choiceGrid ion-card.step2 ion-card-header{padding-top:10px;padding-bottom:0}.choiceGrid ion-card.step2 ion-card-content h1{height:auto}\n"] }]
         }], propDecorators: { fixScope: [{
                 type: Input
             }], onlyExternalCalendars: [{
@@ -880,15 +880,15 @@ var CalendarScopes;
 })(CalendarScopes || (CalendarScopes = {}));
 
 class IDEAAgendaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaModule, declarations: [IDEAAgendaComponent, IDEACalendarComponent, IDEACalendarItemComponent, IDEACalendarCreationComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaModule, declarations: [IDEAAgendaComponent, IDEACalendarComponent, IDEACalendarItemComponent, IDEACalendarCreationComponent], imports: [CommonModule,
             FormsModule,
             IonicModule,
             IDEATranslationsModule,
             IDEAColorPickerComponent,
             IDEACheckerComponent,
             IDEAUserAvatarComponent, i4.CalendarModule], exports: [IDEAAgendaComponent, IDEACalendarComponent, IDEACalendarItemComponent, IDEACalendarCreationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaModule, providers: [{ provide: CalendarDateFormatter, useClass: CustomDateFormatter }, IDEACalendarsService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaModule, providers: [{ provide: CalendarDateFormatter, useClass: CustomDateFormatter }, IDEACalendarsService], imports: [CommonModule,
             FormsModule,
             IonicModule,
             IDEATranslationsModule,
@@ -897,7 +897,7 @@ class IDEAAgendaModule {
             IDEAUserAvatarComponent,
             CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAgendaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAgendaModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [