npm - @sumaris-net/ngx-components - Versions diffs - 18.23.58 → 18.23.59 - Mend

@sumaris-net/ngx-components 18.23.58 → 18.23.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (293) hide show

package/esm2022/src/app/core/account/password/change-password.page.mjs CHANGED Viewed

@@ -137,10 +137,10 @@ export class AppChangePasswordPage extends AppFormContainer {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppChangePasswordPage, deps: [{ token: i1.ConfigService }, { token: i2.AccountService }, { token: i3.ToastController }, { token: i4.TranslateService }, { token: i3.NavController }, { token: i5.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AppChangePasswordPage, selector: "app-change-password-page", viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<app-toolbar\n  [title]=\"'AUTH.RESET_PASSWORD.TITLE' | translate\"\n  color=\"primary\"\n  [canGoBack]=\"isLogin\"\n  defaultBackHref=\"/account\"\n></app-toolbar>\n<ion-content class=\"bg-image-cover center ion-padding\" [ngStyle]=\"contentStyle\">\n  <ion-card class=\"ion-margin-top\">\n    <ion-card-content>\n      <!-- error -->\n      <ion-item\n        *ngIf=\"form.errorSubject | async; let error\"\n        color=\"light\"\n        lines=\"none\"\n        class=\"ion-margin-bottom\"\n        @slideUpDownAnimation\n      >\n        <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n        <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n      </ion-item>\n\n      <app-change-password-form\n        #form\n        [usernamePlaceholder]=\"usernamePlaceholder\"\n        [emailValidator]=\"emailValidator\"\n        (onSubmit)=\"doSubmit()\"\n        [debug]=\"debug\"\n      ></app-change-password-form>\n    </ion-card-content>\n\n    @if (loadingSubject | push) {\n      <ion-spinner></ion-spinner>\n    } @else {\n      <ion-footer>\n        <ion-button expand=\"full\" color=\"tertiary\" (click)=\"doSubmit()\" [disabled]=\"sending\">\n          <ion-label>{{ 'COMMON.BTN_VALIDATE' | translate }}</ion-label>\n        </ion-button>\n      </ion-footer>\n    }\n  </ion-card>\n</ion-content>\n", styles: [".center,ion-text,ion-card,ion-content{text-align:center;display:inline-block}ion-content{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:inline-block;padding:15px}ion-card{padding:var(--ion-padding);background-color:var(--ion-card-background-color);min-width:480px;max-width:500px;z-index:9}ion-card button{margin-top:16px}@media screen and (max-width: 575px){ion-content ion-card{min-width:160px;width:auto}ion-content ion-card ion-footer ion-button{margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i7.ToolbarComponent, selector: "app-toolbar", inputs: ["progressBarMode", "title", "color", "class", "id", "backHref", "defaultBackHref", "hasValidate", "hasClose", "hasSearch", "canGoBack", "canShowMenu"], outputs: ["onValidate", "onClose", "onValidateAndClose", "onBackClick", "onSearch"] }, { kind: "component", type: i8.ChangePasswordForm, selector: "app-change-password-form", inputs: ["usernamePlaceholder", "emailValidator", "username"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.RxPush, name: "push" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppChangePasswordPage, deps: [{ token: i1.ConfigService }, { token: i2.AccountService }, { token: i3.ToastController }, { token: i4.TranslateService }, { token: i3.NavController }, { token: i5.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AppChangePasswordPage, selector: "app-change-password-page", viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<app-toolbar\n  [title]=\"'AUTH.RESET_PASSWORD.TITLE' | translate\"\n  color=\"primary\"\n  [canGoBack]=\"isLogin\"\n  defaultBackHref=\"/account\"\n></app-toolbar>\n<ion-content class=\"bg-image-cover center ion-padding\" [ngStyle]=\"contentStyle\">\n  <ion-card class=\"ion-margin-top\">\n    <ion-card-content>\n      <!-- error -->\n      <ion-item\n        *ngIf=\"form.errorSubject | async; let error\"\n        color=\"light\"\n        lines=\"none\"\n        class=\"ion-margin-bottom\"\n        @slideUpDownAnimation\n      >\n        <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n        <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n      </ion-item>\n\n      <app-change-password-form\n        #form\n        [usernamePlaceholder]=\"usernamePlaceholder\"\n        [emailValidator]=\"emailValidator\"\n        (onSubmit)=\"doSubmit()\"\n        [debug]=\"debug\"\n      ></app-change-password-form>\n    </ion-card-content>\n\n    @if (loadingSubject | push) {\n      <ion-spinner></ion-spinner>\n    } @else {\n      <ion-footer>\n        <ion-button expand=\"full\" color=\"tertiary\" (click)=\"doSubmit()\" [disabled]=\"sending\">\n          <ion-label>{{ 'COMMON.BTN_VALIDATE' | translate }}</ion-label>\n        </ion-button>\n      </ion-footer>\n    }\n  </ion-card>\n</ion-content>\n", styles: [".center,ion-text,ion-card,ion-content{text-align:center;display:inline-block}ion-content{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:inline-block;padding:15px}ion-card{padding:var(--ion-padding);background-color:var(--ion-card-background-color);min-width:480px;max-width:500px;z-index:9}ion-card button{margin-top:16px}@media screen and (max-width: 575px){ion-content ion-card{min-width:160px;width:auto}ion-content ion-card ion-footer ion-button{margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i7.ToolbarComponent, selector: "app-toolbar", inputs: ["progressBarMode", "title", "color", "class", "id", "backHref", "defaultBackHref", "hasValidate", "hasClose", "hasSearch", "canGoBack", "canShowMenu"], outputs: ["onValidate", "onClose", "onValidateAndClose", "onBackClick", "onSearch"] }, { kind: "component", type: i8.ChangePasswordForm, selector: "app-change-password-form", inputs: ["usernamePlaceholder", "emailValidator", "username"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i9.RxPush, name: "push" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppChangePasswordPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppChangePasswordPage, decorators: [{
             type: Component,
             args: [{ selector: 'app-change-password-page', changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideUpDownAnimation], template: "<app-toolbar\n  [title]=\"'AUTH.RESET_PASSWORD.TITLE' | translate\"\n  color=\"primary\"\n  [canGoBack]=\"isLogin\"\n  defaultBackHref=\"/account\"\n></app-toolbar>\n<ion-content class=\"bg-image-cover center ion-padding\" [ngStyle]=\"contentStyle\">\n  <ion-card class=\"ion-margin-top\">\n    <ion-card-content>\n      <!-- error -->\n      <ion-item\n        *ngIf=\"form.errorSubject | async; let error\"\n        color=\"light\"\n        lines=\"none\"\n        class=\"ion-margin-bottom\"\n        @slideUpDownAnimation\n      >\n        <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n        <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n      </ion-item>\n\n      <app-change-password-form\n        #form\n        [usernamePlaceholder]=\"usernamePlaceholder\"\n        [emailValidator]=\"emailValidator\"\n        (onSubmit)=\"doSubmit()\"\n        [debug]=\"debug\"\n      ></app-change-password-form>\n    </ion-card-content>\n\n    @if (loadingSubject | push) {\n      <ion-spinner></ion-spinner>\n    } @else {\n      <ion-footer>\n        <ion-button expand=\"full\" color=\"tertiary\" (click)=\"doSubmit()\" [disabled]=\"sending\">\n          <ion-label>{{ 'COMMON.BTN_VALIDATE' | translate }}</ion-label>\n        </ion-button>\n      </ion-footer>\n    }\n  </ion-card>\n</ion-content>\n", styles: [".center,ion-text,ion-card,ion-content{text-align:center;display:inline-block}ion-content{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:inline-block;padding:15px}ion-card{padding:var(--ion-padding);background-color:var(--ion-card-background-color);min-width:480px;max-width:500px;z-index:9}ion-card button{margin-top:16px}@media screen and (max-width: 575px){ion-content ion-card{min-width:160px;width:auto}ion-content ion-card ion-footer ion-button{margin-top:8px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.AccountService }, { type: i3.ToastController }, { type: i4.TranslateService }, { type: i3.NavController }, { type: i5.ActivatedRoute }, { type: i0.ChangeDetectorRef }], propDecorators: { form: [{

package/esm2022/src/app/core/account/token.table.mjs CHANGED Viewed

@@ -140,10 +140,10 @@ export class UserTokenTable extends AppInMemoryTable {
         this.setShowColumn('scopes', this.showScopes);
         this.defaultScope = config.getProperty(CORE_CONFIG_OPTIONS.DEFAULT_AUTH_API_TOKEN_SCOPE);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UserTokenTable, deps: [{ token: i0.Injector }, { token: i1.ValidatorService }, { token: i2.ConfigService }, { token: ENVIRONMENT }, { token: APP_USER_TOKEN_SCOPES, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UserTokenTable, selector: "app-user-token-table", inputs: { useSticky: "useSticky" }, providers: [{ provide: ValidatorService, useClass: UserTokenValidatorService }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar>\n  <!-- Refresh -->\n  <button\n    mat-icon-button\n    *ngIf=\"!mobile\"\n    [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    (click)=\"emitRefresh()\"\n  >\n    <mat-icon>refresh</mat-icon>\n  </button>\n\n  <ion-item *ngIf=\"!mobile && error; let error\" lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <div class=\"toolbar-spacer\"></div>\n\n  @if (selection | isEmptySelection) {\n    <button\n      mat-icon-button\n      *ngIf=\"canEdit && !mobile\"\n      [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      (click)=\"addToken($event)\"\n    >\n      <mat-icon>add</mat-icon>\n    </button>\n  } @else {\n    <button\n      mat-icon-button\n      [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      (click)=\"deleteSelection($event)\"\n    >\n      <mat-icon>delete_outline</mat-icon>\n    </button>\n  }\n</mat-toolbar>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-refresher slot=\"fixed\" *ngIf=\"mobile\" (ionRefresh)=\"doRefresh($event)\">\n    <ion-refresher-content></ion-refresher-content>\n  </ion-refresher>\n\n  <!-- table -->\n  <div class=\"table-container\">\n    <table\n      #table\n      mat-table\n      matSort\n      matSortDisableClear\n      [dataSource]=\"dataSource\"\n      [matSortActive]=\"defaultSortBy\"\n      [matSortDirection]=\"defaultSortDirection\"\n      [trackBy]=\"trackByFn\"\n    >\n      <ng-container matColumnDef=\"select\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"this | isAllSelected\"\n            [indeterminate]=\"this | isNotAllSelected\"\n          ></mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection | isSelected: row\"\n          ></mat-checkbox>\n        </td>\n      </ng-container>\n\n      <!-- Id Column -->\n      <ng-container matColumnDef=\"id\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"cdk-visually-hidden\">\n          <ion-label>#</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"cdk-visually-hidden\">{{ row.currentData.id }}</td>\n      </ng-container>\n\n      <!-- name column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'NAME' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ (row.currentData | propertyGet: 'name') || (i18nColumnPrefix + 'UNKNOWN' | translate) }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"scopes\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'SCOPES' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ display(row.currentData | propertyGet: 'scopes') }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"creationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'CREATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'creationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"expirationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'EXPIRATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'expirationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"lastUsedDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'LAST_USED_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'lastUsedDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <!-- Actions buttons column -->\n      <app-actions-column\n        [stickyEnd]=\"useSticky\"\n        (optionsClick)=\"openSelectColumnsModal($event)\"\n        (cancelOrDeleteClick)=\"cancelOrDelete($event.event, $event.row)\"\n        (confirmAndAddClick)=\"confirmAndAdd($event.event, $event.row)\"\n        (backward)=\"confirmAndBackward($event.event, $event.row)\"\n        (forward)=\"confirmAndForward($event.event, $event.row)\"\n        [canCancel]=\"false\"\n      ></app-actions-column>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [class.mat-row-selected]=\"row.editing\"\n        [class.mat-row-error]=\"row.validator?.invalid\"\n        [class.mat-row-dirty]=\"row.validator?.dirty\"\n        (click)=\"clickRow($event, row)\"\n        (keydown.escape)=\"escapeEditingRow($event)\"\n        [cdkTrapFocus]=\"row.validator?.invalid\"\n      ></tr>\n    </table>\n\n    <ng-container *ngIf=\"loadingSubject | async; else noResult\">\n      <ion-item>\n        <ion-skeleton-text animated></ion-skeleton-text>\n      </ion-item>\n    </ng-container>\n\n    <ng-template #noResult>\n      <ion-item *ngIf=\"totalRowCount === 0\">\n        <ion-text color=\"danger\" class=\"text-italic\" translate>COMMON.NO_RESULT</ion-text>\n      </ion-item>\n    </ng-template>\n  </div>\n</ion-content>\n\n<ion-fab slot=\"fixed\" vertical=\"bottom\" horizontal=\"end\" *ngIf=\"mobile\">\n  <ion-fab-button color=\"tertiary\" (click)=\"addToken($event)\">\n    <ion-icon name=\"add\"></ion-icon>\n  </ion-fab-button>\n</ion-fab>\n", styles: [".mat-cell-date-time{width:180px}.mat-column-id{width:90px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: i4.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i4.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i4.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i4.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i4.IonRefresher, selector: "ion-refresher", inputs: ["closeDuration", "disabled", "mode", "pullFactor", "pullMax", "pullMin", "snapbackDuration"] }, { kind: "component", type: i4.IonRefresherContent, selector: "ion-refresher-content", inputs: ["pullingIcon", "pullingText", "refreshingSpinner", "refreshingText"] }, { kind: "component", type: i4.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i4.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i14.ActionsColumnComponent, selector: "app-actions-column", inputs: ["matColumnDef", "style", "showPendingSpinner", "stickyEnd", "canCancel", "canConfirm", "canDelete", "canBackward", "canForward", "canConfirmAndAdd", "dirtyIcon", "optionsTitle", "class", "cellTemplateStart", "cellTemplate"], outputs: ["optionsClick", "cancelOrDeleteClick", "confirmEditCreateClick", "confirmAndAddClick", "backward", "forward"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i15.PropertyGetPipe, name: "propertyGet" }, { kind: "pipe", type: i16.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IsSelectedPipe, name: "isSelected" }, { kind: "pipe", type: i17.IsEmptySelectionPipe, name: "isEmptySelection" }, { kind: "pipe", type: i18.IsAllSelectedPipe, name: "isAllSelected" }, { kind: "pipe", type: i18.IsNotAllSelectedPipe, name: "isNotAllSelected" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserTokenTable, deps: [{ token: i0.Injector }, { token: i1.ValidatorService }, { token: i2.ConfigService }, { token: ENVIRONMENT }, { token: APP_USER_TOKEN_SCOPES, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UserTokenTable, selector: "app-user-token-table", inputs: { useSticky: "useSticky" }, providers: [{ provide: ValidatorService, useClass: UserTokenValidatorService }], usesInheritance: true, ngImport: i0, template: "<mat-toolbar>\n  <!-- Refresh -->\n  <button\n    mat-icon-button\n    *ngIf=\"!mobile\"\n    [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    (click)=\"emitRefresh()\"\n  >\n    <mat-icon>refresh</mat-icon>\n  </button>\n\n  <ion-item *ngIf=\"!mobile && error; let error\" lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <div class=\"toolbar-spacer\"></div>\n\n  @if (selection | isEmptySelection) {\n    <button\n      mat-icon-button\n      *ngIf=\"canEdit && !mobile\"\n      [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      (click)=\"addToken($event)\"\n    >\n      <mat-icon>add</mat-icon>\n    </button>\n  } @else {\n    <button\n      mat-icon-button\n      [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      (click)=\"deleteSelection($event)\"\n    >\n      <mat-icon>delete_outline</mat-icon>\n    </button>\n  }\n</mat-toolbar>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-refresher slot=\"fixed\" *ngIf=\"mobile\" (ionRefresh)=\"doRefresh($event)\">\n    <ion-refresher-content></ion-refresher-content>\n  </ion-refresher>\n\n  <!-- table -->\n  <div class=\"table-container\">\n    <table\n      #table\n      mat-table\n      matSort\n      matSortDisableClear\n      [dataSource]=\"dataSource\"\n      [matSortActive]=\"defaultSortBy\"\n      [matSortDirection]=\"defaultSortDirection\"\n      [trackBy]=\"trackByFn\"\n    >\n      <ng-container matColumnDef=\"select\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"this | isAllSelected\"\n            [indeterminate]=\"this | isNotAllSelected\"\n          ></mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection | isSelected: row\"\n          ></mat-checkbox>\n        </td>\n      </ng-container>\n\n      <!-- Id Column -->\n      <ng-container matColumnDef=\"id\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"cdk-visually-hidden\">\n          <ion-label>#</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"cdk-visually-hidden\">{{ row.currentData.id }}</td>\n      </ng-container>\n\n      <!-- name column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'NAME' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ (row.currentData | propertyGet: 'name') || (i18nColumnPrefix + 'UNKNOWN' | translate) }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"scopes\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'SCOPES' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ display(row.currentData | propertyGet: 'scopes') }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"creationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'CREATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'creationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"expirationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'EXPIRATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'expirationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"lastUsedDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'LAST_USED_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'lastUsedDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <!-- Actions buttons column -->\n      <app-actions-column\n        [stickyEnd]=\"useSticky\"\n        (optionsClick)=\"openSelectColumnsModal($event)\"\n        (cancelOrDeleteClick)=\"cancelOrDelete($event.event, $event.row)\"\n        (confirmAndAddClick)=\"confirmAndAdd($event.event, $event.row)\"\n        (backward)=\"confirmAndBackward($event.event, $event.row)\"\n        (forward)=\"confirmAndForward($event.event, $event.row)\"\n        [canCancel]=\"false\"\n      ></app-actions-column>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [class.mat-row-selected]=\"row.editing\"\n        [class.mat-row-error]=\"row.validator?.invalid\"\n        [class.mat-row-dirty]=\"row.validator?.dirty\"\n        (click)=\"clickRow($event, row)\"\n        (keydown.escape)=\"escapeEditingRow($event)\"\n        [cdkTrapFocus]=\"row.validator?.invalid\"\n      ></tr>\n    </table>\n\n    <ng-container *ngIf=\"loadingSubject | async; else noResult\">\n      <ion-item>\n        <ion-skeleton-text animated></ion-skeleton-text>\n      </ion-item>\n    </ng-container>\n\n    <ng-template #noResult>\n      <ion-item *ngIf=\"totalRowCount === 0\">\n        <ion-text color=\"danger\" class=\"text-italic\" translate>COMMON.NO_RESULT</ion-text>\n      </ion-item>\n    </ng-template>\n  </div>\n</ion-content>\n\n<ion-fab slot=\"fixed\" vertical=\"bottom\" horizontal=\"end\" *ngIf=\"mobile\">\n  <ion-fab-button color=\"tertiary\" (click)=\"addToken($event)\">\n    <ion-icon name=\"add\"></ion-icon>\n  </ion-fab-button>\n</ion-fab>\n", styles: [".mat-cell-date-time{width:180px}.mat-column-id{width:90px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: i4.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i4.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i4.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i4.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i4.IonRefresher, selector: "ion-refresher", inputs: ["closeDuration", "disabled", "mode", "pullFactor", "pullMax", "pullMin", "snapbackDuration"] }, { kind: "component", type: i4.IonRefresherContent, selector: "ion-refresher-content", inputs: ["pullingIcon", "pullingText", "refreshingSpinner", "refreshingText"] }, { kind: "component", type: i4.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i4.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i14.ActionsColumnComponent, selector: "app-actions-column", inputs: ["matColumnDef", "style", "showPendingSpinner", "stickyEnd", "canCancel", "canConfirm", "canDelete", "canBackward", "canForward", "canConfirmAndAdd", "dirtyIcon", "optionsTitle", "class", "cellTemplateStart", "cellTemplate"], outputs: ["optionsClick", "cancelOrDeleteClick", "confirmEditCreateClick", "confirmAndAddClick", "backward", "forward"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i15.PropertyGetPipe, name: "propertyGet" }, { kind: "pipe", type: i16.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i17.IsSelectedPipe, name: "isSelected" }, { kind: "pipe", type: i17.IsEmptySelectionPipe, name: "isEmptySelection" }, { kind: "pipe", type: i18.IsAllSelectedPipe, name: "isAllSelected" }, { kind: "pipe", type: i18.IsNotAllSelectedPipe, name: "isNotAllSelected" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UserTokenTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserTokenTable, decorators: [{
             type: Component,
             args: [{ selector: 'app-user-token-table', providers: [{ provide: ValidatorService, useClass: UserTokenValidatorService }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar>\n  <!-- Refresh -->\n  <button\n    mat-icon-button\n    *ngIf=\"!mobile\"\n    [title]=\"!showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    [matTooltip]=\"showTooltip ? ('COMMON.BTN_REFRESH' | translate) : ''\"\n    (click)=\"emitRefresh()\"\n  >\n    <mat-icon>refresh</mat-icon>\n  </button>\n\n  <ion-item *ngIf=\"!mobile && error; let error\" lines=\"none\">\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <div class=\"toolbar-spacer\"></div>\n\n  @if (selection | isEmptySelection) {\n    <button\n      mat-icon-button\n      *ngIf=\"canEdit && !mobile\"\n      [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n      (click)=\"addToken($event)\"\n    >\n      <mat-icon>add</mat-icon>\n    </button>\n  } @else {\n    <button\n      mat-icon-button\n      [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n      (click)=\"deleteSelection($event)\"\n    >\n      <mat-icon>delete_outline</mat-icon>\n    </button>\n  }\n</mat-toolbar>\n\n<ion-content class=\"ion-no-padding\">\n  <ion-refresher slot=\"fixed\" *ngIf=\"mobile\" (ionRefresh)=\"doRefresh($event)\">\n    <ion-refresher-content></ion-refresher-content>\n  </ion-refresher>\n\n  <!-- table -->\n  <div class=\"table-container\">\n    <table\n      #table\n      mat-table\n      matSort\n      matSortDisableClear\n      [dataSource]=\"dataSource\"\n      [matSortActive]=\"defaultSortBy\"\n      [matSortDirection]=\"defaultSortDirection\"\n      [trackBy]=\"trackByFn\"\n    >\n      <ng-container matColumnDef=\"select\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"this | isAllSelected\"\n            [indeterminate]=\"this | isNotAllSelected\"\n          ></mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [class.cdk-visually-hidden]=\"!canEdit\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection | isSelected: row\"\n          ></mat-checkbox>\n        </td>\n      </ng-container>\n\n      <!-- Id Column -->\n      <ng-container matColumnDef=\"id\" [sticky]=\"useSticky\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"cdk-visually-hidden\">\n          <ion-label>#</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"cdk-visually-hidden\">{{ row.currentData.id }}</td>\n      </ng-container>\n\n      <!-- name column -->\n      <ng-container matColumnDef=\"name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'NAME' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ (row.currentData | propertyGet: 'name') || (i18nColumnPrefix + 'UNKNOWN' | translate) }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"scopes\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>\n          <ion-label>{{ i18nColumnPrefix + 'SCOPES' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          {{ display(row.currentData | propertyGet: 'scopes') }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"creationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'CREATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'creationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"expirationDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'EXPIRATION_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'expirationDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"lastUsedDate\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header class=\"mat-cell-date-time\">\n          <ion-label>{{ i18nColumnPrefix + 'LAST_USED_DATE' | translate }}</ion-label>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" class=\"mat-cell-date-time\">\n          {{ row.currentData | propertyGet: 'lastUsedDate' | dateFormat: { time: true } }}\n        </td>\n      </ng-container>\n\n      <!-- Actions buttons column -->\n      <app-actions-column\n        [stickyEnd]=\"useSticky\"\n        (optionsClick)=\"openSelectColumnsModal($event)\"\n        (cancelOrDeleteClick)=\"cancelOrDelete($event.event, $event.row)\"\n        (confirmAndAddClick)=\"confirmAndAdd($event.event, $event.row)\"\n        (backward)=\"confirmAndBackward($event.event, $event.row)\"\n        (forward)=\"confirmAndForward($event.event, $event.row)\"\n        [canCancel]=\"false\"\n      ></app-actions-column>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [class.mat-row-selected]=\"row.editing\"\n        [class.mat-row-error]=\"row.validator?.invalid\"\n        [class.mat-row-dirty]=\"row.validator?.dirty\"\n        (click)=\"clickRow($event, row)\"\n        (keydown.escape)=\"escapeEditingRow($event)\"\n        [cdkTrapFocus]=\"row.validator?.invalid\"\n      ></tr>\n    </table>\n\n    <ng-container *ngIf=\"loadingSubject | async; else noResult\">\n      <ion-item>\n        <ion-skeleton-text animated></ion-skeleton-text>\n      </ion-item>\n    </ng-container>\n\n    <ng-template #noResult>\n      <ion-item *ngIf=\"totalRowCount === 0\">\n        <ion-text color=\"danger\" class=\"text-italic\" translate>COMMON.NO_RESULT</ion-text>\n      </ion-item>\n    </ng-template>\n  </div>\n</ion-content>\n\n<ion-fab slot=\"fixed\" vertical=\"bottom\" horizontal=\"end\" *ngIf=\"mobile\">\n  <ion-fab-button color=\"tertiary\" (click)=\"addToken($event)\">\n    <ion-icon name=\"add\"></ion-icon>\n  </ion-fab-button>\n</ion-fab>\n", styles: [".mat-cell-date-time{width:180px}.mat-column-id{width:90px}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.ValidatorService }, { type: i2.ConfigService }, { type: i19.Environment, decorators: [{

package/esm2022/src/app/core/auth/auth.form.mjs CHANGED Viewed

@@ -140,10 +140,10 @@ export class AppAuthForm extends AppForm {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.LocalSettingsService }, { token: i3.ConfigService }, { token: i4.ModalController }, { token: i5.NetworkService }, { token: i0.ChangeDetectorRef }, { token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AppAuthForm, selector: "app-auth-form", outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, usesInheritance: true, ngImport: i0, template: "<form\n  [formGroup]=\"form\"\n  novalidate\n  (ngSubmit)=\"doSubmit($event)\"\n  class=\"form-container ion-padding\"\n  (keyup.enter)=\"doSubmit($event)\"\n>\n  <!-- error -->\n  <ion-item lines=\"none\" *ngIf=\"error && !loading\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <!-- Username -->\n  <mat-form-field>\n    <mat-label>{{ usernamePlaceholder | translate }}</mat-label>\n    <input\n      matInput\n      [appAutofocus]=\"true\"\n      [autofocusDelay]=\"500\"\n      formControlName=\"username\"\n      autocomplete=\"off\"\n      required\n    />\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.username.hasError('email') && form.controls.username.dirty\">\n      <span>{{ 'ERROR.FIELD_NOT_VALID_EMAIL' | translate }}</span>\n    </mat-error>\n  </mat-form-field>\n\n  <!-- Password -->\n  <mat-form-field>\n    <mat-label>{{ 'USER.PASSWORD' | translate }}</mat-label>\n    <input\n      matInput\n      formControlName=\"password\"\n      autocomplete=\"section-red new-password\"\n      [type]=\"showPwd ? 'text' : 'password'\"\n      (keyup.enter)=\"doSubmit($event)\"\n      required\n    />\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\" mat-icon-button (click)=\"showPwd = !showPwd\" tabindex=\"-1\">\n      <mat-icon>{{ showPwd ? 'visibility_off' : 'visibility' }}</mat-icon>\n    </button>\n    <mat-error *ngIf=\"form.controls.password.hasError('required') && form.controls.password.touched\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"canWorkOffline\">\n    <!-- Force offline (desktop) -->\n    <mat-form-field hidden-xs hidden-sm hidden-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n\n      <!-- check box  -->\n      <mat-checkbox\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      >\n        <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      <mat-slide-toggle\n        matSuffix\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      ></mat-slide-toggle>\n    </mat-form-field>\n  </ng-container>\n\n  <!-- Not register yet ? -->\n  @if (canRegister) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.NO_ACCOUNT_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"register()\">\n          <span>{{ 'AUTH.BTN_REGISTER' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n\n  <!-- Reset password -->\n  @if (canResetPassword) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.RESET_PASSWORD_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"resetPassword()\">\n          <span>{{ 'AUTH.BTN_RESET_PASSWORD' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i4.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i4.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i4.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }, { kind: "pipe", type: i15.MatColorPipe, name: "matColor" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.LocalSettingsService }, { token: i3.ConfigService }, { token: i4.ModalController }, { token: i5.NetworkService }, { token: i0.ChangeDetectorRef }, { token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AppAuthForm, selector: "app-auth-form", outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, usesInheritance: true, ngImport: i0, template: "<form\n  [formGroup]=\"form\"\n  novalidate\n  (ngSubmit)=\"doSubmit($event)\"\n  class=\"form-container ion-padding\"\n  (keyup.enter)=\"doSubmit($event)\"\n>\n  <!-- error -->\n  <ion-item lines=\"none\" *ngIf=\"error && !loading\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <!-- Username -->\n  <mat-form-field>\n    <mat-label>{{ usernamePlaceholder | translate }}</mat-label>\n    <input\n      matInput\n      [appAutofocus]=\"true\"\n      [autofocusDelay]=\"500\"\n      formControlName=\"username\"\n      autocomplete=\"off\"\n      required\n    />\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.username.hasError('email') && form.controls.username.dirty\">\n      <span>{{ 'ERROR.FIELD_NOT_VALID_EMAIL' | translate }}</span>\n    </mat-error>\n  </mat-form-field>\n\n  <!-- Password -->\n  <mat-form-field>\n    <mat-label>{{ 'USER.PASSWORD' | translate }}</mat-label>\n    <input\n      matInput\n      formControlName=\"password\"\n      autocomplete=\"section-red new-password\"\n      [type]=\"showPwd ? 'text' : 'password'\"\n      (keyup.enter)=\"doSubmit($event)\"\n      required\n    />\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\" mat-icon-button (click)=\"showPwd = !showPwd\" tabindex=\"-1\">\n      <mat-icon>{{ showPwd ? 'visibility_off' : 'visibility' }}</mat-icon>\n    </button>\n    <mat-error *ngIf=\"form.controls.password.hasError('required') && form.controls.password.touched\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"canWorkOffline\">\n    <!-- Force offline (desktop) -->\n    <mat-form-field hidden-xs hidden-sm hidden-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n\n      <!-- check box  -->\n      <mat-checkbox\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      >\n        <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      <mat-slide-toggle\n        matSuffix\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      ></mat-slide-toggle>\n    </mat-form-field>\n  </ng-container>\n\n  <!-- Not register yet ? -->\n  @if (canRegister) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.NO_ACCOUNT_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"register()\">\n          <span>{{ 'AUTH.BTN_REGISTER' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n\n  <!-- Reset password -->\n  @if (canResetPassword) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.RESET_PASSWORD_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"resetPassword()\">\n          <span>{{ 'AUTH.BTN_RESET_PASSWORD' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i4.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i4.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i4.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i12.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i13.AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }, { kind: "pipe", type: i15.MatColorPipe, name: "matColor" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthForm, decorators: [{
             type: Component,
             args: [{ selector: 'app-auth-form', animations: [slideUpDownAnimation], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n  [formGroup]=\"form\"\n  novalidate\n  (ngSubmit)=\"doSubmit($event)\"\n  class=\"form-container ion-padding\"\n  (keyup.enter)=\"doSubmit($event)\"\n>\n  <!-- error -->\n  <ion-item lines=\"none\" *ngIf=\"error && !loading\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <!-- Username -->\n  <mat-form-field>\n    <mat-label>{{ usernamePlaceholder | translate }}</mat-label>\n    <input\n      matInput\n      [appAutofocus]=\"true\"\n      [autofocusDelay]=\"500\"\n      formControlName=\"username\"\n      autocomplete=\"off\"\n      required\n    />\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n    <mat-error *ngIf=\"form.controls.username.hasError('email') && form.controls.username.dirty\">\n      <span>{{ 'ERROR.FIELD_NOT_VALID_EMAIL' | translate }}</span>\n    </mat-error>\n  </mat-form-field>\n\n  <!-- Password -->\n  <mat-form-field>\n    <mat-label>{{ 'USER.PASSWORD' | translate }}</mat-label>\n    <input\n      matInput\n      formControlName=\"password\"\n      autocomplete=\"section-red new-password\"\n      [type]=\"showPwd ? 'text' : 'password'\"\n      (keyup.enter)=\"doSubmit($event)\"\n      required\n    />\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\" mat-icon-button (click)=\"showPwd = !showPwd\" tabindex=\"-1\">\n      <mat-icon>{{ showPwd ? 'visibility_off' : 'visibility' }}</mat-icon>\n    </button>\n    <mat-error *ngIf=\"form.controls.password.hasError('required') && form.controls.password.touched\">\n      {{ 'ERROR.FIELD_REQUIRED' | translate }}\n    </mat-error>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"canWorkOffline\">\n    <!-- Force offline (desktop) -->\n    <mat-form-field hidden-xs hidden-sm hidden-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n\n      <!-- check box  -->\n      <mat-checkbox\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      >\n        <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\" />\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\">{{ 'AUTH.OFFLINE_MODE' | translate }}</ion-text>\n      <mat-slide-toggle\n        matSuffix\n        [disabled]=\"network.offline\"\n        (change)=\"form.controls.offline.setValue($event.checked)\"\n        [checked]=\"form.controls.offline.value\"\n      ></mat-slide-toggle>\n    </mat-form-field>\n  </ng-container>\n\n  <!-- Not register yet ? -->\n  @if (canRegister) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.NO_ACCOUNT_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"register()\">\n          <span>{{ 'AUTH.BTN_REGISTER' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n\n  <!-- Reset password -->\n  @if (canResetPassword) {\n    <ion-text class=\"ion-text-center\">\n      <p>\n        <span>{{ 'AUTH.RESET_PASSWORD_QUESTION' | translate }}</span>\n        <br />\n        <a href=\"#\" (click)=\"resetPassword()\">\n          <span>{{ 'AUTH.BTN_RESET_PASSWORD' | translate }}</span>\n        </a>\n      </p>\n    </ion-text>\n  }\n</form>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.UntypedFormBuilder }, { type: i2.LocalSettingsService }, { type: i3.ConfigService }, { type: i4.ModalController }, { type: i5.NetworkService }, { type: i0.ChangeDetectorRef }, { type: i16.Environment, decorators: [{

package/esm2022/src/app/core/auth/auth.modal.mjs CHANGED Viewed

@@ -63,10 +63,10 @@ export class AppAuthModal {
     markAsLoaded(opts) {
         this.form.markAsLoaded(opts);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModal, deps: [{ token: i1.AccountService }, { token: i2.ModalController }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppAuthModal, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"accent\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{ 'AUTH.TITLE' | translate }}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n      <ion-spinner *ngIf=\"loading\"></ion-spinner>\n\n      <ion-button (click)=\"doSubmit()\" *ngIf=\"!loading\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <app-auth-form #form (onSubmit)=\"doSubmit()\" (onCancel)=\"cancel()\"></app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button\n          [fill]=\"form.invalid ? 'clear' : 'solid'\"\n          [disabled]=\"loading || form.invalid\"\n          (click)=\"doSubmit()\"\n          (keyup.enter)=\"doSubmit()\"\n          color=\"tertiary\"\n        >\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.AppAuthForm, selector: "app-auth-form", outputs: ["onCancel", "onSubmit"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModal, deps: [{ token: i1.AccountService }, { token: i2.ModalController }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AppAuthModal, selector: "ng-component", viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"accent\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{ 'AUTH.TITLE' | translate }}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n      <ion-spinner *ngIf=\"loading\"></ion-spinner>\n\n      <ion-button (click)=\"doSubmit()\" *ngIf=\"!loading\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <app-auth-form #form (onSubmit)=\"doSubmit()\" (onCancel)=\"cancel()\"></app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button\n          [fill]=\"form.invalid ? 'clear' : 'solid'\"\n          [disabled]=\"loading || form.invalid\"\n          (click)=\"doSubmit()\"\n          (keyup.enter)=\"doSubmit()\"\n          color=\"tertiary\"\n        >\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.AppAuthForm, selector: "app-auth-form", outputs: ["onCancel", "onSubmit"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModal, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"accent\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>\n      {{ 'AUTH.TITLE' | translate }}\n    </ion-title>\n\n    <ion-buttons slot=\"end\">\n      <ion-spinner *ngIf=\"loading\"></ion-spinner>\n\n      <ion-button (click)=\"doSubmit()\" *ngIf=\"!loading\" visible-xs visible-sm visible-mobile>\n        <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <app-auth-form #form (onSubmit)=\"doSubmit()\" (onCancel)=\"cancel()\"></app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n  <ion-toolbar>\n    <ion-row class=\"ion-no-padding\" nowrap>\n      <ion-col></ion-col>\n\n      <!-- buttons -->\n      <ion-col size=\"auto\">\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label translate>COMMON.BTN_CANCEL</ion-label>\n        </ion-button>\n\n        <ion-button\n          [fill]=\"form.invalid ? 'clear' : 'solid'\"\n          [disabled]=\"loading || form.invalid\"\n          (click)=\"doSubmit()\"\n          (keyup.enter)=\"doSubmit()\"\n          color=\"tertiary\"\n        >\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n" }]
         }], ctorParameters: () => [{ type: i1.AccountService }, { type: i2.ModalController }, { type: i0.ChangeDetectorRef }], propDecorators: { form: [{

package/esm2022/src/app/core/auth/auth.module.mjs CHANGED Viewed

@@ -9,8 +9,8 @@ import { AppUsernameFormModule } from '../form/username/username.module';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class AppAuthModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModule, declarations: [
             // Components
             AppAuthForm,
             AppAuthModal,
@@ -22,13 +22,13 @@ export class AppAuthModule {
             AppAuthForm,
             AppAuthModal,
             AppResetPasswordModal] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModule, imports: [SharedModule,
             TranslateModule.forChild(),
             // App modules
             AppRegisterModule,
             AppUsernameFormModule, TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppAuthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAuthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/src/app/core/auth/reset-password.modal.mjs CHANGED Viewed

@@ -70,10 +70,10 @@ export class AppResetPasswordModal {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppResetPasswordModal, deps: [{ token: i1.AccountService }, { token: i2.ModalController }, { token: i2.ToastController }, { token: i3.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AppResetPasswordModal, selector: "app-reset-password-modal", inputs: { username: "username", usernamePlaceholder: "usernamePlaceholder", emailValidator: "emailValidator" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>{{ 'AUTH.RESET_PASSWORD.TITLE' | translate }}</ion-title>\n\n    <ion-buttons slot=\"end\">\n      @if (sending) {\n        <ion-spinner></ion-spinner>\n      } @else {\n        <ion-button (click)=\"doSubmit()\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <!-- error -->\n  <ion-item *ngIf=\"form.errorSubject | async; let error\" lines=\"none\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <ion-text>\n    <p [innerHTML]=\"'AUTH.RESET_PASSWORD.HELP' | translate\"></p>\n  </ion-text>\n\n  <app-username-form\n    #form\n    [usernamePlaceHolder]=\"usernamePlaceholder\"\n    [emailValidator]=\"emailValidator\"\n    (onSubmit)=\"doSubmit()\"\n    (onCancel)=\"cancel()\"\n  ></app-username-form>\n</ion-content>\n\n<ion-footer class=\"hidden-xs hidden-sm hidden-mobile\">\n  <!-- buttons -->\n  <ion-toolbar>\n    <ion-row>\n      <ion-col>\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label>{{ 'COMMON.BTN_CANCEL' | translate }}</ion-label>\n        </ion-button>\n      </ion-col>\n      <ion-col size=\"auto\">\n        <ion-button (click)=\"doSubmit()\" fill=\"solid\" [disabled]=\"sending\" color=\"tertiary\">\n          <span translate>AUTH.RESET_PASSWORD.BTN_SEND</span>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.AppUsernameForm, selector: "app-username-form", inputs: ["mobile", "usernamePlaceHolder", "emailValidator"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppResetPasswordModal, deps: [{ token: i1.AccountService }, { token: i2.ModalController }, { token: i2.ToastController }, { token: i3.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AppResetPasswordModal, selector: "app-reset-password-modal", inputs: { username: "username", usernamePlaceholder: "usernamePlaceholder", emailValidator: "emailValidator" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true, static: true }], ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>{{ 'AUTH.RESET_PASSWORD.TITLE' | translate }}</ion-title>\n\n    <ion-buttons slot=\"end\">\n      @if (sending) {\n        <ion-spinner></ion-spinner>\n      } @else {\n        <ion-button (click)=\"doSubmit()\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <!-- error -->\n  <ion-item *ngIf=\"form.errorSubject | async; let error\" lines=\"none\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <ion-text>\n    <p [innerHTML]=\"'AUTH.RESET_PASSWORD.HELP' | translate\"></p>\n  </ion-text>\n\n  <app-username-form\n    #form\n    [usernamePlaceHolder]=\"usernamePlaceholder\"\n    [emailValidator]=\"emailValidator\"\n    (onSubmit)=\"doSubmit()\"\n    (onCancel)=\"cancel()\"\n  ></app-username-form>\n</ion-content>\n\n<ion-footer class=\"hidden-xs hidden-sm hidden-mobile\">\n  <!-- buttons -->\n  <ion-toolbar>\n    <ion-row>\n      <ion-col>\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label>{{ 'COMMON.BTN_CANCEL' | translate }}</ion-label>\n        </ion-button>\n      </ion-col>\n      <ion-col size=\"auto\">\n        <ion-button (click)=\"doSubmit()\" fill=\"solid\" [disabled]=\"sending\" color=\"tertiary\">\n          <span translate>AUTH.RESET_PASSWORD.BTN_SEND</span>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonRow, selector: "ion-row" }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.AppUsernameForm, selector: "app-username-form", inputs: ["mobile", "usernamePlaceHolder", "emailValidator"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppResetPasswordModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppResetPasswordModal, decorators: [{
             type: Component,
             args: [{ selector: 'app-reset-password-modal', changeDetection: ChangeDetectionStrategy.OnPush, animations: [slideUpDownAnimation], template: "<ion-header>\n  <ion-toolbar color=\"secondary\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"cancel()\" class=\"visible-xs visible-sm visible-mobile\">\n        <ion-icon slot=\"icon-only\" name=\"arrow-back\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n\n    <ion-title>{{ 'AUTH.RESET_PASSWORD.TITLE' | translate }}</ion-title>\n\n    <ion-buttons slot=\"end\">\n      @if (sending) {\n        <ion-spinner></ion-spinner>\n      } @else {\n        <ion-button (click)=\"doSubmit()\" class=\"visible-xs visible-sm visible-mobile\">\n          <ion-icon slot=\"icon-only\" name=\"checkmark\"></ion-icon>\n        </ion-button>\n      }\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <!-- error -->\n  <ion-item *ngIf=\"form.errorSubject | async; let error\" lines=\"none\" @slideUpDownAnimation>\n    <ion-icon color=\"danger\" slot=\"start\" name=\"alert-circle\"></ion-icon>\n    <ion-label color=\"danger\" class=\"error\" [innerHTML]=\"error | translate\"></ion-label>\n  </ion-item>\n\n  <ion-text>\n    <p [innerHTML]=\"'AUTH.RESET_PASSWORD.HELP' | translate\"></p>\n  </ion-text>\n\n  <app-username-form\n    #form\n    [usernamePlaceHolder]=\"usernamePlaceholder\"\n    [emailValidator]=\"emailValidator\"\n    (onSubmit)=\"doSubmit()\"\n    (onCancel)=\"cancel()\"\n  ></app-username-form>\n</ion-content>\n\n<ion-footer class=\"hidden-xs hidden-sm hidden-mobile\">\n  <!-- buttons -->\n  <ion-toolbar>\n    <ion-row>\n      <ion-col>\n        <ion-button fill=\"clear\" color=\"dark\" (click)=\"cancel()\">\n          <ion-label>{{ 'COMMON.BTN_CANCEL' | translate }}</ion-label>\n        </ion-button>\n      </ion-col>\n      <ion-col size=\"auto\">\n        <ion-button (click)=\"doSubmit()\" fill=\"solid\" [disabled]=\"sending\" color=\"tertiary\">\n          <span translate>AUTH.RESET_PASSWORD.BTN_SEND</span>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n  </ion-toolbar>\n</ion-footer>\n" }]
         }], ctorParameters: () => [{ type: i1.AccountService }, { type: i2.ModalController }, { type: i2.ToastController }, { type: i3.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { username: [{

package/esm2022/src/app/core/core.module.mjs CHANGED Viewed

@@ -30,8 +30,8 @@ export class CoreModule {
             providers: [PlatformService],
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CoreModule, imports: [SharedModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [SharedModule,
             RouterModule,
             CacheModule,
             IonicStorageModule,
@@ -68,7 +68,7 @@ export class CoreModule {
             AppInstallUpgradeCardModule,
             AppUpdateOfflineModeCardModule,
             CorePipesModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [SharedModule,
             RouterModule,
             CacheModule,
             IonicStorageModule,
@@ -106,7 +106,7 @@ export class CoreModule {
             AppUpdateOfflineModeCardModule,
             CorePipesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/src/app/core/core.testing.module.mjs CHANGED Viewed

@@ -70,8 +70,8 @@ const routes = [
     },
 ];
 export class CoreTestingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, imports: [CommonModule, i1.TranslateModule, i2.RouterModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, imports: [CommonModule, i1.TranslateModule, i2.RouterModule,
             // Sub modules
             TableTestingModule,
             TextFormTestingModule,
@@ -84,7 +84,7 @@ export class CoreTestingModule {
             TextPopoverTestingModule,
             PropertiesFormTestingModule,
             FormArrayTestModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, imports: [CommonModule,
             TranslateModule.forChild(),
             RouterModule.forChild(routes),
             // Sub modules
@@ -100,7 +100,7 @@ export class CoreTestingModule {
             PropertiesFormTestingModule,
             FormArrayTestModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/src/app/core/form/array/testing/form-array-test.module.mjs CHANGED Viewed

@@ -8,11 +8,11 @@ import { RouterModule } from '@angular/router';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class FormArrayTestModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormArrayTestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FormArrayTestModule, declarations: [ArrayFormTestPage], imports: [CommonModule, SharedModule, CoreModule, i1.TranslateModule], exports: [ArrayFormTestPage, RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormArrayTestModule, imports: [CommonModule, SharedModule, CoreModule, TranslateModule.forChild(), RouterModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormArrayTestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormArrayTestModule, declarations: [ArrayFormTestPage], imports: [CommonModule, SharedModule, CoreModule, i1.TranslateModule], exports: [ArrayFormTestPage, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormArrayTestModule, imports: [CommonModule, SharedModule, CoreModule, TranslateModule.forChild(), RouterModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormArrayTestModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormArrayTestModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule, CoreModule, TranslateModule.forChild()],

package/esm2022/src/app/core/form/array/testing/form-array.test.mjs CHANGED Viewed

@@ -87,10 +87,10 @@ export class ArrayFormTestPage extends AppForm {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArrayFormTestPage, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.PlatformService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ArrayFormTestPage, selector: "app-array-test", usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Form Array test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form class=\"form-container ion-padding\" [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <!-- Default -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: defaultFormArray, title: 'Default behavior', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Not empty array -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: notEmptyFormArray, title: 'Not empty array', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow null values -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: nullValuesFormArray,\n                title: 'Allow many null values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow duplicated value -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: duplicatedValuesFormArray,\n                title: 'Allow duplicated values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n\n<ng-template\n  #arrayCard\n  let-formArray\n  let-title=\"title\"\n  let-showAddToolbar=\"showAddToolbar\"\n  let-showResizeToolbar=\"showResizeToolbar\"\n  let-showSetValue=\"showSetValue\"\n>\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>{{ title }}</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      @for (\n        control of (formArray | formGetArray).controls;\n        track i;\n        let i = $index;\n        let first = $first;\n        let last = $last\n      ) {\n        <ion-row>\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value #{{ i + 1 }}</mat-label>\n              <input matInput [formControl]=\"control | formGetControl\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            @if (last && !showAddToolbar) {\n              <button\n                type=\"button\"\n                mat-icon-button\n                [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                (click)=\"formArray.add()\"\n              >\n                <mat-icon>add</mat-icon>\n              </button>\n            }\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              (click)=\"formArray.removeAt(i) && markAsDirty()\"\n            >\n              <mat-icon>close</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      }\n\n      @if (formArray.length === 0 && !showAddToolbar) {\n        <button\n          type=\"button\"\n          mat-icon-button\n          [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          (click)=\"formArray.add()\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n      }\n    </ion-card-content>\n\n    @if (showAddToolbar || showResizeToolbar || showSetValue) {\n      <ion-toolbar>\n        <!-- Set array value -->\n        <ion-row *ngIf=\"showSetValue\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Set Value</mat-label>\n              <input\n                #setValueInput\n                matInput\n                type=\"text\"\n                placeholder=\"Comma separated values\"\n                (keydown.enter)=\"setFormArrayValue(formArray, setValueInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              title=\"Set value\"\n              (click)=\"setFormArrayValue(formArray, setValueInput.value)\"\n            >\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Resize the array -->\n        <ion-row *ngIf=\"showResizeToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Resize</mat-label>\n              <input\n                #sizeInput\n                matInput\n                type=\"number\"\n                step=\"1\"\n                min=\"0\"\n                placeholder=\"New array length\"\n                (keydown.enter)=\"formArray.resize(sizeInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button type=\"button\" mat-icon-button title=\"Resize\" (click)=\"formArray.resize(sizeInput.value)\">\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Add a item with a value -->\n        <ion-row *ngIf=\"showAddToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value to add</mat-label>\n              <input #valueInput matInput type=\"text\" (keydown.enter)=\"formArray.add(valueInput.value)\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              (click)=\"formArray.add(valueInput.value)\"\n            >\n              <mat-icon>add</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    }\n  </ion-card>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i4.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i4.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i4.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i4.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i4.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: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i4.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i4.IonRow, selector: "ion-row" }, { kind: "component", type: i4.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.IonBackButton, selector: "ion-back-button" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.FormGetControlPipe, name: "formGetControl" }, { kind: "pipe", type: i11.FormGetArrayPipe, name: "formGetArray" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArrayFormTestPage, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.PlatformService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ArrayFormTestPage, selector: "app-array-test", usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Form Array test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form class=\"form-container ion-padding\" [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <!-- Default -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: defaultFormArray, title: 'Default behavior', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Not empty array -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: notEmptyFormArray, title: 'Not empty array', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow null values -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: nullValuesFormArray,\n                title: 'Allow many null values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow duplicated value -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: duplicatedValuesFormArray,\n                title: 'Allow duplicated values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n\n<ng-template\n  #arrayCard\n  let-formArray\n  let-title=\"title\"\n  let-showAddToolbar=\"showAddToolbar\"\n  let-showResizeToolbar=\"showResizeToolbar\"\n  let-showSetValue=\"showSetValue\"\n>\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>{{ title }}</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      @for (\n        control of (formArray | formGetArray).controls;\n        track i;\n        let i = $index;\n        let first = $first;\n        let last = $last\n      ) {\n        <ion-row>\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value #{{ i + 1 }}</mat-label>\n              <input matInput [formControl]=\"control | formGetControl\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            @if (last && !showAddToolbar) {\n              <button\n                type=\"button\"\n                mat-icon-button\n                [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                (click)=\"formArray.add()\"\n              >\n                <mat-icon>add</mat-icon>\n              </button>\n            }\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              (click)=\"formArray.removeAt(i) && markAsDirty()\"\n            >\n              <mat-icon>close</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      }\n\n      @if (formArray.length === 0 && !showAddToolbar) {\n        <button\n          type=\"button\"\n          mat-icon-button\n          [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          (click)=\"formArray.add()\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n      }\n    </ion-card-content>\n\n    @if (showAddToolbar || showResizeToolbar || showSetValue) {\n      <ion-toolbar>\n        <!-- Set array value -->\n        <ion-row *ngIf=\"showSetValue\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Set Value</mat-label>\n              <input\n                #setValueInput\n                matInput\n                type=\"text\"\n                placeholder=\"Comma separated values\"\n                (keydown.enter)=\"setFormArrayValue(formArray, setValueInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              title=\"Set value\"\n              (click)=\"setFormArrayValue(formArray, setValueInput.value)\"\n            >\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Resize the array -->\n        <ion-row *ngIf=\"showResizeToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Resize</mat-label>\n              <input\n                #sizeInput\n                matInput\n                type=\"number\"\n                step=\"1\"\n                min=\"0\"\n                placeholder=\"New array length\"\n                (keydown.enter)=\"formArray.resize(sizeInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button type=\"button\" mat-icon-button title=\"Resize\" (click)=\"formArray.resize(sizeInput.value)\">\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Add a item with a value -->\n        <ion-row *ngIf=\"showAddToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value to add</mat-label>\n              <input #valueInput matInput type=\"text\" (keydown.enter)=\"formArray.add(valueInput.value)\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              (click)=\"formArray.add(valueInput.value)\"\n            >\n              <mat-icon>add</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    }\n  </ion-card>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i4.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i4.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i4.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i4.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i4.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: i4.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i4.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i4.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i4.IonRow, selector: "ion-row" }, { kind: "component", type: i4.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.IonBackButton, selector: "ion-back-button" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }, { kind: "pipe", type: i11.FormGetControlPipe, name: "formGetControl" }, { kind: "pipe", type: i11.FormGetArrayPipe, name: "formGetArray" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArrayFormTestPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ArrayFormTestPage, decorators: [{
             type: Component,
             args: [{ selector: 'app-array-test', template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Form Array test page</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <form class=\"form-container ion-padding\" [formGroup]=\"form\">\n    <ion-grid>\n      <ion-row>\n        <!-- Default -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: defaultFormArray, title: 'Default behavior', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Not empty array -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: { $implicit: notEmptyFormArray, title: 'Not empty array', showSetValue: true }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow null values -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: nullValuesFormArray,\n                title: 'Allow many null values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n\n        <!-- Allow duplicated value -->\n        <ion-col size=\"6\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              arrayCard;\n              context: {\n                $implicit: duplicatedValuesFormArray,\n                title: 'Allow duplicated values',\n                showAddToolbar: true,\n                showResizeToolbar: true,\n                showSetValue: true\n              }\n            \"\n          ></ng-container>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n  </form>\n</ion-content>\n\n<ng-template\n  #arrayCard\n  let-formArray\n  let-title=\"title\"\n  let-showAddToolbar=\"showAddToolbar\"\n  let-showResizeToolbar=\"showResizeToolbar\"\n  let-showSetValue=\"showSetValue\"\n>\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>{{ title }}</ion-card-title>\n    </ion-card-header>\n    <ion-card-content>\n      @for (\n        control of (formArray | formGetArray).controls;\n        track i;\n        let i = $index;\n        let first = $first;\n        let last = $last\n      ) {\n        <ion-row>\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value #{{ i + 1 }}</mat-label>\n              <input matInput [formControl]=\"control | formGetControl\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            @if (last && !showAddToolbar) {\n              <button\n                type=\"button\"\n                mat-icon-button\n                [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n                (click)=\"formArray.add()\"\n              >\n                <mat-icon>add</mat-icon>\n              </button>\n            }\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_DELETE' | translate) : ''\"\n              (click)=\"formArray.removeAt(i) && markAsDirty()\"\n            >\n              <mat-icon>close</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      }\n\n      @if (formArray.length === 0 && !showAddToolbar) {\n        <button\n          type=\"button\"\n          mat-icon-button\n          [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n          (click)=\"formArray.add()\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n      }\n    </ion-card-content>\n\n    @if (showAddToolbar || showResizeToolbar || showSetValue) {\n      <ion-toolbar>\n        <!-- Set array value -->\n        <ion-row *ngIf=\"showSetValue\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Set Value</mat-label>\n              <input\n                #setValueInput\n                matInput\n                type=\"text\"\n                placeholder=\"Comma separated values\"\n                (keydown.enter)=\"setFormArrayValue(formArray, setValueInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              title=\"Set value\"\n              (click)=\"setFormArrayValue(formArray, setValueInput.value)\"\n            >\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Resize the array -->\n        <ion-row *ngIf=\"showResizeToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Resize</mat-label>\n              <input\n                #sizeInput\n                matInput\n                type=\"number\"\n                step=\"1\"\n                min=\"0\"\n                placeholder=\"New array length\"\n                (keydown.enter)=\"formArray.resize(sizeInput.value)\"\n              />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button type=\"button\" mat-icon-button title=\"Resize\" (click)=\"formArray.resize(sizeInput.value)\">\n              <mat-icon>checkmark</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n\n        <!-- Add a item with a value -->\n        <ion-row *ngIf=\"showAddToolbar\">\n          <ion-col>\n            <mat-form-field>\n              <mat-label>Value to add</mat-label>\n              <input #valueInput matInput type=\"text\" (keydown.enter)=\"formArray.add(valueInput.value)\" />\n            </mat-form-field>\n          </ion-col>\n          <ion-col size=\"auto\">\n            <button\n              type=\"button\"\n              mat-icon-button\n              [title]=\"!showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              [matTooltip]=\"showTooltip ? ('COMMON.BTN_ADD' | translate) : ''\"\n              (click)=\"formArray.add(valueInput.value)\"\n            >\n              <mat-icon>add</mat-icon>\n            </button>\n          </ion-col>\n        </ion-row>\n      </ion-toolbar>\n    }\n  </ion-card>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.PlatformService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });