@idea-ionic/agenda 8.2.8 → 8.2.10

package/fesm2022/idea-ionic-agenda.mjs

@@ -12,7 +12,7 @@ import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
 import * as i3 from '@idea-ionic/common';
 import { IDEATranslationsService, IDEAEnvironment, IDEALoadingService, IDEASuggestionsComponent, IDEAMessageService, IDEATranslationsModule, IDEACheckerComponent, IDEAUserAvatarComponent } from '@idea-ionic/common';
 import * as i3$1 from '@idea-ionic/uncommon';
-import { IDEAAWSAPIService, IDEATinCanService, IDEAColorPickerModule } from '@idea-ionic/uncommon';
+import { IDEAAWSAPIService, IDEATinCanService, IDEAColorPickerComponent } from '@idea-ionic/uncommon';
 import { Platform, ModalController, AlertController } from '@ionic/angular/standalone';
 import { Subject, fromEvent, finalize, takeUntil } from 'rxjs';
 import { isFuture, isToday, isSameDay, endOfWeek, addMinutes, addDays } from 'date-fns';
@@ -417,10 +417,11 @@ class IDEACalendarsService {
     /**
      * Link the calendar with the chosen external service (auth flow).
      */
-    async linkExtService(cal) {
+    async linkExtService(cal, baseURL) {
         if (!cal.external)
             throw new Error('NOT_EXTERNAL');
-        const baseURL = window.location.protocol.concat('//', window.location.hostname);
+        if (!baseURL)
+            baseURL = window.location.protocol.concat('//', window.location.hostname);
         let url;
         switch (cal.external.service) {
             case ExternalCalendarSources.GOOGLE:
@@ -729,7 +730,7 @@ class IDEACalendarItemComponent {
             };
             const doLink = async () => {
                 try {
-                    await this._calendars.linkExtService(this.calendar);
+                    await this._calendars.linkExtService(this.calendar, this.baseURL);
                     this.linkExtCalendarOrDelete();
                 }
                 catch (error) {
@@ -747,7 +748,7 @@ class IDEACalendarItemComponent {
         }
     }
     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" }, 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.ɵ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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarItemComponent, decorators: [{
             type: Component,
@@ -760,6 +761,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }], hideColor: [{
                 type: Input
+            }], baseURL: [{
+                type: Input
             }], somethingChanged: [{
                 type: Output
             }] } });
@@ -815,46 +818,47 @@ class IDEACalendarCreationComponent {
             this.calendar.load(cal);
             this._message.success('IDEA_AGENDA.CALENDARS.CALENDAR_CREATED');
             if (!cal.external) {
-                this._modal.dismiss(this.calendar);
+                await this._modal.dismiss(this.calendar);
                 return;
             }
             try {
-                await this._calendars.linkExtService(this.calendar);
+                await this._loading.hide();
+                await this._calendars.linkExtService(this.calendar, this.baseURL);
                 const res = await this._calendars.chooseAndSetExternalCalendar(this.calendar);
                 if (!res) {
-                    this._modal.dismiss(this.calendar);
+                    await this._modal.dismiss(this.calendar);
                     return;
                 }
                 this.calendar.load(res);
-                await this._loading.show(this._translate._('IDEA_AGENDA.CALENDARS.FIRST_SYNC_MAY_TAKE_A_WHILE'));
                 try {
+                    await this._loading.show(this._translate._('IDEA_AGENDA.CALENDARS.FIRST_SYNC_MAY_TAKE_A_WHILE'));
                     await this._calendars.syncCalendar(this.calendar);
-                    this._message.success('IDEA_AGENDA.CALENDARS.FIRST_SYNC_COMPLETED');
+                    await this._message.success('IDEA_AGENDA.CALENDARS.FIRST_SYNC_COMPLETED');
                 }
                 catch (error) {
-                    this._message.error('COMMON.OPERATION_FAILED');
+                    await this._message.error('COMMON.OPERATION_FAILED');
                 }
                 finally {
-                    this._modal.dismiss(this.calendar);
+                    await this._modal.dismiss(this.calendar);
                 }
             }
             catch (error) {
-                this._message.error('COMMON.OPERATION_FAILED');
-                this._modal.dismiss(this.calendar);
+                await this._message.error('COMMON.OPERATION_FAILED');
+                await this._modal.dismiss(this.calendar);
             }
         }
         catch (error) {
-            this._message.error('COMMON.OPERATION_FAILED');
+            await this._message.error('COMMON.OPERATION_FAILED');
         }
         finally {
-            this._loading.hide();
+            await this._loading.hide();
         }
     }
     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" }, 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.ɵ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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarCreationComponent, decorators: [{
             type: Component,
@@ -863,6 +867,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }], onlyExternalCalendars: [{
                 type: Input
+            }], baseURL: [{
+                type: Input
             }] } });
 /**
  * The possible scopes of the calendar.
@@ -879,14 +885,14 @@ class IDEAAgendaModule {
             FormsModule,
             IonicModule,
             IDEATranslationsModule,
-            IDEAColorPickerModule,
+            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,
             FormsModule,
             IonicModule,
             IDEATranslationsModule,
-            IDEAColorPickerModule,
+            IDEAColorPickerComponent,
             IDEACheckerComponent,
             IDEAUserAvatarComponent,
             CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory })] }); }
@@ -899,7 +905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         FormsModule,
                         IonicModule,
                         IDEATranslationsModule,
-                        IDEAColorPickerModule,
+                        IDEAColorPickerComponent,
                         IDEACheckerComponent,
                         IDEAUserAvatarComponent,
                         CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory })