@idea-ionic/uncommon 8.5.13 → 8.6.0

package/fesm2022/idea-ionic-uncommon.mjs

@@ -1,12 +1,12 @@
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, Injectable, inject } from '@angular/core';
+import { EventEmitter, ViewChild, Input, Output, Component, Injectable, inject } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { IonText, IonList, IonInput, IonItem, IonAccordion, IonAccordionGroup, IonButton, IonCardContent, IonCard, PopoverController, IonAvatar, IonLabel, IonIcon, IonContent, IonGrid, IonRow, IonCol, AlertController, ModalController, IonFooter, IonButtons, IonTitle, IonToolbar, IonHeader, Platform, IonCardTitle, IonCardHeader, IonImg, IonTextarea, IonSpinner, IonListHeader, IonFab, IonFabButton, IonBadge, IonSegmentButton, IonSegment } from '@ionic/angular/standalone';
 import { Countries, Suggestion, mdToHtml, COLORS, Contacts, ErrorReport, ClientInfo, ExternalCalendarSources, Sentiment, TimeInterval, PushNotificationsDevice, PushNotificationsPlatforms } from 'idea-toolbox';
-import { IDEATranslatePipe, IDEASelectComponent, IDEAEnvironment, IDEAStorageService, IDEATranslationsService, IDEALocalizedDatePipe, IDEALoadingService, IDEAActionSheetController } from '@idea-ionic/common';
+import { IDEASelectComponent, IDEATranslatePipe, IDEAEnvironment, IDEAStorageService, IDEATranslationsService, IDEALocalizedDatePipe, IDEALoadingService, IDEAActionSheetController } from '@idea-ionic/common';
 import { ActivatedRoute } from '@angular/router';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
@@ -65,8 +65,8 @@ class IDEAAddressComponent {
         this.address.country = suggestion.value;
         this.addressChange.emit(this.address);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAAddressComponent, isStandalone: true, 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAAddressComponent, isStandalone: true, 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) {
       <ion-accordion-group #accordion>
         <ion-accordion value="open">
@@ -217,9 +217,9 @@ class IDEAAddressComponent {
         </ion-accordion>
       </ion-accordion-group>
     }
-  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: 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: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }] }); }
+  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: 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: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAddressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-address', standalone: true, imports: [
                         CommonModule,
@@ -454,10 +454,10 @@ class IDEATinCanService {
     clear() {
         this.data = {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATinCanService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATinCanService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEATinCanService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEATinCanService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATinCanService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEATinCanService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -486,8 +486,8 @@ class IDEAAnnouncementComponent {
         await this._storage.set(this.storageKey, this.announcement.content);
         this.htmlContent = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAAnnouncementComponent, isStandalone: true, selector: "idea-announcement", inputs: { color: "color" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAAnnouncementComponent, isStandalone: true, selector: "idea-announcement", inputs: { color: "color" }, ngImport: i0, template: `
     @if (htmlContent) {
       <ion-card class="announcementCard" [color]="color">
         <ion-card-content>
@@ -500,9 +500,9 @@ class IDEAAnnouncementComponent {
         </ion-card-content>
       </ion-card>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: 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: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: 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: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAnnouncementComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'idea-announcement',
@@ -562,8 +562,8 @@ class IDEAColorPickerComponent {
             event.stopPropagation();
         this.iconSelect.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAColorPickerComponent, isStandalone: true, 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAColorPickerComponent, isStandalone: true, 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
       class="colorPickerItem"
       [color]="color"
@@ -593,7 +593,7 @@ class IDEAColorPickerComponent {
     </ion-item>
   `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "component", type: IonAvatar, selector: "ion-avatar" }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAColorPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-color-picker', standalone: true, imports: [CommonModule, IonAvatar, IonText, IonLabel, IonIcon, IonButton, IonItem], template: `
     <ion-item
@@ -659,8 +659,8 @@ class ColorsPaletteComponent {
     pick(color) {
         this._popover.dismiss(color);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ColorsPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: ColorsPaletteComponent, isStandalone: true, selector: "idea-colors-palette", inputs: { colors: "colors", current: "current" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ColorsPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ColorsPaletteComponent, isStandalone: true, selector: "idea-colors-palette", inputs: { colors: "colors", current: "current" }, ngImport: i0, template: `
     <ion-content>
       <ion-grid>
         <ion-row>
@@ -683,7 +683,7 @@ class ColorsPaletteComponent {
     </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: "ngmodule", type: CommonModule }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: 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: IonAvatar, selector: "ion-avatar" }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ColorsPaletteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ColorsPaletteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-colors-palette', standalone: true, imports: [CommonModule, IonContent, IonGrid, IonRow, IonCol, IonAvatar, IonIcon], template: `
     <ion-content>
@@ -751,8 +751,8 @@ class IDEAContactsComponent {
         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.2.9", ngImport: i0, type: IDEAContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAContactsComponent, isStandalone: true, selector: "idea-contacts", inputs: { contacts: "contacts", showName: "showName", editMode: "editMode", lines: "lines", color: "color" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAContactsComponent, isStandalone: true, selector: "idea-contacts", inputs: { contacts: "contacts", showName: "showName", editMode: "editMode", lines: "lines", color: "color" }, ngImport: i0, template: `
     <div class="contacts">
       @if (showName) {
         <ion-item [lines]="lines" [color]="color">
@@ -814,9 +814,9 @@ class IDEAContactsComponent {
         }
       </ion-item>
     </div>
-  `, isInline: true, styles: [".marginTop{margin-top:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
+  `, isInline: true, styles: [".marginTop{margin-top:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAContactsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-contacts', standalone: true, imports: [CommonModule, FormsModule, IDEATranslatePipe, IonInput, IonIcon, IonButton, IonItem], template: `
     <div class="contacts">
@@ -1060,10 +1060,10 @@ class IDEACalendarPickerComponent {
     close() {
         this._modal.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEACalendarPickerComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: IDEALocalizedDatePipe, name: "dateLocale" }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: 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: IonRow, selector: "ion-row" }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEACalendarPickerComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "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", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: 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: IonRow, selector: "ion-row" }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: IDEALocalizedDatePipe, name: "dateLocale" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACalendarPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-calendar-picker', standalone: true, imports: [
                         CommonModule,
@@ -1184,8 +1184,8 @@ class IDEADateTimeComponent {
             event.stopPropagation();
         this.iconSelect.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEADateTimeComponent, isStandalone: true, 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEADateTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEADateTimeComponent, isStandalone: true, 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
       class="dateTimeItem"
       [color]="color"
@@ -1229,7 +1229,7 @@ class IDEADateTimeComponent {
     </ion-item>
   `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEADateTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-date-time', standalone: true, imports: [CommonModule, IonText, IonLabel, IonIcon, IonButton, IonItem], template: `
     <ion-item
@@ -1352,8 +1352,8 @@ class IDEADurationComponent {
         }
         this.set.emit(this.hours * 3600 + this.minutes * 60 + this.seconds);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEADurationComponent, isStandalone: true, 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEADurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEADurationComponent, isStandalone: true, 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">
       @if (icon) {
         <ion-icon slot="start" [name]="icon" />
@@ -1413,7 +1413,7 @@ class IDEADurationComponent {
     </ion-item>
   `, isInline: true, 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: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEADurationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-duration', standalone: true, imports: [IonText, IonLabel, IonIcon, IonItem, CommonModule, FormsModule, IDEATranslatePipe], template: `
     <ion-item class="durationItem" [lines]="lines" [color]="color" [title]="title || label">
@@ -1553,10 +1553,10 @@ class IDEAErrorReportingService {
             userAgent: navigator.userAgent
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAErrorReportingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAErrorReportingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAErrorReportingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAErrorReportingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAErrorReportingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAErrorReportingService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -1612,10 +1612,10 @@ class IDEAOfflineService {
         this._isOffline = !status.connected;
         return status.connected;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2007,10 +2007,10 @@ class IDEAAWSAPIService {
     deleteResource(resource, options) {
         return this.request(resource, 'DELETE', options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPIService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPIService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPIService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPIService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPIService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPIService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2179,8 +2179,8 @@ class IDEAEchoPage {
             this._loading.hide();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAEchoPage, isStandalone: true, selector: "idea-echo", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAEchoPage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAEchoPage, isStandalone: true, selector: "idea-echo", ngImport: i0, template: `
     <ion-content>
       <div class="flexBox">
         <ion-card class="echoCard maxWidthContainer">
@@ -2209,9 +2209,9 @@ class IDEAEchoPage {
         </ion-card>
       </div>
     </ion-content>
-  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }] }); }
+  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAEchoPage, decorators: [{
             type: Component,
             args: [{ selector: 'idea-echo', standalone: true, imports: [
                         CommonModule,
@@ -2272,16 +2272,16 @@ const ideaEchoRoutes = [
 ];
 
 class IDEAMDEToolbarComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: IDEAMDEToolbarComponent, isStandalone: true, selector: "idea-mde-toolbar", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAMDEToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: IDEAMDEToolbarComponent, isStandalone: true, selector: "idea-mde-toolbar", ngImport: i0, template: `
     <div class="mdeToolbar">
       <b>**{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.BOLD' | translate }}**</b>
       <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>
       ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~
     </div>
-  `, isInline: true, styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar :is(b,i){padding-right:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
+  `, isInline: true, styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAMDEToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-mde-toolbar', standalone: true, imports: [CommonModule, IDEATranslatePipe], template: `
     <div class="mdeToolbar">
@@ -2289,7 +2289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
       <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>
       ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~
     </div>
-  `, styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar :is(b,i){padding-right:5px}\n"] }]
+  `, styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"] }]
         }] });
 
 class IDEAMDEComponent {
@@ -2307,8 +2307,8 @@ class IDEAMDEComponent {
     confirm() {
         this._modal.dismiss(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAMDEComponent, isStandalone: true, selector: "idea-mde", inputs: { id: "id", title: "title", header: "header", description: "description", variables: "variables", initialValue: "initialValue", placeholder: "placeholder" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAMDEComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAMDEComponent, isStandalone: true, selector: "idea-mde", inputs: { id: "id", title: "title", header: "header", description: "description", variables: "variables", initialValue: "initialValue", placeholder: "placeholder" }, ngImport: i0, template: `
     <ion-header>
       <ion-toolbar color="ideaToolbar">
         <ion-buttons slot="start">
@@ -2350,9 +2350,9 @@ class IDEAMDEComponent {
       <ion-textarea rows="12" [id]="id" [placeholder]="placeholder" [(ngModel)]="value" />
       <idea-mde-toolbar />
     </ion-content>
-  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: IDEAMDEToolbarComponent, selector: "idea-mde-toolbar" }, { kind: "component", type: 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }] }); }
+  `, isInline: true, 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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: IDEAMDEToolbarComponent, selector: "idea-mde-toolbar" }, { kind: "component", type: 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAMDEComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-mde', standalone: true, imports: [
                         CommonModule,
@@ -2881,10 +2881,10 @@ class IDEAOfflineDataService {
     forceFullSync() {
         this._storage.clear().then(() => this.synchronize(true));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineDataService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineDataService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineDataService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -2906,8 +2906,8 @@ class IDEACacheableResourceComponent {
     constructor() {
         this._offline = inject(IDEAOfflineDataService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACacheableResourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEACacheableResourceComponent, isStandalone: true, selector: "idea-cacheable-resource", inputs: { resource: "resource" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACacheableResourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEACacheableResourceComponent, isStandalone: true, selector: "idea-cacheable-resource", inputs: { resource: "resource" }, ngImport: i0, template: `
     <ion-item class="cacheableResourceItem">
       <ion-label>{{ resource.description }}</ion-label>
       @if (resource.error) {
@@ -2925,7 +2925,7 @@ class IDEACacheableResourceComponent {
     </ion-item>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACacheableResourceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACacheableResourceComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'idea-cacheable-resource',
@@ -3020,10 +3020,10 @@ class IDEAOfflineManagerComponent {
     close() {
         this._modal.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAOfflineManagerComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: IDEALocalizedDatePipe, name: "dateLocale" }, { kind: "component", type: IDEACacheableResourceComponent, selector: "idea-cacheable-resource", inputs: ["resource"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAOfflineManagerComponent, isStandalone: true, 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: "ngmodule", type: CommonModule }, { kind: "component", type: IDEACacheableResourceComponent, selector: "idea-cacheable-resource", inputs: ["resource"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: IDEALocalizedDatePipe, name: "dateLocale" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineManagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineManagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-offline-manager', standalone: true, imports: [
                         CommonModule,
@@ -3083,8 +3083,8 @@ class IDEAOfflineIndicatorComponent {
             modal.present();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAOfflineIndicatorComponent, isStandalone: true, selector: "idea-offline-indicator", inputs: { vertical: "vertical", horizontal: "horizontal", edge: "edge" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAOfflineIndicatorComponent, isStandalone: true, selector: "idea-offline-indicator", inputs: { vertical: "vertical", horizontal: "horizontal", edge: "edge" }, ngImport: i0, template: `
     @if (
       _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)
     ) {
@@ -3107,7 +3107,7 @@ class IDEAOfflineIndicatorComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAOfflineIndicatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'idea-offline-indicator',
@@ -3191,8 +3191,8 @@ class IDEASentimentComponent {
                 return 'light';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEASentimentComponent, isStandalone: true, selector: "idea-sentiment", inputs: { text: "text", lines: "lines", color: "color" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEASentimentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEASentimentComponent, isStandalone: true, selector: "idea-sentiment", inputs: { text: "text", lines: "lines", color: "color" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: `
     @if (text && _offline.isOnline()) {
       <ion-item [lines]="lines" [color]="color">
         @if (!sentiment) {
@@ -3210,9 +3210,9 @@ class IDEASentimentComponent {
         }
       </ion-item>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEASentimentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'idea-sentiment',
@@ -3362,10 +3362,10 @@ class IDEAFromTimeToTimeComponent {
     close() {
         this._modal.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAFromTimeToTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAFromTimeToTimeComponent, isStandalone: true, 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(timeIntervalWC.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: "ngmodule", type: CommonModule }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: 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: IonRow, selector: "ion-row" }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAFromTimeToTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEAFromTimeToTimeComponent, isStandalone: true, 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(timeIntervalWC.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: "ngmodule", type: CommonModule }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: 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: IonRow, selector: "ion-row" }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "pipe", type: IDEATranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAFromTimeToTimeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAFromTimeToTimeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-from-time-to-time', standalone: true, imports: [
                         CommonModule,
@@ -3489,8 +3489,8 @@ class IDEATimeIntervalComponent {
             event.stopPropagation();
         this.iconSelect.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEATimeIntervalComponent, isStandalone: true, 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEATimeIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IDEATimeIntervalComponent, isStandalone: true, 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
       class="timeIntervalItem"
       [color]="color"
@@ -3534,7 +3534,7 @@ class IDEATimeIntervalComponent {
     </ion-item>
   `, isInline: true, 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: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: 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: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEATimeIntervalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'idea-time-interval', standalone: true, imports: [IonLabel, IonText, IonIcon, IonButton, IonItem, CommonModule], template: `
     <ion-item
@@ -3787,10 +3787,10 @@ class IDEAAWSAPISocketService {
     minutesToMS(minutes) {
         return minutes * 60 * 1000;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPISocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPISocketService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPISocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPISocketService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPISocketService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAAWSAPISocketService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -3839,10 +3839,10 @@ class IDEACachedResourcesService {
         this.cacheKey = String(key);
         await this.storage.set(this.cacheKeyIndex, key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACachedResourcesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACachedResourcesService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACachedResourcesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACachedResourcesService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACachedResourcesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEACachedResourcesService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -3889,10 +3889,10 @@ class IDEAPushNotificationsService {
         if (permStatus.receive === 'granted')
             PushNotifications.register();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAPushNotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAPushNotificationsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAPushNotificationsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAPushNotificationsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAPushNotificationsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IDEAPushNotificationsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });