@idea-ionic/uncommon 8.2.1

package/fesm2022/idea-ionic-uncommon.mjs

@@ -0,0 +1,2891 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, NgModule, Injectable, inject } from '@angular/core';
+import { Countries, Suggestion, mdToHtml, COLORS, Contacts, ErrorReport, ClientInfo, ExternalCalendarSources, Sentiment, TimeInterval, PushNotificationsDevice, PushNotificationsPlatforms } from 'idea-toolbox';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i1$1 from '@ionic/angular';
+import { IonicModule, PopoverController, AlertController, ModalController, Platform } from '@ionic/angular';
+import * as i3 from '@idea-ionic/common';
+import { IDEATranslationsModule, IDEASelectModule, IDEAEnvironment, IDEAStorageService, IDEATranslationsService, IDEALoadingService, IDEAActionSheetController } from '@idea-ionic/common';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$2 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Network } from '@capacitor/network';
+import { Browser } from '@capacitor/browser';
+import { PushNotifications } from '@capacitor/push-notifications';
+
+class IDEAAddressComponent {
+    constructor() {
+        this.addressChange = new EventEmitter();
+        /**
+         * If true, show the field `contact`.
+         */
+        this.showContact = false;
+        /**
+         * If true, show the field `address2`.
+         */
+        this.showAddress2 = false;
+        /**
+         * If true, show the field `phone`.
+         */
+        this.showPhone = false;
+        /**
+         * If true, show the field `email`.
+         */
+        this.showEmail = false;
+        /**
+         * Whether the fields are editable or disabled.
+         */
+        this.editMode = true;
+        /**
+         * If true, show obligatory dots.
+         */
+        this.obligatory = false;
+        /**
+         * To toggle the detailed view.
+         */
+        this.openByDefault = false;
+        this.Countries = Countries;
+    }
+    ngOnInit() {
+        this.countriesSuggestions = Object.keys(Countries).map(k => new Suggestion({ value: Countries[k], name: k }));
+    }
+    isCollapsed() {
+        return this.accordion?.value !== 'open';
+    }
+    getCountryName(countryCode) {
+        if (!countryCode)
+            return;
+        const country = Object.entries(Countries).find(([_, value]) => value === countryCode);
+        return country ? country[0] : null;
+    }
+    setCountryFromSuggestion(suggestion) {
+        if (!suggestion)
+            return;
+        this.address.country = suggestion.value;
+        this.addressChange.emit(this.address);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAAddressComponent, selector: "idea-address", inputs: { address: "address", showContact: "showContact", showAddress2: "showAddress2", showPhone: "showPhone", showEmail: "showEmail", editMode: "editMode", obligatory: "obligatory", lines: "lines", color: "color", label: "label", placeholder: "placeholder", openByDefault: "openByDefault" }, outputs: { addressChange: "addressChange" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordion"], descendants: true }], ngImport: i0, template: "@if (address) {\n  <ion-accordion-group #accordion>\n    <ion-accordion value=\"open\">\n      <ion-item slot=\"header\" button [color]=\"color\" [lines]=\"lines\">\n        @if (isCollapsed()) {\n          <ion-input\n            readonly\n            [labelPlacement]=\"isCollapsed() ? 'stacked' : ''\"\n            [label]=\"label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate\"\n            [placeholder]=\"placeholder\"\n            [value]=\"address.getFullAddress()\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        }\n      </ion-item>\n      <ion-list slot=\"content\">\n        @if (showContact) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [(ngModel)]=\"address.contact\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showEmail) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [(ngModel)]=\"address.email\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showPhone) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.PHONE' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [(ngModel)]=\"address.phone\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [(ngModel)]=\"address.address\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        @if (showAddress2) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [(ngModel)]=\"address.address2\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [(ngModel)]=\"address.postcode\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            [disabled]=\"!editMode\"\n            labelPlacement=\"stacked\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [(ngModel)]=\"address.city\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [(ngModel)]=\"address.province\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <idea-select\n          [color]=\"color\"\n          [data]=\"countriesSuggestions\"\n          [label]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate\"\n          [lines]=\"editMode ? lines : null\"\n          [description]=\"getCountryName(address.country)\"\n          [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [searchPlaceholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [hideIdFromUI]=\"true\"\n          [avoidAutoSelection]=\"true\"\n          [disabled]=\"!editMode\"\n          (select)=\"setCountryFromSuggestion($event)\"\n        />\n      </ion-list>\n    </ion-accordion>\n  </ion-accordion-group>\n}\n", styles: ["ion-item[slot=header] ion-input{--highlight-color-focused: transparent;--highlight-color-valid: transparent;--highlight-color-invalid: transparent}ion-list[slot=content]{padding-top:0;padding-left:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1$1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1$1.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: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: i3.IDEASelectComponent, selector: "idea-select", inputs: ["description", "data", "dataProvider", "label", "icon", "iconColor", "placeholder", "searchPlaceholder", "noElementsFoundText", "disabled", "tappableWhenDisabled", "obligatory", "lines", "color", "allowUnlistedValues", "allowUnlistedValuesPrefix", "sortData", "clearValueAfterSelection", "hideIdFromUI", "hideClearButton", "mustChoose", "category1", "category2", "showCategoriesFilters", "avoidAutoSelection"], outputs: ["select", "iconSelect", "selectWhenDisabled"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-address', template: "@if (address) {\n  <ion-accordion-group #accordion>\n    <ion-accordion value=\"open\">\n      <ion-item slot=\"header\" button [color]=\"color\" [lines]=\"lines\">\n        @if (isCollapsed()) {\n          <ion-input\n            readonly\n            [labelPlacement]=\"isCollapsed() ? 'stacked' : ''\"\n            [label]=\"label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate\"\n            [placeholder]=\"placeholder\"\n            [value]=\"address.getFullAddress()\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        }\n      </ion-item>\n      <ion-list slot=\"content\">\n        @if (showContact) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [(ngModel)]=\"address.contact\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showEmail) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [(ngModel)]=\"address.email\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showPhone) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.PHONE' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [(ngModel)]=\"address.phone\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [(ngModel)]=\"address.address\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        @if (showAddress2) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [(ngModel)]=\"address.address2\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [(ngModel)]=\"address.postcode\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            [disabled]=\"!editMode\"\n            labelPlacement=\"stacked\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [(ngModel)]=\"address.city\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [(ngModel)]=\"address.province\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <idea-select\n          [color]=\"color\"\n          [data]=\"countriesSuggestions\"\n          [label]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate\"\n          [lines]=\"editMode ? lines : null\"\n          [description]=\"getCountryName(address.country)\"\n          [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [searchPlaceholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [hideIdFromUI]=\"true\"\n          [avoidAutoSelection]=\"true\"\n          [disabled]=\"!editMode\"\n          (select)=\"setCountryFromSuggestion($event)\"\n        />\n      </ion-list>\n    </ion-accordion>\n  </ion-accordion-group>\n}\n", styles: ["ion-item[slot=header] ion-input{--highlight-color-focused: transparent;--highlight-color-valid: transparent;--highlight-color-invalid: transparent}ion-list[slot=content]{padding-top:0;padding-left:20px}\n"] }]
+        }], propDecorators: { address: [{
+                type: Input
+            }], addressChange: [{
+                type: Output
+            }], showContact: [{
+                type: Input
+            }], showAddress2: [{
+                type: Input
+            }], showPhone: [{
+                type: Input
+            }], showEmail: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], obligatory: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], openByDefault: [{
+                type: Input
+            }], accordion: [{
+                type: ViewChild,
+                args: ['accordion']
+            }] } });
+
+class IDEAAddressModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressModule, declarations: [IDEAAddressComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule], exports: [IDEAAddressComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAddressModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule],
+                    declarations: [IDEAAddressComponent],
+                    exports: [IDEAAddressComponent]
+                }]
+        }] });
+
+/**
+ * @deprecated use a specific App service instead.
+ */
+class IDEATinCanService {
+    constructor() {
+        this.clear();
+    }
+    /**
+     * Set a variable with the given value.
+     * @param variable variable to set
+     * @param value value to assign to the variable
+     */
+    set(variable, value) {
+        this.data[variable] = value;
+    }
+    /**
+     * Get the content of a variable.
+     * @param variable variable to acquire
+     * @param getAndDelete if set, delete the variable after the acquisition
+     */
+    get(variable, getAndDelete) {
+        const ret = this.data[variable];
+        if (getAndDelete)
+            this.remove(variable);
+        return ret;
+    }
+    /**
+     * Remove a variable.
+     * @param variable variable to remove
+     */
+    remove(variable) {
+        delete this.data[variable];
+    }
+    /**
+     * Clear all the variables.
+     */
+    clear() {
+        this.data = {};
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATinCanService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATinCanService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATinCanService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Announcement card that can be set in any interface to show the alert for this project.
+ */
+class IDEAAnnouncementComponent {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._tc = inject(IDEATinCanService);
+        this._storage = inject(IDEAStorageService);
+        this.storageKey = (this._env.idea.project || 'app').concat('_LAST_ANNOUNCEMENT');
+        this.color = 'dark';
+    }
+    async ngOnInit() {
+        // standard IDEA: the announcement is read in the Init Guard
+        this.announcement = this._tc.get('idea-announcement');
+        if (this.announcement && this.announcement.content) {
+            const lastRead = await this._storage.get(this.storageKey);
+            if (!lastRead || this.announcement.content !== lastRead)
+                this.htmlContent = mdToHtml(this.announcement.content);
+        }
+    }
+    async markAsRead() {
+        await this._storage.set(this.storageKey, this.announcement.content);
+        this.htmlContent = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAAnnouncementComponent, selector: "idea-announcement", inputs: { color: "color" }, ngImport: i0, template: "@if (htmlContent) {\n  <ion-card class=\"announcementCard\" [color]=\"color\">\n    <ion-card-content>\n      <p class=\"htmlContent\" [innerHTML]=\"htmlContent\"></p>\n      <p class=\"ion-text-right\">\n        <ion-button color=\"primary\" (click)=\"markAsRead()\">\n          {{ 'COMMON.GOT_IT' | translate }}\n        </ion-button>\n      </p>\n    </ion-card-content>\n  </ion-card>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-announcement', template: "@if (htmlContent) {\n  <ion-card class=\"announcementCard\" [color]=\"color\">\n    <ion-card-content>\n      <p class=\"htmlContent\" [innerHTML]=\"htmlContent\"></p>\n      <p class=\"ion-text-right\">\n        <ion-button color=\"primary\" (click)=\"markAsRead()\">\n          {{ 'COMMON.GOT_IT' | translate }}\n        </ion-button>\n      </p>\n    </ion-card-content>\n  </ion-card>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { color: [{
+                type: Input
+            }] } });
+
+class IDEAAnnouncementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementModule, declarations: [IDEAAnnouncementComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAAnnouncementComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAnnouncementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEAAnnouncementComponent],
+                    exports: [IDEAAnnouncementComponent]
+                }]
+        }] });
+
+/**
+ * Pick a color from a defined set.
+ */
+class IDEAColorPickerComponent {
+    constructor() {
+        /**
+         * The pickable colors.
+         */
+        this.colors = COLORS;
+        /**
+         * On select event.
+         */
+        this.select = new EventEmitter();
+        /**
+         * Icon select.
+         */
+        this.iconSelect = new EventEmitter();
+        this._popover = inject(PopoverController);
+    }
+    async openPalette(event) {
+        if (this.disabled)
+            return;
+        const componentProps = { colors: this.colors, current: this.current };
+        const popover = await this._popover.create({ component: ColorsPaletteComponent, componentProps, event });
+        popover.onDidDismiss().then(res => {
+            if (res && res.data)
+                this.select.emit(res.data);
+        });
+        popover.present();
+    }
+    doIconSelect(event) {
+        if (event)
+            event.stopPropagation();
+        this.iconSelect.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAColorPickerComponent, selector: "idea-color-picker", inputs: { colors: "colors", current: "current", label: "label", placeholder: "placeholder", icon: "icon", iconColor: "iconColor", disabled: "disabled", obligatory: "obligatory", lines: "lines", color: "color" }, outputs: { select: "select", iconSelect: "iconSelect" }, ngImport: i0, template: "<ion-item\n  class=\"colorPickerItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [title]=\"placeholder || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"openPalette($event)\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-avatar slot=\"end\" class=\"colorCircle\" [style.background-color]=\"current\" />\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".colorPickerItem{min-height:48px;height:auto}.colorPickerItem .placeholder{color:var(--ion-color-medium)}.colorPickerItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.selectItem.withLabel{min-height:58px;height:auto}.selectItem.withLabel .selectIcon{padding-top:25px}.selectItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}ion-avatar.colorCircle{width:20px;height:20px}\n"], dependencies: [{ kind: "component", type: i1$1.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-color-picker', template: "<ion-item\n  class=\"colorPickerItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [title]=\"placeholder || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"openPalette($event)\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-avatar slot=\"end\" class=\"colorCircle\" [style.background-color]=\"current\" />\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".colorPickerItem{min-height:48px;height:auto}.colorPickerItem .placeholder{color:var(--ion-color-medium)}.colorPickerItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.selectItem.withLabel{min-height:58px;height:auto}.selectItem.withLabel .selectIcon{padding-top:25px}.selectItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}ion-avatar.colorCircle{width:20px;height:20px}\n"] }]
+        }], propDecorators: { colors: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], obligatory: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], iconSelect: [{
+                type: Output
+            }] } });
+/**
+ * Component to open in a popover for displaying the colors available.
+ */
+class ColorsPaletteComponent {
+    constructor() {
+        this._popover = inject(PopoverController);
+    }
+    pick(color) {
+        this._popover.dismiss(color);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ColorsPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: ColorsPaletteComponent, selector: "idea-colors-palette", inputs: { colors: "colors", current: "current" }, ngImport: i0, template: `
+    <ion-content>
+      <ion-grid>
+        <ion-row>
+          @for (c of colors; track c) {
+            <ion-col [size]="2">
+              <ion-avatar
+                class="colorCircle tappable"
+                [style.background-color]="c.hex"
+                [title]="c.name || c.hex"
+                (click)="pick(c.hex)"
+              >
+                @if (c.hex === current) {
+                  <ion-icon name="checkmark" />
+                }
+              </ion-avatar>
+            </ion-col>
+          }
+        </ion-row>
+      </ion-grid>
+    </ion-content>
+  `, isInline: true, styles: ["ion-content{--background: var(--ion-color-white)}ion-avatar.colorCircle{width:20px;height:20px}.tappable{cursor:pointer}ion-avatar.colorCircle ion-icon{color:#fff;font-size:1.2em}\n"], dependencies: [{ kind: "component", type: i1$1.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i1$1.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: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonRow, selector: "ion-row" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: ColorsPaletteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-colors-palette', template: `
+    <ion-content>
+      <ion-grid>
+        <ion-row>
+          @for (c of colors; track c) {
+            <ion-col [size]="2">
+              <ion-avatar
+                class="colorCircle tappable"
+                [style.background-color]="c.hex"
+                [title]="c.name || c.hex"
+                (click)="pick(c.hex)"
+              >
+                @if (c.hex === current) {
+                  <ion-icon name="checkmark" />
+                }
+              </ion-avatar>
+            </ion-col>
+          }
+        </ion-row>
+      </ion-grid>
+    </ion-content>
+  `, styles: ["ion-content{--background: var(--ion-color-white)}ion-avatar.colorCircle{width:20px;height:20px}.tappable{cursor:pointer}ion-avatar.colorCircle ion-icon{color:#fff;font-size:1.2em}\n"] }]
+        }], propDecorators: { colors: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }] } });
+
+class IDEAColorPickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerModule, declarations: [IDEAColorPickerComponent, ColorsPaletteComponent], imports: [CommonModule, FormsModule, IonicModule], exports: [IDEAColorPickerComponent, ColorsPaletteComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerModule, imports: [CommonModule, FormsModule, IonicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAColorPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule],
+                    declarations: [IDEAColorPickerComponent, ColorsPaletteComponent],
+                    exports: [IDEAColorPickerComponent, ColorsPaletteComponent]
+                }]
+        }] });
+
+class IDEAContactsComponent {
+    constructor() {
+        this._alert = inject(AlertController);
+        this._translate = inject(IDEATranslationsService);
+        /**
+         * The contacts to manage.
+         */
+        this.contacts = new Contacts();
+        /**
+         * If true, show the field `name`.
+         */
+        this.showName = false;
+        /**
+         * Whether the fields are editable or disabled.
+         */
+        this.editMode = true;
+    }
+    sendEmail() {
+        if (!this.contacts.email)
+            return;
+        const url = `mailto:${this.contacts.email}`;
+        this.preExternalAction(this.contacts.email, () => window.open(url, '_system'));
+    }
+    call() {
+        if (!this.contacts.phone)
+            return;
+        const url = `tel:${this.contacts.phone}`;
+        this.preExternalAction(this.contacts.phone, () => window.open(url, '_system'));
+    }
+    preExternalAction(message, cb) {
+        const header = this._translate._('COMMON.DO_YOU_WANT_TO_PROCEED');
+        const buttons = [
+            { text: this._translate._('COMMON.CANCEL') },
+            { text: this._translate._('COMMON.CONFIRM'), handler: () => cb() }
+        ];
+        const cssClass = 'selectableAlertMessage';
+        this._alert.create({ header, message, buttons, cssClass }).then(alert => alert.present());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAContactsComponent, selector: "idea-contacts", inputs: { contacts: "contacts", showName: "showName", editMode: "editMode", lines: "lines", color: "color" }, ngImport: i0, template: "<div class=\"contacts\">\n  @if (showName) {\n    <ion-item [lines]=\"lines\" [color]=\"color\">\n      <ion-input\n        autocomplete=\"new\"\n        labelPlacement=\"stacked\"\n        [label]=\"'IDEA_UNCOMMON.CONTACTS.NAME' | translate\"\n        [disabled]=\"!editMode\"\n        [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [(ngModel)]=\"contacts.name\"\n      />\n    </ion-item>\n  }\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.PHONE' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [(ngModel)]=\"contacts.phone\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.CALL' | translate\"\n        (click)=\"call()\"\n      >\n        <ion-icon name=\"call\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [(ngModel)]=\"contacts.email\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate\"\n        (click)=\"sendEmail()\"\n      >\n        <ion-icon name=\"mail\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n</div>\n", styles: [".marginTop{margin-top:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.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: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-contacts', template: "<div class=\"contacts\">\n  @if (showName) {\n    <ion-item [lines]=\"lines\" [color]=\"color\">\n      <ion-input\n        autocomplete=\"new\"\n        labelPlacement=\"stacked\"\n        [label]=\"'IDEA_UNCOMMON.CONTACTS.NAME' | translate\"\n        [disabled]=\"!editMode\"\n        [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [(ngModel)]=\"contacts.name\"\n      />\n    </ion-item>\n  }\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.PHONE' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [(ngModel)]=\"contacts.phone\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.CALL' | translate\"\n        (click)=\"call()\"\n      >\n        <ion-icon name=\"call\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [(ngModel)]=\"contacts.email\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate\"\n        (click)=\"sendEmail()\"\n      >\n        <ion-icon name=\"mail\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n</div>\n", styles: [".marginTop{margin-top:14px}\n"] }]
+        }], propDecorators: { contacts: [{
+                type: Input
+            }], showName: [{
+                type: Input
+            }], editMode: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+class IDEAContactsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsModule, declarations: [IDEAContactsComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule], exports: [IDEAContactsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAContactsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectModule],
+                    declarations: [IDEAContactsComponent],
+                    exports: [IDEAContactsComponent]
+                }]
+        }] });
+
+/**
+ * A random sunday, used as reference to calculate the week days.
+ */
+const SUNDAY = 259200000;
+class IDEACalendarPickerComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+        this._alert = inject(AlertController);
+        this._translate = inject(IDEATranslationsService);
+        this.timePicker = false;
+        this.manualTimePicker = false;
+        this.hideClearButton = false;
+    }
+    ngOnInit() {
+        this.today = new Date();
+        this.refDate = this.inputDate ? new Date(this.inputDate) : new Date(this.today);
+        this.selectedDate = new Date(this.refDate);
+        this.hour = 12; // to endure timezones
+        this.minute = 0;
+        if (this.timePicker || this.manualTimePicker) {
+            this.hour = this.selectedDate.getHours();
+            if (this.manualTimePicker)
+                this.minute = this.selectedDate.getMinutes();
+            else {
+                // round the minutes a multiple of 5
+                this.minute = Math.ceil(this.selectedDate.getMinutes() / 5) * 5;
+                this.selectedDate.setMinutes(this.minute);
+            }
+        }
+        this.buildCalendarGrid(this.refDate);
+        this.hours = Array.from(Array(24).keys()).map(i => '0'.concat(i.toString()).slice(-2));
+        this.minutes = Array.from(Array(12).keys()).map(i => '0'.concat((i * 5).toString()).slice(-2));
+        // build the weekdays based on the current locale
+        this.weekDays = new Array();
+        const refDateForWeekDays = new Date(SUNDAY);
+        refDateForWeekDays.setDate(refDateForWeekDays.getDate() - this.getLocalisedDay(refDateForWeekDays));
+        for (let i = 0; i < 7; i++) {
+            this.weekDays.push(refDateForWeekDays.toLocaleDateString(this._translate.getCurrentLang(), { weekday: 'short' }));
+            refDateForWeekDays.setDate(refDateForWeekDays.getDate() + 1);
+        }
+        if (this.min)
+            this.dateMin = new Date(this.min);
+        if (this.max)
+            this.dateMax = new Date(this.max);
+    }
+    getLocalisedDay(date) {
+        let n = date.getDay();
+        switch (this._translate.getCurrentLang()) {
+            case 'it':
+                n = --n < 0 ? 6 : n;
+                break;
+        }
+        return n;
+    }
+    buildCalendarGrid(refDate) {
+        // find the first day in the month: the important data here is the day of the week
+        const firstDateOfMonth = new Date(refDate.getFullYear(), refDate.getMonth(), 1);
+        // the following flag is used to divide the logic so I can fill the calendar
+        // also with the dates from the previous month, until there's space in the grid
+        let haventFoundFirstDay = true;
+        // index used to build the dates of the month, starting from the first one
+        let index = 1;
+        this.calendarGrid = new Array();
+        for (let i = 0; i < 6; i++) {
+            this.calendarGrid[i] = new Array();
+            for (let j = 0; j < 7; j++) {
+                if (haventFoundFirstDay) {
+                    if (this.getLocalisedDay(firstDateOfMonth) === j) {
+                        // note: considers Sunday
+                        haventFoundFirstDay = false;
+                        this.calendarGrid[i][j] = new Date(firstDateOfMonth);
+                        // now the I've found the first date of the month I can fill the calendar
+                        // the dates fromt the previous month, until there's space in the grid
+                        for (let y = this.getLocalisedDay(firstDateOfMonth); y >= 0; y--) {
+                            const d = new Date(firstDateOfMonth);
+                            d.setDate(firstDateOfMonth.getDate() - y);
+                            this.calendarGrid[i][this.getLocalisedDay(firstDateOfMonth) - y] = d;
+                        }
+                    }
+                }
+                else {
+                    // fill the following dates until there's space in the grid
+                    const d = new Date(firstDateOfMonth);
+                    d.setDate(firstDateOfMonth.getDate() + index++);
+                    this.calendarGrid[i][j] = d;
+                }
+            }
+        }
+    }
+    addYears(offset) {
+        this.refDate.setFullYear(this.refDate.getFullYear() + offset);
+        this.buildCalendarGrid(this.refDate);
+    }
+    setYear(year) {
+        if (!year)
+            return;
+        this.refDate.setFullYear(Number(year));
+        this.buildCalendarGrid(this.refDate);
+    }
+    addMonths(offset) {
+        this.refDate.setMonth(this.refDate.getMonth() + offset);
+        this.buildCalendarGrid(this.refDate);
+    }
+    async showMonths() {
+        const buttons = [];
+        const inputs = [];
+        const month = new Date(0);
+        for (let i = 1; i <= 12; i++) {
+            inputs.push({
+                type: 'radio',
+                label: month.toLocaleDateString(this._translate.getCurrentLang(), { month: 'long' }),
+                value: i.toString(),
+                checked: i === this.refDate.getMonth() + 1
+            });
+            month.setMonth(month.getMonth() + 1);
+        }
+        buttons.push({ text: this._translate._('COMMON.CANCEL'), role: 'cancel' });
+        buttons.push({
+            text: this._translate._('COMMON.SELECT'),
+            handler: (m) => {
+                this.refDate.setMonth(parseInt(m, 10) - 1);
+                this.buildCalendarGrid(this.refDate);
+            }
+        });
+        const alert = await this._alert.create({
+            header: this._translate._('IDEA_UNCOMMON.CALENDAR.MONTH'),
+            buttons,
+            inputs
+        });
+        alert.present();
+    }
+    isDateSelectable(date) {
+        if (this.dateMin && date < this.dateMin)
+            return false;
+        if (this.dateMax && date > this.dateMax)
+            return false;
+        return true;
+    }
+    selectDate(date) {
+        this.selectedDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), this.hour, this.minute);
+    }
+    selectHour(hour) {
+        this.hour = Number(hour);
+        this.selectedDate.setHours(this.hour);
+    }
+    selectMinute(minute) {
+        this.minute = Number(minute);
+        this.selectedDate.setMinutes(this.minute);
+    }
+    isSameDay(a, b) {
+        return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+    }
+    isSameMonth(a, b) {
+        return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
+    }
+    isSameHour(hour) {
+        return this.selectedDate.getHours() === Number(hour);
+    }
+    isSameMinute(minute) {
+        return this.selectedDate.getMinutes() === Number(minute);
+    }
+    save(reset) {
+        this._modal.dismiss(reset ? '' : this.selectedDate);
+    }
+    close() {
+        this._modal.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACalendarPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEACalendarPickerComponent, selector: "idea-calendar-picker", inputs: { inputDate: "inputDate", timePicker: "timePicker", manualTimePicker: "manualTimePicker", title: "title", hideClearButton: "hideClearButton", min: "min", max: "max" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      @if (!hideClearButton) {\n        <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.RESET' | translate\" (click)=\"save(true)\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-undo\" />\n        </ion-button>\n      }\n      <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon slot=\"icon-only\" name=\"close\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid fixed class=\"ion-no-padding\">\n    <ion-row>\n      <h1 class=\"headerLabel\">{{ 'IDEA_UNCOMMON.CALENDAR.SET_DATE' | translate }}</h1>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\">\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"5\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\">\n            <ion-input\n              type=\"text\"\n              [placeholder]=\"'IDEA_UNCOMMON.CALENDAR.YEAR' | translate\"\n              [value]=\"refDate.getFullYear()\"\n              (ionFocus)=\"$event.target.value = ''\"\n              (ionChange)=\"setYear($event?.target?.value)\"\n            >\n            </ion-input>\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"7\">\n        <ion-row class=\"ion-align-items-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\" (click)=\"showMonths()\">\n            {{ refDate | dateLocale: 'MMMM' }}\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\" class=\"headerLabel\">\n      @for (ddd of weekDays; track ddd) {\n        <ion-col class=\"ion-text-center ion-no-padding\">\n          {{ ddd }}\n        </ion-col>\n      }\n    </ion-row>\n    @for (row of calendarGrid; track row; let i = $index) {\n      <ion-row class=\"ion-align-items-center\">\n        @for (col of row; track col; let j = $index) {\n          <ion-col class=\"ion-text-center ion-no-padding\">\n            <ion-button\n              size=\"small\"\n              shape=\"round\"\n              [color]=\"\n                isSameDay(calendarGrid[i][j], today) || isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'primary'\n                  : isSameMonth(calendarGrid[i][j], refDate)\n                    ? 'dark'\n                    : 'medium'\n              \"\n              [fill]=\"\n                isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'solid'\n                  : isSameDay(calendarGrid[i][j], today)\n                    ? 'outline'\n                    : 'clear'\n              \"\n              [disabled]=\"!isDateSelectable(calendarGrid[i][j])\"\n              (click)=\"selectDate(calendarGrid[i][j])\"\n            >\n              {{ calendarGrid[i][j] | date: 'd' }}\n            </ion-button>\n          </ion-col>\n        }\n      </ion-row>\n    }\n    @if (timePicker || manualTimePicker) {\n      <ion-row>\n        <h1 class=\"headerLabel\">\n          {{ 'IDEA_UNCOMMON.CALENDAR.SET_TIME' | translate }}\n        </h1>\n      </ion-row>\n    }\n    @if (timePicker) {\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-no-padding\" [size]=\"7\">\n          <ion-row>\n            @for (hour of hours; track hour) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"2\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameHour(hour) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameHour(hour) ? 'solid' : 'clear'\"\n                  (click)=\"selectHour(hour)\"\n                >\n                  {{ hour }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n        <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"1\"> : </ion-col>\n        <ion-col class=\"ion-no-padding\" [size]=\"4\">\n          <ion-row>\n            @for (minute of minutes; track minute) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"4\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameMinute(minute) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameMinute(minute) ? 'solid' : 'clear'\"\n                  (click)=\"selectMinute(minute)\"\n                >\n                  {{ minute }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n      </ion-row>\n    }\n    @if (manualTimePicker) {\n      <ion-row class=\"ion-align-items-center manualTimePicker\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\">\n          <input type=\"number\" min=\"0\" max=\"23\" [value]=\"hour\" (change)=\"selectHour($event.target.value)\" />\n          <span>:</span>\n          <input type=\"number\" min=\"0\" max=\"59\" [value]=\"minute\" (change)=\"selectMinute($event.target.value)\" />\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-content>\n<ion-footer>\n  <ion-toolbar color=\"ideaToolbar\" class=\"tappable\" (click)=\"save()\">\n    <ion-title class=\"ion-text-center\">\n      <ion-icon name=\"checkmark\" />\n    </ion-title>\n  </ion-toolbar>\n</ion-footer>\n", styles: ["ion-content{--background: var(--ion-color-white)}h1{margin:10px}.headerLabel{font-size:.7em;font-weight:700;text-transform:uppercase}ion-col,ion-button{font-size:.95em}ion-button{margin:3px 0}ion-footer ion-toolbar{--min-height: 40px}.tappable{cursor:pointer}.manualTimePicker{padding:20px}.manualTimePicker input[type=number],.manualTimePicker span{font-size:2.5em}.manualTimePicker input[type=number]{border:none;border-bottom:2px solid var(--ion-color-dark);text-align:center}.manualTimePicker span{padding-left:4px;padding-right:4px}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.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: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.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: i1$1.IonRow, selector: "ion-row" }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i3.IDEALocalizedDatePipe, name: "dateLocale" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACalendarPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-calendar-picker', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      @if (!hideClearButton) {\n        <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.RESET' | translate\" (click)=\"save(true)\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-undo\" />\n        </ion-button>\n      }\n      <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon slot=\"icon-only\" name=\"close\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid fixed class=\"ion-no-padding\">\n    <ion-row>\n      <h1 class=\"headerLabel\">{{ 'IDEA_UNCOMMON.CALENDAR.SET_DATE' | translate }}</h1>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\">\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"5\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\">\n            <ion-input\n              type=\"text\"\n              [placeholder]=\"'IDEA_UNCOMMON.CALENDAR.YEAR' | translate\"\n              [value]=\"refDate.getFullYear()\"\n              (ionFocus)=\"$event.target.value = ''\"\n              (ionChange)=\"setYear($event?.target?.value)\"\n            >\n            </ion-input>\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"7\">\n        <ion-row class=\"ion-align-items-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\" (click)=\"showMonths()\">\n            {{ refDate | dateLocale: 'MMMM' }}\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\" class=\"headerLabel\">\n      @for (ddd of weekDays; track ddd) {\n        <ion-col class=\"ion-text-center ion-no-padding\">\n          {{ ddd }}\n        </ion-col>\n      }\n    </ion-row>\n    @for (row of calendarGrid; track row; let i = $index) {\n      <ion-row class=\"ion-align-items-center\">\n        @for (col of row; track col; let j = $index) {\n          <ion-col class=\"ion-text-center ion-no-padding\">\n            <ion-button\n              size=\"small\"\n              shape=\"round\"\n              [color]=\"\n                isSameDay(calendarGrid[i][j], today) || isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'primary'\n                  : isSameMonth(calendarGrid[i][j], refDate)\n                    ? 'dark'\n                    : 'medium'\n              \"\n              [fill]=\"\n                isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'solid'\n                  : isSameDay(calendarGrid[i][j], today)\n                    ? 'outline'\n                    : 'clear'\n              \"\n              [disabled]=\"!isDateSelectable(calendarGrid[i][j])\"\n              (click)=\"selectDate(calendarGrid[i][j])\"\n            >\n              {{ calendarGrid[i][j] | date: 'd' }}\n            </ion-button>\n          </ion-col>\n        }\n      </ion-row>\n    }\n    @if (timePicker || manualTimePicker) {\n      <ion-row>\n        <h1 class=\"headerLabel\">\n          {{ 'IDEA_UNCOMMON.CALENDAR.SET_TIME' | translate }}\n        </h1>\n      </ion-row>\n    }\n    @if (timePicker) {\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-no-padding\" [size]=\"7\">\n          <ion-row>\n            @for (hour of hours; track hour) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"2\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameHour(hour) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameHour(hour) ? 'solid' : 'clear'\"\n                  (click)=\"selectHour(hour)\"\n                >\n                  {{ hour }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n        <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"1\"> : </ion-col>\n        <ion-col class=\"ion-no-padding\" [size]=\"4\">\n          <ion-row>\n            @for (minute of minutes; track minute) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"4\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameMinute(minute) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameMinute(minute) ? 'solid' : 'clear'\"\n                  (click)=\"selectMinute(minute)\"\n                >\n                  {{ minute }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n      </ion-row>\n    }\n    @if (manualTimePicker) {\n      <ion-row class=\"ion-align-items-center manualTimePicker\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\">\n          <input type=\"number\" min=\"0\" max=\"23\" [value]=\"hour\" (change)=\"selectHour($event.target.value)\" />\n          <span>:</span>\n          <input type=\"number\" min=\"0\" max=\"59\" [value]=\"minute\" (change)=\"selectMinute($event.target.value)\" />\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-content>\n<ion-footer>\n  <ion-toolbar color=\"ideaToolbar\" class=\"tappable\" (click)=\"save()\">\n    <ion-title class=\"ion-text-center\">\n      <ion-icon name=\"checkmark\" />\n    </ion-title>\n  </ion-toolbar>\n</ion-footer>\n", styles: ["ion-content{--background: var(--ion-color-white)}h1{margin:10px}.headerLabel{font-size:.7em;font-weight:700;text-transform:uppercase}ion-col,ion-button{font-size:.95em}ion-button{margin:3px 0}ion-footer ion-toolbar{--min-height: 40px}.tappable{cursor:pointer}.manualTimePicker{padding:20px}.manualTimePicker input[type=number],.manualTimePicker span{font-size:2.5em}.manualTimePicker input[type=number]{border:none;border-bottom:2px solid var(--ion-color-dark);text-align:center}.manualTimePicker span{padding-left:4px;padding-right:4px}\n"] }]
+        }], propDecorators: { inputDate: [{
+                type: Input
+            }], timePicker: [{
+                type: Input
+            }], manualTimePicker: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], hideClearButton: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+
+class IDEADateTimeComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+        this._translate = inject(IDEATranslationsService);
+        /**
+         * Whether to show the time picker (datetime) or not (date).
+         */
+        this.timePicker = false;
+        /**
+         * Whether to show the MANUAL time picker (datetime) or not (date).
+         */
+        this.manualTimePicker = false;
+        /**
+         * Whether to use the `epochISOString` format instead of `epochDateTime`.
+         */
+        this.useISOFormat = false;
+        /**
+         * If true, the component is disabled.
+         */
+        this.disabled = false;
+        /**
+         * If true, the obligatory dot is shown.
+         */
+        this.obligatory = false;
+        /**
+         * If true, hidew the clear button in the header.
+         */
+        this.hideClearButton = false;
+        this.dateChange = new EventEmitter();
+        this.iconSelect = new EventEmitter();
+        this.isOpening = false;
+    }
+    ngOnInit() {
+        this.langChangeSubscription = this._translate.onLangChange.subscribe(() => {
+            this.valueToDisplay = this.getValueToDisplay(this.date);
+        });
+    }
+    ngOnDestroy() {
+        if (this.langChangeSubscription)
+            this.langChangeSubscription.unsubscribe();
+    }
+    ngOnChanges(changes) {
+        if (changes.date || changes.timePicker)
+            this.valueToDisplay = this.getValueToDisplay(this.date);
+    }
+    async openCalendarPicker() {
+        if (this.disabled || this.isOpening)
+            return;
+        this.isOpening = true;
+        const modal = await this._modal.create({
+            component: IDEACalendarPickerComponent,
+            componentProps: {
+                inputDate: this.date,
+                title: this.label,
+                timePicker: this.timePicker,
+                manualTimePicker: this.manualTimePicker,
+                hideClearButton: this.hideClearButton,
+                min: this.min,
+                max: this.max
+            }
+        });
+        modal.onDidDismiss().then(({ data }) => {
+            if (data !== undefined && data !== null) {
+                if (data === '')
+                    this.doSelect(null);
+                else
+                    this.doSelect(data);
+            }
+        });
+        modal.present();
+        this.isOpening = false;
+    }
+    getValueToDisplay(date) {
+        return !date
+            ? ''
+            : this._translate.formatDate(date, this.timePicker || this.manualTimePicker ? 'd MMM yyyy, HH:mm' : 'mediumDate');
+    }
+    doSelect(date) {
+        this.dateChange.emit(date ? (this.useISOFormat ? date.toISOString() : date.valueOf()) : null);
+    }
+    doIconSelect(event) {
+        if (event)
+            event.stopPropagation();
+        this.iconSelect.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEADateTimeComponent, selector: "idea-date-time", inputs: { date: "date", timePicker: "timePicker", manualTimePicker: "manualTimePicker", useISOFormat: "useISOFormat", label: "label", icon: "icon", iconColor: "iconColor", lines: "lines", color: "color", placeholder: "placeholder", disabled: "disabled", obligatory: "obligatory", hideClearButton: "hideClearButton", min: "min", max: "max" }, outputs: { dateChange: "dateChange", iconSelect: "iconSelect" }, usesOnChanges: true, ngImport: i0, template: "<ion-item\n  class=\"dateTimeItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [title]=\"placeholder || label || ''\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [class.withLabel]=\"label\"\n  (click)=\"openCalendarPicker()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [icon]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\" [class.selectable]=\"!disabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" icon=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".dateTimeItem{min-height:48px;height:auto}.dateTimeItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.dateTimeItem .placeholder{color:var(--ion-color-medium)}.dateTimeItem .value{white-space:nowrap}.dateTimeItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.dateTimeItem.withLabel{min-height:58px;height:auto}.dateTimeItem.withLabel .selectIcon{padding-top:25px}.dateTimeItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-date-time', template: "<ion-item\n  class=\"dateTimeItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [title]=\"placeholder || label || ''\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [class.withLabel]=\"label\"\n  (click)=\"openCalendarPicker()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [icon]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\" [class.selectable]=\"!disabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" icon=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".dateTimeItem{min-height:48px;height:auto}.dateTimeItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.dateTimeItem .placeholder{color:var(--ion-color-medium)}.dateTimeItem .value{white-space:nowrap}.dateTimeItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.dateTimeItem.withLabel{min-height:58px;height:auto}.dateTimeItem.withLabel .selectIcon{padding-top:25px}.dateTimeItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
+        }], propDecorators: { date: [{
+                type: Input
+            }], timePicker: [{
+                type: Input
+            }], manualTimePicker: [{
+                type: Input
+            }], useISOFormat: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], obligatory: [{
+                type: Input
+            }], hideClearButton: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], dateChange: [{
+                type: Output
+            }], iconSelect: [{
+                type: Output
+            }] } });
+
+class IDEADateTimeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeModule, declarations: [IDEADateTimeComponent, IDEACalendarPickerComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEADateTimeComponent, IDEACalendarPickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADateTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEADateTimeComponent, IDEACalendarPickerComponent],
+                    exports: [IDEADateTimeComponent, IDEACalendarPickerComponent]
+                }]
+        }] });
+
+class IDEADurationComponent {
+    constructor() {
+        /**
+         * On change event. It emits a number of seconds representing the duration.
+         */
+        this.set = new EventEmitter();
+        this.default = this.hours = this.minutes = this.seconds = 0;
+    }
+    ngOnChanges(changes) {
+        // assign a default value to the duration
+        if (changes['default'] && changes['default'].isFirstChange()) {
+            const refDate = new Date(0);
+            refDate.setHours(0, 0, 0);
+            refDate.setSeconds(refDate.getSeconds() + this.default);
+            this.hours = refDate.getHours();
+            this.minutes = refDate.getMinutes();
+            this.seconds = this.hideSeconds ? 0 : refDate.getSeconds();
+        }
+    }
+    /**
+     * When one of the parts changes, emit the new duration.
+     */
+    setDuration(type) {
+        switch (type) {
+            case 'hours':
+                const hh = Number(this.hours) || 0;
+                this.hours = hh > 23 ? 23 : hh < 0 ? 0 : hh;
+                break;
+            case 'minutes':
+                const mm = Number(this.minutes) || 0;
+                this.minutes = mm > 59 ? 59 : mm < 0 ? 0 : mm;
+                break;
+            case 'seconds':
+                const ss = Number(this.seconds) || 0;
+                if (this.hideSeconds)
+                    this.seconds = 0;
+                else
+                    this.seconds = ss > 59 ? 59 : ss < 0 ? 0 : ss;
+                break;
+        }
+        this.set.emit(this.hours * 3600 + this.minutes * 60 + this.seconds);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEADurationComponent, selector: "idea-duration", inputs: { default: "default", label: "label", icon: "icon", title: "title", disabled: "disabled", obligatory: "obligatory", lines: "lines", color: "color", hideSeconds: "hideSeconds", shortLabels: "shortLabels" }, outputs: { set: "set" }, usesOnChanges: true, ngImport: i0, template: "<ion-item class=\"durationItem\" [lines]=\"lines\" [color]=\"color\" [title]=\"title || label\">\n  @if (icon) {\n    <ion-icon slot=\"start\" [name]=\"icon\" />\n  }\n  @if (!icon && label) {\n    <ion-label position=\"stacked\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\">\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"23\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"hours\"\n      (ionChange)=\"setDuration('hours')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()\n    }}</ion-text>\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"59\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"minutes\"\n      (ionChange)=\"setDuration('minutes')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()\n    }}</ion-text>\n    @if (!hideSeconds) {\n      <ion-input\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        inputmode=\"numeric\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"seconds\"\n        (ionChange)=\"setDuration('seconds')\"\n      />\n    }\n    @if (!hideSeconds) {\n      <ion-text>\n        {{ ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase() }}\n      </ion-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".durationItem .value{max-width:none;width:100%;pointer-events:all}.durationItem .value ion-input{display:inline-block;max-width:35px;text-align:right}.durationItem .value ion-text{margin-left:10px;margin-right:20px;font-size:.8em}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.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: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.NumericValueAccessor, selector: "ion-input[type=number],ion-range" }, { kind: "directive", type: i1$1.IonMinValidator, selector: "ion-input[type=number][min][formControlName],ion-input[type=number][min][formControl],ion-input[type=number][min][ngModel]" }, { kind: "directive", type: i1$1.IonMaxValidator, selector: "ion-input[type=number][max][formControlName],ion-input[type=number][max][formControl],ion-input[type=number][max][ngModel]" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-duration', template: "<ion-item class=\"durationItem\" [lines]=\"lines\" [color]=\"color\" [title]=\"title || label\">\n  @if (icon) {\n    <ion-icon slot=\"start\" [name]=\"icon\" />\n  }\n  @if (!icon && label) {\n    <ion-label position=\"stacked\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\">\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"23\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"hours\"\n      (ionChange)=\"setDuration('hours')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()\n    }}</ion-text>\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"59\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"minutes\"\n      (ionChange)=\"setDuration('minutes')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()\n    }}</ion-text>\n    @if (!hideSeconds) {\n      <ion-input\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        inputmode=\"numeric\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"seconds\"\n        (ionChange)=\"setDuration('seconds')\"\n      />\n    }\n    @if (!hideSeconds) {\n      <ion-text>\n        {{ ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase() }}\n      </ion-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".durationItem .value{max-width:none;width:100%;pointer-events:all}.durationItem .value ion-input{display:inline-block;max-width:35px;text-align:right}.durationItem .value ion-text{margin-left:10px;margin-right:20px;font-size:.8em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { default: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], obligatory: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], hideSeconds: [{
+                type: Input
+            }], shortLabels: [{
+                type: Input
+            }], set: [{
+                type: Output
+            }] } });
+
+class IDEADurationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationModule, declarations: [IDEADurationComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEADurationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEADurationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEADurationComponent],
+                    exports: [IDEADurationComponent]
+                }]
+        }] });
+
+class IDEAErrorReportingService {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._http = inject(HttpClient);
+        this._platform = inject(Platform);
+        this.apiStage = this._env.idea.ideaApi?.stage || this._env.idea.ideaApi?.version;
+        this.apiUrl = 'https://'.concat([this._env.idea.ideaApi?.url, this.apiStage].filter(x => x).join('/'));
+    }
+    /**
+     * Send the error report to the back-end.
+     */
+    sendReport(error, forceSend) {
+        return new Promise(resolve => {
+            // skip in case we don't want to send the report or the report is useless (blank error)
+            if ((!this.shouldSend() && !forceSend) || !error?.name)
+                return resolve();
+            // prepare and send the report
+            const report = new ErrorReport({
+                version: this._env.idea.app.version,
+                stage: this.apiStage,
+                client: this.getClientInfo(),
+                type: error.name,
+                error: error.message,
+                stack: error.stack
+            });
+            this._http
+                .post(this.apiUrl.concat(`/projects/${this._env.idea.project}/errorReporting`), report)
+                .toPromise()
+                .catch(() => { }) // note: never throw an error when reporting an error
+                .finally(() => resolve());
+        });
+    }
+    /**
+     * Whether we should send the reporting or we are in a scenario in which we should skip it.
+     */
+    shouldSend() {
+        return this.apiStage === 'prod';
+    }
+    /**
+     * Acquire the client's info.
+     */
+    getClientInfo() {
+        return new ClientInfo({
+            timestamp: new Date().toISOString(),
+            platform: this._platform.platforms().join(' '),
+            screenWidth: this._platform.width(),
+            screenHeight: this._platform.height(),
+            isLandScape: this._platform.isLandscape(),
+            url: this._platform.url(),
+            referrer: document.referrer,
+            isOnline: navigator.onLine,
+            language: navigator.language,
+            userAgent: navigator.userAgent
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAErrorReportingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAErrorReportingService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAErrorReportingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Utility to monitor the network connection.
+ * Note: don't use it directly, if you're also using IDEAOfflineDataService.
+ */
+class IDEAOfflineService {
+    constructor() {
+        // get an instant status
+        this._isOffline = !navigator.onLine;
+        if (Network) {
+            // set the basic listener for changes
+            this.listenerHandler = Network.addListener('networkStatusChange', status => (this._isOffline = !status.connected));
+            // create the observable to subscribe to the network changes; note: it won't run until subscribed
+            this.observable = new Observable(observer => {
+                // remove the basic listener add add one that supports a subscription
+                Network.removeAllListeners();
+                this.listenerHandler = Network.addListener('networkStatusChange', status => {
+                    this._isOffline = !status.connected;
+                    if (observer)
+                        observer.next(status.connected);
+                });
+            });
+        }
+    }
+    /**
+     * Subscribe to be notified when the connection status changes.
+     */
+    subscribe(callback) {
+        return this.observable.subscribe(callback);
+    }
+    /**
+     * Quickly check the connection status.
+     */
+    isOnline() {
+        return !this._isOffline;
+    }
+    /**
+     * Quickly check the connection status.
+     */
+    isOffline() {
+        return this._isOffline;
+    }
+    /**
+     * Quickly check for online connection.
+     */
+    async check() {
+        if (!Network)
+            return false;
+        const status = await Network.getStatus();
+        this._isOffline = !status.connected;
+        return status.connected;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * To communicate with an AWS's API Gateway istance.
+ *
+ * Includes a rundimental cache on GET requests, until Android doesn't support SWs on local files.
+ *
+ * Note: requires an `AWSAPIAuthToken` variable to be set by IDEATinCanService service.
+ */
+class IDEAAWSAPIService {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._http = inject(HttpClient);
+        this._platform = inject(Platform);
+        this._tc = inject(IDEATinCanService);
+        this._storage = inject(IDEAStorageService);
+        this._errorReporting = inject(IDEAErrorReportingService);
+        this._offline = inject(IDEAOfflineService);
+        this.apiStage = this._env.idea.api?.stage || this._env.idea.api?.version;
+        this.apiUrlProject = 'https://'.concat([this._env.idea.api?.url, this.apiStage].filter(x => x).join('/'));
+        this.ideaApiStage = this._env.idea.ideaApi?.stage || this._env.idea.ideaApi?.version;
+        this.apiUrlIDEA = 'https://'.concat([this._env.idea.ideaApi?.url, this.ideaApiStage].filter(x => x).join('/'));
+    }
+    /**
+     * Execute an online API request.
+     * @param resource resource name (e.g. `users`)
+     * @param method enum HTTP methods
+     * @param options the request options
+     */
+    request(resource, method, options) {
+        return new Promise((resolve, reject) => {
+            const opt = options || {};
+            // prepare the url
+            const url = this.prepareURL(resource, opt);
+            // prepare the headers and set the Authorization token
+            const headers = this.prepareHeaders(opt.headers);
+            // prepare the query params and add some info about the client
+            const params = this.prepareQueryParams(opt.params, true);
+            // execute the request
+            let req;
+            switch (method) {
+                case 'HEAD':
+                    req = this._http.head(url, { headers, params });
+                    break;
+                case 'POST':
+                    req = this._http.post(url, opt.body, { headers, params });
+                    break;
+                case 'PUT':
+                    req = this._http.put(url, opt.body, { headers, params });
+                    break;
+                case 'PATCH':
+                    req = this._http.patch(url, opt.body, { headers, params });
+                    break;
+                case 'DELETE':
+                    req = this._http.delete(url, { headers, params });
+                    break;
+                case 'GET':
+                default:
+                    req = this._http.get(url, { headers, params });
+            }
+            // handle the request response
+            req.subscribe((res) => resolve(res), async (err) => {
+                // check if the request failed for network reasons (to trigger offline mode if needed)
+                await this._offline.check();
+                // (async) send a report, if wanted
+                if (opt.reportError)
+                    this._errorReporting.sendReport(err);
+                // fix and return the error
+                this.fixErrMessageBeforeReject(err, reject);
+            });
+        });
+    }
+    /**
+     * Prepare the URL to which execute the request.
+     */
+    prepareURL(resource, opt) {
+        // decide whether to use IDEA's API or the project's API (or an alternative API)
+        let url = opt.idea ? this.apiUrlIDEA : opt.alternativeAPI || this.apiUrlProject;
+        // prepare a single-resource request (by id) or a normal one
+        url = `${url}/${resource}`;
+        if (opt.resourceId)
+            url = `${url}/${encodeURIComponent(opt.resourceId)}`;
+        return url;
+    }
+    /**
+     * Prepare the headers object to send with a request.
+     * Note: it always adds the Authorization token (`AWSAPIAuthToken`) and the API key (`AWSAPIKey`), if set.
+     */
+    prepareHeaders(h) {
+        // preare the headers; note: HttpHeaders is immutable!
+        let headers = new HttpHeaders(h || null);
+        // set the Authorization token
+        if (!headers.get('Authorization') && this._tc.get('AWSAPIAuthToken'))
+            headers = headers.set('Authorization', this._tc.get('AWSAPIAuthToken'));
+        // set the API key
+        if (!headers.get('X-API-Key') && this._tc.get('AWSAPIKey'))
+            headers = headers.set('X-API-Key', this._tc.get('AWSAPIKey'));
+        return headers;
+    }
+    /**
+     * Prepare the queryParams object to send with a request; if requested, add some info about the client.
+     */
+    prepareQueryParams(qp, addClientInfo) {
+        // prepare the query params; note: HttpParams is immutable!
+        let searchParams = new HttpParams();
+        if (qp && qp instanceof HttpParams)
+            searchParams = qp;
+        else if (qp)
+            for (const prop in qp)
+                if (qp[prop])
+                    searchParams = searchParams.set(prop, qp[prop]);
+        // if requested, add app version and client platform to the info we send to the back-end
+        if (addClientInfo) {
+            searchParams = searchParams.set('_v', this._env.idea.app.version);
+            searchParams = searchParams.set('_p', this._platform.platforms().join(' '));
+        }
+        return searchParams;
+    }
+    /**
+     * Converts the error message to be readable.
+     */
+    fixErrMessageBeforeReject(err, reject) {
+        let e;
+        try {
+            if (!err || !err.error)
+                e = {};
+            else if (typeof err.error === 'string')
+                e = JSON.parse(err.error);
+            else
+                e = err.error;
+        }
+        catch (_) {
+            e = {};
+        }
+        reject(new Error(e.message || 'Unknown error!'));
+    }
+    /**
+     * Use the HttpClient to execute a raw request.
+     */
+    rawRequest() {
+        return this._http;
+    }
+    /**
+     * HEAD request.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    headResource(resource, options) {
+        return this.request(resource, 'HEAD', options);
+    }
+    /**
+     * GET request. Include options to cache the requests (`options.useCache`), to work also offline.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    getResource(resource, options) {
+        return new Promise((resolve, reject) => {
+            const opt = options || {};
+            // if offline and with a cache mode set, force the request to the cache
+            if (!navigator.onLine && opt.useCache)
+                opt.useCache = CacheModes.CACHE_ONLY;
+            // execute the GET request online or through the cache, depending on the chosen mode
+            switch (opt.useCache) {
+                case CacheModes.CACHE_ONLY:
+                    // return the result from the cache, without retrying online if a result wasn't found
+                    this.getFromCache(resource, opt).then((res) => {
+                        if (res)
+                            resolve(res);
+                        else
+                            reject();
+                    });
+                    break;
+                case CacheModes.CACHE_FIRST:
+                    // return the result from the cache
+                    this.getFromCache(resource, opt).then((localRes) => {
+                        // check whether the local resource is present (element or list)
+                        if (localRes && (opt.resourceId || localRes.length)) {
+                            resolve(localRes);
+                            // asynchrounously execute the request online, to update the cache with latest data
+                            this.request(resource, 'GET', opt)
+                                .then((cloudRes) => {
+                                // update the cache (if it fails, it's ok)
+                                this.putInCache(resource, cloudRes, opt).catch(() => { });
+                            })
+                                .catch(() => { }); // we already returned the result, an error is acceptable
+                        }
+                        else {
+                            // if the result isn't found in the cache, return the result of the online request
+                            this.request(resource, 'GET', opt)
+                                .then((res) => {
+                                resolve(res);
+                                // update the cache (if it fails, it's ok)
+                                this.putInCache(resource, res, opt).catch(() => { });
+                            })
+                                .catch((err) => reject(err)); // element not found
+                        }
+                    });
+                    break;
+                case CacheModes.NETWORK_FIRST:
+                    // return the result from an online request
+                    this.request(resource, 'GET', opt)
+                        .then((cloudRes) => {
+                        resolve(cloudRes);
+                        // asynchrounously get the same element from cache and decide whether to update or not
+                        this.getFromCache(resource, opt).then(() => {
+                            // update the cache (if it fails, it's ok)
+                            this.putInCache(resource, cloudRes, opt).catch(() => { });
+                        });
+                    })
+                        .catch(() => {
+                        // if a request to the network fails, check in cache
+                        this.getFromCache(resource, opt).then((res) => {
+                            if (res)
+                                resolve(res);
+                            else
+                                reject();
+                        });
+                    });
+                    break;
+                default:
+                    /* CacheModes.NO_CACHE */
+                    // return the result from an online request, with no cache involved
+                    this.request(resource, 'GET', opt)
+                        .then((res) => resolve(res))
+                        .catch((err) => reject(err));
+            }
+        });
+    }
+    /**
+     * Observe a GET request. Include options to cache the requests (`options.useCache`), to work also offline.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    getResourceObserver(resource, options) {
+        return new Observable(observer => {
+            const opt = options || {};
+            // if offline and with a cache mode set, force the request to the cache
+            if (!navigator.onLine && opt.useCache)
+                opt.useCache = CacheModes.CACHE_ONLY;
+            // execute the GET request online or through the cache, depending on the chosen mode
+            switch (opt.useCache) {
+                case CacheModes.CACHE_ONLY:
+                    // return the result from the cache, without retrying online if a result wasn't found
+                    this.getFromCache(resource, opt).then((res) => {
+                        if (res)
+                            observer.next(res);
+                        else
+                            observer.error();
+                    });
+                    break;
+                case CacheModes.CACHE_FIRST:
+                    // return the result from the cache
+                    this.getFromCache(resource, opt).then((localRes) => {
+                        if (localRes) {
+                            observer.next(localRes);
+                            // asynchrounously execute the request online, to update the cache with latest data
+                            this.request(resource, 'GET', opt)
+                                .then((cloudRes) => {
+                                observer.next(cloudRes);
+                                // update the cache (if it fails, it's ok)
+                                this.putInCache(resource, cloudRes, opt).catch(() => { });
+                            })
+                                .catch(() => { }); // we already returned the result, an error is acceptable
+                        }
+                        else {
+                            // if the result isn't found in the cache, return the result of the online request
+                            this.request(resource, 'GET', opt)
+                                .then((res) => {
+                                observer.next(res);
+                                // update the cache (if it fails, it's ok)
+                                this.putInCache(resource, res, opt).catch(() => { });
+                            })
+                                .catch((err) => observer.error(err)); // element not found
+                        }
+                    });
+                    break;
+                case CacheModes.NETWORK_FIRST:
+                    // return the result from an online request
+                    this.request(resource, 'GET', opt)
+                        .then((cloudRes) => {
+                        observer.next(cloudRes);
+                        // update the cache (if it fails, it's ok)
+                        this.putInCache(resource, cloudRes, opt).catch(() => { });
+                    })
+                        .catch(() => {
+                        // if a request to the network fails, check in cache
+                        this.getFromCache(resource, opt).then((res) => {
+                            if (res)
+                                observer.next(res);
+                            else
+                                observer.error();
+                        });
+                    });
+                    break;
+                default:
+                    /* CacheModes.NO_CACHE */
+                    // return the result from an online request, with no cache involved
+                    this.request(resource, 'GET', opt)
+                        .then((res) => observer.next(res))
+                        .catch((err) => observer.error(err));
+            }
+        });
+    }
+    /**
+     * Execute a GET request from the local storage.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    getFromCache(resource, options) {
+        return new Promise(resolve => {
+            const opt = options || {};
+            // prepare the url and the query params
+            const url = this.prepareURL(resource, opt);
+            const queryParams = this.prepareQueryParams(opt.params);
+            // get from storage, by the complete url
+            this._storage
+                .get(url.concat(queryParams.toString()))
+                .then((res) => (res ? resolve(res) : opt.resourceId ? resolve(null) : resolve([])));
+        });
+    }
+    /**
+     * Execute a PUT request in the local storage.
+     * @param resource resource name (e.g. `users`)
+     * @param data resource data
+     * @param options the request options
+     */
+    putInCache(resource, data, options) {
+        return new Promise((resolve, reject) => {
+            const opt = options || {};
+            // prepare the url and the query params
+            const url = this.prepareURL(resource, opt);
+            const queryParams = this.prepareQueryParams(opt.params);
+            // put in the storage, by the complete url
+            this._storage
+                .set(url.concat(queryParams.toString()), data)
+                .then(() => resolve())
+                .catch((err) => reject(err));
+        });
+    }
+    /**
+     * Execute a DELETE request in the local storage.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    deleteFromCache(resource, options) {
+        return new Promise((resolve, reject) => {
+            const opt = options || {};
+            // prepare the url and the query params
+            const url = this.prepareURL(resource, opt);
+            const queryParams = this.prepareQueryParams(opt.params);
+            // delete from storage, by the complete url
+            this._storage
+                .remove(url.concat(queryParams.toString()))
+                .then(() => resolve())
+                .catch((err) => reject(err));
+        });
+    }
+    /**
+     * POST request.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    postResource(resource, options) {
+        return this.request(resource, 'POST', options);
+    }
+    /**
+     * PUT request.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    putResource(resource, options) {
+        return this.request(resource, 'PUT', options);
+    }
+    /**
+     * PATCH request.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    patchResource(resource, options) {
+        return this.request(resource, 'PATCH', options);
+    }
+    /**
+     * DELETE request.
+     * @param resource resource name (e.g. `users`)
+     * @param options the request options
+     */
+    deleteResource(resource, options) {
+        return this.request(resource, 'DELETE', options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPIService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPIService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPIService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+/**
+ * The options of an API request.
+ */
+class APIRequestOption {
+}
+/**
+ * Set of usable cache modes.
+ */
+var CacheModes;
+(function (CacheModes) {
+    /**
+     * Return the result from an online request, with no cache involved.
+     */
+    CacheModes[CacheModes["NO_CACHE"] = 0] = "NO_CACHE";
+    /**
+     * Return the result from an online request, storing the result in the cache, to update it with the latest data.
+     */
+    CacheModes[CacheModes["NETWORK_FIRST"] = 1] = "NETWORK_FIRST";
+    /**
+     * Return the result from the cache, but also execute the request online, to update the cache with the latest data.
+     */
+    CacheModes[CacheModes["CACHE_FIRST"] = 2] = "CACHE_FIRST";
+    /**
+     * Return the result from the cache, without retrying online if a result wasn't found.
+     */
+    CacheModes[CacheModes["CACHE_ONLY"] = 3] = "CACHE_ONLY";
+})(CacheModes || (CacheModes = {}));
+
+class IDEAEchoPage {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._route = inject(ActivatedRoute);
+        this._tc = inject(IDEATinCanService);
+        this._loading = inject(IDEALoadingService);
+        this._API = inject(IDEAAWSAPIService);
+        this._translate = inject(IDEATranslationsService);
+    }
+    ngOnInit() {
+        const request = this._route.snapshot.paramMap.get('request') || this._route.snapshot.queryParams.request;
+        const code = this._route.snapshot.queryParams.code;
+        const user = decodeURIComponent(this._route.snapshot.queryParams.user);
+        const state = this._route.snapshot.queryParams.state;
+        switch (request) {
+            case EchoRequests.MAINTENANCE:
+                this.maintenanceMode();
+                break;
+            case EchoRequests.REGISTRATION:
+                this.followRegistrationLink(code, user);
+                break;
+            case EchoRequests.INVITATION:
+                this.followInvitationLink(code);
+                break;
+            case EchoRequests.EMAIL_CHANGE:
+                this.followEmailChangeConfirmationLink(code);
+                break;
+            case EchoRequests.GITHUB_INTEGRATION:
+                this.endGitHubIntegrationFlow(code === 'done');
+                break;
+            case EchoRequests.TRELLO_INTEGRATION:
+                this.endTrelloIntegrationFlow(code);
+                break;
+            case EchoRequests.MICROSOFT_CALENDARS_INTEGRATION:
+                this.endExternalCalendarsIntegrationFlow(ExternalCalendarSources.MICROSOFT, code, state);
+                break;
+            case EchoRequests.GOOGLE_CALENDARS_INTEGRATION:
+                this.endExternalCalendarsIntegrationFlow(ExternalCalendarSources.GOOGLE, code, state);
+                break;
+            default:
+                this.success = false;
+                this.content = this._translate._('IDEA_UNCOMMON.ECHO.INVALID_ACTION');
+                break;
+        }
+    }
+    maintenanceMode() {
+        const announcement = this._tc.get('idea-announcement');
+        if (announcement && announcement.content)
+            this.htmlContent = mdToHtml(announcement.content);
+    }
+    async followRegistrationLink(code, user) {
+        try {
+            await this._loading.show();
+            await this._API.postResource('cognito2', {
+                idea: true,
+                body: {
+                    action: 'CONFIRM_SIGN_UP',
+                    username: user,
+                    confirmationCode: code,
+                    cognitoUserPoolClientId: this._env.aws.cognito.userPoolClientId
+                }
+            });
+            this.success = true;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.ACCOUNT_CONFIRMED');
+        }
+        catch (error) {
+            this.success = false;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.REQUEST_FAILED');
+        }
+        finally {
+            this._loading.hide();
+        }
+    }
+    async followInvitationLink(code) {
+        try {
+            await this._loading.show();
+            await this._API.getResource('invitations', { idea: true, resourceId: code });
+            this.success = true;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.TEAM_JOINED');
+        }
+        catch (error) {
+            this.success = false;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.REQUEST_FAILED');
+        }
+        finally {
+            this._loading.hide();
+        }
+    }
+    async followEmailChangeConfirmationLink(code) {
+        try {
+            await this._loading.show();
+            await this._API.getResource('emailChangeRequests', {
+                idea: true,
+                resourceId: code,
+                params: { project: this._env.idea.project }
+            });
+            this.success = true;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.EMAIL_CHANGED');
+        }
+        catch (error) {
+            this.success = false;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.REQUEST_FAILED');
+        }
+        finally {
+            this._loading.hide();
+        }
+    }
+    endGitHubIntegrationFlow(success) {
+        this.success = success;
+        this.content = success
+            ? this._translate._('IDEA_UNCOMMON.ECHO.GITHUB_SOURCE_INTEGRATION_SUCCESS')
+            : this._translate._('IDEA_UNCOMMON.ECHO.GITHUB_SOURCE_INTEGRATION_ERROR');
+    }
+    endTrelloIntegrationFlow(token) {
+        this.success = Boolean(token);
+        this.content = token
+            ? this._translate._('IDEA_UNCOMMON.ECHO.TRELLO_SOURCE_INTEGRATION_SUCCESS', { token })
+            : this._translate._('IDEA_UNCOMMON.ECHO.TRELLO_SOURCE_INTEGRATION_ERROR');
+    }
+    async endExternalCalendarsIntegrationFlow(service, code, calendarId) {
+        try {
+            await this._loading.show();
+            await this._API.patchResource('calendars', {
+                idea: true,
+                body: { action: 'SET_EXTERNAL_INTEGRATION', service, code, calendarId, project: this._env.idea.project }
+            });
+            this.success = true;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.EXTERNAL_CALENDARS_SOURCE_INTEGRATION_SUCCESS');
+        }
+        catch (error) {
+            this.success = false;
+            this.content = this._translate._('IDEA_UNCOMMON.ECHO.EXTERNAL_CALENDARS_SOURCE_INTEGRATION_ERROR');
+        }
+        finally {
+            this._loading.hide();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAEchoPage, selector: "idea-echo", ngImport: i0, template: "<ion-content>\n  <div class=\"flexBox\">\n    <ion-card class=\"echoCard maxWidthContainer\">\n      <ion-img [src]=\"'assets/icons/icon-auth.svg'\" />\n      <ion-card-header>\n        <ion-card-title>\n          @if (success === true) {\n          <ion-icon color=\"success\" name=\"checkmark\" />\n          } @if (success === false) {\n          <ion-icon color=\"danger\" name=\"close\" />\n          }\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content class=\"selectable\">\n        {{ content }} @if (htmlContent) {\n        <div class=\"htmlContent\" [innerHTML]=\"htmlContent\"></div>\n        } @if (success === false || success === true) {\n        <p class=\"youCanCloseMe\">\n          <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>\n        </p>\n        }\n      </ion-card-content>\n    </ion-card>\n  </div>\n</ion-content>\n", styles: [".echoCard{min-width:300px;padding:30px 20px;text-align:center}.echoCard ion-img{width:80px;display:block;margin:0 auto}.echoCard ion-icon{font-size:1.8em}.echoCard ion-card-content{margin-bottom:20px;font-size:1.2em}.echoCard ion-card-content p.youCanCloseMe{margin-top:12px}\n"], dependencies: [{ kind: "component", type: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1$1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1$1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-echo', template: "<ion-content>\n  <div class=\"flexBox\">\n    <ion-card class=\"echoCard maxWidthContainer\">\n      <ion-img [src]=\"'assets/icons/icon-auth.svg'\" />\n      <ion-card-header>\n        <ion-card-title>\n          @if (success === true) {\n          <ion-icon color=\"success\" name=\"checkmark\" />\n          } @if (success === false) {\n          <ion-icon color=\"danger\" name=\"close\" />\n          }\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content class=\"selectable\">\n        {{ content }} @if (htmlContent) {\n        <div class=\"htmlContent\" [innerHTML]=\"htmlContent\"></div>\n        } @if (success === false || success === true) {\n        <p class=\"youCanCloseMe\">\n          <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>\n        </p>\n        }\n      </ion-card-content>\n    </ion-card>\n  </div>\n</ion-content>\n", styles: [".echoCard{min-width:300px;padding:30px 20px;text-align:center}.echoCard ion-img{width:80px;display:block;margin:0 auto}.echoCard ion-icon{font-size:1.8em}.echoCard ion-card-content{margin-bottom:20px;font-size:1.2em}.echoCard ion-card-content p.youCanCloseMe{margin-top:12px}\n"] }]
+        }] });
+var EchoRequests;
+(function (EchoRequests) {
+    EchoRequests["MAINTENANCE"] = "maintenance";
+    EchoRequests["REGISTRATION"] = "registration";
+    EchoRequests["INVITATION"] = "invitation";
+    EchoRequests["EMAIL_CHANGE"] = "email-change";
+    EchoRequests["GITHUB_INTEGRATION"] = "github-integration";
+    EchoRequests["TRELLO_INTEGRATION"] = "trello-integration";
+    EchoRequests["MICROSOFT_CALENDARS_INTEGRATION"] = "microsoft-calendars-integration";
+    EchoRequests["GOOGLE_CALENDARS_INTEGRATION"] = "google-calendars-integration";
+})(EchoRequests || (EchoRequests = {}));
+
+const routes = [
+    { path: '', component: IDEAEchoPage },
+    { path: ':request', component: IDEAEchoPage }
+];
+class IDEAEchoModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoModule, declarations: [IDEAEchoPage], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, i1$2.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, RouterModule.forChild(routes)] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAEchoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, RouterModule.forChild(routes)],
+                    declarations: [IDEAEchoPage]
+                }]
+        }] });
+
+class IDEAMDEToolbarComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: IDEAMDEToolbarComponent, selector: "idea-mde-toolbar", ngImport: i0, template: "<div class=\"mdeToolbar\">\n  <b>**{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.BOLD' | translate }}**</b>\n  <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>\n  ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~\n</div>\n", styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"], dependencies: [{ kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-mde-toolbar', template: "<div class=\"mdeToolbar\">\n  <b>**{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.BOLD' | translate }}**</b>\n  <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>\n  ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~\n</div>\n", styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"] }]
+        }] });
+
+class IDEAMDEComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+    }
+    ngOnInit() {
+        this.id = this.id || 'mde';
+        this.variables = this.variables || new Array();
+        this.value = this.initialValue;
+    }
+    close() {
+        this._modal.dismiss();
+    }
+    confirm() {
+        this._modal.dismiss(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAMDEComponent, selector: "idea-mde", inputs: { id: "id", title: "title", header: "header", description: "description", variables: "variables", initialValue: "initialValue", placeholder: "placeholder" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate\" (click)=\"confirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  @if (header) {\n    <h2 class=\"header\">\n      {{ header }}\n    </h2>\n  }\n  @if (description) {\n    <p class=\"description\">\n      {{ description }}\n    </p>\n  }\n  @if (variables?.length) {\n    <p class=\"variables\">\n      <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>\n      @for (v of variables; track v) {\n        <ion-text>\n          {{ v.concat(' ') }}\n        </ion-text>\n      }\n    </p>\n  }\n  <ion-textarea rows=\"12\" [id]=\"id\" [placeholder]=\"placeholder\" [(ngModel)]=\"value\" />\n  <idea-mde-toolbar />\n</ion-content>\n", styles: ["ion-content{--ion-background-color: #f4f4f4}h2.header{margin:0;font-size:.7em;font-weight:700;text-transform:uppercase}.description{margin-top:5px;margin-bottom:20px;font-size:.9em}.variables{margin:10px 5px;font-size:.8em}ion-textarea{--background: var(--ion-color-white);padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.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: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: IDEAMDEToolbarComponent, selector: "idea-mde-toolbar" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-mde', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate\" (click)=\"confirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  @if (header) {\n    <h2 class=\"header\">\n      {{ header }}\n    </h2>\n  }\n  @if (description) {\n    <p class=\"description\">\n      {{ description }}\n    </p>\n  }\n  @if (variables?.length) {\n    <p class=\"variables\">\n      <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>\n      @for (v of variables; track v) {\n        <ion-text>\n          {{ v.concat(' ') }}\n        </ion-text>\n      }\n    </p>\n  }\n  <ion-textarea rows=\"12\" [id]=\"id\" [placeholder]=\"placeholder\" [(ngModel)]=\"value\" />\n  <idea-mde-toolbar />\n</ion-content>\n", styles: ["ion-content{--ion-background-color: #f4f4f4}h2.header{margin:0;font-size:.7em;font-weight:700;text-transform:uppercase}.description{margin-top:5px;margin-bottom:20px;font-size:.9em}.variables{margin:10px 5px;font-size:.8em}ion-textarea{--background: var(--ion-color-white);padding:10px}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], variables: [{
+                type: Input
+            }], initialValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+class IDEAMDEModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEModule, declarations: [IDEAMDEComponent, IDEAMDEToolbarComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAMDEComponent, IDEAMDEToolbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAMDEModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEAMDEComponent, IDEAMDEToolbarComponent],
+                    exports: [IDEAMDEComponent, IDEAMDEToolbarComponent]
+                }]
+        }] });
+
+/**
+ * After how much time we need to request a synchronisation to keep the contents up-to-date.
+ */
+const SYNC_EXPIRATION_INTERVAL = 1000 * 60 * 60 * 24; // a day
+/**
+ * Prefix for the key of the API requests queue info in the local storage.
+ */
+const QUEUE_API_REQUESTS_KEY = 'IDEAOfflineService.queueAPIrequests';
+/**
+ * Prefix for the key of the last sync time info in the local storage.
+ */
+const LAST_SYNC_KEY = 'IDEAOfflineService.lastSyncAt';
+/**
+ * The max number of elements per resource to synchronize during the first analysis of a synchronisation.
+ * If the number of elements exceeds (there is more data after the 1st page), the operation require manual confirmation.
+ */
+const NUM_ELEMENTS_WITHOUT_MANUAL_SYNC = 100;
+/**
+ * The max number of elements per resource to request at the same time during a normal synchronisation.
+ */
+const NUM_ELEMENTS_WITH_MANUAL_SYNC = 300;
+/**
+ * Manage the offline functioning of the app's data (upload/download/synchronization).
+ * Note: it includes all the methods of IDEAOfflineService.
+ *
+ * Download: it works through the **Delta** mechanism on back-end resources.
+ * Practically, the service prepares each possible API GET requests for each of the involved resources.
+ * In this way, if offline, the API service can hit an element by URL in the cache (storage offline).
+ *
+ * **How to use it**. Configure the sync mechanism in the main app.component as it follows:
+ *
+ *    1. Implement a CacheableResource class for each DeltaResource you want to cache offline.
+ *    2. Set up the service (`setUpOfflineData`).
+ *    3. Run a synchronization.
+ *    4. Add the navigation to the Offline Manager (UI).
+ *    5. Optionally, push offline API requests to the queue when offline.
+ *
+ * e.g. of CacheableResource classes:
+ * ```
+ * class CustomerCR extends CacheableResource {
+ *   constructor(description: string) {
+ *     super(DeltaResources.CUSTOMERS, description);
+ *   }
+ *   public listURL(element: any): string {
+ *     return `teams/${element.teamId}/customers`;
+ *   }
+ *   public elementURL(element: any): string {
+ *     return `teams/${element.teamId}/customers/${element.customerId}`;
+ *   }
+ *   public findIndexInList(list: Array<any>, element: any): number {
+ *     return list.findIndex(x => x.customerId === element.customerId);
+ *   }
+ *   public sort(a: any, b: any): number {
+ *     return a.name.localeCompare(b.name);
+ *   }
+ * }
+ */
+class IDEAOfflineDataService {
+    constructor() {
+        this._storage = inject(IDEAStorageService);
+        this._translate = inject(IDEATranslationsService);
+        this._offline = inject(IDEAOfflineService);
+        this._API = inject(IDEAAWSAPIService);
+        this.queueAPIRequests = new Array();
+        this.resources = new Array();
+        this.cacheableResources = {};
+        // subscribe to network changes
+        this._offline.subscribe(isOnline => {
+            if (isOnline) {
+                // try a synchronization if needed or if the last one failed
+                if (this.errorInLastSync)
+                    this.synchronize();
+                else
+                    this.synchronizeIfNeeded();
+            }
+        });
+    }
+    //
+    // NETWORK STATUS from IDEAOfflineService
+    //
+    /**
+     * Quickly check the connection status.
+     */
+    isOnline() {
+        return this._offline.isOnline();
+    }
+    /**
+     * Quickly check the connection status.
+     */
+    isOffline() {
+        return this._offline.isOffline();
+    }
+    /**
+     * Subscribe to the service to be notified when the connection status changes.
+     */
+    subscribe(callback) {
+        return this._offline.subscribe(callback);
+    }
+    /**
+     * Quickly check for online connection.
+     */
+    check() {
+        return this._offline.check();
+    }
+    //
+    // CONFIGURATION
+    //
+    /**
+     * Whether the offline mode is allowed. You can customize this function, if needed.
+     */
+    isAllowed() {
+        return !!this.resources.length;
+    }
+    /**
+     * Set up the service to use and sync offline data.
+     */
+    setUpOfflineData(teamId, useQueueAPIRequests, cacheableResources) {
+        // set the team
+        this.teamId = teamId;
+        // decide if to allow certain API request while offline
+        this.useQueueAPIRequests = useQueueAPIRequests;
+        // load the API request pending queue, if any
+        this.queueAPIRequestKey = this.teamId ? `${QUEUE_API_REQUESTS_KEY}_${this.teamId}` : QUEUE_API_REQUESTS_KEY;
+        this.loadQueueAPIRequest();
+        // load the lastSyncAt information for the team
+        this.lastSyncKey = this.teamId ? `${LAST_SYNC_KEY}_${this.teamId}` : LAST_SYNC_KEY;
+        this.loadLastSyncAt();
+        // load the cacheable resources
+        this.resources = new Array();
+        this.cacheableResources = {};
+        cacheableResources.forEach(r => this.addCacheableResource(r));
+    }
+    /**
+     * Load from the local storage the last sync at information.
+     */
+    loadLastSyncAt() {
+        return new Promise(resolve => {
+            this._storage.get(this.lastSyncKey).then((lastSyncAt) => {
+                this.lastSyncAt = lastSyncAt ? Number(lastSyncAt) : null;
+                resolve(this.lastSyncAt);
+            });
+        });
+    }
+    /**
+     * Update last sync at info in the local storage.
+     */
+    saveLastSyncAt(lastSyncAt) {
+        this.lastSyncAt = lastSyncAt;
+        return this._storage.set(this.lastSyncKey, lastSyncAt);
+    }
+    /**
+     * Add a CacheableResource.
+     */
+    addCacheableResource(cacheableResource) {
+        if (this.teamId)
+            cacheableResource.teamId = this.teamId;
+        this.cacheableResources[cacheableResource.resource] = cacheableResource;
+        this.resources.push(cacheableResource.resource);
+    }
+    /**
+     * Remove a CacheableResource by its DeltaResource.
+     */
+    removeCacheableResource(resource) {
+        delete this.cacheableResources[resource];
+        this.resources.splice(this.resources.indexOf(resource), 1);
+    }
+    /**
+     * Get the the DeltaResourced configured.
+     */
+    getResources() {
+        return this.resources;
+    }
+    /**
+     * Get a CacheableResource by its DeltaResource.
+     */
+    getCacheableResource(resource) {
+        return this.cacheableResources[resource];
+    }
+    //
+    // UPLOAD
+    //
+    /**
+     * Execute all the API requests in the queue; the requests terminated with an error will remain in the queue.
+     */
+    runQueueAPIRequests() {
+        return new Promise((resolve, reject) => {
+            if (!this.useQueueAPIRequests || this.isOffline() || !this.queueAPIRequests.length)
+                return resolve();
+            this.queueAPIRequests.forEach(async (request) => {
+                const options = {};
+                if (request.resourceId)
+                    options.resourceId = request.resourceId;
+                if (request.body)
+                    options.body = request.body;
+                let promise;
+                try {
+                    switch (request.method.toUpperCase()) {
+                        case 'POST':
+                            promise = await this._API.postResource(request.resource, options);
+                            break;
+                        case 'PUT':
+                            promise = await this._API.putResource(request.resource, options);
+                            break;
+                        case 'PATCH':
+                            promise = await this._API.patchResource(request.resource, options);
+                            break;
+                    }
+                    if (!promise)
+                        request.error = 'INVALID_METHOD';
+                    else
+                        request.error = null;
+                }
+                catch (err) {
+                    request.error = err.message || 'UNKNOWN_ERROR';
+                }
+            });
+            // keep the requests NOT successfully executed
+            this.saveQueueAPIRequest(this.queueAPIRequests.filter(x => x.error)).then(() => {
+                // if the queue is empty, the entire operation was successful
+                if (this.queueAPIRequests.length)
+                    reject();
+                else
+                    resolve();
+            });
+        });
+    }
+    /**
+     * Load from the local storage the API requests queue.
+     */
+    loadQueueAPIRequest() {
+        return new Promise(resolve => {
+            if (!this.useQueueAPIRequests)
+                return resolve([]);
+            this._storage.get(this.queueAPIRequestKey).then((queue) => {
+                this.queueAPIRequests = queue || [];
+                resolve(this.queueAPIRequests);
+            });
+        });
+    }
+    /**
+     * Update the queue in memory and also save the copy in the local storage.
+     */
+    saveQueueAPIRequest(queue) {
+        if (!this.isAllowed())
+            return Promise.reject();
+        this.queueAPIRequests = queue || this.queueAPIRequests;
+        return this._storage.set(this.queueAPIRequestKey, this.queueAPIRequests);
+    }
+    /**
+     * Delete a request stuck in an error.
+     */
+    deleteRequest(request) {
+        if (!this.isAllowed())
+            return Promise.reject();
+        if (request) {
+            this.queueAPIRequests.splice(this.queueAPIRequests.indexOf(request), 1);
+            this.saveQueueAPIRequest();
+        }
+    }
+    //
+    // DOWNLOAD
+    //
+    /**
+     * Save the records of a delta and, if the latter has more pages, go recursive.
+     */
+    async syncDeltaRecords(delta, done) {
+        // for each resource, we reset the status; if a resource still need to be synchronized, it will be flagged below
+        this.resources.forEach(resource => {
+            this.cacheableResources[resource].error = false;
+            this.cacheableResources[resource].synchronizing = false;
+        });
+        try {
+            // synchronze each of the resources included in the delta; this execution can go in parallel
+            await Promise.all(delta.resources.map(async (resource) => {
+                const cr = this.cacheableResources[resource];
+                if (cr) {
+                    // synchronize the delta records; note: the executuion inside a resource must go in series
+                    cr.synchronizing = true;
+                    const success = await this.syncResourceDeltaRecords(resource, delta.records[resource]);
+                    if (!success)
+                        this.errorInLastSync = true;
+                }
+            }));
+            // if there were error of if there is nothing left to sync, we are done
+            if (this.errorInLastSync || !delta.next)
+                return done();
+            // otherwise, get the next page of the delta and go recursive until we are done
+            const params = { next: delta.next, limit: NUM_ELEMENTS_WITH_MANUAL_SYNC };
+            if (this.lastSyncAt)
+                params.since = this.lastSyncAt;
+            const newDelta = await this._API.getResource(this.teamId ? `teams/${this.teamId}/delta` : 'delta', { params });
+            this.syncDeltaRecords(newDelta, done);
+        }
+        catch (err) {
+            // if something went wrong, stops the operation, since we need to make sure the entire flow is consistent
+            this.errorInLastSync = true;
+            return done();
+        }
+    }
+    /**
+     * Save offline a list of DeltaRecords for this resource, creating a map of all the corresponding API GET requests.
+     */
+    async syncResourceDeltaRecords(resource, records) {
+        // acquire the info an a cacheable resource
+        const cr = this.cacheableResources[resource];
+        if (!cr)
+            return Promise.resolve(true);
+        try {
+            // prepare helpers to group executions of elements of the same list
+            let list = null, oldListURL = null;
+            for (const r of records) {
+                // calculate the URL to access the API request key for this element
+                const elementURL = cr.elementURL(r.element);
+                // if the element was deleted (based on delta), delete its corresponding API GET request
+                if (r.deleted)
+                    await this._API.deleteFromCache(elementURL);
+                // otherwise, update it
+                else
+                    await this._API.putInCache(elementURL, r.element);
+                // calculate the URLs to access the API request key for this element's list
+                const listURL = cr.listURL(r.element);
+                // to improve the performance, get/sort/save the list only when it changes from the previous element's one.
+                if (listURL !== oldListURL) {
+                    // skip first cycle (oldListURL === null)
+                    if (oldListURL) {
+                        // re-sort the list; note: it should be sorted from the last time, so we only manage the new element
+                        list = list.sort(cr.sort);
+                        // save the updated list
+                        await this._API.putInCache(oldListURL, list);
+                    }
+                    // get the list of elements from the local storage by the calculated URL
+                    list = await this._API.getFromCache(listURL);
+                    // save the reference to the list for the next cycle
+                    oldListURL = listURL;
+                }
+                // find in the list the element we want to manage
+                const index = cr.findIndexInList(list, r.element);
+                // delete the element from the list
+                if (index !== -1)
+                    list.splice(index, 1);
+                // if the element wasn't deleted (following the delta record information), insert the new version
+                if (!r.deleted)
+                    list.push(r.element);
+            }
+            // in case there were elements, save the last element's list
+            if (oldListURL) {
+                // re-sort the list; note: it should be sorted from the last time, so we only manage the new element
+                list = list.sort(cr.sort);
+                // save the updated list
+                await this._API.putInCache(oldListURL, list);
+            }
+            return Promise.resolve(true);
+        }
+        catch (err) {
+            // if something went wrong, stops the operation, since we need to make sure the entire flow is consistent
+            cr.error = true;
+            return Promise.resolve(false);
+        }
+    }
+    //
+    // SYNCHRONISATION (UPLOAD+DOWNLOAD)
+    //
+    /**
+     * Run a sync, but only if needed, i.e. the cached content expired or we have pending API requests in the queue.
+     */
+    synchronizeIfNeeded() {
+        return new Promise((resolve, reject) => {
+            if (!this.isAllowed())
+                return;
+            this.loadLastSyncAt().then(() => this.loadQueueAPIRequest()
+                .then(() => {
+                if (this.queueAPIRequests.length || Date.now() > this.lastSyncAt + SYNC_EXPIRATION_INTERVAL)
+                    this.synchronize();
+                resolve();
+            })
+                .catch(err => reject(err)));
+        });
+    }
+    /**
+     * Synchronization of the whole set of resources (upload+download).
+     * @param manualConfirmation if true, the request comes directly from a user action (not automatic procedures).
+     */
+    synchronize(manualConfirmation) {
+        return new Promise((resolve, reject) => {
+            if (!this.isAllowed() || this.synchronizing)
+                return resolve();
+            this.synchronizing = true;
+            this.errorInLastSync = false;
+            this.requiresManualConfirmation = false;
+            // load the lastSyncAt information
+            this.loadLastSyncAt().then(() => 
+            // try to run all the pending API requests in the queue, i.e. uploading the offline resources changed
+            this.runQueueAPIRequests()
+                .then(() => {
+                // set this moment in time: if anything happened before the end of the sync, we don't lose fresh data
+                const now = Date.now();
+                // prepare a first "short" Delta request, to see if there is a lot of data to process
+                const params = { limit: NUM_ELEMENTS_WITHOUT_MANUAL_SYNC };
+                if (this.lastSyncAt)
+                    params.since = this.lastSyncAt;
+                this._API
+                    .getResource(this.teamId ? `teams/${this.teamId}/delta` : 'delta', { params })
+                    .then((delta) => {
+                    // decide if to proceed with the sync: in case there is another page, it requires a manual confirmation
+                    if (delta.next && !manualConfirmation) {
+                        this.requiresManualConfirmation = true;
+                        this.synchronizing = false;
+                        return resolve();
+                    }
+                    // save the records in the delta and request possible new pages
+                    this.syncDeltaRecords(delta, () => {
+                        if (this.errorInLastSync) {
+                            this.synchronizing = false;
+                            resolve();
+                        }
+                        else {
+                            // all the resources are succesfully in sync
+                            this.resources.forEach(resource => (this.cacheableResources[resource].synchronizing = false));
+                            // update the timestamp of last sync
+                            this.saveLastSyncAt(now)
+                                .then(() => {
+                                this.synchronizing = false;
+                                resolve();
+                            })
+                                .catch(() => {
+                                // we couldn't save the last sync info
+                                this.errorInLastSync = true;
+                                this.synchronizing = false;
+                                reject();
+                            });
+                        }
+                    });
+                })
+                    .catch(() => {
+                    // we couldn't acquire new information (Delta)
+                    this.errorInLastSync = true;
+                    this.synchronizing = false;
+                    reject();
+                });
+            })
+                .catch(() => {
+                // we stop, since we don't want backend data to override local info not yet uploaded
+                this.errorInLastSync = true;
+                this.synchronizing = false;
+                reject();
+            }));
+        });
+    }
+    /**
+     * Force a full synchronisation.
+     */
+    forceFullSync() {
+        this._storage.clear().then(() => this.synchronize(true));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineDataService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineDataService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+/**
+ * The abstract class to implement for each resource to cache offline from the back-end (DOWNLOAD).
+ */
+class CacheableResource {
+    constructor(resource, description) {
+        this.resource = resource;
+        this.description = description;
+        this.synchronizing = false;
+        this.error = false;
+        // loaded at runtime
+        this.teamId = null;
+    }
+}
+
+class IDEACacheableResourceComponent {
+    constructor() {
+        this._offline = inject(IDEAOfflineDataService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACacheableResourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEACacheableResourceComponent, selector: "idea-cacheable-resource", inputs: { resource: "resource" }, ngImport: i0, template: "<ion-item class=\"cacheableResourceItem\">\n  <ion-label>{{ resource.description }}</ion-label>\n  @if (resource.error) {\n    <ion-icon slot=\"end\" name=\"alert-circle\" color=\"danger\" />\n  }\n  @if (!resource.error && _offline.synchronizing && resource.synchronizing) {\n    <ion-spinner slot=\"end\" name=\"dots\" />\n  }\n  @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"checkmark\" color=\"success\" />\n  }\n  @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"pause\" color=\"dark\" />\n  }\n</ion-item>\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACacheableResourceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-cacheable-resource', template: "<ion-item class=\"cacheableResourceItem\">\n  <ion-label>{{ resource.description }}</ion-label>\n  @if (resource.error) {\n    <ion-icon slot=\"end\" name=\"alert-circle\" color=\"danger\" />\n  }\n  @if (!resource.error && _offline.synchronizing && resource.synchronizing) {\n    <ion-spinner slot=\"end\" name=\"dots\" />\n  }\n  @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"checkmark\" color=\"success\" />\n  }\n  @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"pause\" color=\"dark\" />\n  }\n</ion-item>\n" }]
+        }], propDecorators: { resource: [{
+                type: Input
+            }] } });
+
+class IDEAOfflineManagerComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+        this._alert = inject(AlertController);
+        this._actions = inject(IDEAActionSheetController);
+        this._translate = inject(IDEATranslationsService);
+        this._offline = inject(IDEAOfflineDataService);
+    }
+    async sync() {
+        const alert = await this._alert.create({
+            header: this._translate._('IDEA_UNCOMMON.OFFLINE.SYNC_NOW'),
+            message: this._translate._('IDEA_UNCOMMON.OFFLINE.DONT_EXIT_APP_DISCLAIMER'),
+            buttons: [
+                { text: this._translate._('COMMON.CANCEL') },
+                { text: this._translate._('COMMON.GOT_IT'), handler: () => this._offline.synchronize(true) }
+            ]
+        });
+        alert.present();
+    }
+    async deleteRequest(request) {
+        const alert = await this._alert.create({
+            header: this._translate._('COMMON.ARE_YOU_SURE'),
+            message: this._translate._('IDEA_UNCOMMON.OFFLINE.DELETION_IS_IRREVERSIBLE'),
+            buttons: [
+                { text: this._translate._('COMMON.CANCEL') },
+                {
+                    text: this._translate._('COMMON.CONFIRM'),
+                    handler: () => this._offline.deleteRequest(request)
+                }
+            ]
+        });
+        alert.present();
+    }
+    downloadRequestLog(request) {
+        const dataURL = window.URL.createObjectURL(new Blob([JSON.stringify(request)], { type: 'text/json' }));
+        Browser.open({ url: dataURL });
+    }
+    async actions() {
+        const buttons = [
+            {
+                text: this._translate._('IDEA_UNCOMMON.OFFLINE.FORCE_FULL_SYNC'),
+                icon: 'sync',
+                handler: () => this.forceFullSync()
+            },
+            { text: this._translate._('COMMON.CANCEL'), role: 'cancel', icon: 'arrow-undo' }
+        ];
+        const actions = await this._actions.create({
+            header: this._translate._('IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS'),
+            buttons
+        });
+        actions.present();
+    }
+    async forceFullSync() {
+        const alert = await this._alert.create({
+            header: this._translate._('IDEA_UNCOMMON.OFFLINE.FORCE_FULL_SYNC'),
+            subHeader: this._translate._('COMMON.ARE_YOU_SURE'),
+            message: this._translate._('IDEA_UNCOMMON.OFFLINE.FULL_SYNC_DISCLAIMER'),
+            buttons: [
+                { text: this._translate._('COMMON.CANCEL'), role: 'cancel' },
+                { text: this._translate._('COMMON.CONFIRM'), handler: () => this._offline.forceFullSync() }
+            ]
+        });
+        alert.present();
+    }
+    close() {
+        this._modal.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAOfflineManagerComponent, selector: "idea-offline-manager", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ 'IDEA_UNCOMMON.OFFLINE.OFFLINE_MANAGER' | translate }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS' | translate\" (click)=\"actions()\">\n        <ion-icon slot=\"icon-only\" name=\"ellipsis-vertical\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-list class=\"aList\">\n    @if (!_offline.synchronizing && _offline.requiresManualConfirmation) {\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.HUGE_SYNC_NEED_MANUAL_CONFIRMATION' | translate }}</h2>\n        </ion-label>\n      </ion-list-header>\n    }\n    @if (!_offline.synchronizing) {\n      <ion-list-header>\n        <ion-label class=\"ion-text-wrap\">\n          <h3 class=\"lastSyncAt\">\n            {{ 'IDEA_UNCOMMON.OFFLINE.LAST_SYNC' | translate }}:\n            <ion-text>\n              {{\n                _offline.lastSyncAt\n                  ? (_offline.lastSyncAt | dateLocale: 'medium')\n                  : ('IDEA_UNCOMMON.OFFLINE.NEVER' | translate)\n              }}\n            </ion-text>\n          </h3>\n          @if (_offline.errorInLastSync) {\n            <p>\n              <ion-text color=\"danger\">\n                <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_DURING_LAST_SYNC' | translate }}</b>\n              </ion-text>\n            </p>\n          }\n        </ion-label>\n        <ion-button\n          size=\"small\"\n          fill=\"solid\"\n          [color]=\"_offline.errorInLastSync ? 'danger' : 'dark'\"\n          [disabled]=\"_offline.isOffline()\"\n          (click)=\"sync()\"\n        >\n          <ion-icon slot=\"start\" name=\"sync\" /> {{ 'IDEA_UNCOMMON.OFFLINE.SYNC_NOW' | translate }}\n        </ion-button>\n      </ion-list-header>\n    }\n  </ion-list>\n  @if (_offline.synchronizing) {\n    <ion-list class=\"aList\">\n      <ion-item>\n        <ion-label class=\"ion-text-center\">\n          <ion-spinner name=\"crescent\" color=\"primary\" />\n        </ion-label>\n      </ion-item>\n    </ion-list>\n  }\n  @if (_offline.useQueueAPIRequests) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD_QUEUE_REQUESTS_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @if (!_offline.queueAPIRequests.length) {\n        <ion-item>\n          <i>{{ 'IDEA_UNCOMMON.OFFLINE.NO_ELEMENTS_TO_UPLOAD' | translate }}</i>\n          <ion-icon slot=\"end\" size=\"small\" name=\"checkmark\" color=\"success\" />\n        </ion-item>\n      }\n      @for (r of _offline.queueAPIRequests; track r; let odd = $odd) {\n        <ion-item [class.oddItem]=\"odd\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ r.description }}\n            @if (r.error) {\n              <p>\n                <ion-text color=\"danger\">\n                  <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_CODE' | translate }}: {{ r.error }}</b>\n                </ion-text>\n                <br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_I' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_II' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_III' | translate }}\n              </p>\n            }\n          </ion-label>\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"danger\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.CANCEL_REQUEST' | translate\"\n              (click)=\"deleteRequest(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"trash\" />\n            </ion-button>\n          }\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"medium\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_LOG' | translate\"\n              (click)=\"downloadRequestLog(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"download\" />\n            </ion-button>\n          }\n          @if (_offline.synchronizing) {\n            <ion-spinner slot=\"end\" name=\"dots\" />\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (_offline.getResources().length) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_RESOURCES_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @for (r of _offline.getResources(); track r) {\n        <idea-cacheable-resource [resource]=\"_offline.getCacheableResource(r)\" />\n      }\n    </ion-list>\n  }\n</ion-content>\n", styles: [".aList{max-width:500px;margin:0 auto}.aList ion-list-header{padding-right:10px}.aList ion-list-header h3.lastSyncAt{margin-top:6px}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1$1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IDEACacheableResourceComponent, selector: "idea-cacheable-resource", inputs: ["resource"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i3.IDEALocalizedDatePipe, name: "dateLocale" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineManagerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-offline-manager', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ 'IDEA_UNCOMMON.OFFLINE.OFFLINE_MANAGER' | translate }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS' | translate\" (click)=\"actions()\">\n        <ion-icon slot=\"icon-only\" name=\"ellipsis-vertical\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-list class=\"aList\">\n    @if (!_offline.synchronizing && _offline.requiresManualConfirmation) {\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.HUGE_SYNC_NEED_MANUAL_CONFIRMATION' | translate }}</h2>\n        </ion-label>\n      </ion-list-header>\n    }\n    @if (!_offline.synchronizing) {\n      <ion-list-header>\n        <ion-label class=\"ion-text-wrap\">\n          <h3 class=\"lastSyncAt\">\n            {{ 'IDEA_UNCOMMON.OFFLINE.LAST_SYNC' | translate }}:\n            <ion-text>\n              {{\n                _offline.lastSyncAt\n                  ? (_offline.lastSyncAt | dateLocale: 'medium')\n                  : ('IDEA_UNCOMMON.OFFLINE.NEVER' | translate)\n              }}\n            </ion-text>\n          </h3>\n          @if (_offline.errorInLastSync) {\n            <p>\n              <ion-text color=\"danger\">\n                <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_DURING_LAST_SYNC' | translate }}</b>\n              </ion-text>\n            </p>\n          }\n        </ion-label>\n        <ion-button\n          size=\"small\"\n          fill=\"solid\"\n          [color]=\"_offline.errorInLastSync ? 'danger' : 'dark'\"\n          [disabled]=\"_offline.isOffline()\"\n          (click)=\"sync()\"\n        >\n          <ion-icon slot=\"start\" name=\"sync\" /> {{ 'IDEA_UNCOMMON.OFFLINE.SYNC_NOW' | translate }}\n        </ion-button>\n      </ion-list-header>\n    }\n  </ion-list>\n  @if (_offline.synchronizing) {\n    <ion-list class=\"aList\">\n      <ion-item>\n        <ion-label class=\"ion-text-center\">\n          <ion-spinner name=\"crescent\" color=\"primary\" />\n        </ion-label>\n      </ion-item>\n    </ion-list>\n  }\n  @if (_offline.useQueueAPIRequests) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD_QUEUE_REQUESTS_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @if (!_offline.queueAPIRequests.length) {\n        <ion-item>\n          <i>{{ 'IDEA_UNCOMMON.OFFLINE.NO_ELEMENTS_TO_UPLOAD' | translate }}</i>\n          <ion-icon slot=\"end\" size=\"small\" name=\"checkmark\" color=\"success\" />\n        </ion-item>\n      }\n      @for (r of _offline.queueAPIRequests; track r; let odd = $odd) {\n        <ion-item [class.oddItem]=\"odd\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ r.description }}\n            @if (r.error) {\n              <p>\n                <ion-text color=\"danger\">\n                  <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_CODE' | translate }}: {{ r.error }}</b>\n                </ion-text>\n                <br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_I' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_II' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_III' | translate }}\n              </p>\n            }\n          </ion-label>\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"danger\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.CANCEL_REQUEST' | translate\"\n              (click)=\"deleteRequest(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"trash\" />\n            </ion-button>\n          }\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"medium\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_LOG' | translate\"\n              (click)=\"downloadRequestLog(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"download\" />\n            </ion-button>\n          }\n          @if (_offline.synchronizing) {\n            <ion-spinner slot=\"end\" name=\"dots\" />\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (_offline.getResources().length) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_RESOURCES_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @for (r of _offline.getResources(); track r) {\n        <idea-cacheable-resource [resource]=\"_offline.getCacheableResource(r)\" />\n      }\n    </ion-list>\n  }\n</ion-content>\n", styles: [".aList{max-width:500px;margin:0 auto}.aList ion-list-header{padding-right:10px}.aList ion-list-header h3.lastSyncAt{margin-top:6px}\n"] }]
+        }] });
+
+class IDEAOfflineIndicatorComponent {
+    constructor() {
+        this._alert = inject(AlertController);
+        this._modal = inject(ModalController);
+        this._translate = inject(IDEATranslationsService);
+        this._platform = inject(Platform);
+        this._offline = inject(IDEAOfflineDataService);
+        /**
+         * Vertical position.
+         */
+        this.vertical = 'bottom';
+        /**
+         * Horizontal position.
+         */
+        this.horizontal = 'start';
+        /**
+         * Whether it is positionated on an edge.
+         */
+        this.edge = false;
+    }
+    async showStatus() {
+        if (this._offline.isOffline()) {
+            const isOnline = await this._offline.check();
+            if (!isOnline) {
+                const alert = await this._alert.create({
+                    header: this._translate._('IDEA_UNCOMMON.OFFLINE.YOU_ARE_OFFLINE'),
+                    message: this._translate._('IDEA_UNCOMMON.OFFLINE.FEATURES_REDUCED_CONTENTS_NOT_UP_TO_DATE'),
+                    buttons: [this._translate._('COMMON.GOT_IT')]
+                });
+                alert.present();
+            }
+        }
+        else if (this._offline.isAllowed()) {
+            const modal = await this._modal.create({ component: IDEAOfflineManagerComponent });
+            modal.present();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAOfflineIndicatorComponent, selector: "idea-offline-indicator", inputs: { vertical: "vertical", horizontal: "horizontal", edge: "edge" }, ngImport: i0, template: "@if (\n  _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)\n) {\n  <ion-fab [vertical]=\"vertical\" [horizontal]=\"horizontal\" [edge]=\"edge\">\n    <ion-fab-button color=\"dark\" size=\"small\" (click)=\"showStatus()\">\n      <!-- OFFLINE -->\n      @if (_offline.isOffline()) {\n        <ion-icon name=\"airplane\" />\n      }\n      <!-- SYNCHRONISING -->\n      @if (_offline.isOnline() && _offline.synchronizing) {\n        <ion-icon name=\"sync\" />\n      }\n      <!-- NEED MANAL SYNCHRONISATION -->\n      @if (_offline.isOnline() && _offline.requiresManualConfirmation) {\n        <ion-icon name=\"pause\" />\n      }\n    </ion-fab-button>\n  </ion-fab>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: i1$1.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-offline-indicator', template: "@if (\n  _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)\n) {\n  <ion-fab [vertical]=\"vertical\" [horizontal]=\"horizontal\" [edge]=\"edge\">\n    <ion-fab-button color=\"dark\" size=\"small\" (click)=\"showStatus()\">\n      <!-- OFFLINE -->\n      @if (_offline.isOffline()) {\n        <ion-icon name=\"airplane\" />\n      }\n      <!-- SYNCHRONISING -->\n      @if (_offline.isOnline() && _offline.synchronizing) {\n        <ion-icon name=\"sync\" />\n      }\n      <!-- NEED MANAL SYNCHRONISATION -->\n      @if (_offline.isOnline() && _offline.requiresManualConfirmation) {\n        <ion-icon name=\"pause\" />\n      }\n    </ion-fab-button>\n  </ion-fab>\n}\n" }]
+        }], propDecorators: { vertical: [{
+                type: Input
+            }], horizontal: [{
+                type: Input
+            }], edge: [{
+                type: Input
+            }] } });
+
+class IDEAOfflineModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineModule, declarations: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent], imports: [CommonModule, IonicModule, IDEATranslationsModule], exports: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineModule, imports: [CommonModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAOfflineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent],
+                    exports: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent]
+                }]
+        }] });
+
+class IDEASentimentComponent {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._API = inject(IDEAAWSAPIService);
+        this._translate = inject(IDEATranslationsService);
+        this._offline = inject(IDEAOfflineService);
+        /**
+         * Triggers when the sentiment change.
+         */
+        this.change = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (changes.text.previousValue !== changes.text.currentValue)
+            this.detectSentiment(changes.text.currentValue);
+    }
+    async detectSentiment(text) {
+        if (!text || this._offline.isOffline())
+            this.sentiment = null;
+        else {
+            try {
+                const { sentiment } = await this._API.postResource('sentiment', {
+                    idea: true,
+                    body: { project: this._env.idea.project, language: this._translate.getCurrentLang(), text: this.text }
+                });
+                this.sentiment = sentiment;
+                this.change.emit(this.sentiment);
+            }
+            catch (error) {
+                this.sentiment = null;
+            }
+        }
+    }
+    getColorBySentiment(sentiment) {
+        sentiment = sentiment || this.sentiment;
+        switch (sentiment) {
+            case Sentiment.POSITIVE:
+                return 'success';
+            case Sentiment.NEGATIVE:
+                return 'danger';
+            case Sentiment.MIXED:
+                return 'warning';
+            case Sentiment.NEUTRAL:
+                return 'medium';
+            default:
+                return 'light';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEASentimentComponent, selector: "idea-sentiment", inputs: { text: "text", lines: "lines", color: "color" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: "@if (text && _offline.isOnline()) {\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    @if (!sentiment) {\n      <ion-spinner slot=\"end\" size=\"small\" />\n    }\n    @if (sentiment) {\n      <ion-badge\n        slot=\"end\"\n        size=\"small\"\n        [color]=\"getColorBySentiment()\"\n        [title]=\"'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }\"\n      >\n        {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}\n      </ion-badge>\n    }\n  </ion-item>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-sentiment', template: "@if (text && _offline.isOnline()) {\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    @if (!sentiment) {\n      <ion-spinner slot=\"end\" size=\"small\" />\n    }\n    @if (sentiment) {\n      <ion-badge\n        slot=\"end\"\n        size=\"small\"\n        [color]=\"getColorBySentiment()\"\n        [title]=\"'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }\"\n      >\n        {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}\n      </ion-badge>\n    }\n  </ion-item>\n}\n" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+class IDEASentimentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentModule, declarations: [IDEASentimentComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEASentimentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEASentimentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEASentimentComponent],
+                    exports: [IDEASentimentComponent]
+                }]
+        }] });
+
+class IDEAFromTimeToTimeComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+        this._translate = inject(IDEATranslationsService);
+        /**
+         * Whether we should start picking the time displaying the afternoon (PM) or the morning (AM, default).
+         */
+        this.period = Periods.AM;
+        this.Segments = Segments;
+        this.Periods = Periods;
+    }
+    ngOnInit() {
+        this.segment = Segments.FROM;
+        this.minutes = 30;
+        this.timeIntervalWC = new TimeInterval(this.timeInterval);
+    }
+    setInterval(hours, minutes) {
+        // adjust the hour based on the start of the interval and the settings of am/pm
+        hours = this.contextualizeHour(hours, minutes);
+        // convert the hours and minutes in milliseconds
+        const timeMs = this.timeToMs(hours, minutes);
+        // set the correct part of the interval, based on the current segment
+        if (this.segment === Segments.FROM) {
+            // set the start of the interval (from) and change the segment so that the end (to) will be picked
+            this.timeIntervalWC.from = timeMs;
+            this.segment = Segments.TO;
+        }
+        else {
+            // can't proceed if from and to are equal
+            if (timeMs === this.timeIntervalWC.from)
+                return;
+            // set the end of the interval (to)
+            this.timeIntervalWC.to = timeMs;
+            // save the changes and notify the parent component
+            this.save();
+        }
+    }
+    timeToMs(hours, minutes) {
+        return (hours * 60 * 60 + (minutes || 0) * 60) * 1000;
+    }
+    getClockButtonContent(hours, minutes) {
+        // adjust the hour based on the start of the interval and the settings of am/pm
+        hours = this.contextualizeHour(hours, minutes);
+        // convert the calculated time into a readable string; we need to format it to distinguish 0-24 vs 0-12 am/pm
+        const refDate = new Date();
+        refDate.setHours(hours, minutes || 0, 0);
+        const str = this._translate.formatDate(refDate, 'shortTime');
+        // remove the extra part (e.g. am/pm), based on the type of button we have to show
+        const strArr = str.split(':');
+        return String(Number(strArr[0])).concat(minutes ? ':'.concat(strArr[1].slice(0, 2)) : '');
+    }
+    contextualizeHour(hours, minutes) {
+        // adjust the content to the afternoon hours, if needed
+        if (this.period === Periods.PM)
+            hours += 12;
+        // if we already selected the start of the interval, check whether we need to adjust the time: the center of the
+        // clock will be moved to the selected hour (from), to have a reasonable set of choices for the end (to)
+        if (this.segment === Segments.TO && this.timeToMs(hours, minutes) < this.timeIntervalWC.from)
+            hours += this.period === Periods.PM ? -12 : 12;
+        // set midnight to 00
+        if (hours === 24)
+            hours = 0;
+        return hours;
+    }
+    equalsFrom(hours, minutes) {
+        // if the start of the interval hasn't been selected yet, skip it
+        if (this.segment === Segments.FROM)
+            return false;
+        // adjust the hour based on the start of the interval and the settings of am/pm
+        hours = this.contextualizeHour(hours, minutes);
+        // compare the two strings based on the timestamps in ms
+        return this.msToTimeString(this.timeIntervalWC.from) === this.msToTimeString(this.timeToMs(hours, minutes));
+    }
+    isAllowed(hours, minutes) {
+        // adjust the hour based on the start of the interval and the settings of am/pm
+        hours = this.contextualizeHour(hours, minutes);
+        // check whether the selected time is inside the given boundaries
+        return ((!this.notEarlierThan ||
+            this.timeToMs(hours, minutes) >= this.notEarlierThan ||
+            this.timeToMs(hours, minutes) === 0) &&
+            (!this.notLaterThan || this.timeToMs(hours, minutes) <= this.notLaterThan));
+    }
+    isHourOfOppositeMeridian(hours, minutes) {
+        // if the start of the interval hasn't been selected yet, skip it
+        if (this.segment === Segments.FROM)
+            return false;
+        // adjust the hour based on the start of the interval and the settings of am/pm
+        hours = this.contextualizeHour(hours, minutes);
+        // calculate the ms of the selected time and of "noon" time (to determ the meridian)
+        const timeMs = this.timeToMs(hours, minutes);
+        const noonMs = this.timeToMs(12);
+        // return true in case the hour doesn't belong to the current meridian
+        return (this.period === Periods.AM && timeMs > noonMs) || (this.period === Periods.PM && timeMs < noonMs);
+    }
+    msToTimeString(time) {
+        if (!time)
+            return '';
+        // note: the time must be always considered without any timezone (UTC)
+        const refDate = new Date();
+        refDate.setTime(time);
+        const dateOpts = { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' };
+        return refDate.toLocaleTimeString(this._translate.getCurrentLang(), dateOpts);
+    }
+    save() {
+        this.timeInterval.load(this.timeIntervalWC);
+        this._modal.dismiss(true);
+    }
+    reset() {
+        this.timeInterval.reset();
+        this._modal.dismiss(false);
+    }
+    close() {
+        this._modal.dismiss();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAFromTimeToTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEAFromTimeToTimeComponent, selector: "idea-from-time-to-time", inputs: { timeInterval: "timeInterval", period: "period", notEarlierThan: "notEarlierThan", notLaterThan: "notLaterThan", title: "title" }, 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\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.RESET' | translate\" (click)=\"reset()\">\n        <ion-icon name=\"arrow-undo\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid class=\"clockGrid\">\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(12) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12)\"\n          [disabled]=\"!isAllowed(12)\"\n          (click)=\"setInterval(12)\"\n        >\n          {{ getClockButtonContent(12) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(12, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12, minutes)\"\n          [disabled]=\"!isAllowed(12, minutes)\"\n          (click)=\"setInterval(12, minutes)\"\n        >\n          {{ getClockButtonContent(12, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(11, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11, minutes)\"\n          [disabled]=\"!isAllowed(11, minutes)\"\n          (click)=\"setInterval(11, minutes)\"\n        >\n          {{ getClockButtonContent(11, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(11) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11)\"\n          [disabled]=\"!isAllowed(11)\"\n          (click)=\"setInterval(11)\"\n        >\n          {{ getClockButtonContent(11) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(1) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1)\"\n          [disabled]=\"!isAllowed(1)\"\n          (click)=\"setInterval(1)\"\n        >\n          {{ getClockButtonContent(1) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(1, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1, minutes)\"\n          [disabled]=\"!isAllowed(1, minutes)\"\n          (click)=\"setInterval(1, minutes)\"\n        >\n          {{ getClockButtonContent(1, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(10, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10, minutes)\"\n          [disabled]=\"!isAllowed(10, minutes)\"\n          (click)=\"setInterval(10, minutes)\"\n        >\n          {{ getClockButtonContent(10, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(10) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10)\"\n          [disabled]=\"!isAllowed(10)\"\n          (click)=\"setInterval(10)\"\n        >\n          {{ getClockButtonContent(10) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(2) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2)\"\n          [disabled]=\"!isAllowed(2)\"\n          (click)=\"setInterval(2)\"\n        >\n          {{ getClockButtonContent(2) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(2, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2, minutes)\"\n          [disabled]=\"!isAllowed(2, minutes)\"\n          (click)=\"setInterval(2, minutes)\"\n        >\n          {{ getClockButtonContent(2, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(9, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9, minutes)\"\n          [disabled]=\"!isAllowed(9, minutes)\"\n          (click)=\"setInterval(9, minutes)\"\n        >\n          {{ getClockButtonContent(9, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(9) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9)\"\n          [disabled]=\"!isAllowed(9)\"\n          (click)=\"setInterval(9)\"\n        >\n          {{ getClockButtonContent(9) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center displayText\" [size]=\"4\">\n        <ion-text [class.fromSelected]=\"segment === Segments.TO\">\n          {{ 'IDEA_UNCOMMON.FTTT.FROM' | translate }}\n          @if (segment === Segments.TO) {\n            <span>{{ msToTimeString(_timeInterval.from) }}</span>\n          }\n        </ion-text>\n        @if (segment === Segments.TO) {\n          <ion-text>{{ 'IDEA_UNCOMMON.FTTT.TO' | translate }}</ion-text>\n        }\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(3) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3)\"\n          [disabled]=\"!isAllowed(3)\"\n          (click)=\"setInterval(3)\"\n        >\n          {{ getClockButtonContent(3) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(3, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3, minutes)\"\n          [disabled]=\"!isAllowed(3, minutes)\"\n          (click)=\"setInterval(3, minutes)\"\n        >\n          {{ getClockButtonContent(3, minutes) }}\n        </ion-button>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(8, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8, minutes)\"\n          [disabled]=\"!isAllowed(8, minutes)\"\n          (click)=\"setInterval(8, minutes)\"\n        >\n          {{ getClockButtonContent(8, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(8) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8)\"\n          [disabled]=\"!isAllowed(8)\"\n          (click)=\"setInterval(8)\"\n        >\n          {{ getClockButtonContent(8) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(4) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4)\"\n          [disabled]=\"!isAllowed(4)\"\n          (click)=\"setInterval(4)\"\n        >\n          {{ getClockButtonContent(4) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(4, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4, minutes)\"\n          [disabled]=\"!isAllowed(4, minutes)\"\n          (click)=\"setInterval(4, minutes)\"\n        >\n          {{ getClockButtonContent(4, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(7, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7, minutes)\"\n          [disabled]=\"!isAllowed(7, minutes)\"\n          (click)=\"setInterval(7, minutes)\"\n        >\n          {{ getClockButtonContent(7, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(7) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7)\"\n          [disabled]=\"!isAllowed(7)\"\n          (click)=\"setInterval(7)\"\n        >\n          {{ getClockButtonContent(7) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(5) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5)\"\n          [disabled]=\"!isAllowed(5)\"\n          (click)=\"setInterval(5)\"\n        >\n          {{ getClockButtonContent(5) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(5, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5, minutes)\"\n          [disabled]=\"!isAllowed(5, minutes)\"\n          (click)=\"setInterval(5, minutes)\"\n        >\n          {{ getClockButtonContent(5, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(6, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6, minutes)\"\n          [disabled]=\"!isAllowed(6, minutes)\"\n          (click)=\"setInterval(6, minutes)\"\n        >\n          {{ getClockButtonContent(6, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(6) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6)\"\n          [disabled]=\"!isAllowed(6)\"\n          (click)=\"setInterval(6)\"\n        >\n          {{ getClockButtonContent(6) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.PERIOD' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"period\" (ionChange)=\"period = $event?.detail?.value || period\">\n          <ion-segment-button [value]=\"Periods.AM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.AM' | translate }}</ion-label>\n          </ion-segment-button>\n          <ion-segment-button [value]=\"Periods.PM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.PM' | translate }}</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.MINUTES_PREFERENCE' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"minutes\" (ionChange)=\"minutes = $event?.detail?.value || minutes\">\n          <ion-segment-button value=\"15\">\n            <ion-label>15</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"30\">\n            <ion-label>30</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"45\">\n            <ion-label>45</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n", styles: ["ion-grid.clockGrid ion-button[size=large]{width:50px;height:50px;font-size:1.1em;font-weight:700}ion-grid.clockGrid ion-button[size=small]{font-size:.75em}ion-grid.clockGrid ion-button.oppositeMeridian{--border-color: var(--ion-color-medium);--border-style: dashed;--border-width: 1px}ion-grid.clockGrid .displayText ion-text{font-size:1.3em;font-weight:700}ion-grid.clockGrid .displayText ion-text.fromSelected{display:block;padding-bottom:3px;font-size:.9em}ion-grid.clockGrid ion-segment ion-segment-button{min-width:50px;--color-checked: var(--ion-color-dark);--border-color: var(--ion-color-dark)}ion-grid.clockGrid .prefLabel{font-size:.6em;font-weight:700;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.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: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonRow, selector: "ion-row" }, { kind: "component", type: i1$1.IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: i1$1.IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAFromTimeToTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-from-time-to-time', 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\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.RESET' | translate\" (click)=\"reset()\">\n        <ion-icon name=\"arrow-undo\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid class=\"clockGrid\">\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(12) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12)\"\n          [disabled]=\"!isAllowed(12)\"\n          (click)=\"setInterval(12)\"\n        >\n          {{ getClockButtonContent(12) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(12, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12, minutes)\"\n          [disabled]=\"!isAllowed(12, minutes)\"\n          (click)=\"setInterval(12, minutes)\"\n        >\n          {{ getClockButtonContent(12, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(11, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11, minutes)\"\n          [disabled]=\"!isAllowed(11, minutes)\"\n          (click)=\"setInterval(11, minutes)\"\n        >\n          {{ getClockButtonContent(11, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(11) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11)\"\n          [disabled]=\"!isAllowed(11)\"\n          (click)=\"setInterval(11)\"\n        >\n          {{ getClockButtonContent(11) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(1) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1)\"\n          [disabled]=\"!isAllowed(1)\"\n          (click)=\"setInterval(1)\"\n        >\n          {{ getClockButtonContent(1) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(1, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1, minutes)\"\n          [disabled]=\"!isAllowed(1, minutes)\"\n          (click)=\"setInterval(1, minutes)\"\n        >\n          {{ getClockButtonContent(1, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(10, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10, minutes)\"\n          [disabled]=\"!isAllowed(10, minutes)\"\n          (click)=\"setInterval(10, minutes)\"\n        >\n          {{ getClockButtonContent(10, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(10) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10)\"\n          [disabled]=\"!isAllowed(10)\"\n          (click)=\"setInterval(10)\"\n        >\n          {{ getClockButtonContent(10) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(2) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2)\"\n          [disabled]=\"!isAllowed(2)\"\n          (click)=\"setInterval(2)\"\n        >\n          {{ getClockButtonContent(2) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(2, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2, minutes)\"\n          [disabled]=\"!isAllowed(2, minutes)\"\n          (click)=\"setInterval(2, minutes)\"\n        >\n          {{ getClockButtonContent(2, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(9, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9, minutes)\"\n          [disabled]=\"!isAllowed(9, minutes)\"\n          (click)=\"setInterval(9, minutes)\"\n        >\n          {{ getClockButtonContent(9, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(9) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9)\"\n          [disabled]=\"!isAllowed(9)\"\n          (click)=\"setInterval(9)\"\n        >\n          {{ getClockButtonContent(9) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center displayText\" [size]=\"4\">\n        <ion-text [class.fromSelected]=\"segment === Segments.TO\">\n          {{ 'IDEA_UNCOMMON.FTTT.FROM' | translate }}\n          @if (segment === Segments.TO) {\n            <span>{{ msToTimeString(_timeInterval.from) }}</span>\n          }\n        </ion-text>\n        @if (segment === Segments.TO) {\n          <ion-text>{{ 'IDEA_UNCOMMON.FTTT.TO' | translate }}</ion-text>\n        }\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(3) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3)\"\n          [disabled]=\"!isAllowed(3)\"\n          (click)=\"setInterval(3)\"\n        >\n          {{ getClockButtonContent(3) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(3, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3, minutes)\"\n          [disabled]=\"!isAllowed(3, minutes)\"\n          (click)=\"setInterval(3, minutes)\"\n        >\n          {{ getClockButtonContent(3, minutes) }}\n        </ion-button>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(8, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8, minutes)\"\n          [disabled]=\"!isAllowed(8, minutes)\"\n          (click)=\"setInterval(8, minutes)\"\n        >\n          {{ getClockButtonContent(8, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(8) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8)\"\n          [disabled]=\"!isAllowed(8)\"\n          (click)=\"setInterval(8)\"\n        >\n          {{ getClockButtonContent(8) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(4) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4)\"\n          [disabled]=\"!isAllowed(4)\"\n          (click)=\"setInterval(4)\"\n        >\n          {{ getClockButtonContent(4) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(4, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4, minutes)\"\n          [disabled]=\"!isAllowed(4, minutes)\"\n          (click)=\"setInterval(4, minutes)\"\n        >\n          {{ getClockButtonContent(4, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(7, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7, minutes)\"\n          [disabled]=\"!isAllowed(7, minutes)\"\n          (click)=\"setInterval(7, minutes)\"\n        >\n          {{ getClockButtonContent(7, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(7) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7)\"\n          [disabled]=\"!isAllowed(7)\"\n          (click)=\"setInterval(7)\"\n        >\n          {{ getClockButtonContent(7) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(5) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5)\"\n          [disabled]=\"!isAllowed(5)\"\n          (click)=\"setInterval(5)\"\n        >\n          {{ getClockButtonContent(5) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(5, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5, minutes)\"\n          [disabled]=\"!isAllowed(5, minutes)\"\n          (click)=\"setInterval(5, minutes)\"\n        >\n          {{ getClockButtonContent(5, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(6, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6, minutes)\"\n          [disabled]=\"!isAllowed(6, minutes)\"\n          (click)=\"setInterval(6, minutes)\"\n        >\n          {{ getClockButtonContent(6, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(6) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6)\"\n          [disabled]=\"!isAllowed(6)\"\n          (click)=\"setInterval(6)\"\n        >\n          {{ getClockButtonContent(6) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.PERIOD' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"period\" (ionChange)=\"period = $event?.detail?.value || period\">\n          <ion-segment-button [value]=\"Periods.AM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.AM' | translate }}</ion-label>\n          </ion-segment-button>\n          <ion-segment-button [value]=\"Periods.PM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.PM' | translate }}</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.MINUTES_PREFERENCE' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"minutes\" (ionChange)=\"minutes = $event?.detail?.value || minutes\">\n          <ion-segment-button value=\"15\">\n            <ion-label>15</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"30\">\n            <ion-label>30</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"45\">\n            <ion-label>45</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n", styles: ["ion-grid.clockGrid ion-button[size=large]{width:50px;height:50px;font-size:1.1em;font-weight:700}ion-grid.clockGrid ion-button[size=small]{font-size:.75em}ion-grid.clockGrid ion-button.oppositeMeridian{--border-color: var(--ion-color-medium);--border-style: dashed;--border-width: 1px}ion-grid.clockGrid .displayText ion-text{font-size:1.3em;font-weight:700}ion-grid.clockGrid .displayText ion-text.fromSelected{display:block;padding-bottom:3px;font-size:.9em}ion-grid.clockGrid ion-segment ion-segment-button{min-width:50px;--color-checked: var(--ion-color-dark);--border-color: var(--ion-color-dark)}ion-grid.clockGrid .prefLabel{font-size:.6em;font-weight:700;text-transform:uppercase}\n"] }]
+        }], propDecorators: { timeInterval: [{
+                type: Input
+            }], period: [{
+                type: Input
+            }], notEarlierThan: [{
+                type: Input
+            }], notLaterThan: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+/**
+ * The two stages of the component, to pick the start and the end of the interval.
+ */
+var Segments;
+(function (Segments) {
+    Segments["FROM"] = "FROM";
+    Segments["TO"] = "TO";
+})(Segments || (Segments = {}));
+/**
+ * The two possible periods of the component, to interpret the clock the right way.
+ */
+var Periods;
+(function (Periods) {
+    Periods["AM"] = "AM";
+    Periods["PM"] = "PM";
+})(Periods || (Periods = {}));
+
+class IDEATimeIntervalComponent {
+    constructor() {
+        this._modal = inject(ModalController);
+        this._translate = inject(IDEATranslationsService);
+        /**
+         * Whether we should start picking the time displaying the afternoon (PM) or the morning (AM, default).
+         */
+        this.period = Periods.AM;
+        /**
+         * On select event.
+         */
+        this.select = new EventEmitter();
+        /**
+         * Icon select.
+         */
+        this.iconSelect = new EventEmitter();
+        /**
+         * On select (with the field disabled) event.
+         */
+        this.selectWhenDisabled = new EventEmitter();
+        this.isOpening = false;
+    }
+    ngOnInit() {
+        // when the language changes, set the locale
+        this.langChangeSubscription = this._translate.onLangChange.subscribe(() => {
+            this.valueToDisplay = this.getValueToDisplay(this.timeInterval);
+        });
+    }
+    ngOnDestroy() {
+        if (this.langChangeSubscription)
+            this.langChangeSubscription.unsubscribe();
+    }
+    ngOnChanges(changes) {
+        if (changes.timeInterval)
+            this.valueToDisplay = this.getValueToDisplay(changes.timeInterval.currentValue);
+    }
+    getValueToDisplay(timeInterval) {
+        if (!timeInterval || !timeInterval.isSet())
+            return '';
+        // note: the time must be always considered without any timezone (UTC)
+        const dateOpts = { timeZone: 'UTC', hour: '2-digit', minute: '2-digit' };
+        return ''.concat(this._translate._('IDEA_UNCOMMON.FTTT.FROM'), ' ', new Date(timeInterval.from).toLocaleTimeString(this._translate.getCurrentLang(), dateOpts), ' ', this._translate._('IDEA_UNCOMMON.FTTT.TO').toLowerCase(), ' ', new Date(timeInterval.to).toLocaleTimeString(this._translate.getCurrentLang(), dateOpts));
+    }
+    async pickTimeInterval() {
+        if (this.isOpening)
+            return;
+        this.isOpening = true;
+        const modal = await this._modal.create({
+            component: IDEAFromTimeToTimeComponent,
+            componentProps: {
+                timeInterval: this.timeInterval,
+                period: this.period,
+                notEarlierThan: this.notEarlierThan,
+                notLaterThan: this.notLaterThan,
+                title: this.label
+            }
+        });
+        modal.onDidDismiss().then((res) => {
+            // if the content changed, update the internal values and notify the parent component
+            if (res.data === true || res.data === false) {
+                this.valueToDisplay = this.getValueToDisplay(this.timeInterval);
+                this.select.emit();
+            }
+        });
+        modal.present();
+        this.isOpening = false;
+    }
+    doSelectWhenDisabled() {
+        if (this.disabled)
+            this.selectWhenDisabled.emit();
+    }
+    doIconSelect(event) {
+        if (event)
+            event.stopPropagation();
+        this.iconSelect.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: IDEATimeIntervalComponent, selector: "idea-time-interval", inputs: { timeInterval: "timeInterval", period: "period", notEarlierThan: "notEarlierThan", notLaterThan: "notLaterThan", label: "label", icon: "icon", iconColor: "iconColor", placeholder: "placeholder", disabled: "disabled", tappableWhenDisabled: "tappableWhenDisabled", obligatory: "obligatory", lines: "lines", color: "color" }, outputs: { select: "select", iconSelect: "iconSelect", selectWhenDisabled: "selectWhenDisabled" }, usesOnChanges: true, ngImport: i0, template: "<ion-item\n  class=\"timeIntervalItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [title]=\"placeholder || valueToDisplay || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"disabled ? doSelectWhenDisabled() : pickTimeInterval()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"description\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".timeIntervalItem{min-height:48px;height:auto}.timeIntervalItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.timeIntervalItem .placeholder{color:var(--ion-color-medium)}.timeIntervalItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.timeIntervalItem.withLabel{min-height:58px;height:auto}.timeIntervalItem.withLabel .selectIcon{padding-top:25px}.timeIntervalItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-time-interval', template: "<ion-item\n  class=\"timeIntervalItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [title]=\"placeholder || valueToDisplay || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"disabled ? doSelectWhenDisabled() : pickTimeInterval()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"description\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".timeIntervalItem{min-height:48px;height:auto}.timeIntervalItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.timeIntervalItem .placeholder{color:var(--ion-color-medium)}.timeIntervalItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.timeIntervalItem.withLabel{min-height:58px;height:auto}.timeIntervalItem.withLabel .selectIcon{padding-top:25px}.timeIntervalItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
+        }], propDecorators: { timeInterval: [{
+                type: Input
+            }], period: [{
+                type: Input
+            }], notEarlierThan: [{
+                type: Input
+            }], notLaterThan: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tappableWhenDisabled: [{
+                type: Input
+            }], obligatory: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], iconSelect: [{
+                type: Output
+            }], selectWhenDisabled: [{
+                type: Output
+            }] } });
+
+class IDEATimeIntervalModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalModule, declarations: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEATimeIntervalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
+                    declarations: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent],
+                    exports: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent]
+                }]
+        }] });
+
+/**
+ * To communicate with an AWS API Gateway websocket istance.
+ *
+ * Note: requires an `AWSAPIAuthToken` variable to be set by IDEATinCanService service.
+ */
+class IDEAAWSAPISocketService {
+    constructor() {
+        this._env = inject(IDEAEnvironment);
+        this._tc = inject(IDEATinCanService);
+        this._errorReporting = inject(IDEAErrorReportingService);
+        this._offline = inject(IDEAOfflineService);
+        /**
+         * The maximum amount of minutes of inactivity after which we ping the connection to keep it alive.
+         */
+        this.MAX_INACTIVITY_MINUTES = 7;
+        /**
+         * The amount of minutes after which we check if the connection needs to be pinged to be kept alive.
+         */
+        this.KEEP_ALIVE_MINUTES_INTERVAL = 2;
+        /**
+         * In case we are offline, the amount of minutes after which we check if we are online, so we can re-connect.
+         */
+        this.TRY_AGAIN_OFFLINE_MINUTES = 3;
+        this.apiStage = this._env.idea.socket?.stage || this._env.idea.socket?.version;
+        this.WEBSOCKET_API_URL = 'wss://'.concat([this._env.idea.socket?.url, this.apiStage].filter(x => x).join('/'));
+    }
+    /**
+     * Open a connection to the websocket API.
+     */
+    open(options) {
+        this.options = options || this.options || {};
+        // skip in case we have an open and valid connection
+        if (this.connection && this.isOpen())
+            return;
+        // prepare optional query params for the connection/authorization request
+        let qp = '';
+        Object.entries(this.options.openParams || {}).forEach(([key, value]) => (qp += `&${key}=${String(value)}`));
+        // open a connection (with IDEA authentication or not)
+        const auth = this.options.noAuth ? '?noAuth=' : '?Authorization='.concat(this._tc.get('AWSAPIAuthToken'));
+        this.connection = new WebSocket(this.WEBSOCKET_API_URL.concat(auth, qp));
+        // set the event listeners
+        this.connection.onopen = (event) => {
+            if (this.options.debug)
+                console.log('WEBSOCKET IS OPEN', event);
+            // reset the try-again-when-offline mechanism, since we are online and connected
+            if (this.offlineTimeout)
+                clearTimeout(this.offlineTimeout);
+            this.offlineTimeout = null;
+            // mark the start of the connection as the first activity time
+            this.lastActivityAt = Date.now();
+            // set a timer that every N minutes checks if we need to ping the connection to keep it alive
+            this.pingTimeout = setTimeout(() => this.keepItAlive(), this.minutesToMS(this.KEEP_ALIVE_MINUTES_INTERVAL));
+            // set the connection as correctly opened at least once (for re-connecting scenarios)
+            this.wasOpenAtLeastOnce = true;
+            // run the user-defined onOpen actions
+            if (this.options.onOpen)
+                this.options.onOpen(event);
+        };
+        this.connection.onclose = (event) => {
+            if (this.options.debug)
+                console.log('WEBSOCKET WAS CLOSED BY EXTERNAL EVENTS', event);
+            // run the user-defined onClose actions
+            if (this.options.onClose)
+                this.options.onClose(event);
+            // in case the connection was closed by other events (e.g. offline) reset the data and try to re-open the socket
+            this.close(this.wasOpenAtLeastOnce);
+        };
+        this.connection.onerror = (event) => {
+            if (this.options.debug)
+                console.log('WEBSOCKET HAD AN ERROR', event);
+            // send an error report, if requested
+            if (this.options.reportError) {
+                const errMsg = ''.concat(event?.target?.url, ' @@@ ', this._tc.get('user')?.userId || this._tc.get('userId'));
+                this._errorReporting.sendReport(new Error(errMsg));
+            }
+            // run the user-defined onError actions
+            if (this.options.onError)
+                this.options.onError(event);
+        };
+        this.connection.onmessage = (event) => {
+            if (this.options.debug)
+                console.log('WEBSOCKET INCOMING MESSAGE', event);
+            try {
+                const data = JSON.parse(event.data || {});
+                if (this.options.onMessage)
+                    this.options.onMessage(data);
+            }
+            catch (err) {
+                /* IGNORE: it probably comes from a keep-alive ping-pong message */
+            }
+            this.lastActivityAt = Date.now();
+        };
+    }
+    /**
+     * Close the current connection to the websocket API.
+     * @param itShouldReopen in case the connection was forcibly closed, try to re-open it (with offline mechanism).
+     */
+    close(itShouldReopen) {
+        // skip in case there isn't an active connection
+        if (!this.connection)
+            return;
+        // reset the events listener
+        this.connection.onopen = null;
+        this.connection.onclose = null;
+        this.connection.onmessage = null;
+        this.connection.onerror = null;
+        // in case the connection was closed by a manual action, reset the initial parameters
+        if (!itShouldReopen) {
+            this.options = null;
+            this.wasOpenAtLeastOnce = false;
+        }
+        // reset the keep-alive mechanism
+        if (this.pingTimeout)
+            clearTimeout(this.pingTimeout);
+        this.pingTimeout = null;
+        this.lastActivityAt = null;
+        // reset the try-again-when-offline mechanism
+        if (this.offlineTimeout)
+            clearTimeout(this.offlineTimeout);
+        this.offlineTimeout = null;
+        // close the connection and empty the reference
+        this.connection.close();
+        this.connection = null;
+        // in case the connection was forcibly closed, try to re-open it
+        if (itShouldReopen)
+            this.reOpen();
+    }
+    /**
+     * Try to-reopen a closed connection, if we are online.
+     */
+    async reOpen() {
+        // in case we are online, reopen the connection right away
+        const isOnline = await this._offline.check();
+        if (this.options.debug)
+            console.log('WEBSOCKET WILL TRY TO RE-OPEN', isOnline, new Date());
+        if (isOnline)
+            return this.open();
+        // if we are offline, set a timer to try to re-open the connection later on
+        this.offlineTimeout = setTimeout(() => this.reOpen(), this.minutesToMS(this.TRY_AGAIN_OFFLINE_MINUTES));
+    }
+    /**
+     * Whether the socket connection is currently open.
+     */
+    isOpen() {
+        return this.connection && this.connection.readyState === WebSocket.OPEN;
+    }
+    /**
+     * A simple message delivered to the server to keep the connection alive.
+     */
+    ping() {
+        if (this.options.debug)
+            console.log('WEBSOCKET IS PINGING THE SERVER', new Date());
+        this.connection.send('ping');
+    }
+    /**
+     * Helper to keep the connection alive, if needed.
+     */
+    keepItAlive() {
+        if (this.options.debug)
+            console.log('WEBSOCKET KEEP-IT-ALIVE', new Date());
+        // if there wasn't an acivity in the last MAX_INACTIVITY_MINUTES, ping the connection
+        if (!this.lastActivityAt || this.lastActivityAt + this.minutesToMS(this.MAX_INACTIVITY_MINUTES) < Date.now())
+            this.ping();
+        // set again the timer to keep the connection alive
+        if (this.pingTimeout)
+            clearTimeout(this.pingTimeout);
+        this.pingTimeout = setTimeout(() => this.keepItAlive(), this.minutesToMS(this.KEEP_ALIVE_MINUTES_INTERVAL));
+    }
+    /**
+     * Convert minutes to milliseconds.
+     */
+    minutesToMS(minutes) {
+        return minutes * 60 * 1000;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPISocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPISocketService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAAWSAPISocketService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * *The service aims to solve the resource caching behaviour of browsers.*
+ * *It's suggested to use it with avatars and other images/resources that can change based on user input.*
+ * The browsers tend to cache images based on their URL;
+ * sometimes, the image changes but the URL doesn't, and the browser keeps showing the old image.
+ * Through this service, when we change a resource (e.g. an image), we also update a cache key.
+ * Each time we load a resource through the service's method `getCachedImage`, we use the cache key as a query param;
+ * in this way, the browser uses the same cached images, until we change the cache key.
+ */
+class IDEACachedResourcesService {
+    constructor() {
+        /**
+         * Change it only if necessary.
+         */
+        this.cacheKeyIndex = 'IDEA_CACHED_RESOURCES_KEY';
+        this.storage = inject(IDEAStorageService);
+        this.loadKeyFromStorage();
+    }
+    /**
+     * Load the cache key from the local storage.
+     */
+    loadKeyFromStorage() {
+        this.storage.get(this.cacheKeyIndex).then(key => {
+            if (key)
+                this.cacheKey = key;
+            else
+                this.updateCacheKey(Date.now());
+        });
+    }
+    /**
+     * Get an image using the service's caching mechanism.
+     * Optionally update the cache key and forces the image's cache deletion.
+     */
+    getCachedResource(url, updateCacheKey) {
+        const key = updateCacheKey ? this.updateCacheKey() : this.cacheKey;
+        return url.concat(`?crs=${key}`);
+    }
+    /**
+     * Set a new cache key.
+     */
+    async updateCacheKey(key = Date.now()) {
+        this.cacheKey = String(key);
+        await this.storage.set(this.cacheKeyIndex, key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACachedResourcesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACachedResourcesService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEACachedResourcesService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * To subscribe push notifications events.
+ */
+class IDEAPushNotificationsService {
+    constructor() {
+        this._platform = inject(Platform);
+        this._errorReporting = inject(IDEAErrorReportingService);
+        if (!this.isAvailable())
+            return;
+        this.registrations = new Observable(observer => {
+            PushNotifications.addListener('registration', token => observer.next(new PushNotificationsDevice({ token: token.value, platform: PushNotificationsPlatforms.FCM })));
+        });
+        this.errors = new Observable(observer => {
+            // rif. https://forum.ionicframework.com/t/226376
+            PushNotifications.addListener('registrationError', (err) => {
+                this._errorReporting.sendReport(err);
+                observer.next(err);
+            });
+        });
+        this.notifications = new Observable(observer => {
+            PushNotifications.addListener('pushNotificationReceived', n => observer.next(n));
+        });
+    }
+    /**
+     * Return true if the device is supported.
+     */
+    isAvailable() {
+        return this._platform.is('capacitor') && !!PushNotifications;
+    }
+    /**
+     * To fire the registration of a new device: it will rewquest the permission to use Push Notification.
+     * On iOS will prompt the request, on Android it's automatic.
+     */
+    async registerDevice() {
+        if (!this.isAvailable())
+            return;
+        let permStatus = await PushNotifications.checkPermissions();
+        if (permStatus.receive === 'prompt')
+            permStatus = await PushNotifications.requestPermissions();
+        if (permStatus.receive === 'granted')
+            PushNotifications.register();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAPushNotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAPushNotificationsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: IDEAPushNotificationsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { APIRequestOption, CacheModes, CacheableResource, ColorsPaletteComponent, IDEAAWSAPIService, IDEAAWSAPISocketService, IDEAAddressComponent, IDEAAddressModule, IDEAAnnouncementComponent, IDEAAnnouncementModule, IDEACacheableResourceComponent, IDEACachedResourcesService, IDEACalendarPickerComponent, IDEAColorPickerComponent, IDEAColorPickerModule, IDEAContactsComponent, IDEAContactsModule, IDEADateTimeComponent, IDEADateTimeModule, IDEADurationComponent, IDEADurationModule, IDEAEchoModule, IDEAErrorReportingService, IDEAFromTimeToTimeComponent, IDEAMDEComponent, IDEAMDEModule, IDEAMDEToolbarComponent, IDEAOfflineDataService, IDEAOfflineIndicatorComponent, IDEAOfflineManagerComponent, IDEAOfflineModule, IDEAOfflineService, IDEAPushNotificationsService, IDEASentimentComponent, IDEASentimentModule, IDEATimeIntervalComponent, IDEATimeIntervalModule, IDEATinCanService, LAST_SYNC_KEY, NUM_ELEMENTS_WITHOUT_MANUAL_SYNC, NUM_ELEMENTS_WITH_MANUAL_SYNC, Periods, QUEUE_API_REQUESTS_KEY, SYNC_EXPIRATION_INTERVAL };
+//# sourceMappingURL=idea-ionic-uncommon.mjs.map