@idea-ionic/uncommon 8.2.6 → 8.2.8

package/fesm2022/idea-ionic-uncommon.mjs

@@ -1,17 +1,13 @@
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewChild, NgModule, Injectable, inject } from '@angular/core';
-import { Countries, Suggestion, mdToHtml, COLORS, Contacts, ErrorReport, ClientInfo, ExternalCalendarSources, Sentiment, TimeInterval, PushNotificationsDevice, PushNotificationsPlatforms } from 'idea-toolbox';
+import { EventEmitter, Component, Input, Output, ViewChild, Injectable, inject } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i1$1 from '@ionic/angular';
-import { IonicModule } from '@ionic/angular';
-import * as i3 from '@idea-ionic/common';
-import { IDEATranslationsModule, IDEASelectComponent, IDEAEnvironment, IDEAStorageService, IDEATranslationsService, IDEALoadingService, IDEAActionSheetController } from '@idea-ionic/common';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { PopoverController, AlertController, ModalController, Platform } from '@ionic/angular/standalone';
-import * as i1$2 from '@angular/router';
-import { ActivatedRoute, RouterModule } from '@angular/router';
+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 { ActivatedRoute } from '@angular/router';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Network } from '@capacitor/network';
@@ -70,11 +66,324 @@ class IDEAAddressComponent {
         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, selector: "idea-address", inputs: { address: "address", showContact: "showContact", showAddress2: "showAddress2", showPhone: "showPhone", showEmail: "showEmail", editMode: "editMode", obligatory: "obligatory", lines: "lines", color: "color", label: "label", placeholder: "placeholder", openByDefault: "openByDefault" }, outputs: { addressChange: "addressChange" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["accordion"], descendants: true }], ngImport: i0, template: "@if (address) {\n  <ion-accordion-group #accordion>\n    <ion-accordion value=\"open\">\n      <ion-item slot=\"header\" button [color]=\"color\" [lines]=\"lines\">\n        @if (isCollapsed()) {\n          <ion-input\n            readonly\n            [labelPlacement]=\"isCollapsed() ? 'stacked' : ''\"\n            [label]=\"label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate\"\n            [placeholder]=\"placeholder\"\n            [value]=\"address.getFullAddress()\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        }\n      </ion-item>\n      <ion-list slot=\"content\">\n        @if (showContact) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [(ngModel)]=\"address.contact\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showEmail) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [(ngModel)]=\"address.email\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showPhone) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.PHONE' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [(ngModel)]=\"address.phone\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [(ngModel)]=\"address.address\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        @if (showAddress2) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [(ngModel)]=\"address.address2\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [(ngModel)]=\"address.postcode\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            [disabled]=\"!editMode\"\n            labelPlacement=\"stacked\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [(ngModel)]=\"address.city\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [(ngModel)]=\"address.province\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <idea-select\n          [color]=\"color\"\n          [data]=\"countriesSuggestions\"\n          [label]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate\"\n          [lines]=\"editMode ? lines : null\"\n          [description]=\"getCountryName(address.country)\"\n          [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [searchPlaceholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [hideIdFromUI]=\"true\"\n          [avoidAutoSelection]=\"true\"\n          [disabled]=\"!editMode\"\n          (select)=\"setCountryFromSuggestion($event)\"\n        />\n      </ion-list>\n    </ion-accordion>\n  </ion-accordion-group>\n}\n", styles: ["ion-item[slot=header] ion-input{--highlight-color-focused: transparent;--highlight-color-valid: transparent;--highlight-color-invalid: transparent}ion-list[slot=content]{padding-top:0;padding-left:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1$1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1$1.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: i3.IDEASelectComponent, selector: "idea-select", inputs: ["description", "data", "dataProvider", "label", "icon", "iconColor", "placeholder", "searchPlaceholder", "noElementsFoundText", "disabled", "tappableWhenDisabled", "obligatory", "lines", "color", "allowUnlistedValues", "allowUnlistedValuesPrefix", "sortData", "clearValueAfterSelection", "hideIdFromUI", "hideClearButton", "mustChoose", "category1", "category2", "showCategoriesFilters", "avoidAutoSelection"], outputs: ["select", "iconSelect", "selectWhenDisabled"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    @if (address) {
+      <ion-accordion-group #accordion>
+        <ion-accordion value="open">
+          <ion-item slot="header" button [color]="color" [lines]="lines">
+            @if (isCollapsed()) {
+              <ion-input
+                readonly
+                [labelPlacement]="isCollapsed() ? 'stacked' : ''"
+                [label]="label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)"
+                [title]="'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate"
+                [placeholder]="placeholder"
+                [value]="address.getFullAddress()"
+                (ionChange)="addressChange.emit(address)"
+              />
+            }
+          </ion-item>
+          <ion-list slot="content">
+            @if (showContact) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate"
+                  [(ngModel)]="address.contact"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            @if (showEmail) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate"
+                  [(ngModel)]="address.email"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            @if (showPhone) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.PHONE' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate"
+                  [(ngModel)]="address.phone"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate"
+                [(ngModel)]="address.address"
+                (ionChange)="addressChange.emit(address)"
+              >
+                <div slot="label">
+                  {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}
+                  @if (editMode && obligatory) {
+                    <ion-text class="obligatoryDot" />
+                  }
+                </div>
+              </ion-input>
+            </ion-item>
+            @if (showAddress2) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate"
+                  [(ngModel)]="address.address2"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [label]="'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate"
+                [(ngModel)]="address.postcode"
+                (ionChange)="addressChange.emit(address)"
+              />
+            </ion-item>
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                [disabled]="!editMode"
+                labelPlacement="stacked"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate"
+                [(ngModel)]="address.city"
+                (ionChange)="addressChange.emit(address)"
+              >
+                <div slot="label">
+                  {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}
+                  @if (editMode && obligatory) {
+                    <ion-text class="obligatoryDot" />
+                  }
+                </div>
+              </ion-input>
+            </ion-item>
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [label]="'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate"
+                [(ngModel)]="address.province"
+                (ionChange)="addressChange.emit(address)"
+              />
+            </ion-item>
+            <idea-select
+              [color]="color"
+              [data]="countriesSuggestions"
+              [label]="'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate"
+              [lines]="editMode ? lines : null"
+              [description]="getCountryName(address.country)"
+              [placeholder]="'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate"
+              [searchPlaceholder]="'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate"
+              [hideIdFromUI]="true"
+              [avoidAutoSelection]="true"
+              [disabled]="!editMode"
+              (select)="setCountryFromSuggestion($event)"
+            />
+          </ion-list>
+        </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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-address', template: "@if (address) {\n  <ion-accordion-group #accordion>\n    <ion-accordion value=\"open\">\n      <ion-item slot=\"header\" button [color]=\"color\" [lines]=\"lines\">\n        @if (isCollapsed()) {\n          <ion-input\n            readonly\n            [labelPlacement]=\"isCollapsed() ? 'stacked' : ''\"\n            [label]=\"label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate\"\n            [placeholder]=\"placeholder\"\n            [value]=\"address.getFullAddress()\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        }\n      </ion-item>\n      <ion-list slot=\"content\">\n        @if (showContact) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate\"\n              [(ngModel)]=\"address.contact\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showEmail) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate\"\n              [(ngModel)]=\"address.email\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        @if (showPhone) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.PHONE' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate\"\n              [(ngModel)]=\"address.phone\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate\"\n            [(ngModel)]=\"address.address\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        @if (showAddress2) {\n          <ion-item [color]=\"color\">\n            <ion-input\n              autocomplete=\"new\"\n              labelPlacement=\"stacked\"\n              [label]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate\"\n              [disabled]=\"!editMode\"\n              [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [title]=\"'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate\"\n              [(ngModel)]=\"address.address2\"\n              (ionChange)=\"addressChange.emit(address)\"\n            />\n          </ion-item>\n        }\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate\"\n            [(ngModel)]=\"address.postcode\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            [disabled]=\"!editMode\"\n            labelPlacement=\"stacked\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate\"\n            [(ngModel)]=\"address.city\"\n            (ionChange)=\"addressChange.emit(address)\"\n          >\n            <div slot=\"label\">\n              {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}\n              @if (editMode && obligatory) {\n                <ion-text class=\"obligatoryDot\" />\n              }\n            </div>\n          </ion-input>\n        </ion-item>\n        <ion-item [color]=\"color\">\n          <ion-input\n            autocomplete=\"new\"\n            labelPlacement=\"stacked\"\n            [label]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate\"\n            [disabled]=\"!editMode\"\n            [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [title]=\"'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate\"\n            [(ngModel)]=\"address.province\"\n            (ionChange)=\"addressChange.emit(address)\"\n          />\n        </ion-item>\n        <idea-select\n          [color]=\"color\"\n          [data]=\"countriesSuggestions\"\n          [label]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate\"\n          [lines]=\"editMode ? lines : null\"\n          [description]=\"getCountryName(address.country)\"\n          [placeholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [searchPlaceholder]=\"'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate\"\n          [hideIdFromUI]=\"true\"\n          [avoidAutoSelection]=\"true\"\n          [disabled]=\"!editMode\"\n          (select)=\"setCountryFromSuggestion($event)\"\n        />\n      </ion-list>\n    </ion-accordion>\n  </ion-accordion-group>\n}\n", styles: ["ion-item[slot=header] ion-input{--highlight-color-focused: transparent;--highlight-color-valid: transparent;--highlight-color-invalid: transparent}ion-list[slot=content]{padding-top:0;padding-left:20px}\n"] }]
+            args: [{ selector: 'idea-address', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        IDEATranslatePipe,
+                        IDEASelectComponent,
+                        IonText,
+                        IonList,
+                        IonInput,
+                        IonItem,
+                        IonAccordion,
+                        IonAccordionGroup
+                    ], template: `
+    @if (address) {
+      <ion-accordion-group #accordion>
+        <ion-accordion value="open">
+          <ion-item slot="header" button [color]="color" [lines]="lines">
+            @if (isCollapsed()) {
+              <ion-input
+                readonly
+                [labelPlacement]="isCollapsed() ? 'stacked' : ''"
+                [label]="label || ('IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS' | translate)"
+                [title]="'IDEA_UNCOMMON.ADDRESS.COMPLETE_ADDRESS_HINT' | translate"
+                [placeholder]="placeholder"
+                [value]="address.getFullAddress()"
+                (ionChange)="addressChange.emit(address)"
+              />
+            }
+          </ion-item>
+          <ion-list slot="content">
+            @if (showContact) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.CONTACT' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.CONTACT_HINT' | translate"
+                  [(ngModel)]="address.contact"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            @if (showEmail) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.EMAIL' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.EMAIL_HINT' | translate"
+                  [(ngModel)]="address.email"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            @if (showPhone) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.PHONE' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.PHONE_HINT' | translate"
+                  [(ngModel)]="address.phone"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.ADDRESS_HINT' | translate"
+                [(ngModel)]="address.address"
+                (ionChange)="addressChange.emit(address)"
+              >
+                <div slot="label">
+                  {{ 'IDEA_UNCOMMON.ADDRESS.ADDRESS' | translate }}
+                  @if (editMode && obligatory) {
+                    <ion-text class="obligatoryDot" />
+                  }
+                </div>
+              </ion-input>
+            </ion-item>
+            @if (showAddress2) {
+              <ion-item [color]="color">
+                <ion-input
+                  autocomplete="new"
+                  labelPlacement="stacked"
+                  [label]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2' | translate"
+                  [disabled]="!editMode"
+                  [placeholder]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate"
+                  [title]="'IDEA_UNCOMMON.ADDRESS.ADDRESS2_HINT' | translate"
+                  [(ngModel)]="address.address2"
+                  (ionChange)="addressChange.emit(address)"
+                />
+              </ion-item>
+            }
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [label]="'IDEA_UNCOMMON.ADDRESS.POSTCODE' | translate"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.POSTCODE_HINT' | translate"
+                [(ngModel)]="address.postcode"
+                (ionChange)="addressChange.emit(address)"
+              />
+            </ion-item>
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                [disabled]="!editMode"
+                labelPlacement="stacked"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.CITY_HINT' | translate"
+                [(ngModel)]="address.city"
+                (ionChange)="addressChange.emit(address)"
+              >
+                <div slot="label">
+                  {{ 'IDEA_UNCOMMON.ADDRESS.CITY' | translate }}
+                  @if (editMode && obligatory) {
+                    <ion-text class="obligatoryDot" />
+                  }
+                </div>
+              </ion-input>
+            </ion-item>
+            <ion-item [color]="color">
+              <ion-input
+                autocomplete="new"
+                labelPlacement="stacked"
+                [label]="'IDEA_UNCOMMON.ADDRESS.PROVINCE' | translate"
+                [disabled]="!editMode"
+                [placeholder]="'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate"
+                [title]="'IDEA_UNCOMMON.ADDRESS.PROVINCE_HINT' | translate"
+                [(ngModel)]="address.province"
+                (ionChange)="addressChange.emit(address)"
+              />
+            </ion-item>
+            <idea-select
+              [color]="color"
+              [data]="countriesSuggestions"
+              [label]="'IDEA_UNCOMMON.ADDRESS.COUNTRY' | translate"
+              [lines]="editMode ? lines : null"
+              [description]="getCountryName(address.country)"
+              [placeholder]="'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate"
+              [searchPlaceholder]="'IDEA_UNCOMMON.ADDRESS.COUNTRY_HINT' | translate"
+              [hideIdFromUI]="true"
+              [avoidAutoSelection]="true"
+              [disabled]="!editMode"
+              (select)="setCountryFromSuggestion($event)"
+            />
+          </ion-list>
+        </ion-accordion>
+      </ion-accordion-group>
+    }
+  `, styles: ["ion-item[slot=header] ion-input{--highlight-color-focused: transparent;--highlight-color-valid: transparent;--highlight-color-invalid: transparent}ion-list[slot=content]{padding-top:0;padding-left:20px}\n"] }]
         }], propDecorators: { address: [{
                 type: Input
             }], addressChange: [{
@@ -106,20 +415,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 args: ['accordion']
             }] } });
 
-class IDEAAddressModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressModule, declarations: [IDEAAddressComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent], exports: [IDEAAddressComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAddressModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent],
-                    declarations: [IDEAAddressComponent],
-                    exports: [IDEAAddressComponent]
-                }]
-        }] });
-
 /**
  * @deprecated use a specific App service instead.
  */
@@ -192,29 +487,46 @@ class IDEAAnnouncementComponent {
         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, selector: "idea-announcement", inputs: { color: "color" }, ngImport: i0, template: "@if (htmlContent) {\n  <ion-card class=\"announcementCard\" [color]=\"color\">\n    <ion-card-content>\n      <p class=\"htmlContent\" [innerHTML]=\"htmlContent\"></p>\n      <p class=\"ion-text-right\">\n        <ion-button color=\"primary\" (click)=\"markAsRead()\">\n          {{ 'COMMON.GOT_IT' | translate }}\n        </ion-button>\n      </p>\n    </ion-card-content>\n  </ion-card>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    @if (htmlContent) {
+      <ion-card class="announcementCard" [color]="color">
+        <ion-card-content>
+          <p class="htmlContent" [innerHTML]="htmlContent"></p>
+          <p class="ion-text-right">
+            <ion-button color="primary" (click)="markAsRead()">
+              {{ 'COMMON.GOT_IT' | translate }}
+            </ion-button>
+          </p>
+        </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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-announcement', template: "@if (htmlContent) {\n  <ion-card class=\"announcementCard\" [color]=\"color\">\n    <ion-card-content>\n      <p class=\"htmlContent\" [innerHTML]=\"htmlContent\"></p>\n      <p class=\"ion-text-right\">\n        <ion-button color=\"primary\" (click)=\"markAsRead()\">\n          {{ 'COMMON.GOT_IT' | translate }}\n        </ion-button>\n      </p>\n    </ion-card-content>\n  </ion-card>\n}\n" }]
+            args: [{
+                    selector: 'idea-announcement',
+                    standalone: true,
+                    imports: [CommonModule, IDEATranslatePipe, IonButton, IonCardContent, IonCard],
+                    template: `
+    @if (htmlContent) {
+      <ion-card class="announcementCard" [color]="color">
+        <ion-card-content>
+          <p class="htmlContent" [innerHTML]="htmlContent"></p>
+          <p class="ion-text-right">
+            <ion-button color="primary" (click)="markAsRead()">
+              {{ 'COMMON.GOT_IT' | translate }}
+            </ion-button>
+          </p>
+        </ion-card-content>
+      </ion-card>
+    }
+  `
+                }]
         }], ctorParameters: () => [], propDecorators: { color: [{
                 type: Input
             }] } });
 
-class IDEAAnnouncementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementModule, declarations: [IDEAAnnouncementComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAAnnouncementComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAnnouncementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEAAnnouncementComponent],
-                    exports: [IDEAAnnouncementComponent]
-                }]
-        }] });
-
 /**
  * Pick a color from a defined set.
  */
@@ -251,11 +563,67 @@ class IDEAColorPickerComponent {
         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, selector: "idea-color-picker", inputs: { colors: "colors", current: "current", label: "label", placeholder: "placeholder", icon: "icon", iconColor: "iconColor", disabled: "disabled", obligatory: "obligatory", lines: "lines", color: "color" }, outputs: { select: "select", iconSelect: "iconSelect" }, ngImport: i0, template: "<ion-item\n  class=\"colorPickerItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [title]=\"placeholder || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"openPalette($event)\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-avatar slot=\"end\" class=\"colorCircle\" [style.background-color]=\"current\" />\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".colorPickerItem{min-height:48px;height:auto}.colorPickerItem .placeholder{color:var(--ion-color-medium)}.colorPickerItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.selectItem.withLabel{min-height:58px;height:auto}.selectItem.withLabel .selectIcon{padding-top:25px}.selectItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}ion-avatar.colorCircle{width:20px;height:20px}\n"], dependencies: [{ kind: "component", type: i1$1.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+    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: `
+    <ion-item
+      class="colorPickerItem"
+      [color]="color"
+      [lines]="lines"
+      [button]="!disabled"
+      [title]="placeholder || ''"
+      [class.withLabel]="label"
+      (click)="openPalette($event)"
+    >
+      @if (icon) {
+        <ion-button fill="clear" slot="start" [color]="iconColor" (click)="doIconSelect($event)">
+          <ion-icon [name]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label [class.selectable]="!disabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-avatar slot="end" class="colorCircle" [style.background-color]="current" />
+      @if (!disabled) {
+        <ion-icon slot="end" name="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </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: [{
             type: Component,
-            args: [{ selector: 'idea-color-picker', template: "<ion-item\n  class=\"colorPickerItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [title]=\"placeholder || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"openPalette($event)\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-avatar slot=\"end\" class=\"colorCircle\" [style.background-color]=\"current\" />\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".colorPickerItem{min-height:48px;height:auto}.colorPickerItem .placeholder{color:var(--ion-color-medium)}.colorPickerItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.selectItem.withLabel{min-height:58px;height:auto}.selectItem.withLabel .selectIcon{padding-top:25px}.selectItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}ion-avatar.colorCircle{width:20px;height:20px}\n"] }]
+            args: [{ selector: 'idea-color-picker', standalone: true, imports: [CommonModule, IonAvatar, IonText, IonLabel, IonIcon, IonButton, IonItem], template: `
+    <ion-item
+      class="colorPickerItem"
+      [color]="color"
+      [lines]="lines"
+      [button]="!disabled"
+      [title]="placeholder || ''"
+      [class.withLabel]="label"
+      (click)="openPalette($event)"
+    >
+      @if (icon) {
+        <ion-button fill="clear" slot="start" [color]="iconColor" (click)="doIconSelect($event)">
+          <ion-icon [name]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label [class.selectable]="!disabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-avatar slot="end" class="colorCircle" [style.background-color]="current" />
+      @if (!disabled) {
+        <ion-icon slot="end" name="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </ion-item>
+  `, styles: [".colorPickerItem{min-height:48px;height:auto}.colorPickerItem .placeholder{color:var(--ion-color-medium)}.colorPickerItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.selectItem.withLabel{min-height:58px;height:auto}.selectItem.withLabel .selectIcon{padding-top:25px}.selectItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}ion-avatar.colorCircle{width:20px;height:20px}\n"] }]
         }], propDecorators: { colors: [{
                 type: Input
             }], current: [{
@@ -292,7 +660,7 @@ class ColorsPaletteComponent {
         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, selector: "idea-colors-palette", inputs: { colors: "colors", current: "current" }, ngImport: i0, template: `
+    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: `
     <ion-content>
       <ion-grid>
         <ion-row>
@@ -313,11 +681,11 @@ class ColorsPaletteComponent {
         </ion-row>
       </ion-grid>
     </ion-content>
-  `, isInline: true, styles: ["ion-content{--background: var(--ion-color-white)}ion-avatar.colorCircle{width:20px;height:20px}.tappable{cursor:pointer}ion-avatar.colorCircle ion-icon{color:#fff;font-size:1.2em}\n"], dependencies: [{ kind: "component", type: i1$1.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i1$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonRow, selector: "ion-row" }] }); }
+  `, 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: [{
             type: Component,
-            args: [{ selector: 'idea-colors-palette', template: `
+            args: [{ selector: 'idea-colors-palette', standalone: true, imports: [CommonModule, IonContent, IonGrid, IonRow, IonCol, IonAvatar, IonIcon], template: `
     <ion-content>
       <ion-grid>
         <ion-row>
@@ -345,20 +713,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }] } });
 
-class IDEAColorPickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerModule, declarations: [IDEAColorPickerComponent, ColorsPaletteComponent], imports: [CommonModule, FormsModule, IonicModule], exports: [IDEAColorPickerComponent, ColorsPaletteComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerModule, imports: [CommonModule, FormsModule, IonicModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAColorPickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule],
-                    declarations: [IDEAColorPickerComponent, ColorsPaletteComponent],
-                    exports: [IDEAColorPickerComponent, ColorsPaletteComponent]
-                }]
-        }] });
-
 class IDEAContactsComponent {
     constructor() {
         this._alert = inject(AlertController);
@@ -398,11 +752,135 @@ class IDEAContactsComponent {
         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, selector: "idea-contacts", inputs: { contacts: "contacts", showName: "showName", editMode: "editMode", lines: "lines", color: "color" }, ngImport: i0, template: "<div class=\"contacts\">\n  @if (showName) {\n    <ion-item [lines]=\"lines\" [color]=\"color\">\n      <ion-input\n        autocomplete=\"new\"\n        labelPlacement=\"stacked\"\n        [label]=\"'IDEA_UNCOMMON.CONTACTS.NAME' | translate\"\n        [disabled]=\"!editMode\"\n        [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [(ngModel)]=\"contacts.name\"\n      />\n    </ion-item>\n  }\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.PHONE' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [(ngModel)]=\"contacts.phone\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.CALL' | translate\"\n        (click)=\"call()\"\n      >\n        <ion-icon name=\"call\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [(ngModel)]=\"contacts.email\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate\"\n        (click)=\"sendEmail()\"\n      >\n        <ion-icon name=\"mail\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n</div>\n", styles: [".marginTop{margin-top:14px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    <div class="contacts">
+      @if (showName) {
+        <ion-item [lines]="lines" [color]="color">
+          <ion-input
+            autocomplete="new"
+            labelPlacement="stacked"
+            [label]="'IDEA_UNCOMMON.CONTACTS.NAME' | translate"
+            [disabled]="!editMode"
+            [placeholder]="'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate"
+            [title]="'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate"
+            [(ngModel)]="contacts.name"
+          />
+        </ion-item>
+      }
+      <ion-item [lines]="lines" [color]="color">
+        <ion-input
+          autocomplete="new"
+          labelPlacement="stacked"
+          [label]="'IDEA_UNCOMMON.CONTACTS.PHONE' | translate"
+          [disabled]="!editMode"
+          [placeholder]="'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate"
+          [title]="'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate"
+          [(ngModel)]="contacts.phone"
+        />
+        @if (!editMode) {
+          <ion-button
+            slot="end"
+            fill="clear"
+            color="dark"
+            class="marginTop"
+            [title]="'IDEA_UNCOMMON.CONTACTS.CALL' | translate"
+            (click)="call()"
+          >
+            <ion-icon name="call" slot="icon-only" />
+          </ion-button>
+        }
+      </ion-item>
+      <ion-item [lines]="lines" [color]="color">
+        <ion-input
+          autocomplete="new"
+          labelPlacement="stacked"
+          [label]="'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate"
+          [disabled]="!editMode"
+          [placeholder]="'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate"
+          [title]="'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate"
+          [(ngModel)]="contacts.email"
+        />
+        @if (!editMode) {
+          <ion-button
+            slot="end"
+            fill="clear"
+            color="dark"
+            class="marginTop"
+            [title]="'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate"
+            (click)="sendEmail()"
+          >
+            <ion-icon name="mail" slot="icon-only" />
+          </ion-button>
+        }
+      </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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-contacts', template: "<div class=\"contacts\">\n  @if (showName) {\n    <ion-item [lines]=\"lines\" [color]=\"color\">\n      <ion-input\n        autocomplete=\"new\"\n        labelPlacement=\"stacked\"\n        [label]=\"'IDEA_UNCOMMON.CONTACTS.NAME' | translate\"\n        [disabled]=\"!editMode\"\n        [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate\"\n        [(ngModel)]=\"contacts.name\"\n      />\n    </ion-item>\n  }\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.PHONE' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate\"\n      [(ngModel)]=\"contacts.phone\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.CALL' | translate\"\n        (click)=\"call()\"\n      >\n        <ion-icon name=\"call\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    <ion-input\n      autocomplete=\"new\"\n      labelPlacement=\"stacked\"\n      [label]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate\"\n      [disabled]=\"!editMode\"\n      [placeholder]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [title]=\"'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate\"\n      [(ngModel)]=\"contacts.email\"\n    />\n    @if (!editMode) {\n      <ion-button\n        slot=\"end\"\n        fill=\"clear\"\n        color=\"dark\"\n        class=\"marginTop\"\n        [title]=\"'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate\"\n        (click)=\"sendEmail()\"\n      >\n        <ion-icon name=\"mail\" slot=\"icon-only\" />\n      </ion-button>\n    }\n  </ion-item>\n</div>\n", styles: [".marginTop{margin-top:14px}\n"] }]
+            args: [{ selector: 'idea-contacts', standalone: true, imports: [CommonModule, FormsModule, IDEATranslatePipe, IDEASelectComponent, IonInput, IonIcon, IonButton, IonItem], template: `
+    <div class="contacts">
+      @if (showName) {
+        <ion-item [lines]="lines" [color]="color">
+          <ion-input
+            autocomplete="new"
+            labelPlacement="stacked"
+            [label]="'IDEA_UNCOMMON.CONTACTS.NAME' | translate"
+            [disabled]="!editMode"
+            [placeholder]="'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate"
+            [title]="'IDEA_UNCOMMON.CONTACTS.NAME_HINT' | translate"
+            [(ngModel)]="contacts.name"
+          />
+        </ion-item>
+      }
+      <ion-item [lines]="lines" [color]="color">
+        <ion-input
+          autocomplete="new"
+          labelPlacement="stacked"
+          [label]="'IDEA_UNCOMMON.CONTACTS.PHONE' | translate"
+          [disabled]="!editMode"
+          [placeholder]="'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate"
+          [title]="'IDEA_UNCOMMON.CONTACTS.PHONE_HINT' | translate"
+          [(ngModel)]="contacts.phone"
+        />
+        @if (!editMode) {
+          <ion-button
+            slot="end"
+            fill="clear"
+            color="dark"
+            class="marginTop"
+            [title]="'IDEA_UNCOMMON.CONTACTS.CALL' | translate"
+            (click)="call()"
+          >
+            <ion-icon name="call" slot="icon-only" />
+          </ion-button>
+        }
+      </ion-item>
+      <ion-item [lines]="lines" [color]="color">
+        <ion-input
+          autocomplete="new"
+          labelPlacement="stacked"
+          [label]="'IDEA_UNCOMMON.CONTACTS.EMAIL' | translate"
+          [disabled]="!editMode"
+          [placeholder]="'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate"
+          [title]="'IDEA_UNCOMMON.CONTACTS.EMAIL_HINT' | translate"
+          [(ngModel)]="contacts.email"
+        />
+        @if (!editMode) {
+          <ion-button
+            slot="end"
+            fill="clear"
+            color="dark"
+            class="marginTop"
+            [title]="'IDEA_UNCOMMON.CONTACTS.SEND_EMAIL' | translate"
+            (click)="sendEmail()"
+          >
+            <ion-icon name="mail" slot="icon-only" />
+          </ion-button>
+        }
+      </ion-item>
+    </div>
+  `, styles: [".marginTop{margin-top:14px}\n"] }]
         }], propDecorators: { contacts: [{
                 type: Input
             }], showName: [{
@@ -415,20 +893,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }] } });
 
-class IDEAContactsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsModule, declarations: [IDEAContactsComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent], exports: [IDEAContactsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAContactsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, IDEASelectComponent],
-                    declarations: [IDEAContactsComponent],
-                    exports: [IDEAContactsComponent]
-                }]
-        }] });
-
 /**
  * A random sunday, used as reference to calculate the week days.
  */
@@ -597,11 +1061,28 @@ class IDEACalendarPickerComponent {
         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, selector: "idea-calendar-picker", inputs: { inputDate: "inputDate", timePicker: "timePicker", manualTimePicker: "manualTimePicker", title: "title", hideClearButton: "hideClearButton", min: "min", max: "max" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      @if (!hideClearButton) {\n        <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.RESET' | translate\" (click)=\"save(true)\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-undo\" />\n        </ion-button>\n      }\n      <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon slot=\"icon-only\" name=\"close\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid fixed class=\"ion-no-padding\">\n    <ion-row>\n      <h1 class=\"headerLabel\">{{ 'IDEA_UNCOMMON.CALENDAR.SET_DATE' | translate }}</h1>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\">\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"5\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\">\n            <ion-input\n              type=\"text\"\n              [placeholder]=\"'IDEA_UNCOMMON.CALENDAR.YEAR' | translate\"\n              [value]=\"refDate.getFullYear()\"\n              (ionFocus)=\"$event.target.value = ''\"\n              (ionChange)=\"setYear($event?.target?.value)\"\n            >\n            </ion-input>\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"7\">\n        <ion-row class=\"ion-align-items-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\" (click)=\"showMonths()\">\n            {{ refDate | dateLocale: 'MMMM' }}\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\" class=\"headerLabel\">\n      @for (ddd of weekDays; track ddd) {\n        <ion-col class=\"ion-text-center ion-no-padding\">\n          {{ ddd }}\n        </ion-col>\n      }\n    </ion-row>\n    @for (row of calendarGrid; track row; let i = $index) {\n      <ion-row class=\"ion-align-items-center\">\n        @for (col of row; track col; let j = $index) {\n          <ion-col class=\"ion-text-center ion-no-padding\">\n            <ion-button\n              size=\"small\"\n              shape=\"round\"\n              [color]=\"\n                isSameDay(calendarGrid[i][j], today) || isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'primary'\n                  : isSameMonth(calendarGrid[i][j], refDate)\n                    ? 'dark'\n                    : 'medium'\n              \"\n              [fill]=\"\n                isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'solid'\n                  : isSameDay(calendarGrid[i][j], today)\n                    ? 'outline'\n                    : 'clear'\n              \"\n              [disabled]=\"!isDateSelectable(calendarGrid[i][j])\"\n              (click)=\"selectDate(calendarGrid[i][j])\"\n            >\n              {{ calendarGrid[i][j] | date: 'd' }}\n            </ion-button>\n          </ion-col>\n        }\n      </ion-row>\n    }\n    @if (timePicker || manualTimePicker) {\n      <ion-row>\n        <h1 class=\"headerLabel\">\n          {{ 'IDEA_UNCOMMON.CALENDAR.SET_TIME' | translate }}\n        </h1>\n      </ion-row>\n    }\n    @if (timePicker) {\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-no-padding\" [size]=\"7\">\n          <ion-row>\n            @for (hour of hours; track hour) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"2\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameHour(hour) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameHour(hour) ? 'solid' : 'clear'\"\n                  (click)=\"selectHour(hour)\"\n                >\n                  {{ hour }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n        <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"1\"> : </ion-col>\n        <ion-col class=\"ion-no-padding\" [size]=\"4\">\n          <ion-row>\n            @for (minute of minutes; track minute) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"4\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameMinute(minute) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameMinute(minute) ? 'solid' : 'clear'\"\n                  (click)=\"selectMinute(minute)\"\n                >\n                  {{ minute }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n      </ion-row>\n    }\n    @if (manualTimePicker) {\n      <ion-row class=\"ion-align-items-center manualTimePicker\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\">\n          <input type=\"number\" min=\"0\" max=\"23\" [value]=\"hour\" (change)=\"selectHour($event.target.value)\" />\n          <span>:</span>\n          <input type=\"number\" min=\"0\" max=\"59\" [value]=\"minute\" (change)=\"selectMinute($event.target.value)\" />\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-content>\n<ion-footer>\n  <ion-toolbar color=\"ideaToolbar\" class=\"tappable\" (click)=\"save()\">\n    <ion-title class=\"ion-text-center\">\n      <ion-icon name=\"checkmark\" />\n    </ion-title>\n  </ion-toolbar>\n</ion-footer>\n", styles: ["ion-content{--background: var(--ion-color-white)}h1{margin:10px}.headerLabel{font-size:.7em;font-weight:700;text-transform:uppercase}ion-col,ion-button{font-size:.95em}ion-button{margin:3px 0}ion-footer ion-toolbar{--min-height: 40px}.tappable{cursor:pointer}.manualTimePicker{padding:20px}.manualTimePicker input[type=number],.manualTimePicker span{font-size:2.5em}.manualTimePicker input[type=number]{border:none;border-bottom:2px solid var(--ion-color-dark);text-align:center}.manualTimePicker span{padding-left:4px;padding-right:4px}\n"], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1$1.IonRow, selector: "ion-row" }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i3.IDEALocalizedDatePipe, name: "dateLocale" }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEACalendarPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-calendar-picker', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      @if (!hideClearButton) {\n        <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.RESET' | translate\" (click)=\"save(true)\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-undo\" />\n        </ion-button>\n      }\n      <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon slot=\"icon-only\" name=\"close\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid fixed class=\"ion-no-padding\">\n    <ion-row>\n      <h1 class=\"headerLabel\">{{ 'IDEA_UNCOMMON.CALENDAR.SET_DATE' | translate }}</h1>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\">\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"5\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\">\n            <ion-input\n              type=\"text\"\n              [placeholder]=\"'IDEA_UNCOMMON.CALENDAR.YEAR' | translate\"\n              [value]=\"refDate.getFullYear()\"\n              (ionFocus)=\"$event.target.value = ''\"\n              (ionChange)=\"setYear($event?.target?.value)\"\n            >\n            </ion-input>\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"7\">\n        <ion-row class=\"ion-align-items-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\" (click)=\"showMonths()\">\n            {{ refDate | dateLocale: 'MMMM' }}\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\" class=\"headerLabel\">\n      @for (ddd of weekDays; track ddd) {\n        <ion-col class=\"ion-text-center ion-no-padding\">\n          {{ ddd }}\n        </ion-col>\n      }\n    </ion-row>\n    @for (row of calendarGrid; track row; let i = $index) {\n      <ion-row class=\"ion-align-items-center\">\n        @for (col of row; track col; let j = $index) {\n          <ion-col class=\"ion-text-center ion-no-padding\">\n            <ion-button\n              size=\"small\"\n              shape=\"round\"\n              [color]=\"\n                isSameDay(calendarGrid[i][j], today) || isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'primary'\n                  : isSameMonth(calendarGrid[i][j], refDate)\n                    ? 'dark'\n                    : 'medium'\n              \"\n              [fill]=\"\n                isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'solid'\n                  : isSameDay(calendarGrid[i][j], today)\n                    ? 'outline'\n                    : 'clear'\n              \"\n              [disabled]=\"!isDateSelectable(calendarGrid[i][j])\"\n              (click)=\"selectDate(calendarGrid[i][j])\"\n            >\n              {{ calendarGrid[i][j] | date: 'd' }}\n            </ion-button>\n          </ion-col>\n        }\n      </ion-row>\n    }\n    @if (timePicker || manualTimePicker) {\n      <ion-row>\n        <h1 class=\"headerLabel\">\n          {{ 'IDEA_UNCOMMON.CALENDAR.SET_TIME' | translate }}\n        </h1>\n      </ion-row>\n    }\n    @if (timePicker) {\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-no-padding\" [size]=\"7\">\n          <ion-row>\n            @for (hour of hours; track hour) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"2\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameHour(hour) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameHour(hour) ? 'solid' : 'clear'\"\n                  (click)=\"selectHour(hour)\"\n                >\n                  {{ hour }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n        <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"1\"> : </ion-col>\n        <ion-col class=\"ion-no-padding\" [size]=\"4\">\n          <ion-row>\n            @for (minute of minutes; track minute) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"4\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameMinute(minute) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameMinute(minute) ? 'solid' : 'clear'\"\n                  (click)=\"selectMinute(minute)\"\n                >\n                  {{ minute }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n      </ion-row>\n    }\n    @if (manualTimePicker) {\n      <ion-row class=\"ion-align-items-center manualTimePicker\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\">\n          <input type=\"number\" min=\"0\" max=\"23\" [value]=\"hour\" (change)=\"selectHour($event.target.value)\" />\n          <span>:</span>\n          <input type=\"number\" min=\"0\" max=\"59\" [value]=\"minute\" (change)=\"selectMinute($event.target.value)\" />\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-content>\n<ion-footer>\n  <ion-toolbar color=\"ideaToolbar\" class=\"tappable\" (click)=\"save()\">\n    <ion-title class=\"ion-text-center\">\n      <ion-icon name=\"checkmark\" />\n    </ion-title>\n  </ion-toolbar>\n</ion-footer>\n", styles: ["ion-content{--background: var(--ion-color-white)}h1{margin:10px}.headerLabel{font-size:.7em;font-weight:700;text-transform:uppercase}ion-col,ion-button{font-size:.95em}ion-button{margin:3px 0}ion-footer ion-toolbar{--min-height: 40px}.tappable{cursor:pointer}.manualTimePicker{padding:20px}.manualTimePicker input[type=number],.manualTimePicker span{font-size:2.5em}.manualTimePicker input[type=number]{border:none;border-bottom:2px solid var(--ion-color-dark);text-align:center}.manualTimePicker span{padding-left:4px;padding-right:4px}\n"] }]
+            args: [{ selector: 'idea-calendar-picker', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        IDEATranslatePipe,
+                        IDEALocalizedDatePipe,
+                        IonFooter,
+                        IonInput,
+                        IonCol,
+                        IonRow,
+                        IonContent,
+                        IonGrid,
+                        IonIcon,
+                        IonButton,
+                        IonButtons,
+                        IonTitle,
+                        IonToolbar,
+                        IonHeader
+                    ], template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      @if (!hideClearButton) {\n        <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.RESET' | translate\" (click)=\"save(true)\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-undo\" />\n        </ion-button>\n      }\n      <ion-button [title]=\"'IDEA_UNCOMMON.CALENDAR.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon slot=\"icon-only\" name=\"close\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid fixed class=\"ion-no-padding\">\n    <ion-row>\n      <h1 class=\"headerLabel\">{{ 'IDEA_UNCOMMON.CALENDAR.SET_DATE' | translate }}</h1>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\">\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"5\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\">\n            <ion-input\n              type=\"text\"\n              [placeholder]=\"'IDEA_UNCOMMON.CALENDAR.YEAR' | translate\"\n              [value]=\"refDate.getFullYear()\"\n              (ionFocus)=\"$event.target.value = ''\"\n              (ionChange)=\"setYear($event?.target?.value)\"\n            >\n            </ion-input>\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addYears(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n      <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"7\">\n        <ion-row class=\"ion-align-items-center\">\n          <ion-col class=\"ion-text-right ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(-1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-back\" />\n            </ion-button>\n          </ion-col>\n          <ion-col class=\"ion-text-center ion-no-padding tappable\" [size]=\"6\" (click)=\"showMonths()\">\n            {{ refDate | dateLocale: 'MMMM' }}\n          </ion-col>\n          <ion-col class=\"ion-text-left ion-no-padding\" [size]=\"3\">\n            <ion-button fill=\"clear\" color=\"dark\" (click)=\"addMonths(+1)\">\n              <ion-icon slot=\"icon-only\" name=\"chevron-forward\" />\n            </ion-button>\n          </ion-col>\n        </ion-row>\n      </ion-col>\n    </ion-row>\n    <ion-row style=\"margin-bottom: 8px\" class=\"headerLabel\">\n      @for (ddd of weekDays; track ddd) {\n        <ion-col class=\"ion-text-center ion-no-padding\">\n          {{ ddd }}\n        </ion-col>\n      }\n    </ion-row>\n    @for (row of calendarGrid; track row; let i = $index) {\n      <ion-row class=\"ion-align-items-center\">\n        @for (col of row; track col; let j = $index) {\n          <ion-col class=\"ion-text-center ion-no-padding\">\n            <ion-button\n              size=\"small\"\n              shape=\"round\"\n              [color]=\"\n                isSameDay(calendarGrid[i][j], today) || isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'primary'\n                  : isSameMonth(calendarGrid[i][j], refDate)\n                    ? 'dark'\n                    : 'medium'\n              \"\n              [fill]=\"\n                isSameDay(calendarGrid[i][j], selectedDate)\n                  ? 'solid'\n                  : isSameDay(calendarGrid[i][j], today)\n                    ? 'outline'\n                    : 'clear'\n              \"\n              [disabled]=\"!isDateSelectable(calendarGrid[i][j])\"\n              (click)=\"selectDate(calendarGrid[i][j])\"\n            >\n              {{ calendarGrid[i][j] | date: 'd' }}\n            </ion-button>\n          </ion-col>\n        }\n      </ion-row>\n    }\n    @if (timePicker || manualTimePicker) {\n      <ion-row>\n        <h1 class=\"headerLabel\">\n          {{ 'IDEA_UNCOMMON.CALENDAR.SET_TIME' | translate }}\n        </h1>\n      </ion-row>\n    }\n    @if (timePicker) {\n      <ion-row class=\"ion-align-items-center\">\n        <ion-col class=\"ion-no-padding\" [size]=\"7\">\n          <ion-row>\n            @for (hour of hours; track hour) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"2\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameHour(hour) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameHour(hour) ? 'solid' : 'clear'\"\n                  (click)=\"selectHour(hour)\"\n                >\n                  {{ hour }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n        <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"1\"> : </ion-col>\n        <ion-col class=\"ion-no-padding\" [size]=\"4\">\n          <ion-row>\n            @for (minute of minutes; track minute) {\n              <ion-col class=\"ion-text-center ion-no-padding\" [size]=\"4\">\n                <ion-button\n                  size=\"small\"\n                  shape=\"round\"\n                  [color]=\"isSameMinute(minute) ? 'primary' : 'dark'\"\n                  [fill]=\"isSameMinute(minute) ? 'solid' : 'clear'\"\n                  (click)=\"selectMinute(minute)\"\n                >\n                  {{ minute }}\n                </ion-button>\n              </ion-col>\n            }\n          </ion-row>\n        </ion-col>\n      </ion-row>\n    }\n    @if (manualTimePicker) {\n      <ion-row class=\"ion-align-items-center manualTimePicker\">\n        <ion-col class=\"ion-text-center\" [size]=\"12\">\n          <input type=\"number\" min=\"0\" max=\"23\" [value]=\"hour\" (change)=\"selectHour($event.target.value)\" />\n          <span>:</span>\n          <input type=\"number\" min=\"0\" max=\"59\" [value]=\"minute\" (change)=\"selectMinute($event.target.value)\" />\n        </ion-col>\n      </ion-row>\n    }\n  </ion-grid>\n</ion-content>\n<ion-footer>\n  <ion-toolbar color=\"ideaToolbar\" class=\"tappable\" (click)=\"save()\">\n    <ion-title class=\"ion-text-center\">\n      <ion-icon name=\"checkmark\" />\n    </ion-title>\n  </ion-toolbar>\n</ion-footer>\n", styles: ["ion-content{--background: var(--ion-color-white)}h1{margin:10px}.headerLabel{font-size:.7em;font-weight:700;text-transform:uppercase}ion-col,ion-button{font-size:.95em}ion-button{margin:3px 0}ion-footer ion-toolbar{--min-height: 40px}.tappable{cursor:pointer}.manualTimePicker{padding:20px}.manualTimePicker input[type=number],.manualTimePicker span{font-size:2.5em}.manualTimePicker input[type=number]{border:none;border-bottom:2px solid var(--ion-color-dark);text-align:center}.manualTimePicker span{padding-left:4px;padding-right:4px}\n"] }]
         }], propDecorators: { inputDate: [{
                 type: Input
             }], timePicker: [{
@@ -704,11 +1185,95 @@ class IDEADateTimeComponent {
         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, selector: "idea-date-time", inputs: { date: "date", timePicker: "timePicker", manualTimePicker: "manualTimePicker", useISOFormat: "useISOFormat", label: "label", icon: "icon", iconColor: "iconColor", lines: "lines", color: "color", placeholder: "placeholder", disabled: "disabled", obligatory: "obligatory", hideClearButton: "hideClearButton", min: "min", max: "max" }, outputs: { dateChange: "dateChange", iconSelect: "iconSelect" }, usesOnChanges: true, ngImport: i0, template: "<ion-item\n  class=\"dateTimeItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [title]=\"placeholder || label || ''\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [class.withLabel]=\"label\"\n  (click)=\"openCalendarPicker()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [icon]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\" [class.selectable]=\"!disabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" icon=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".dateTimeItem{min-height:48px;height:auto}.dateTimeItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.dateTimeItem .placeholder{color:var(--ion-color-medium)}.dateTimeItem .value{white-space:nowrap}.dateTimeItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.dateTimeItem.withLabel{min-height:58px;height:auto}.dateTimeItem.withLabel .selectIcon{padding-top:25px}.dateTimeItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+    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: `
+    <ion-item
+      class="dateTimeItem"
+      [color]="color"
+      [lines]="lines"
+      [title]="placeholder || label || ''"
+      [button]="!disabled"
+      [disabled]="isOpening"
+      [class.withLabel]="label"
+      (click)="openCalendarPicker()"
+    >
+      @if (icon) {
+        <ion-button
+          fill="clear"
+          slot="start"
+          [color]="iconColor"
+          [class.marginTop]="label"
+          (click)="doIconSelect($event)"
+        >
+          <ion-icon [icon]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label position="stacked" [class.selectable]="!disabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="value" [class.selectable]="!disabled">
+        @if (!valueToDisplay && !disabled) {
+          <ion-text class="placeholder" [class.selectable]="!disabled">
+            {{ placeholder }}
+          </ion-text>
+        }
+        {{ valueToDisplay }}
+      </ion-label>
+      @if (!disabled) {
+        <ion-icon slot="end" icon="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </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: [{
             type: Component,
-            args: [{ selector: 'idea-date-time', template: "<ion-item\n  class=\"dateTimeItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [title]=\"placeholder || label || ''\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [class.withLabel]=\"label\"\n  (click)=\"openCalendarPicker()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [icon]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\" [class.selectable]=\"!disabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" icon=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".dateTimeItem{min-height:48px;height:auto}.dateTimeItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.dateTimeItem .placeholder{color:var(--ion-color-medium)}.dateTimeItem .value{white-space:nowrap}.dateTimeItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.dateTimeItem.withLabel{min-height:58px;height:auto}.dateTimeItem.withLabel .selectIcon{padding-top:25px}.dateTimeItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-date-time', standalone: true, imports: [CommonModule, IDEATranslatePipe, IonText, IonLabel, IonIcon, IonButton, IonItem], template: `
+    <ion-item
+      class="dateTimeItem"
+      [color]="color"
+      [lines]="lines"
+      [title]="placeholder || label || ''"
+      [button]="!disabled"
+      [disabled]="isOpening"
+      [class.withLabel]="label"
+      (click)="openCalendarPicker()"
+    >
+      @if (icon) {
+        <ion-button
+          fill="clear"
+          slot="start"
+          [color]="iconColor"
+          [class.marginTop]="label"
+          (click)="doIconSelect($event)"
+        >
+          <ion-icon [icon]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label position="stacked" [class.selectable]="!disabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="value" [class.selectable]="!disabled">
+        @if (!valueToDisplay && !disabled) {
+          <ion-text class="placeholder" [class.selectable]="!disabled">
+            {{ placeholder }}
+          </ion-text>
+        }
+        {{ valueToDisplay }}
+      </ion-label>
+      @if (!disabled) {
+        <ion-icon slot="end" icon="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </ion-item>
+  `, styles: [".dateTimeItem{min-height:48px;height:auto}.dateTimeItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.dateTimeItem .placeholder{color:var(--ion-color-medium)}.dateTimeItem .value{white-space:nowrap}.dateTimeItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.dateTimeItem.withLabel{min-height:58px;height:auto}.dateTimeItem.withLabel .selectIcon{padding-top:25px}.dateTimeItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
         }], propDecorators: { date: [{
                 type: Input
             }], timePicker: [{
@@ -745,20 +1310,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Output
             }] } });
 
-class IDEADateTimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeModule, declarations: [IDEADateTimeComponent, IDEACalendarPickerComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEADateTimeComponent, IDEACalendarPickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADateTimeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEADateTimeComponent, IDEACalendarPickerComponent],
-                    exports: [IDEADateTimeComponent, IDEACalendarPickerComponent]
-                }]
-        }] });
-
 class IDEADurationComponent {
     constructor() {
         /**
@@ -802,11 +1353,127 @@ 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, selector: "idea-duration", inputs: { default: "default", label: "label", icon: "icon", title: "title", disabled: "disabled", obligatory: "obligatory", lines: "lines", color: "color", hideSeconds: "hideSeconds", shortLabels: "shortLabels" }, outputs: { set: "set" }, usesOnChanges: true, ngImport: i0, template: "<ion-item class=\"durationItem\" [lines]=\"lines\" [color]=\"color\" [title]=\"title || label\">\n  @if (icon) {\n    <ion-icon slot=\"start\" [name]=\"icon\" />\n  }\n  @if (!icon && label) {\n    <ion-label position=\"stacked\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\">\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"23\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"hours\"\n      (ionChange)=\"setDuration('hours')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()\n    }}</ion-text>\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"59\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"minutes\"\n      (ionChange)=\"setDuration('minutes')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()\n    }}</ion-text>\n    @if (!hideSeconds) {\n      <ion-input\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        inputmode=\"numeric\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"seconds\"\n        (ionChange)=\"setDuration('seconds')\"\n      />\n    }\n    @if (!hideSeconds) {\n      <ion-text>\n        {{ ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase() }}\n      </ion-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".durationItem .value{max-width:none;width:100%;pointer-events:all}.durationItem .value ion-input{display:inline-block;max-width:35px;text-align:right}.durationItem .value ion-text{margin-left:10px;margin-right:20px;font-size:.8em}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearInputIcon", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.NumericValueAccessor, selector: "ion-input[type=number],ion-range" }, { kind: "directive", type: i1$1.IonMinValidator, selector: "ion-input[type=number][min][formControlName],ion-input[type=number][min][formControl],ion-input[type=number][min][ngModel]" }, { kind: "directive", type: i1$1.IonMaxValidator, selector: "ion-input[type=number][max][formControlName],ion-input[type=number][max][formControl],ion-input[type=number][max][ngModel]" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    <ion-item class="durationItem" [lines]="lines" [color]="color" [title]="title || label">
+      @if (icon) {
+        <ion-icon slot="start" [name]="icon" />
+      }
+      @if (!icon && label) {
+        <ion-label position="stacked">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="value">
+        <ion-input
+          type="number"
+          min="0"
+          max="23"
+          inputmode="numeric"
+          [disabled]="disabled"
+          [(ngModel)]="hours"
+          (ionChange)="setDuration('hours')"
+        />
+        <ion-text>{{
+          ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()
+        }}</ion-text>
+        <ion-input
+          type="number"
+          min="0"
+          max="59"
+          inputmode="numeric"
+          [disabled]="disabled"
+          [(ngModel)]="minutes"
+          (ionChange)="setDuration('minutes')"
+        />
+        <ion-text>{{
+          ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()
+        }}</ion-text>
+        @if (!hideSeconds) {
+          <ion-input
+            type="number"
+            min="0"
+            max="59"
+            inputmode="numeric"
+            [disabled]="disabled"
+            [(ngModel)]="seconds"
+            (ionChange)="setDuration('seconds')"
+          />
+        }
+        @if (!hideSeconds) {
+          <ion-text>
+            {{
+              ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase()
+            }}
+          </ion-text>
+        }
+      </ion-label>
+    </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: [{
             type: Component,
-            args: [{ selector: 'idea-duration', template: "<ion-item class=\"durationItem\" [lines]=\"lines\" [color]=\"color\" [title]=\"title || label\">\n  @if (icon) {\n    <ion-icon slot=\"start\" [name]=\"icon\" />\n  }\n  @if (!icon && label) {\n    <ion-label position=\"stacked\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"value\">\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"23\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"hours\"\n      (ionChange)=\"setDuration('hours')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()\n    }}</ion-text>\n    <ion-input\n      type=\"number\"\n      min=\"0\"\n      max=\"59\"\n      inputmode=\"numeric\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"minutes\"\n      (ionChange)=\"setDuration('minutes')\"\n    />\n    <ion-text>{{\n      ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()\n    }}</ion-text>\n    @if (!hideSeconds) {\n      <ion-input\n        type=\"number\"\n        min=\"0\"\n        max=\"59\"\n        inputmode=\"numeric\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"seconds\"\n        (ionChange)=\"setDuration('seconds')\"\n      />\n    }\n    @if (!hideSeconds) {\n      <ion-text>\n        {{ ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase() }}\n      </ion-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".durationItem .value{max-width:none;width:100%;pointer-events:all}.durationItem .value ion-input{display:inline-block;max-width:35px;text-align:right}.durationItem .value ion-text{margin-left:10px;margin-right:20px;font-size:.8em}\n"] }]
+            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">
+      @if (icon) {
+        <ion-icon slot="start" [name]="icon" />
+      }
+      @if (!icon && label) {
+        <ion-label position="stacked">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="value">
+        <ion-input
+          type="number"
+          min="0"
+          max="23"
+          inputmode="numeric"
+          [disabled]="disabled"
+          [(ngModel)]="hours"
+          (ionChange)="setDuration('hours')"
+        />
+        <ion-text>{{
+          ((shortLabels ? 'IDEA_UNCOMMON.DURATION.HH' : 'IDEA_UNCOMMON.DURATION.HOURS') | translate).toLowerCase()
+        }}</ion-text>
+        <ion-input
+          type="number"
+          min="0"
+          max="59"
+          inputmode="numeric"
+          [disabled]="disabled"
+          [(ngModel)]="minutes"
+          (ionChange)="setDuration('minutes')"
+        />
+        <ion-text>{{
+          ((shortLabels ? 'IDEA_UNCOMMON.DURATION.MM' : 'IDEA_UNCOMMON.DURATION.MINUTES') | translate).toLowerCase()
+        }}</ion-text>
+        @if (!hideSeconds) {
+          <ion-input
+            type="number"
+            min="0"
+            max="59"
+            inputmode="numeric"
+            [disabled]="disabled"
+            [(ngModel)]="seconds"
+            (ionChange)="setDuration('seconds')"
+          />
+        }
+        @if (!hideSeconds) {
+          <ion-text>
+            {{
+              ((shortLabels ? 'IDEA_UNCOMMON.DURATION.SS' : 'IDEA_UNCOMMON.DURATION.SECONDS') | translate).toLowerCase()
+            }}
+          </ion-text>
+        }
+      </ion-label>
+    </ion-item>
+  `, styles: [".durationItem .value{max-width:none;width:100%;pointer-events:all}.durationItem .value ion-input{display:inline-block;max-width:35px;text-align:right}.durationItem .value ion-text{margin-left:10px;margin-right:20px;font-size:.8em}\n"] }]
         }], ctorParameters: () => [], propDecorators: { default: [{
                 type: Input
             }], label: [{
@@ -831,20 +1498,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Output
             }] } });
 
-class IDEADurationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationModule, declarations: [IDEADurationComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEADurationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEADurationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEADurationComponent],
-                    exports: [IDEADurationComponent]
-                }]
-        }] });
-
 class IDEAErrorReportingService {
     constructor() {
         this._env = inject(IDEAEnvironment);
@@ -901,10 +1554,11 @@ class IDEAErrorReportingService {
         });
     }
     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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAErrorReportingService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAErrorReportingService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
@@ -959,10 +1613,11 @@ class IDEAOfflineService {
         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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
@@ -1353,10 +2008,11 @@ class IDEAAWSAPIService {
         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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPIService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPIService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 /**
  * The options of an API request.
@@ -1524,11 +2180,79 @@ class IDEAEchoPage {
         }
     }
     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, selector: "idea-echo", ngImport: i0, template: "<ion-content>\n  <div class=\"flexBox\">\n    <ion-card class=\"echoCard maxWidthContainer\">\n      <ion-img [src]=\"'assets/icons/icon-auth.svg'\" />\n      <ion-card-header>\n        <ion-card-title>\n          @if (success === true) {\n          <ion-icon color=\"success\" name=\"checkmark\" />\n          } @if (success === false) {\n          <ion-icon color=\"danger\" name=\"close\" />\n          }\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content class=\"selectable\">\n        {{ content }} @if (htmlContent) {\n        <div class=\"htmlContent\" [innerHTML]=\"htmlContent\"></div>\n        } @if (success === false || success === true) {\n        <p class=\"youCanCloseMe\">\n          <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>\n        </p>\n        }\n      </ion-card-content>\n    </ion-card>\n  </div>\n</ion-content>\n", styles: [".echoCard{min-width:300px;padding:30px 20px;text-align:center}.echoCard ion-img{width:80px;display:block;margin:0 auto}.echoCard ion-icon{font-size:1.8em}.echoCard ion-card-content{margin-bottom:20px;font-size:1.2em}.echoCard ion-card-content p.youCanCloseMe{margin-top:12px}\n"], dependencies: [{ kind: "component", type: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1$1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1$1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IDEAEchoPage, isStandalone: true, selector: "idea-echo", ngImport: i0, template: `
+    <ion-content>
+      <div class="flexBox">
+        <ion-card class="echoCard maxWidthContainer">
+          <ion-img [src]="'assets/icons/icon-auth.svg'" />
+          <ion-card-header>
+            <ion-card-title>
+              @if (success === true) {
+                <ion-icon color="success" name="checkmark" />
+              }
+              @if (success === false) {
+                <ion-icon color="danger" name="close" />
+              }
+            </ion-card-title>
+          </ion-card-header>
+          <ion-card-content class="selectable">
+            {{ content }}
+            @if (htmlContent) {
+              <div class="htmlContent" [innerHTML]="htmlContent"></div>
+            }
+            @if (success === false || success === true) {
+              <p class="youCanCloseMe">
+                <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>
+              </p>
+            }
+          </ion-card-content>
+        </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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-echo', template: "<ion-content>\n  <div class=\"flexBox\">\n    <ion-card class=\"echoCard maxWidthContainer\">\n      <ion-img [src]=\"'assets/icons/icon-auth.svg'\" />\n      <ion-card-header>\n        <ion-card-title>\n          @if (success === true) {\n          <ion-icon color=\"success\" name=\"checkmark\" />\n          } @if (success === false) {\n          <ion-icon color=\"danger\" name=\"close\" />\n          }\n        </ion-card-title>\n      </ion-card-header>\n      <ion-card-content class=\"selectable\">\n        {{ content }} @if (htmlContent) {\n        <div class=\"htmlContent\" [innerHTML]=\"htmlContent\"></div>\n        } @if (success === false || success === true) {\n        <p class=\"youCanCloseMe\">\n          <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>\n        </p>\n        }\n      </ion-card-content>\n    </ion-card>\n  </div>\n</ion-content>\n", styles: [".echoCard{min-width:300px;padding:30px 20px;text-align:center}.echoCard ion-img{width:80px;display:block;margin:0 auto}.echoCard ion-icon{font-size:1.8em}.echoCard ion-card-content{margin-bottom:20px;font-size:1.2em}.echoCard ion-card-content p.youCanCloseMe{margin-top:12px}\n"] }]
+            args: [{ selector: 'idea-echo', standalone: true, imports: [
+                        CommonModule,
+                        IDEATranslatePipe,
+                        IonCardContent,
+                        IonIcon,
+                        IonCardTitle,
+                        IonCardHeader,
+                        IonImg,
+                        IonCard,
+                        IonContent
+                    ], template: `
+    <ion-content>
+      <div class="flexBox">
+        <ion-card class="echoCard maxWidthContainer">
+          <ion-img [src]="'assets/icons/icon-auth.svg'" />
+          <ion-card-header>
+            <ion-card-title>
+              @if (success === true) {
+                <ion-icon color="success" name="checkmark" />
+              }
+              @if (success === false) {
+                <ion-icon color="danger" name="close" />
+              }
+            </ion-card-title>
+          </ion-card-header>
+          <ion-card-content class="selectable">
+            {{ content }}
+            @if (htmlContent) {
+              <div class="htmlContent" [innerHTML]="htmlContent"></div>
+            }
+            @if (success === false || success === true) {
+              <p class="youCanCloseMe">
+                <i>{{ 'IDEA_UNCOMMON.ECHO.YOU_CAN_CLOSE_THE_PAGE' | translate }}</i>
+              </p>
+            }
+          </ion-card-content>
+        </ion-card>
+      </div>
+    </ion-content>
+  `, styles: [".echoCard{min-width:300px;padding:30px 20px;text-align:center}.echoCard ion-img{width:80px;display:block;margin:0 auto}.echoCard ion-icon{font-size:1.8em}.echoCard ion-card-content{margin-bottom:20px;font-size:1.2em}.echoCard ion-card-content p.youCanCloseMe{margin-top:12px}\n"] }]
         }] });
 var EchoRequests;
 (function (EchoRequests) {
@@ -1542,30 +2266,30 @@ var EchoRequests;
     EchoRequests["GOOGLE_CALENDARS_INTEGRATION"] = "google-calendars-integration";
 })(EchoRequests || (EchoRequests = {}));
 
-const routes = [
+const ideaEchoRoutes = [
     { path: '', component: IDEAEchoPage },
     { path: ':request', component: IDEAEchoPage }
 ];
-class IDEAEchoModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoModule, declarations: [IDEAEchoPage], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, i1$2.RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, RouterModule.forChild(routes)] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAEchoModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule, RouterModule.forChild(routes)],
-                    declarations: [IDEAEchoPage]
-                }]
-        }] });
 
 class IDEAMDEToolbarComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.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, selector: "idea-mde-toolbar", ngImport: i0, template: "<div class=\"mdeToolbar\">\n  <b>**{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.BOLD' | translate }}**</b>\n  <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>\n  ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~\n</div>\n", styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"], dependencies: [{ kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-mde-toolbar', template: "<div class=\"mdeToolbar\">\n  <b>**{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.BOLD' | translate }}**</b>\n  <i>*{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.ITALIC' | translate }}*</i>\n  ~{{ 'IDEA_UNCOMMON.MDE.TOOLBAR.STRIKE' | translate }}~\n</div>\n", styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar b,.mdeToolbar i{padding-right:5px}\n"] }]
+            args: [{ selector: 'idea-mde-toolbar', standalone: true, imports: [CommonModule, IDEATranslatePipe], 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>
+  `, styles: [".mdeToolbar{text-align:right;color:#aaa;padding:5px 0;font-size:.9em}.mdeToolbar :is(b,i){padding-right:5px}\n"] }]
         }] });
 
 class IDEAMDEComponent {
@@ -1584,11 +2308,109 @@ class IDEAMDEComponent {
         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, selector: "idea-mde", inputs: { id: "id", title: "title", header: "header", description: "description", variables: "variables", initialValue: "initialValue", placeholder: "placeholder" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate\" (click)=\"confirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  @if (header) {\n    <h2 class=\"header\">\n      {{ header }}\n    </h2>\n  }\n  @if (description) {\n    <p class=\"description\">\n      {{ description }}\n    </p>\n  }\n  @if (variables?.length) {\n    <p class=\"variables\">\n      <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>\n      @for (v of variables; track v) {\n        <ion-text>\n          {{ v.concat(' ') }}\n        </ion-text>\n      }\n    </p>\n  }\n  <ion-textarea rows=\"12\" [id]=\"id\" [placeholder]=\"placeholder\" [(ngModel)]=\"value\" />\n  <idea-mde-toolbar />\n</ion-content>\n", styles: ["ion-content{--ion-background-color: #f4f4f4}h2.header{margin:0;font-size:.7em;font-weight:700;text-transform:uppercase}.description{margin-top:5px;margin-bottom:20px;font-size:.9em}.variables{margin:10px 5px;font-size:.8em}ion-textarea{--background: var(--ion-color-white);padding:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: IDEAMDEToolbarComponent, selector: "idea-mde-toolbar" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    <ion-header>
+      <ion-toolbar color="ideaToolbar">
+        <ion-buttons slot="start">
+          <ion-button [title]="'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate" (click)="close()">
+            <ion-icon name="close" slot="icon-only" />
+          </ion-button>
+        </ion-buttons>
+        <ion-title>
+          {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}
+        </ion-title>
+        <ion-buttons slot="end">
+          <ion-button [title]="'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate" (click)="confirm()">
+            <ion-icon name="checkmark" slot="icon-only" />
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      @if (header) {
+        <h2 class="header">
+          {{ header }}
+        </h2>
+      }
+      @if (description) {
+        <p class="description">
+          {{ description }}
+        </p>
+      }
+      @if (variables?.length) {
+        <p class="variables">
+          <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>
+          @for (v of variables; track v) {
+            <ion-text>
+              {{ v.concat(' ') }}
+            </ion-text>
+          }
+        </p>
+      }
+      <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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-mde', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate\" (click)=\"confirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n  @if (header) {\n    <h2 class=\"header\">\n      {{ header }}\n    </h2>\n  }\n  @if (description) {\n    <p class=\"description\">\n      {{ description }}\n    </p>\n  }\n  @if (variables?.length) {\n    <p class=\"variables\">\n      <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>\n      @for (v of variables; track v) {\n        <ion-text>\n          {{ v.concat(' ') }}\n        </ion-text>\n      }\n    </p>\n  }\n  <ion-textarea rows=\"12\" [id]=\"id\" [placeholder]=\"placeholder\" [(ngModel)]=\"value\" />\n  <idea-mde-toolbar />\n</ion-content>\n", styles: ["ion-content{--ion-background-color: #f4f4f4}h2.header{margin:0;font-size:.7em;font-weight:700;text-transform:uppercase}.description{margin-top:5px;margin-bottom:20px;font-size:.9em}.variables{margin:10px 5px;font-size:.8em}ion-textarea{--background: var(--ion-color-white);padding:10px}\n"] }]
+            args: [{ selector: 'idea-mde', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        IDEATranslatePipe,
+                        IDEAMDEToolbarComponent,
+                        IonTextarea,
+                        IonText,
+                        IonContent,
+                        IonTitle,
+                        IonIcon,
+                        IonButton,
+                        IonButtons,
+                        IonToolbar,
+                        IonHeader
+                    ], template: `
+    <ion-header>
+      <ion-toolbar color="ideaToolbar">
+        <ion-buttons slot="start">
+          <ion-button [title]="'IDEA_UNCOMMON.MDE.CLOSE_WITHOUT_SAVING' | translate" (click)="close()">
+            <ion-icon name="close" slot="icon-only" />
+          </ion-button>
+        </ion-buttons>
+        <ion-title>
+          {{ title || ('IDEA_UNCOMMON.MDE.TITLE' | translate) }}
+        </ion-title>
+        <ion-buttons slot="end">
+          <ion-button [title]="'IDEA_UNCOMMON.MDE.SAVE_AND_CLOSE' | translate" (click)="confirm()">
+            <ion-icon name="checkmark" slot="icon-only" />
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content class="ion-padding">
+      @if (header) {
+        <h2 class="header">
+          {{ header }}
+        </h2>
+      }
+      @if (description) {
+        <p class="description">
+          {{ description }}
+        </p>
+      }
+      @if (variables?.length) {
+        <p class="variables">
+          <b> {{ 'IDEA_UNCOMMON.MDE.VARIABLES' | translate }}: </b>
+          @for (v of variables; track v) {
+            <ion-text>
+              {{ v.concat(' ') }}
+            </ion-text>
+          }
+        </p>
+      }
+      <ion-textarea rows="12" [id]="id" [placeholder]="placeholder" [(ngModel)]="value" />
+      <idea-mde-toolbar />
+    </ion-content>
+  `, styles: ["ion-content{--ion-background-color: #f4f4f4}h2.header{margin:0;font-size:.7em;font-weight:700;text-transform:uppercase}.description{margin-top:5px;margin-bottom:20px;font-size:.9em}.variables{margin:10px 5px;font-size:.8em}ion-textarea{--background: var(--ion-color-white);padding:10px}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], title: [{
@@ -1605,20 +2427,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }] } });
 
-class IDEAMDEModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEModule, declarations: [IDEAMDEComponent, IDEAMDEToolbarComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAMDEComponent, IDEAMDEToolbarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAMDEModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEAMDEComponent, IDEAMDEToolbarComponent],
-                    exports: [IDEAMDEComponent, IDEAMDEToolbarComponent]
-                }]
-        }] });
-
 /**
  * After how much time we need to request a synchronisation to keep the contents up-to-date.
  */
@@ -2074,10 +2882,11 @@ class IDEAOfflineDataService {
         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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineDataService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineDataService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 /**
  * The abstract class to implement for each resource to cache offline from the back-end (DOWNLOAD).
@@ -2098,11 +2907,48 @@ class IDEACacheableResourceComponent {
         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, selector: "idea-cacheable-resource", inputs: { resource: "resource" }, ngImport: i0, template: "<ion-item class=\"cacheableResourceItem\">\n  <ion-label>{{ resource.description }}</ion-label>\n  @if (resource.error) {\n    <ion-icon slot=\"end\" name=\"alert-circle\" color=\"danger\" />\n  }\n  @if (!resource.error && _offline.synchronizing && resource.synchronizing) {\n    <ion-spinner slot=\"end\" name=\"dots\" />\n  }\n  @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"checkmark\" color=\"success\" />\n  }\n  @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"pause\" color=\"dark\" />\n  }\n</ion-item>\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+    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: `
+    <ion-item class="cacheableResourceItem">
+      <ion-label>{{ resource.description }}</ion-label>
+      @if (resource.error) {
+        <ion-icon slot="end" name="alert-circle" color="danger" />
+      }
+      @if (!resource.error && _offline.synchronizing && resource.synchronizing) {
+        <ion-spinner slot="end" name="dots" />
+      }
+      @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {
+        <ion-icon slot="end" name="checkmark" color="success" />
+      }
+      @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {
+        <ion-icon slot="end" name="pause" color="dark" />
+      }
+    </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: [{
             type: Component,
-            args: [{ selector: 'idea-cacheable-resource', template: "<ion-item class=\"cacheableResourceItem\">\n  <ion-label>{{ resource.description }}</ion-label>\n  @if (resource.error) {\n    <ion-icon slot=\"end\" name=\"alert-circle\" color=\"danger\" />\n  }\n  @if (!resource.error && _offline.synchronizing && resource.synchronizing) {\n    <ion-spinner slot=\"end\" name=\"dots\" />\n  }\n  @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"checkmark\" color=\"success\" />\n  }\n  @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {\n    <ion-icon slot=\"end\" name=\"pause\" color=\"dark\" />\n  }\n</ion-item>\n" }]
+            args: [{
+                    selector: 'idea-cacheable-resource',
+                    standalone: true,
+                    imports: [CommonModule, IonSpinner, IonIcon, IonLabel, IonItem],
+                    template: `
+    <ion-item class="cacheableResourceItem">
+      <ion-label>{{ resource.description }}</ion-label>
+      @if (resource.error) {
+        <ion-icon slot="end" name="alert-circle" color="danger" />
+      }
+      @if (!resource.error && _offline.synchronizing && resource.synchronizing) {
+        <ion-spinner slot="end" name="dots" />
+      }
+      @if (!resource.error && !resource.synchronizing && !_offline.requiresManualConfirmation) {
+        <ion-icon slot="end" name="checkmark" color="success" />
+      }
+      @if (!resource.error && !resource.synchronizing && _offline.requiresManualConfirmation) {
+        <ion-icon slot="end" name="pause" color="dark" />
+      }
+    </ion-item>
+  `
+                }]
         }], propDecorators: { resource: [{
                 type: Input
             }] } });
@@ -2175,11 +3021,29 @@ class IDEAOfflineManagerComponent {
         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, selector: "idea-offline-manager", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ 'IDEA_UNCOMMON.OFFLINE.OFFLINE_MANAGER' | translate }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS' | translate\" (click)=\"actions()\">\n        <ion-icon slot=\"icon-only\" name=\"ellipsis-vertical\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-list class=\"aList\">\n    @if (!_offline.synchronizing && _offline.requiresManualConfirmation) {\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.HUGE_SYNC_NEED_MANUAL_CONFIRMATION' | translate }}</h2>\n        </ion-label>\n      </ion-list-header>\n    }\n    @if (!_offline.synchronizing) {\n      <ion-list-header>\n        <ion-label class=\"ion-text-wrap\">\n          <h3 class=\"lastSyncAt\">\n            {{ 'IDEA_UNCOMMON.OFFLINE.LAST_SYNC' | translate }}:\n            <ion-text>\n              {{\n                _offline.lastSyncAt\n                  ? (_offline.lastSyncAt | dateLocale: 'medium')\n                  : ('IDEA_UNCOMMON.OFFLINE.NEVER' | translate)\n              }}\n            </ion-text>\n          </h3>\n          @if (_offline.errorInLastSync) {\n            <p>\n              <ion-text color=\"danger\">\n                <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_DURING_LAST_SYNC' | translate }}</b>\n              </ion-text>\n            </p>\n          }\n        </ion-label>\n        <ion-button\n          size=\"small\"\n          fill=\"solid\"\n          [color]=\"_offline.errorInLastSync ? 'danger' : 'dark'\"\n          [disabled]=\"_offline.isOffline()\"\n          (click)=\"sync()\"\n        >\n          <ion-icon slot=\"start\" name=\"sync\" /> {{ 'IDEA_UNCOMMON.OFFLINE.SYNC_NOW' | translate }}\n        </ion-button>\n      </ion-list-header>\n    }\n  </ion-list>\n  @if (_offline.synchronizing) {\n    <ion-list class=\"aList\">\n      <ion-item>\n        <ion-label class=\"ion-text-center\">\n          <ion-spinner name=\"crescent\" color=\"primary\" />\n        </ion-label>\n      </ion-item>\n    </ion-list>\n  }\n  @if (_offline.useQueueAPIRequests) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD_QUEUE_REQUESTS_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @if (!_offline.queueAPIRequests.length) {\n        <ion-item>\n          <i>{{ 'IDEA_UNCOMMON.OFFLINE.NO_ELEMENTS_TO_UPLOAD' | translate }}</i>\n          <ion-icon slot=\"end\" size=\"small\" name=\"checkmark\" color=\"success\" />\n        </ion-item>\n      }\n      @for (r of _offline.queueAPIRequests; track r; let odd = $odd) {\n        <ion-item [class.oddItem]=\"odd\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ r.description }}\n            @if (r.error) {\n              <p>\n                <ion-text color=\"danger\">\n                  <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_CODE' | translate }}: {{ r.error }}</b>\n                </ion-text>\n                <br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_I' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_II' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_III' | translate }}\n              </p>\n            }\n          </ion-label>\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"danger\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.CANCEL_REQUEST' | translate\"\n              (click)=\"deleteRequest(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"trash\" />\n            </ion-button>\n          }\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"medium\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_LOG' | translate\"\n              (click)=\"downloadRequestLog(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"download\" />\n            </ion-button>\n          }\n          @if (_offline.synchronizing) {\n            <ion-spinner slot=\"end\" name=\"dots\" />\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (_offline.getResources().length) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_RESOURCES_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @for (r of _offline.getResources(); track r) {\n        <idea-cacheable-resource [resource]=\"_offline.getCacheableResource(r)\" />\n      }\n    </ion-list>\n  }\n</ion-content>\n", styles: [".aList{max-width:500px;margin:0 auto}.aList ion-list-header{padding-right:10px}.aList ion-list-header h3.lastSyncAt{margin-top:6px}\n"], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1$1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IDEACacheableResourceComponent, selector: "idea-cacheable-resource", inputs: ["resource"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }, { kind: "pipe", type: i3.IDEALocalizedDatePipe, name: "dateLocale" }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineManagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-offline-manager', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ 'IDEA_UNCOMMON.OFFLINE.OFFLINE_MANAGER' | translate }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS' | translate\" (click)=\"actions()\">\n        <ion-icon slot=\"icon-only\" name=\"ellipsis-vertical\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-list class=\"aList\">\n    @if (!_offline.synchronizing && _offline.requiresManualConfirmation) {\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.HUGE_SYNC_NEED_MANUAL_CONFIRMATION' | translate }}</h2>\n        </ion-label>\n      </ion-list-header>\n    }\n    @if (!_offline.synchronizing) {\n      <ion-list-header>\n        <ion-label class=\"ion-text-wrap\">\n          <h3 class=\"lastSyncAt\">\n            {{ 'IDEA_UNCOMMON.OFFLINE.LAST_SYNC' | translate }}:\n            <ion-text>\n              {{\n                _offline.lastSyncAt\n                  ? (_offline.lastSyncAt | dateLocale: 'medium')\n                  : ('IDEA_UNCOMMON.OFFLINE.NEVER' | translate)\n              }}\n            </ion-text>\n          </h3>\n          @if (_offline.errorInLastSync) {\n            <p>\n              <ion-text color=\"danger\">\n                <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_DURING_LAST_SYNC' | translate }}</b>\n              </ion-text>\n            </p>\n          }\n        </ion-label>\n        <ion-button\n          size=\"small\"\n          fill=\"solid\"\n          [color]=\"_offline.errorInLastSync ? 'danger' : 'dark'\"\n          [disabled]=\"_offline.isOffline()\"\n          (click)=\"sync()\"\n        >\n          <ion-icon slot=\"start\" name=\"sync\" /> {{ 'IDEA_UNCOMMON.OFFLINE.SYNC_NOW' | translate }}\n        </ion-button>\n      </ion-list-header>\n    }\n  </ion-list>\n  @if (_offline.synchronizing) {\n    <ion-list class=\"aList\">\n      <ion-item>\n        <ion-label class=\"ion-text-center\">\n          <ion-spinner name=\"crescent\" color=\"primary\" />\n        </ion-label>\n      </ion-item>\n    </ion-list>\n  }\n  @if (_offline.useQueueAPIRequests) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD_QUEUE_REQUESTS_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @if (!_offline.queueAPIRequests.length) {\n        <ion-item>\n          <i>{{ 'IDEA_UNCOMMON.OFFLINE.NO_ELEMENTS_TO_UPLOAD' | translate }}</i>\n          <ion-icon slot=\"end\" size=\"small\" name=\"checkmark\" color=\"success\" />\n        </ion-item>\n      }\n      @for (r of _offline.queueAPIRequests; track r; let odd = $odd) {\n        <ion-item [class.oddItem]=\"odd\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ r.description }}\n            @if (r.error) {\n              <p>\n                <ion-text color=\"danger\">\n                  <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_CODE' | translate }}: {{ r.error }}</b>\n                </ion-text>\n                <br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_I' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_II' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_III' | translate }}\n              </p>\n            }\n          </ion-label>\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"danger\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.CANCEL_REQUEST' | translate\"\n              (click)=\"deleteRequest(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"trash\" />\n            </ion-button>\n          }\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"medium\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_LOG' | translate\"\n              (click)=\"downloadRequestLog(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"download\" />\n            </ion-button>\n          }\n          @if (_offline.synchronizing) {\n            <ion-spinner slot=\"end\" name=\"dots\" />\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (_offline.getResources().length) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_RESOURCES_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @for (r of _offline.getResources(); track r) {\n        <idea-cacheable-resource [resource]=\"_offline.getCacheableResource(r)\" />\n      }\n    </ion-list>\n  }\n</ion-content>\n", styles: [".aList{max-width:500px;margin:0 auto}.aList ion-list-header{padding-right:10px}.aList ion-list-header h3.lastSyncAt{margin-top:6px}\n"] }]
+            args: [{ selector: 'idea-offline-manager', standalone: true, imports: [
+                        CommonModule,
+                        IDEATranslatePipe,
+                        IDEALocalizedDatePipe,
+                        IDEACacheableResourceComponent,
+                        IonSpinner,
+                        IonItem,
+                        IonText,
+                        IonLabel,
+                        IonListHeader,
+                        IonList,
+                        IonContent,
+                        IonTitle,
+                        IonButtons,
+                        IonIcon,
+                        IonButton,
+                        IonToolbar,
+                        IonHeader
+                    ], template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>\n      {{ 'IDEA_UNCOMMON.OFFLINE.OFFLINE_MANAGER' | translate }}\n    </ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'IDEA_UNCOMMON.OFFLINE.ADVANCED_ACTIONS' | translate\" (click)=\"actions()\">\n        <ion-icon slot=\"icon-only\" name=\"ellipsis-vertical\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-list class=\"aList\">\n    @if (!_offline.synchronizing && _offline.requiresManualConfirmation) {\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.HUGE_SYNC_NEED_MANUAL_CONFIRMATION' | translate }}</h2>\n        </ion-label>\n      </ion-list-header>\n    }\n    @if (!_offline.synchronizing) {\n      <ion-list-header>\n        <ion-label class=\"ion-text-wrap\">\n          <h3 class=\"lastSyncAt\">\n            {{ 'IDEA_UNCOMMON.OFFLINE.LAST_SYNC' | translate }}:\n            <ion-text>\n              {{\n                _offline.lastSyncAt\n                  ? (_offline.lastSyncAt | dateLocale: 'medium')\n                  : ('IDEA_UNCOMMON.OFFLINE.NEVER' | translate)\n              }}\n            </ion-text>\n          </h3>\n          @if (_offline.errorInLastSync) {\n            <p>\n              <ion-text color=\"danger\">\n                <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_DURING_LAST_SYNC' | translate }}</b>\n              </ion-text>\n            </p>\n          }\n        </ion-label>\n        <ion-button\n          size=\"small\"\n          fill=\"solid\"\n          [color]=\"_offline.errorInLastSync ? 'danger' : 'dark'\"\n          [disabled]=\"_offline.isOffline()\"\n          (click)=\"sync()\"\n        >\n          <ion-icon slot=\"start\" name=\"sync\" /> {{ 'IDEA_UNCOMMON.OFFLINE.SYNC_NOW' | translate }}\n        </ion-button>\n      </ion-list-header>\n    }\n  </ion-list>\n  @if (_offline.synchronizing) {\n    <ion-list class=\"aList\">\n      <ion-item>\n        <ion-label class=\"ion-text-center\">\n          <ion-spinner name=\"crescent\" color=\"primary\" />\n        </ion-label>\n      </ion-item>\n    </ion-list>\n  }\n  @if (_offline.useQueueAPIRequests) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.UPLOAD_QUEUE_REQUESTS_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @if (!_offline.queueAPIRequests.length) {\n        <ion-item>\n          <i>{{ 'IDEA_UNCOMMON.OFFLINE.NO_ELEMENTS_TO_UPLOAD' | translate }}</i>\n          <ion-icon slot=\"end\" size=\"small\" name=\"checkmark\" color=\"success\" />\n        </ion-item>\n      }\n      @for (r of _offline.queueAPIRequests; track r; let odd = $odd) {\n        <ion-item [class.oddItem]=\"odd\">\n          <ion-label class=\"ion-text-wrap\">\n            {{ r.description }}\n            @if (r.error) {\n              <p>\n                <ion-text color=\"danger\">\n                  <b>{{ 'IDEA_UNCOMMON.OFFLINE.ERROR_CODE' | translate }}: {{ r.error }}</b>\n                </ion-text>\n                <br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_I' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_II' | translate }}<br />\n                {{ 'IDEA_UNCOMMON.OFFLINE.REQUEST_FAILED_EXPLANATION_III' | translate }}\n              </p>\n            }\n          </ion-label>\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"danger\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.CANCEL_REQUEST' | translate\"\n              (click)=\"deleteRequest(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"trash\" />\n            </ion-button>\n          }\n          @if (r.error) {\n            <ion-button\n              fill=\"clear\"\n              slot=\"end\"\n              color=\"medium\"\n              [title]=\"'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_LOG' | translate\"\n              (click)=\"downloadRequestLog(r)\"\n            >\n              <ion-icon slot=\"icon-only\" name=\"download\" />\n            </ion-button>\n          }\n          @if (_offline.synchronizing) {\n            <ion-spinner slot=\"end\" name=\"dots\" />\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (_offline.getResources().length) {\n    <ion-list class=\"aList\">\n      <ion-list-header>\n        <ion-label>\n          <h2>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD' | translate }}</h2>\n          <p>{{ 'IDEA_UNCOMMON.OFFLINE.DOWNLOAD_RESOURCES_EXPLANATION' | translate }}</p>\n        </ion-label>\n      </ion-list-header>\n      @for (r of _offline.getResources(); track r) {\n        <idea-cacheable-resource [resource]=\"_offline.getCacheableResource(r)\" />\n      }\n    </ion-list>\n  }\n</ion-content>\n", styles: [".aList{max-width:500px;margin:0 auto}.aList ion-list-header{padding-right:10px}.aList ion-list-header h3.lastSyncAt{margin-top:6px}\n"] }]
         }] });
 
 class IDEAOfflineIndicatorComponent {
@@ -2220,11 +3084,58 @@ class IDEAOfflineIndicatorComponent {
         }
     }
     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, selector: "idea-offline-indicator", inputs: { vertical: "vertical", horizontal: "horizontal", edge: "edge" }, ngImport: i0, template: "@if (\n  _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)\n) {\n  <ion-fab [vertical]=\"vertical\" [horizontal]=\"horizontal\" [edge]=\"edge\">\n    <ion-fab-button color=\"dark\" size=\"small\" (click)=\"showStatus()\">\n      <!-- OFFLINE -->\n      @if (_offline.isOffline()) {\n        <ion-icon name=\"airplane\" />\n      }\n      <!-- SYNCHRONISING -->\n      @if (_offline.isOnline() && _offline.synchronizing) {\n        <ion-icon name=\"sync\" />\n      }\n      <!-- NEED MANAL SYNCHRONISATION -->\n      @if (_offline.isOnline() && _offline.requiresManualConfirmation) {\n        <ion-icon name=\"pause\" />\n      }\n    </ion-fab-button>\n  </ion-fab>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: i1$1.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+    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: `
+    @if (
+      _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)
+    ) {
+      <ion-fab [vertical]="vertical" [horizontal]="horizontal" [edge]="edge">
+        <ion-fab-button color="dark" size="small" (click)="showStatus()">
+          <!-- OFFLINE -->
+          @if (_offline.isOffline()) {
+            <ion-icon name="airplane" />
+          }
+          <!-- SYNCHRONISING -->
+          @if (_offline.isOnline() && _offline.synchronizing) {
+            <ion-icon name="sync" />
+          }
+          <!-- NEED MANAL SYNCHRONISATION -->
+          @if (_offline.isOnline() && _offline.requiresManualConfirmation) {
+            <ion-icon name="pause" />
+          }
+        </ion-fab-button>
+      </ion-fab>
+    }
+  `, 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: [{
             type: Component,
-            args: [{ selector: 'idea-offline-indicator', template: "@if (\n  _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)\n) {\n  <ion-fab [vertical]=\"vertical\" [horizontal]=\"horizontal\" [edge]=\"edge\">\n    <ion-fab-button color=\"dark\" size=\"small\" (click)=\"showStatus()\">\n      <!-- OFFLINE -->\n      @if (_offline.isOffline()) {\n        <ion-icon name=\"airplane\" />\n      }\n      <!-- SYNCHRONISING -->\n      @if (_offline.isOnline() && _offline.synchronizing) {\n        <ion-icon name=\"sync\" />\n      }\n      <!-- NEED MANAL SYNCHRONISATION -->\n      @if (_offline.isOnline() && _offline.requiresManualConfirmation) {\n        <ion-icon name=\"pause\" />\n      }\n    </ion-fab-button>\n  </ion-fab>\n}\n" }]
+            args: [{
+                    selector: 'idea-offline-indicator',
+                    standalone: true,
+                    imports: [CommonModule, IonFab, IonFabButton, IonIcon],
+                    template: `
+    @if (
+      _platform.is('mobile') && (_offline.isOffline() || _offline.synchronizing || _offline.requiresManualConfirmation)
+    ) {
+      <ion-fab [vertical]="vertical" [horizontal]="horizontal" [edge]="edge">
+        <ion-fab-button color="dark" size="small" (click)="showStatus()">
+          <!-- OFFLINE -->
+          @if (_offline.isOffline()) {
+            <ion-icon name="airplane" />
+          }
+          <!-- SYNCHRONISING -->
+          @if (_offline.isOnline() && _offline.synchronizing) {
+            <ion-icon name="sync" />
+          }
+          <!-- NEED MANAL SYNCHRONISATION -->
+          @if (_offline.isOnline() && _offline.requiresManualConfirmation) {
+            <ion-icon name="pause" />
+          }
+        </ion-fab-button>
+      </ion-fab>
+    }
+  `
+                }]
         }], propDecorators: { vertical: [{
                 type: Input
             }], horizontal: [{
@@ -2233,20 +3144,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }] } });
 
-class IDEAOfflineModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineModule, declarations: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent], imports: [CommonModule, IonicModule, IDEATranslationsModule], exports: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineModule, imports: [CommonModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAOfflineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent],
-                    exports: [IDEAOfflineManagerComponent, IDEAOfflineIndicatorComponent, IDEACacheableResourceComponent]
-                }]
-        }] });
-
 class IDEASentimentComponent {
     constructor() {
         this._env = inject(IDEAEnvironment);
@@ -2295,11 +3192,52 @@ class IDEASentimentComponent {
         }
     }
     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, selector: "idea-sentiment", inputs: { text: "text", lines: "lines", color: "color" }, outputs: { change: "change" }, usesOnChanges: true, ngImport: i0, template: "@if (text && _offline.isOnline()) {\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    @if (!sentiment) {\n      <ion-spinner slot=\"end\" size=\"small\" />\n    }\n    @if (sentiment) {\n      <ion-badge\n        slot=\"end\"\n        size=\"small\"\n        [color]=\"getColorBySentiment()\"\n        [title]=\"'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }\"\n      >\n        {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}\n      </ion-badge>\n    }\n  </ion-item>\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1$1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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: `
+    @if (text && _offline.isOnline()) {
+      <ion-item [lines]="lines" [color]="color">
+        @if (!sentiment) {
+          <ion-spinner slot="end" size="small" />
+        }
+        @if (sentiment) {
+          <ion-badge
+            slot="end"
+            size="small"
+            [color]="getColorBySentiment()"
+            [title]="'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }"
+          >
+            {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}
+          </ion-badge>
+        }
+      </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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-sentiment', template: "@if (text && _offline.isOnline()) {\n  <ion-item [lines]=\"lines\" [color]=\"color\">\n    @if (!sentiment) {\n      <ion-spinner slot=\"end\" size=\"small\" />\n    }\n    @if (sentiment) {\n      <ion-badge\n        slot=\"end\"\n        size=\"small\"\n        [color]=\"getColorBySentiment()\"\n        [title]=\"'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }\"\n      >\n        {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}\n      </ion-badge>\n    }\n  </ion-item>\n}\n" }]
+            args: [{
+                    selector: 'idea-sentiment',
+                    standalone: true,
+                    imports: [CommonModule, IDEATranslatePipe, IonBadge, IonSpinner, IonItem],
+                    template: `
+    @if (text && _offline.isOnline()) {
+      <ion-item [lines]="lines" [color]="color">
+        @if (!sentiment) {
+          <ion-spinner slot="end" size="small" />
+        }
+        @if (sentiment) {
+          <ion-badge
+            slot="end"
+            size="small"
+            [color]="getColorBySentiment()"
+            [title]="'IDEA_UNCOMMON.SENTIMENT.RESULT_HINT' | translate: { sentiment: sentiment }"
+          >
+            {{ 'IDEA_UNCOMMON.SENTIMENT.RESULT.' + sentiment | translate }}
+          </ion-badge>
+        }
+      </ion-item>
+    }
+  `
+                }]
         }], propDecorators: { text: [{
                 type: Input
             }], lines: [{
@@ -2310,20 +3248,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Output
             }] } });
 
-class IDEASentimentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentModule, declarations: [IDEASentimentComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEASentimentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEASentimentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEASentimentComponent],
-                    exports: [IDEASentimentComponent]
-                }]
-        }] });
-
 class IDEAFromTimeToTimeComponent {
     constructor() {
         this._modal = inject(ModalController);
@@ -2439,11 +3363,28 @@ class IDEAFromTimeToTimeComponent {
         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, selector: "idea-from-time-to-time", inputs: { timeInterval: "timeInterval", period: "period", notEarlierThan: "notEarlierThan", notLaterThan: "notLaterThan", title: "title" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.RESET' | translate\" (click)=\"reset()\">\n        <ion-icon name=\"arrow-undo\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid class=\"clockGrid\">\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(12) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12)\"\n          [disabled]=\"!isAllowed(12)\"\n          (click)=\"setInterval(12)\"\n        >\n          {{ getClockButtonContent(12) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(12, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12, minutes)\"\n          [disabled]=\"!isAllowed(12, minutes)\"\n          (click)=\"setInterval(12, minutes)\"\n        >\n          {{ getClockButtonContent(12, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(11, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11, minutes)\"\n          [disabled]=\"!isAllowed(11, minutes)\"\n          (click)=\"setInterval(11, minutes)\"\n        >\n          {{ getClockButtonContent(11, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(11) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11)\"\n          [disabled]=\"!isAllowed(11)\"\n          (click)=\"setInterval(11)\"\n        >\n          {{ getClockButtonContent(11) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(1) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1)\"\n          [disabled]=\"!isAllowed(1)\"\n          (click)=\"setInterval(1)\"\n        >\n          {{ getClockButtonContent(1) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(1, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1, minutes)\"\n          [disabled]=\"!isAllowed(1, minutes)\"\n          (click)=\"setInterval(1, minutes)\"\n        >\n          {{ getClockButtonContent(1, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(10, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10, minutes)\"\n          [disabled]=\"!isAllowed(10, minutes)\"\n          (click)=\"setInterval(10, minutes)\"\n        >\n          {{ getClockButtonContent(10, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(10) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10)\"\n          [disabled]=\"!isAllowed(10)\"\n          (click)=\"setInterval(10)\"\n        >\n          {{ getClockButtonContent(10) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(2) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2)\"\n          [disabled]=\"!isAllowed(2)\"\n          (click)=\"setInterval(2)\"\n        >\n          {{ getClockButtonContent(2) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(2, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2, minutes)\"\n          [disabled]=\"!isAllowed(2, minutes)\"\n          (click)=\"setInterval(2, minutes)\"\n        >\n          {{ getClockButtonContent(2, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(9, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9, minutes)\"\n          [disabled]=\"!isAllowed(9, minutes)\"\n          (click)=\"setInterval(9, minutes)\"\n        >\n          {{ getClockButtonContent(9, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(9) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9)\"\n          [disabled]=\"!isAllowed(9)\"\n          (click)=\"setInterval(9)\"\n        >\n          {{ getClockButtonContent(9) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center displayText\" [size]=\"4\">\n        <ion-text [class.fromSelected]=\"segment === Segments.TO\">\n          {{ 'IDEA_UNCOMMON.FTTT.FROM' | translate }}\n          @if (segment === Segments.TO) {\n            <span>{{ msToTimeString(_timeInterval.from) }}</span>\n          }\n        </ion-text>\n        @if (segment === Segments.TO) {\n          <ion-text>{{ 'IDEA_UNCOMMON.FTTT.TO' | translate }}</ion-text>\n        }\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(3) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3)\"\n          [disabled]=\"!isAllowed(3)\"\n          (click)=\"setInterval(3)\"\n        >\n          {{ getClockButtonContent(3) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(3, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3, minutes)\"\n          [disabled]=\"!isAllowed(3, minutes)\"\n          (click)=\"setInterval(3, minutes)\"\n        >\n          {{ getClockButtonContent(3, minutes) }}\n        </ion-button>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(8, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8, minutes)\"\n          [disabled]=\"!isAllowed(8, minutes)\"\n          (click)=\"setInterval(8, minutes)\"\n        >\n          {{ getClockButtonContent(8, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(8) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8)\"\n          [disabled]=\"!isAllowed(8)\"\n          (click)=\"setInterval(8)\"\n        >\n          {{ getClockButtonContent(8) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(4) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4)\"\n          [disabled]=\"!isAllowed(4)\"\n          (click)=\"setInterval(4)\"\n        >\n          {{ getClockButtonContent(4) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(4, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4, minutes)\"\n          [disabled]=\"!isAllowed(4, minutes)\"\n          (click)=\"setInterval(4, minutes)\"\n        >\n          {{ getClockButtonContent(4, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(7, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7, minutes)\"\n          [disabled]=\"!isAllowed(7, minutes)\"\n          (click)=\"setInterval(7, minutes)\"\n        >\n          {{ getClockButtonContent(7, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(7) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7)\"\n          [disabled]=\"!isAllowed(7)\"\n          (click)=\"setInterval(7)\"\n        >\n          {{ getClockButtonContent(7) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(5) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5)\"\n          [disabled]=\"!isAllowed(5)\"\n          (click)=\"setInterval(5)\"\n        >\n          {{ getClockButtonContent(5) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(5, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5, minutes)\"\n          [disabled]=\"!isAllowed(5, minutes)\"\n          (click)=\"setInterval(5, minutes)\"\n        >\n          {{ getClockButtonContent(5, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(6, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6, minutes)\"\n          [disabled]=\"!isAllowed(6, minutes)\"\n          (click)=\"setInterval(6, minutes)\"\n        >\n          {{ getClockButtonContent(6, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(6) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6)\"\n          [disabled]=\"!isAllowed(6)\"\n          (click)=\"setInterval(6)\"\n        >\n          {{ getClockButtonContent(6) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.PERIOD' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"period\" (ionChange)=\"period = $event?.detail?.value || period\">\n          <ion-segment-button [value]=\"Periods.AM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.AM' | translate }}</ion-label>\n          </ion-segment-button>\n          <ion-segment-button [value]=\"Periods.PM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.PM' | translate }}</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.MINUTES_PREFERENCE' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"minutes\" (ionChange)=\"minutes = $event?.detail?.value || minutes\">\n          <ion-segment-button value=\"15\">\n            <ion-label>15</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"30\">\n            <ion-label>30</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"45\">\n            <ion-label>45</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n", styles: ["ion-grid.clockGrid ion-button[size=large]{width:50px;height:50px;font-size:1.1em;font-weight:700}ion-grid.clockGrid ion-button[size=small]{font-size:.75em}ion-grid.clockGrid ion-button.oppositeMeridian{--border-color: var(--ion-color-medium);--border-style: dashed;--border-width: 1px}ion-grid.clockGrid .displayText ion-text{font-size:1.3em;font-weight:700}ion-grid.clockGrid .displayText ion-text.fromSelected{display:block;padding-bottom:3px;font-size:.9em}ion-grid.clockGrid ion-segment ion-segment-button{min-width:50px;--color-checked: var(--ion-color-dark);--border-color: var(--ion-color-dark)}ion-grid.clockGrid .prefLabel{font-size:.6em;font-weight:700;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonRow, selector: "ion-row" }, { kind: "component", type: i1$1.IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: i1$1.IonSegmentButton, selector: "ion-segment-button", inputs: ["disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "pipe", type: i3.IDEATranslatePipe, name: "translate" }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAFromTimeToTimeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-from-time-to-time', template: "<ion-header>\n  <ion-toolbar color=\"ideaToolbar\">\n    <ion-buttons slot=\"start\">\n      <ion-button [title]=\"'COMMON.CLOSE' | translate\" (click)=\"close()\">\n        <ion-icon name=\"close\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-title>{{ title }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button [title]=\"'COMMON.RESET' | translate\" (click)=\"reset()\">\n        <ion-icon name=\"arrow-undo\" slot=\"icon-only\" />\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-grid class=\"clockGrid\">\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(12) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12)\"\n          [disabled]=\"!isAllowed(12)\"\n          (click)=\"setInterval(12)\"\n        >\n          {{ getClockButtonContent(12) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(12, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(12, minutes)\"\n          [disabled]=\"!isAllowed(12, minutes)\"\n          (click)=\"setInterval(12, minutes)\"\n        >\n          {{ getClockButtonContent(12, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(11, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11, minutes)\"\n          [disabled]=\"!isAllowed(11, minutes)\"\n          (click)=\"setInterval(11, minutes)\"\n        >\n          {{ getClockButtonContent(11, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(11) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(11)\"\n          [disabled]=\"!isAllowed(11)\"\n          (click)=\"setInterval(11)\"\n        >\n          {{ getClockButtonContent(11) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(1) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1)\"\n          [disabled]=\"!isAllowed(1)\"\n          (click)=\"setInterval(1)\"\n        >\n          {{ getClockButtonContent(1) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(1, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(1, minutes)\"\n          [disabled]=\"!isAllowed(1, minutes)\"\n          (click)=\"setInterval(1, minutes)\"\n        >\n          {{ getClockButtonContent(1, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(10, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10, minutes)\"\n          [disabled]=\"!isAllowed(10, minutes)\"\n          (click)=\"setInterval(10, minutes)\"\n        >\n          {{ getClockButtonContent(10, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(10) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(10)\"\n          [disabled]=\"!isAllowed(10)\"\n          (click)=\"setInterval(10)\"\n        >\n          {{ getClockButtonContent(10) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(2) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2)\"\n          [disabled]=\"!isAllowed(2)\"\n          (click)=\"setInterval(2)\"\n        >\n          {{ getClockButtonContent(2) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(2, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(2, minutes)\"\n          [disabled]=\"!isAllowed(2, minutes)\"\n          (click)=\"setInterval(2, minutes)\"\n        >\n          {{ getClockButtonContent(2, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(9, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9, minutes)\"\n          [disabled]=\"!isAllowed(9, minutes)\"\n          (click)=\"setInterval(9, minutes)\"\n        >\n          {{ getClockButtonContent(9, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(9) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(9)\"\n          [disabled]=\"!isAllowed(9)\"\n          (click)=\"setInterval(9)\"\n        >\n          {{ getClockButtonContent(9) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center displayText\" [size]=\"4\">\n        <ion-text [class.fromSelected]=\"segment === Segments.TO\">\n          {{ 'IDEA_UNCOMMON.FTTT.FROM' | translate }}\n          @if (segment === Segments.TO) {\n            <span>{{ msToTimeString(_timeInterval.from) }}</span>\n          }\n        </ion-text>\n        @if (segment === Segments.TO) {\n          <ion-text>{{ 'IDEA_UNCOMMON.FTTT.TO' | translate }}</ion-text>\n        }\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(3) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3)\"\n          [disabled]=\"!isAllowed(3)\"\n          (click)=\"setInterval(3)\"\n        >\n          {{ getClockButtonContent(3) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(3, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(3, minutes)\"\n          [disabled]=\"!isAllowed(3, minutes)\"\n          (click)=\"setInterval(3, minutes)\"\n        >\n          {{ getClockButtonContent(3, minutes) }}\n        </ion-button>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(8, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8, minutes)\"\n          [disabled]=\"!isAllowed(8, minutes)\"\n          (click)=\"setInterval(8, minutes)\"\n        >\n          {{ getClockButtonContent(8, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(8) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(8)\"\n          [disabled]=\"!isAllowed(8)\"\n          (click)=\"setInterval(8)\"\n        >\n          {{ getClockButtonContent(8) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(4) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4)\"\n          [disabled]=\"!isAllowed(4)\"\n          (click)=\"setInterval(4)\"\n        >\n          {{ getClockButtonContent(4) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(4, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(4, minutes)\"\n          [disabled]=\"!isAllowed(4, minutes)\"\n          (click)=\"setInterval(4, minutes)\"\n        >\n          {{ getClockButtonContent(4, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"1\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(7, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7, minutes)\"\n          [disabled]=\"!isAllowed(7, minutes)\"\n          (click)=\"setInterval(7, minutes)\"\n        >\n          {{ getClockButtonContent(7, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-left\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(7) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(7)\"\n          [disabled]=\"!isAllowed(7)\"\n          (click)=\"setInterval(7)\"\n        >\n          {{ getClockButtonContent(7) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(5) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5)\"\n          [disabled]=\"!isAllowed(5)\"\n          (click)=\"setInterval(5)\"\n        >\n          {{ getClockButtonContent(5) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(5, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(5, minutes)\"\n          [disabled]=\"!isAllowed(5, minutes)\"\n          (click)=\"setInterval(5, minutes)\"\n        >\n          {{ getClockButtonContent(5, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"2\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col [size]=\"3\">&nbsp;</ion-col>\n      <ion-col class=\"ion-text-right\" [size]=\"2\">\n        <ion-button\n          size=\"small\"\n          [color]=\"equalsFrom(6, minutes) ? 'primary' : 'light'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6, minutes)\"\n          [disabled]=\"!isAllowed(6, minutes)\"\n          (click)=\"setInterval(6, minutes)\"\n        >\n          {{ getClockButtonContent(6, minutes) }}\n        </ion-button>\n      </ion-col>\n      <ion-col class=\"ion-text-center\" [size]=\"2\">\n        <ion-button\n          size=\"large\"\n          shape=\"round\"\n          [color]=\"equalsFrom(6) ? 'primary' : 'dark'\"\n          [class.oppositeMeridian]=\"isHourOfOppositeMeridian(6)\"\n          [disabled]=\"!isAllowed(6)\"\n          (click)=\"setInterval(6)\"\n        >\n          {{ getClockButtonContent(6) }}\n        </ion-button>\n      </ion-col>\n      <ion-col [size]=\"5\">&nbsp;</ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.PERIOD' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"period\" (ionChange)=\"period = $event?.detail?.value || period\">\n          <ion-segment-button [value]=\"Periods.AM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.AM' | translate }}</ion-label>\n          </ion-segment-button>\n          <ion-segment-button [value]=\"Periods.PM\">\n            <ion-label>{{ 'IDEA_UNCOMMON.FTTT.PM' | translate }}</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n    <ion-row class=\"ion-align-items-center\">\n      <ion-col class=\"ion-text-right\" [size]=\"3\" [sizeSm]=\"7\">\n        <ion-text class=\"prefLabel\">{{ 'IDEA_UNCOMMON.FTTT.MINUTES_PREFERENCE' | translate }}:</ion-text>\n      </ion-col>\n      <ion-col [size]=\"9\" [sizeSm]=\"5\">\n        <ion-segment [value]=\"minutes\" (ionChange)=\"minutes = $event?.detail?.value || minutes\">\n          <ion-segment-button value=\"15\">\n            <ion-label>15</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"30\">\n            <ion-label>30</ion-label>\n          </ion-segment-button>\n          <ion-segment-button value=\"45\">\n            <ion-label>45</ion-label>\n          </ion-segment-button>\n        </ion-segment>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n", styles: ["ion-grid.clockGrid ion-button[size=large]{width:50px;height:50px;font-size:1.1em;font-weight:700}ion-grid.clockGrid ion-button[size=small]{font-size:.75em}ion-grid.clockGrid ion-button.oppositeMeridian{--border-color: var(--ion-color-medium);--border-style: dashed;--border-width: 1px}ion-grid.clockGrid .displayText ion-text{font-size:1.3em;font-weight:700}ion-grid.clockGrid .displayText ion-text.fromSelected{display:block;padding-bottom:3px;font-size:.9em}ion-grid.clockGrid ion-segment ion-segment-button{min-width:50px;--color-checked: var(--ion-color-dark);--border-color: var(--ion-color-dark)}ion-grid.clockGrid .prefLabel{font-size:.6em;font-weight:700;text-transform:uppercase}\n"] }]
+            args: [{ selector: 'idea-from-time-to-time', standalone: true, imports: [
+                        CommonModule,
+                        IDEATranslatePipe,
+                        IonLabel,
+                        IonSegmentButton,
+                        IonSegment,
+                        IonText,
+                        IonCol,
+                        IonRow,
+                        IonGrid,
+                        IonContent,
+                        IonTitle,
+                        IonIcon,
+                        IonButton,
+                        IonButtons,
+                        IonToolbar,
+                        IonHeader
+                    ], 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"] }]
         }], propDecorators: { timeInterval: [{
                 type: Input
             }], period: [{
@@ -2549,11 +3490,95 @@ class IDEATimeIntervalComponent {
         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, selector: "idea-time-interval", inputs: { timeInterval: "timeInterval", period: "period", notEarlierThan: "notEarlierThan", notLaterThan: "notLaterThan", label: "label", icon: "icon", iconColor: "iconColor", placeholder: "placeholder", disabled: "disabled", tappableWhenDisabled: "tappableWhenDisabled", obligatory: "obligatory", lines: "lines", color: "color" }, outputs: { select: "select", iconSelect: "iconSelect", selectWhenDisabled: "selectWhenDisabled" }, usesOnChanges: true, ngImport: i0, template: "<ion-item\n  class=\"timeIntervalItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [title]=\"placeholder || valueToDisplay || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"disabled ? doSelectWhenDisabled() : pickTimeInterval()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"description\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".timeIntervalItem{min-height:48px;height:auto}.timeIntervalItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.timeIntervalItem .placeholder{color:var(--ion-color-medium)}.timeIntervalItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.timeIntervalItem.withLabel{min-height:58px;height:auto}.timeIntervalItem.withLabel .selectIcon{padding-top:25px}.timeIntervalItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+    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: `
+    <ion-item
+      class="timeIntervalItem"
+      [color]="color"
+      [lines]="lines"
+      [button]="!disabled"
+      [disabled]="isOpening"
+      [title]="placeholder || valueToDisplay || ''"
+      [class.withLabel]="label"
+      (click)="disabled ? doSelectWhenDisabled() : pickTimeInterval()"
+    >
+      @if (icon) {
+        <ion-button
+          fill="clear"
+          slot="start"
+          [color]="iconColor"
+          [class.marginTop]="label"
+          (click)="doIconSelect($event)"
+        >
+          <ion-icon [name]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label position="stacked" [class.selectable]="!disabled || tappableWhenDisabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="description" [class.selectable]="!disabled || tappableWhenDisabled">
+        @if (!valueToDisplay && !disabled) {
+          <ion-text class="placeholder" [class.selectable]="!disabled">
+            {{ placeholder }}
+          </ion-text>
+        }
+        {{ valueToDisplay }}
+      </ion-label>
+      @if (!disabled) {
+        <ion-icon slot="end" name="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </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: [{
             type: Component,
-            args: [{ selector: 'idea-time-interval', template: "<ion-item\n  class=\"timeIntervalItem\"\n  [color]=\"color\"\n  [lines]=\"lines\"\n  [button]=\"!disabled\"\n  [disabled]=\"isOpening\"\n  [title]=\"placeholder || valueToDisplay || ''\"\n  [class.withLabel]=\"label\"\n  (click)=\"disabled ? doSelectWhenDisabled() : pickTimeInterval()\"\n>\n  @if (icon) {\n    <ion-button fill=\"clear\" slot=\"start\" [color]=\"iconColor\" [class.marginTop]=\"label\" (click)=\"doIconSelect($event)\">\n      <ion-icon [name]=\"icon\" slot=\"icon-only\" />\n    </ion-button>\n  }\n  @if (label) {\n    <ion-label position=\"stacked\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n      {{ label }}\n      @if (obligatory && !disabled) {\n        <ion-text class=\"obligatoryDot\" />\n      }\n    </ion-label>\n  }\n  <ion-label class=\"description\" [class.selectable]=\"!disabled || tappableWhenDisabled\">\n    @if (!valueToDisplay && !disabled) {\n      <ion-text class=\"placeholder\" [class.selectable]=\"!disabled\">\n        {{ placeholder }}\n      </ion-text>\n    }\n    {{ valueToDisplay }}\n  </ion-label>\n  @if (!disabled) {\n    <ion-icon slot=\"end\" name=\"caret-down\" class=\"selectIcon\" [class.selectable]=\"!disabled\" />\n  }\n</ion-item>\n", styles: [".timeIntervalItem{min-height:48px;height:auto}.timeIntervalItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.timeIntervalItem .placeholder{color:var(--ion-color-medium)}.timeIntervalItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.timeIntervalItem.withLabel{min-height:58px;height:auto}.timeIntervalItem.withLabel .selectIcon{padding-top:25px}.timeIntervalItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-time-interval', standalone: true, imports: [IonLabel, IonText, IonIcon, IonButton, IonItem, CommonModule], template: `
+    <ion-item
+      class="timeIntervalItem"
+      [color]="color"
+      [lines]="lines"
+      [button]="!disabled"
+      [disabled]="isOpening"
+      [title]="placeholder || valueToDisplay || ''"
+      [class.withLabel]="label"
+      (click)="disabled ? doSelectWhenDisabled() : pickTimeInterval()"
+    >
+      @if (icon) {
+        <ion-button
+          fill="clear"
+          slot="start"
+          [color]="iconColor"
+          [class.marginTop]="label"
+          (click)="doIconSelect($event)"
+        >
+          <ion-icon [name]="icon" slot="icon-only" />
+        </ion-button>
+      }
+      @if (label) {
+        <ion-label position="stacked" [class.selectable]="!disabled || tappableWhenDisabled">
+          {{ label }}
+          @if (obligatory && !disabled) {
+            <ion-text class="obligatoryDot" />
+          }
+        </ion-label>
+      }
+      <ion-label class="description" [class.selectable]="!disabled || tappableWhenDisabled">
+        @if (!valueToDisplay && !disabled) {
+          <ion-text class="placeholder" [class.selectable]="!disabled">
+            {{ placeholder }}
+          </ion-text>
+        }
+        {{ valueToDisplay }}
+      </ion-label>
+      @if (!disabled) {
+        <ion-icon slot="end" name="caret-down" class="selectIcon" [class.selectable]="!disabled" />
+      }
+    </ion-item>
+  `, styles: [".timeIntervalItem{min-height:48px;height:auto}.timeIntervalItem .description{margin:10px 0;height:20px;line-height:20px;width:100%}.timeIntervalItem .placeholder{color:var(--ion-color-medium)}.timeIntervalItem .selectIcon{margin:0;padding-left:4px;font-size:.8em;color:var(--ion-color-medium)}.timeIntervalItem.withLabel{min-height:58px;height:auto}.timeIntervalItem.withLabel .selectIcon{padding-top:25px}.timeIntervalItem.withLabel ion-button[slot=start]{margin-top:16px}.selectable{cursor:pointer}\n"] }]
         }], propDecorators: { timeInterval: [{
                 type: Input
             }], period: [{
@@ -2588,20 +3613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Output
             }] } });
 
-class IDEATimeIntervalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalModule, declarations: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent], imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule], exports: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalModule, imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEATimeIntervalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, FormsModule, IonicModule, IDEATranslationsModule],
-                    declarations: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent],
-                    exports: [IDEAFromTimeToTimeComponent, IDEATimeIntervalComponent]
-                }]
-        }] });
-
 /**
  * To communicate with an AWS API Gateway websocket istance.
  *
@@ -2777,10 +3788,11 @@ class IDEAAWSAPISocketService {
         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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPISocketService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAAWSAPISocketService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
@@ -2878,15 +3890,16 @@ class IDEAPushNotificationsService {
             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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAPushNotificationsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IDEAPushNotificationsService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { APIRequestOption, CacheModes, CacheableResource, ColorsPaletteComponent, IDEAAWSAPIService, IDEAAWSAPISocketService, IDEAAddressComponent, IDEAAddressModule, IDEAAnnouncementComponent, IDEAAnnouncementModule, IDEACacheableResourceComponent, IDEACachedResourcesService, IDEACalendarPickerComponent, IDEAColorPickerComponent, IDEAColorPickerModule, IDEAContactsComponent, IDEAContactsModule, IDEADateTimeComponent, IDEADateTimeModule, IDEADurationComponent, IDEADurationModule, IDEAEchoModule, IDEAErrorReportingService, IDEAFromTimeToTimeComponent, IDEAMDEComponent, IDEAMDEModule, IDEAMDEToolbarComponent, IDEAOfflineDataService, IDEAOfflineIndicatorComponent, IDEAOfflineManagerComponent, IDEAOfflineModule, IDEAOfflineService, IDEAPushNotificationsService, IDEASentimentComponent, IDEASentimentModule, IDEATimeIntervalComponent, IDEATimeIntervalModule, IDEATinCanService, LAST_SYNC_KEY, NUM_ELEMENTS_WITHOUT_MANUAL_SYNC, NUM_ELEMENTS_WITH_MANUAL_SYNC, Periods, QUEUE_API_REQUESTS_KEY, SYNC_EXPIRATION_INTERVAL };
+export { APIRequestOption, CacheModes, CacheableResource, ColorsPaletteComponent, EchoRequests, IDEAAWSAPIService, IDEAAWSAPISocketService, IDEAAddressComponent, IDEAAnnouncementComponent, IDEACacheableResourceComponent, IDEACachedResourcesService, IDEACalendarPickerComponent, IDEAColorPickerComponent, IDEAContactsComponent, IDEADateTimeComponent, IDEADurationComponent, IDEAEchoPage, IDEAErrorReportingService, IDEAFromTimeToTimeComponent, IDEAMDEComponent, IDEAMDEToolbarComponent, IDEAOfflineDataService, IDEAOfflineIndicatorComponent, IDEAOfflineManagerComponent, IDEAOfflineService, IDEAPushNotificationsService, IDEASentimentComponent, IDEATimeIntervalComponent, IDEATinCanService, LAST_SYNC_KEY, NUM_ELEMENTS_WITHOUT_MANUAL_SYNC, NUM_ELEMENTS_WITH_MANUAL_SYNC, Periods, QUEUE_API_REQUESTS_KEY, SYNC_EXPIRATION_INTERVAL, ideaEchoRoutes };
 //# sourceMappingURL=idea-ionic-uncommon.mjs.map