npm - @sumaris-net/ngx-components - Versions diffs - 4.0.0-rc13 → 4.0.0-rc15 - Mend

@sumaris-net/ngx-components 4.0.0-rc13 → 4.0.0-rc15

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 (250) hide show

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

@@ -121,10 +121,10 @@ export class AppAuthForm extends AppForm {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppAuthForm, deps: [{ token: i0.Injector }, { token: i1.PlatformService }, { token: i2.UntypedFormBuilder }, { token: i3.LocalSettingsService }, { token: i4.ConfigService }, { token: i5.ModalController }, { token: i6.NetworkService }, { token: i0.ChangeDetectorRef }, { token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: AppAuthForm, selector: "app-auth-form", outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"doSubmit($event)\" class=\"form-container ion-padding\" (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 matInput [appAutofocus]=\"true\" [autofocusDelay]=\"500\"\n           formControlName=\"username\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\" translate>ERROR.FIELD_REQUIRED</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 matInput\n           formControlName=\"password\"\n           autocomplete=\"section-red new-password\"\n           [type]=\"showPwd ? 'text' : 'password'\"\n           (keyup.enter)=\"doSubmit($event)\"\n           required>\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\"\n            mat-icon-button\n            (click)=\"showPwd = !showPwd\"\n            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\" translate>ERROR.FIELD_REQUIRED</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        <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile\n                    [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\">\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      <mat-slide-toggle 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  <p *ngIf=\"canRegister\" class=\"padding\" style=\"text-align: center;\">\n    <span translate>AUTH.NO_ACCOUNT_QUESTION</span>\n    <br/>\n    <a href=\"#\" (click)=\"register()\">\n      <span translate>AUTH.BTN_REGISTER</span>\n    </a>\n  </p>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.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: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.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: i11.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i14.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i15.AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "pipe", type: i16.MatColorPipe, name: "matColor" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppAuthForm, deps: [{ token: i0.Injector }, { token: i1.PlatformService }, { token: i2.UntypedFormBuilder }, { token: i3.LocalSettingsService }, { token: i4.ConfigService }, { token: i5.ModalController }, { token: i6.NetworkService }, { token: i0.ChangeDetectorRef }, { token: ENVIRONMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AppAuthForm, selector: "app-auth-form", outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"doSubmit($event)\" class=\"form-container ion-padding\" (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 matInput [appAutofocus]=\"true\" [autofocusDelay]=\"500\"\n           formControlName=\"username\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\" translate>ERROR.FIELD_REQUIRED</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 matInput\n           formControlName=\"password\"\n           autocomplete=\"section-red new-password\"\n           [type]=\"showPwd ? 'text' : 'password'\"\n           (keyup.enter)=\"doSubmit($event)\"\n           required>\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\"\n            mat-icon-button\n            (click)=\"showPwd = !showPwd\"\n            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\" translate>ERROR.FIELD_REQUIRED</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        <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile\n                    [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\">\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      <mat-slide-toggle 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  <p *ngIf=\"canRegister\" class=\"padding\" style=\"text-align: center;\">\n    <span translate>AUTH.NO_ACCOUNT_QUESTION</span>\n    <br/>\n    <a href=\"#\" (click)=\"register()\">\n      <span translate>AUTH.BTN_REGISTER</span>\n    </a>\n  </p>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.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: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i10.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: i11.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i12.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i14.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i15.AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }, { kind: "pipe", type: i16.MatColorPipe, name: "matColor" }], animations: [slideUpDownAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppAuthForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppAuthForm, decorators: [{
             type: Component,
             args: [{ selector: 'app-auth-form', animations: [slideUpDownAnimation], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"doSubmit($event)\" class=\"form-container ion-padding\" (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 matInput [appAutofocus]=\"true\" [autofocusDelay]=\"500\"\n           formControlName=\"username\"\n           autocomplete=\"off\"\n           required>\n    <mat-error *ngIf=\"form.controls.username.hasError('required') && form.controls.username.dirty\" translate>ERROR.FIELD_REQUIRED</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 matInput\n           formControlName=\"password\"\n           autocomplete=\"section-red new-password\"\n           [type]=\"showPwd ? 'text' : 'password'\"\n           (keyup.enter)=\"doSubmit($event)\"\n           required>\n\n    <!-- Show pwd button -->\n    <button matSuffix type=\"button\"\n            mat-icon-button\n            (click)=\"showPwd = !showPwd\"\n            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\" translate>ERROR.FIELD_REQUIRED</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        <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      </mat-checkbox>\n    </mat-form-field>\n\n    <!-- Force offline (mobile) -->\n    <mat-form-field visible-xs visible-sm visible-mobile\n                    [color]=\"'medium' | matColor\">\n      <input matInput hidden formControlName=\"offline\" type=\"text\">\n      <!-- slide toggle  -->\n      <ion-text color=\"medium\" translate>AUTH.OFFLINE_MODE</ion-text>\n      <mat-slide-toggle 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  <p *ngIf=\"canRegister\" class=\"padding\" style=\"text-align: center;\">\n    <span translate>AUTH.NO_ACCOUNT_QUESTION</span>\n    <br/>\n    <a href=\"#\" (click)=\"register()\">\n      <span translate>AUTH.BTN_REGISTER</span>\n    </a>\n  </p>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.PlatformService }, { type: i2.UntypedFormBuilder }, { type: i3.LocalSettingsService }, { type: i4.ConfigService }, { type: i5.ModalController }, { type: i6.NetworkService }, { type: i0.ChangeDetectorRef }, { type: undefined, 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: "17.0.6", 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: "17.0.6", 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\n        (click)=\"doSubmit()\" *ngIf=\"!loading\"\n        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\n                 (onSubmit)=\"doSubmit()\"\n                 (onCancel)=\"cancel()\">\n  </app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\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 [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"loading || form.invalid\"\n                    (click)=\"doSubmit()\"\n                    (keyup.enter)=\"doSubmit()\"\n                    color=\"tertiary\">\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\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: "17.1.1", 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: "17.1.1", 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\n        (click)=\"doSubmit()\" *ngIf=\"!loading\"\n        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\n                 (onSubmit)=\"doSubmit()\"\n                 (onCancel)=\"cancel()\">\n  </app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\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 [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"loading || form.invalid\"\n                    (click)=\"doSubmit()\"\n                    (keyup.enter)=\"doSubmit()\"\n                    color=\"tertiary\">\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\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: "17.0.6", ngImport: i0, type: AppAuthModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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\n        (click)=\"doSubmit()\" *ngIf=\"!loading\"\n        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\n                 (onSubmit)=\"doSubmit()\"\n                 (onCancel)=\"cancel()\">\n  </app-auth-form>\n</ion-content>\n\n<ion-footer hidden-xs hidden-sm hidden-mobile>\n\n  <ion-toolbar>\n\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 [fill]=\"form.invalid ? 'clear' : 'solid'\"\n                    [disabled]=\"loading || form.invalid\"\n                    (click)=\"doSubmit()\"\n                    (keyup.enter)=\"doSubmit()\"\n                    color=\"tertiary\">\n          <ion-label translate>AUTH.BTN_LOGIN</ion-label>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n\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

@@ -7,8 +7,8 @@ import { AppRegisterModule } from '../register/register.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: "17.0.6", ngImport: i0, type: AppAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: AppAuthModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AppAuthModule, declarations: [
             // Components
             AppAuthForm,
             AppAuthModal], imports: [SharedModule, i1.TranslateModule,
@@ -17,12 +17,12 @@ export class AppAuthModule {
             // Components
             AppAuthForm,
             AppAuthModal] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppAuthModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppAuthModule, imports: [SharedModule,
             TranslateModule.forChild(),
             // App modules
             AppRegisterModule, TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppAuthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppAuthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -34,8 +34,8 @@ export class CoreModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: CoreModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: CoreModule, declarations: [
             // Pipes
             IsOnFieldPipe,
             IsOnDeskPipe,
@@ -84,7 +84,7 @@ export class CoreModule {
             IsLoginAccountPipe,
             AccountToStringPipe,
             DepartmentToStringPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CoreModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CoreModule, imports: [SharedModule,
             RouterModule,
             HttpClientModule,
             CacheModule,
@@ -120,7 +120,7 @@ export class CoreModule {
             AppInstallUpgradeCardModule,
             AppUpdateOfflineModeCardModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

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

package/esm2022/src/app/core/form/buttons/form-buttons-bar.component.mjs CHANGED Viewed

@@ -57,12 +57,12 @@ export class FormButtonsBarComponent {
         this.onSaveAndNext.complete();
         this.onSaveAndClose.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormButtonsBarComponent, deps: [{ token: i1.Hotkeys }, { token: i2.MenuService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FormButtonsBarComponent, selector: "app-form-buttons-bar", inputs: { disabled: "disabled", disabledCancel: "disabledCancel", classList: "classList", saveButtonColor: "saveButtonColor", backText: "backText", cancelText: "cancelText", nextText: "nextText", showBack: "showBack", showCancel: "showCancel", showNext: "showNext", showSave: "showSave", showSaveAndClose: "showSaveAndClose", showSaveAndNext: "showSaveAndNext" }, outputs: { onCancel: "onCancel", onSave: "onSave", onNext: "onNext", onBack: "onBack", onSaveAndClose: "onSaveAndClose", onSaveAndNext: "onSaveAndNext" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FormButtonsBarComponent, deps: [{ token: i1.Hotkeys }, { token: i2.MenuService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: FormButtonsBarComponent, selector: "app-form-buttons-bar", inputs: { disabled: "disabled", disabledCancel: "disabledCancel", classList: "classList", saveButtonColor: "saveButtonColor", backText: "backText", cancelText: "cancelText", nextText: "nextText", showBack: "showBack", showCancel: "showCancel", showNext: "showNext", showSave: "showSave", showSaveAndClose: "showSaveAndClose", showSaveAndNext: "showSaveAndNext" }, outputs: { onCancel: "onCancel", onSave: "onSave", onNext: "onNext", onBack: "onBack", onSaveAndClose: "onSaveAndClose", onSaveAndNext: "onSaveAndNext" }, providers: [
             { provide: FormButtonsBarToken, useExisting: FormButtonsBarComponent }
         ], ngImport: i0, template: "\n<ion-toolbar [class]=\"classList\">\n  <ion-row class=\"ion-no-padding\" nowrap>\n    <!-- show menu button -->\n    <ion-col size=\"auto\" class=\"hidden-xs hidden-sm\">\n      <ion-menu-toggle>\n        <button\n          mat-icon-button\n          color=\"accent\"\n          [title]=\"'COMMON.BTN_SHOW_MENU' | translate\"\n          (click)=\"menu.toggleSplitPaneWhen()\">\n          <mat-icon><span>&#xbb;</span></mat-icon>\n        </button>\n      </ion-menu-toggle>\n    </ion-col>\n\n    <ion-col class=\"app-form-buttons-bar-content\">\n      <ng-content></ng-content>\n    </ion-col>\n\n    <ion-col size=\"auto\" class=\"app-form-buttons-bar-buttons\">\n\n      <ng-content select=\"[slot=end]\"></ng-content>\n\n      <!-- back -->\n      <ion-button fill=\"clear\" color=\"dark\"\n                  (click)=\"onBack.emit($event)\"\n                  (keyup.enter)=\"onBack.emit($event)\"\n                  *ngIf=\"showBack && onBack.observed\"\n                  class=\"back\">\n        <ion-label>{{backText|translate}}</ion-label>\n      </ion-button>\n\n      <!-- cancel -->\n      <ion-button fill=\"clear\" color=\"dark\"\n                  *ngIf=\"showCancel\"\n                  (click)=\"onCancel.emit($event)\"\n                  (keyup.enter)=\"onCancel.emit($event)\"\n                  [disabled]=\"disabledCancel\"\n                  class=\"cancel\">\n        <ion-icon slot=\"start\" name=\"refresh\"></ion-icon>\n        <ion-label>{{cancelText|translate}}</ion-label>\n      </ion-button>\n\n      <!-- next -->\n      <ion-button fill=\"solid\"\n                  *ngIf=\"showNext && onNext.observed\"\n                  (click)=\"onNext.emit($event)\"\n                  (keyup.enter)=\"onNext.emit($event)\"\n                  class=\"next\">\n        <ion-label>{{nextText|translate}}</ion-label>\n        <ion-icon slot=\"end\" name=\"arrow-forward\"></ion-icon>\n      </ion-button>\n\n      <!-- save -->\n      <ion-button [fill]=\"disabled ? 'clear' : 'solid'\"\n                  *ngIf=\"showSave && onSave.observed\"\n                  (click)=\"onSave.emit($event)\"\n                  (keyup.enter)=\"onSave.emit($event)\"\n                  [color]=\"saveButtonColor\"\n                  [disabled]=\"disabled\"\n                  class=\"save\">\n        <ion-label [innerHTML]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT'|translate\" [title]=\"'COMMON.BTN_SAVE_WITH_SHORTCUT_HELP'|translate\"></ion-label>\n      </ion-button>\n\n      <!-- save and next -->\n      <ion-button [fill]=\"disabled ? 'clear' : 'solid'\"\n                  *ngIf=\"showSaveAndNext && onSaveAndNext.observed\"\n                  (click)=\"onSaveAndNext.emit($event)\"\n                  (keyup.enter)=\"onSaveAndNext.emit($event)\"\n                  [color]=\"saveButtonColor\"\n                  [disabled]=\"disabled\"\n                  class=\"save\">\n        <ion-label translate>COMMON.BTN_SAVE_AND_NEXT</ion-label>\n      </ion-button>\n\n      <!-- save and close -->\n      <ion-button [fill]=\"disabled ? 'clear' : 'solid'\"\n                  *ngIf=\"showSaveAndClose && onSaveAndClose.observed\"\n                  (click)=\"onSaveAndClose.emit($event)\"\n                  (keyup.enter)=\"onSaveAndClose.emit($event)\"\n                  [color]=\"saveButtonColor\"\n                  [disabled]=\"disabled\"\n                  class=\"save\">\n        <ion-label translate>COMMON.BTN_SAVE_AND_CLOSE</ion-label>\n      </ion-button>\n    </ion-col>\n  </ion-row>\n</ion-toolbar>\n", styles: [":host{width:100%}:host ion-toolbar{height:var(--app-form-buttons-bar-height);padding:0 6px}:host ion-col{padding:0}ion-menu-toggle button{top:4px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: 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.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i4.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i4.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i4.IonRow, selector: "ion-row" }, { kind: "component", type: i4.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormButtonsBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FormButtonsBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-form-buttons-bar', providers: [
                         { provide: FormButtonsBarToken, useExisting: FormButtonsBarComponent }

package/esm2022/src/app/core/form/buttons/form-buttons-bar.module.mjs CHANGED Viewed

@@ -5,16 +5,16 @@ import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class AppFormButtonsBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: AppFormButtonsBarModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AppFormButtonsBarModule, declarations: [
             // Components
             FormButtonsBarComponent], imports: [SharedModule, i1.TranslateModule], exports: [TranslateModule,
             // Components
             FormButtonsBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormButtonsBarModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormButtonsBarModule, imports: [SharedModule,
             TranslateModule.forChild(), TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormButtonsBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormButtonsBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/src/app/core/form/entity/editor.class.mjs CHANGED Viewed

@@ -516,10 +516,10 @@ export class AppEditor {
     markForCheck() {
         // Should be override by subclasses, if change detection is Push
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEditor, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.NavController }, { token: i2.AlertController }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: AppEditor, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ToolbarToken, descendants: true }, { propertyName: "formButtonsBar", first: true, predicate: FormButtonsBarToken, descendants: true, static: true }, { propertyName: "content", first: true, predicate: IonContent, descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEditor, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i2.NavController }, { token: i2.AlertController }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AppEditor, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ToolbarToken, descendants: true }, { propertyName: "formButtonsBar", first: true, predicate: FormButtonsBarToken, descendants: true, static: true }, { propertyName: "content", first: true, predicate: IonContent, descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEditor, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i2.NavController }, { type: i2.AlertController }, { type: i3.TranslateService }], propDecorators: { toolbar: [{
                 type: ViewChild,
@@ -696,10 +696,10 @@ export class AppTabEditor extends AppEditor {
             .map(c => c.save()));
         return !results.some(saved => saved !== true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppTabEditor, deps: [{ token: i1.ActivatedRoute, optional: true }, { token: i1.Router }, { token: i2.NavController }, { token: i2.AlertController }, { token: i3.TranslateService }, { token: AppTabEditorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: AppTabEditor, inputs: { queryTabIndexParamName: "queryTabIndexParamName", selectedTabIndex: "selectedTabIndex" }, outputs: { selectedTabIndexChange: "selectedTabIndexChange" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppTabEditor, deps: [{ token: i1.ActivatedRoute, optional: true }, { token: i1.Router }, { token: i2.NavController }, { token: i2.AlertController }, { token: i3.TranslateService }, { token: AppTabEditorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AppTabEditor, inputs: { queryTabIndexParamName: "queryTabIndexParamName", selectedTabIndex: "selectedTabIndex" }, outputs: { selectedTabIndexChange: "selectedTabIndexChange" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true, static: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppTabEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppTabEditor, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i1.ActivatedRoute, decorators: [{
                     type: Optional

package/esm2022/src/app/core/form/entity/entity-editor-modal.class.mjs CHANGED Viewed

@@ -407,10 +407,10 @@ export class AppEntityEditorModal extends AppTabEditor {
             this.markForCheck();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityEditorModal, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: AppEntityEditorModal, inputs: { data: "data", mobile: "mobile", usageMode: "usageMode", onAfterModalInit: "onAfterModalInit", onDelete: "onDelete", i18nSuffix: "i18nSuffix", isNew: "isNew", isNewData: "isNewData", disabled: "disabled" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityEditorModal, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AppEntityEditorModal, inputs: { data: "data", mobile: "mobile", usageMode: "usageMode", onAfterModalInit: "onAfterModalInit", onDelete: "onDelete", i18nSuffix: "i18nSuffix", isNew: "isNew", isNewData: "isNewData", disabled: "disabled" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityEditorModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityEditorModal, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined }, { type: undefined, decorators: [{
                     type: Optional

package/esm2022/src/app/core/form/entity/entity-editor.class.mjs CHANGED Viewed

@@ -719,10 +719,10 @@ export class AppEntityEditor extends AppTabEditor {
             this.markForCheck();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityEditor, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: AppEntityEditor, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityEditor, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AppEntityEditor, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityEditor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityEditor, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined }, { type: undefined }, { type: AppEditorOptions, decorators: [{
                     type: Optional

package/esm2022/src/app/core/form/entity/entity-metadata.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ import * as i5 from "../../../shared/pipes/date-format.pipe";
 export class EntityMetadataComponent {
     value;
     showRecorder = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityMetadataComponent, selector: "app-entity-metadata", inputs: { value: "value", showRecorder: "showRecorder" }, ngImport: i0, template: "<ng-container *ngIf=\"value && value.id\">\n  <ion-card @fadeInAnimation>\n\n    <!-- recorder -->\n    <ion-item color=\"light\"\n              *ngIf=\"showRecorder && value && (value.recorderDepartment || value.recorderPerson)\">\n\n      <!-- recorder avatar -->\n      <ion-avatar slot=\"start\" *ngIf=\"value.recorderPerson; let recorderPerson\">\n        <img *ngIf=\"recorderPerson.avatar; else generateAvatar\"\n          src=\"{{ recorderPerson.avatar }}\">\n        <ng-template #generateAvatar>\n          <svg *ngIf=\"recorderPerson.id; let personId\"\n               width=\"38\" height=\"38\" [data-jdenticon-value]=\"personId\"></svg>\n        </ng-template>\n      </ion-avatar>\n\n      <!-- recorder name -->\n      <ion-label>\n        <ion-card-subtitle translate>COMMON.RECORDER</ion-card-subtitle>\n        <ion-card-title>{{value.recorderPerson?.firstName}} {{value.recorderPerson?.lastName}}</ion-card-title>\n        <ion-card-subtitle>{{value.recorderDepartment?.label}}</ion-card-subtitle>\n      </ion-label>\n\n      <ng-content select=\"[recorderSuffix]\"></ng-content>\n    </ion-item>\n\n    <ion-card-content>\n      <ion-label class=\"ion-text-wrap status\">\n        <!-- creation date -->\n        <ion-text *ngIf=\"value.creationDate\">\n          <ion-icon name=\"calendar\"></ion-icon>&nbsp;\n          <span translate>COMMON.CREATED_ON</span>\n          <span>&nbsp;<b>{{ value.creationDate | dateFormat: {time: true} }}</b></span>\n        </ion-text>\n\n        <!-- update date -->\n        <ion-text *ngIf=\"value.updateDate && value.updateDate != value.creationDate\">\n          <br *ngIf=\"value.creationDate\"/>\n          <ion-label>\n            <ion-icon name=\"time-outline\"></ion-icon>&nbsp;\n            <span translate>COMMON.UPDATED_ON</span>\n            <span>&nbsp;{{ value.updateDate | dateFormat: {time: true, seconds: true} }}</span>\n          </ion-label>\n        </ion-text>\n\n      </ion-label>\n\n      <ng-content></ng-content>\n\n    </ion-card-content>\n  </ion-card>\n</ng-container>\n", styles: ["ion-card ion-avatar{height:40px;width:40px}ion-card ion-avatar img,ion-card ion-avatar svg{border:solid 1px rgba(0,0,0,.2)}ion-card ion-avatar img{background-color:var(--ion-color-secondary)!important}ion-card ion-avatar svg{border-radius:20px;height:38px;width:38px}ion-card ion-card-content{background-color:var(--ion-color-light-tint)}ion-card ion-card-content ion-label.status,ion-card ion-card-content * ion-label.status{font-size:12px!important;color:var(--ion-color-step-850)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i4.SvgJdenticonDirective, selector: "svg[data-jdenticon-hash],svg[data-jdenticon-value]", inputs: ["data-jdenticon-hash", "data-jdenticon-value", "width", "height"] }, { kind: "pipe", type: i5.DateFormatPipe, name: "dateFormat" }], animations: [fadeInAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: EntityMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: EntityMetadataComponent, selector: "app-entity-metadata", inputs: { value: "value", showRecorder: "showRecorder" }, ngImport: i0, template: "<ng-container *ngIf=\"value && value.id\">\n  <ion-card @fadeInAnimation>\n\n    <!-- recorder -->\n    <ion-item color=\"light\"\n              *ngIf=\"showRecorder && value && (value.recorderDepartment || value.recorderPerson)\">\n\n      <!-- recorder avatar -->\n      <ion-avatar slot=\"start\" *ngIf=\"value.recorderPerson; let recorderPerson\">\n        <img *ngIf=\"recorderPerson.avatar; else generateAvatar\"\n          src=\"{{ recorderPerson.avatar }}\">\n        <ng-template #generateAvatar>\n          <svg *ngIf=\"recorderPerson.id; let personId\"\n               width=\"38\" height=\"38\" [data-jdenticon-value]=\"personId\"></svg>\n        </ng-template>\n      </ion-avatar>\n\n      <!-- recorder name -->\n      <ion-label>\n        <ion-card-subtitle translate>COMMON.RECORDER</ion-card-subtitle>\n        <ion-card-title>{{value.recorderPerson?.firstName}} {{value.recorderPerson?.lastName}}</ion-card-title>\n        <ion-card-subtitle>{{value.recorderDepartment?.label}}</ion-card-subtitle>\n      </ion-label>\n\n      <ng-content select=\"[recorderSuffix]\"></ng-content>\n    </ion-item>\n\n    <ion-card-content>\n      <ion-label class=\"ion-text-wrap status\">\n        <!-- creation date -->\n        <ion-text *ngIf=\"value.creationDate\">\n          <ion-icon name=\"calendar\"></ion-icon>&nbsp;\n          <span translate>COMMON.CREATED_ON</span>\n          <span>&nbsp;<b>{{ value.creationDate | dateFormat: {time: true} }}</b></span>\n        </ion-text>\n\n        <!-- update date -->\n        <ion-text *ngIf=\"value.updateDate && value.updateDate != value.creationDate\">\n          <br *ngIf=\"value.creationDate\"/>\n          <ion-label>\n            <ion-icon name=\"time-outline\"></ion-icon>&nbsp;\n            <span translate>COMMON.UPDATED_ON</span>\n            <span>&nbsp;{{ value.updateDate | dateFormat: {time: true, seconds: true} }}</span>\n          </ion-label>\n        </ion-text>\n\n      </ion-label>\n\n      <ng-content></ng-content>\n\n    </ion-card-content>\n  </ion-card>\n</ng-container>\n", styles: ["ion-card ion-avatar{height:40px;width:40px}ion-card ion-avatar img,ion-card ion-avatar svg{border:solid 1px rgba(0,0,0,.2)}ion-card ion-avatar img{background-color:var(--ion-color-secondary)!important}ion-card ion-avatar svg{border-radius:20px;height:38px;width:38px}ion-card ion-card-content{background-color:var(--ion-color-light-tint)}ion-card ion-card-content ion-label.status,ion-card ion-card-content * ion-label.status{font-size:12px!important;color:var(--ion-color-step-850)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonAvatar, selector: "ion-avatar" }, { kind: "component", type: i2.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { 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.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i4.SvgJdenticonDirective, selector: "svg[data-jdenticon-hash],svg[data-jdenticon-value]", inputs: ["data-jdenticon-hash", "data-jdenticon-value", "width", "height"] }, { kind: "pipe", type: i5.DateFormatPipe, name: "dateFormat" }], animations: [fadeInAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: EntityMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-entity-metadata', animations: [fadeInAnimation], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"value && value.id\">\n  <ion-card @fadeInAnimation>\n\n    <!-- recorder -->\n    <ion-item color=\"light\"\n              *ngIf=\"showRecorder && value && (value.recorderDepartment || value.recorderPerson)\">\n\n      <!-- recorder avatar -->\n      <ion-avatar slot=\"start\" *ngIf=\"value.recorderPerson; let recorderPerson\">\n        <img *ngIf=\"recorderPerson.avatar; else generateAvatar\"\n          src=\"{{ recorderPerson.avatar }}\">\n        <ng-template #generateAvatar>\n          <svg *ngIf=\"recorderPerson.id; let personId\"\n               width=\"38\" height=\"38\" [data-jdenticon-value]=\"personId\"></svg>\n        </ng-template>\n      </ion-avatar>\n\n      <!-- recorder name -->\n      <ion-label>\n        <ion-card-subtitle translate>COMMON.RECORDER</ion-card-subtitle>\n        <ion-card-title>{{value.recorderPerson?.firstName}} {{value.recorderPerson?.lastName}}</ion-card-title>\n        <ion-card-subtitle>{{value.recorderDepartment?.label}}</ion-card-subtitle>\n      </ion-label>\n\n      <ng-content select=\"[recorderSuffix]\"></ng-content>\n    </ion-item>\n\n    <ion-card-content>\n      <ion-label class=\"ion-text-wrap status\">\n        <!-- creation date -->\n        <ion-text *ngIf=\"value.creationDate\">\n          <ion-icon name=\"calendar\"></ion-icon>&nbsp;\n          <span translate>COMMON.CREATED_ON</span>\n          <span>&nbsp;<b>{{ value.creationDate | dateFormat: {time: true} }}</b></span>\n        </ion-text>\n\n        <!-- update date -->\n        <ion-text *ngIf=\"value.updateDate && value.updateDate != value.creationDate\">\n          <br *ngIf=\"value.creationDate\"/>\n          <ion-label>\n            <ion-icon name=\"time-outline\"></ion-icon>&nbsp;\n            <span translate>COMMON.UPDATED_ON</span>\n            <span>&nbsp;{{ value.updateDate | dateFormat: {time: true, seconds: true} }}</span>\n          </ion-label>\n        </ion-text>\n\n      </ion-label>\n\n      <ng-content></ng-content>\n\n    </ion-card-content>\n  </ion-card>\n</ng-container>\n", styles: ["ion-card ion-avatar{height:40px;width:40px}ion-card ion-avatar img,ion-card ion-avatar svg{border:solid 1px rgba(0,0,0,.2)}ion-card ion-avatar img{background-color:var(--ion-color-secondary)!important}ion-card ion-avatar svg{border-radius:20px;height:38px;width:38px}ion-card ion-card-content{background-color:var(--ion-color-light-tint)}ion-card ion-card-content ion-label.status,ion-card ion-card-content * ion-label.status{font-size:12px!important;color:var(--ion-color-step-850)}\n"] }]
         }], propDecorators: { value: [{

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

@@ -6,17 +6,17 @@ import { NgxJdenticonModule } from 'ngx-jdenticon';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class AppEntityFormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: AppEntityFormModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AppEntityFormModule, declarations: [
             // Other components
             EntityMetadataComponent], imports: [SharedModule, i1.TranslateModule, NgxJdenticonModule], exports: [TranslateModule,
             // Components
             EntityMetadataComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityFormModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityFormModule, imports: [SharedModule,
             TranslateModule.forChild(),
             NgxJdenticonModule, TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppEntityFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppEntityFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -332,10 +332,10 @@ export class AppForm {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormGroup }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.6", type: AppForm, inputs: { debug: "debug", tabindex: "tabindex", errorTranslatorOptions: "errorTranslatorOptions", form: "form" }, outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormGroup }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: AppForm, inputs: { debug: "debug", tabindex: "tabindex", errorTranslatorOptions: "errorTranslatorOptions", form: "form" }, outputs: { onCancel: "onCancel", onSubmit: "onSubmit" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppForm, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.UntypedFormGroup }], propDecorators: { debug: [{
                 type: Input

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

@@ -9,8 +9,8 @@ import { AppFormButtonsBarModule } from './buttons/form-buttons-bar.module';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class AppFormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: AppFormModule, imports: [SharedModule, i1.TranslateModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AppFormModule, imports: [SharedModule, i1.TranslateModule,
             // Sub modules
             AppEntityFormModule,
             AppListFormModule,
@@ -23,7 +23,7 @@ export class AppFormModule {
             AppPropertiesFormModule,
             AppTextPopoverModule,
             AppFormButtonsBarModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormModule, imports: [SharedModule,
             TranslateModule.forChild(),
             // Sub modules
             AppEntityFormModule,
@@ -38,7 +38,7 @@ export class AppFormModule {
             AppTextPopoverModule,
             AppFormButtonsBarModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -205,10 +205,10 @@ export class AppListForm extends AppForm {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppListForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.DateAdapter }, { token: i3.LocalSettingsService }, { token: i0.ChangeDetectorRef }, { token: i1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: AppListForm, selector: "app-list-form", inputs: { formArrayName: "formArrayName", formArray: "formArray", options: "options", displayWithFn: ["displayWith", "displayWithFn"], equalsFn: ["equals", "equalsFn"] }, outputs: { onNewItem: "onNewItem", selectionChanges: "selectionChanges" }, usesInheritance: true, ngImport: i0, template: "\n<ng-container *ngIf=\"!loading; else listSkeleton\">\n\n  <!-- List -->\n  <ion-list class=\"ion-no-padding\" >\n\n    <ng-container *ngFor=\"let itemControl of itemControls; index as i; last as last\">\n      <ion-item *ngIf=\"itemControl.value; let item\"\n                [class.disabled]=\"disabled\" tappable\n                (click)=\"onItemClick($event, item)\"\n                [color]=\"selection.isSelected(item) ? 'secondary100' : undefined\"\n                [button]=\"selectionChanges.observers|isNotEmptyArray\">\n        <ion-label>{{displayWith(item)}}</ion-label>\n\n        <!-- buttons -->\n        <ion-buttons slot=\"end\" *ngIf=\"enabled\" class=\"action-buttons\">\n          <ion-button fill=\"clear\" (click)=\"removeAt(i)\">\n            <ion-icon slot=\"icon-only\" name=\"trash\"></ion-icon>\n          </ion-button>\n\n          <ion-button *ngFor=\"let button of options.buttons\"\n                      fill=\"clear\" [color]=\"button.color\"\n                      [class.cdk-visually-hidden]=\"button.disabled|async\"\n                      (click)=\"onItemButtonClick(button, $event, item, i)\"\n                      [title]=\"(button.title || '')|translate\">\n            <ion-icon slot=\"icon-only\" [name]=\"button.icon\"></ion-icon>\n          </ion-button>\n\n        </ion-buttons>\n      </ion-item>\n    </ng-container>\n  </ion-list>\n\n  <!-- Add button -->\n  <ion-button color=\"tertiary\" fill=\"clear\"\n              *ngIf=\"enabled && onNewItem.observers.length; else emptyText\"\n              [title]=\"'COMMON.BTN_ADD'|translate\"\n              (click)=\"onNewClick($event)\" >\n    <ion-icon slot=\"start\" name=\"add\"></ion-icon>\n    <ion-label translate>COMMON.BTN_ADD</ion-label>\n  </ion-button>\n\n  <!-- Empty (if readonly) -->\n  <ng-template #emptyText>\n    <ion-text  *ngIf=\"!length\" color=\"medium\"><i translate>COMMON.EMPTY_OPTION</i></ion-text>\n  </ng-template>\n</ng-container>\n\n<ng-template #listSkeleton>\n\n  <ion-list>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n  </ion-list>\n\n</ng-template>\n\n<ng-template #itemSkeleton>\n\n  <ion-item>\n    <ion-label>\n      <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n    </ion-label>\n  </ion-item>\n\n</ng-template>\n", styles: [":host{--ion-item-background-selected: var(--ion-color-secondary100);--ion-item-color-selected: var(--ion-color-secondary100-contrast)}ion-item.disabled ion-label{color:var(--ion-color-medium-shade, grey)}ion-item{--min-height: 48px;background-color:var(--ion-item-background)}ion-item ion-text,ion-item ion-label{color:var(--ion-item-color)}ion-item .action-buttons{visibility:hidden;display:none}ion-item:hover{height:var(--min-height);--ion-item-background-color: var(--ion-color-light);--ion-item-color: var(--ion-color-light-contrast)}ion-item:hover .action-buttons{margin-top:-1px;visibility:visible;display:block}ion-item.selected{--ion-item-background-color-hover: var(--ion-item-background-selected) !important;--ion-item-color-hover: var(--ion-item-color-selected) !important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.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: i5.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.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: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i5.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i5.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.NotEmptyArrayPipe, name: "isNotEmptyArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppListForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.DateAdapter }, { token: i3.LocalSettingsService }, { token: i0.ChangeDetectorRef }, { token: i1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AppListForm, selector: "app-list-form", inputs: { formArrayName: "formArrayName", formArray: "formArray", options: "options", displayWithFn: ["displayWith", "displayWithFn"], equalsFn: ["equals", "equalsFn"] }, outputs: { onNewItem: "onNewItem", selectionChanges: "selectionChanges" }, usesInheritance: true, ngImport: i0, template: "\n<ng-container *ngIf=\"!loading; else listSkeleton\">\n\n  <!-- List -->\n  <ion-list class=\"ion-no-padding\" >\n\n    <ng-container *ngFor=\"let itemControl of itemControls; index as i; last as last\">\n      <ion-item *ngIf=\"itemControl.value; let item\"\n                [class.disabled]=\"disabled\" tappable\n                (click)=\"onItemClick($event, item)\"\n                [color]=\"selection.isSelected(item) ? 'secondary100' : undefined\"\n                [button]=\"selectionChanges.observers|isNotEmptyArray\">\n        <ion-label>{{displayWith(item)}}</ion-label>\n\n        <!-- buttons -->\n        <ion-buttons slot=\"end\" *ngIf=\"enabled\" class=\"action-buttons\">\n          <ion-button fill=\"clear\" (click)=\"removeAt(i)\">\n            <ion-icon slot=\"icon-only\" name=\"trash\"></ion-icon>\n          </ion-button>\n\n          <ion-button *ngFor=\"let button of options.buttons\"\n                      fill=\"clear\" [color]=\"button.color\"\n                      [class.cdk-visually-hidden]=\"button.disabled|async\"\n                      (click)=\"onItemButtonClick(button, $event, item, i)\"\n                      [title]=\"(button.title || '')|translate\">\n            <ion-icon slot=\"icon-only\" [name]=\"button.icon\"></ion-icon>\n          </ion-button>\n\n        </ion-buttons>\n      </ion-item>\n    </ng-container>\n  </ion-list>\n\n  <!-- Add button -->\n  <ion-button color=\"tertiary\" fill=\"clear\"\n              *ngIf=\"enabled && onNewItem.observers.length; else emptyText\"\n              [title]=\"'COMMON.BTN_ADD'|translate\"\n              (click)=\"onNewClick($event)\" >\n    <ion-icon slot=\"start\" name=\"add\"></ion-icon>\n    <ion-label translate>COMMON.BTN_ADD</ion-label>\n  </ion-button>\n\n  <!-- Empty (if readonly) -->\n  <ng-template #emptyText>\n    <ion-text  *ngIf=\"!length\" color=\"medium\"><i translate>COMMON.EMPTY_OPTION</i></ion-text>\n  </ng-template>\n</ng-container>\n\n<ng-template #listSkeleton>\n\n  <ion-list>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n  </ion-list>\n\n</ng-template>\n\n<ng-template #itemSkeleton>\n\n  <ion-item>\n    <ion-label>\n      <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n    </ion-label>\n  </ion-item>\n\n</ng-template>\n", styles: [":host{--ion-item-background-selected: var(--ion-color-secondary100);--ion-item-color-selected: var(--ion-color-secondary100-contrast)}ion-item.disabled ion-label{color:var(--ion-color-medium-shade, grey)}ion-item{--min-height: 48px;background-color:var(--ion-item-background)}ion-item ion-text,ion-item ion-label{color:var(--ion-item-color)}ion-item .action-buttons{visibility:hidden;display:none}ion-item:hover{height:var(--min-height);--ion-item-background-color: var(--ion-color-light);--ion-item-color: var(--ion-color-light-contrast)}ion-item:hover .action-buttons{margin-top:-1px;visibility:visible;display:block}ion-item.selected{--ion-item-background-color-hover: var(--ion-item-background-selected) !important;--ion-item-color-hover: var(--ion-item-color-selected) !important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.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: i5.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.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: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i5.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i5.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.NotEmptyArrayPipe, name: "isNotEmptyArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppListForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppListForm, decorators: [{
             type: Component,
             args: [{ selector: 'app-list-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<ng-container *ngIf=\"!loading; else listSkeleton\">\n\n  <!-- List -->\n  <ion-list class=\"ion-no-padding\" >\n\n    <ng-container *ngFor=\"let itemControl of itemControls; index as i; last as last\">\n      <ion-item *ngIf=\"itemControl.value; let item\"\n                [class.disabled]=\"disabled\" tappable\n                (click)=\"onItemClick($event, item)\"\n                [color]=\"selection.isSelected(item) ? 'secondary100' : undefined\"\n                [button]=\"selectionChanges.observers|isNotEmptyArray\">\n        <ion-label>{{displayWith(item)}}</ion-label>\n\n        <!-- buttons -->\n        <ion-buttons slot=\"end\" *ngIf=\"enabled\" class=\"action-buttons\">\n          <ion-button fill=\"clear\" (click)=\"removeAt(i)\">\n            <ion-icon slot=\"icon-only\" name=\"trash\"></ion-icon>\n          </ion-button>\n\n          <ion-button *ngFor=\"let button of options.buttons\"\n                      fill=\"clear\" [color]=\"button.color\"\n                      [class.cdk-visually-hidden]=\"button.disabled|async\"\n                      (click)=\"onItemButtonClick(button, $event, item, i)\"\n                      [title]=\"(button.title || '')|translate\">\n            <ion-icon slot=\"icon-only\" [name]=\"button.icon\"></ion-icon>\n          </ion-button>\n\n        </ion-buttons>\n      </ion-item>\n    </ng-container>\n  </ion-list>\n\n  <!-- Add button -->\n  <ion-button color=\"tertiary\" fill=\"clear\"\n              *ngIf=\"enabled && onNewItem.observers.length; else emptyText\"\n              [title]=\"'COMMON.BTN_ADD'|translate\"\n              (click)=\"onNewClick($event)\" >\n    <ion-icon slot=\"start\" name=\"add\"></ion-icon>\n    <ion-label translate>COMMON.BTN_ADD</ion-label>\n  </ion-button>\n\n  <!-- Empty (if readonly) -->\n  <ng-template #emptyText>\n    <ion-text  *ngIf=\"!length\" color=\"medium\"><i translate>COMMON.EMPTY_OPTION</i></ion-text>\n  </ng-template>\n</ng-container>\n\n<ng-template #listSkeleton>\n\n  <ion-list>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"itemSkeleton\"></ng-container>\n  </ion-list>\n\n</ng-template>\n\n<ng-template #itemSkeleton>\n\n  <ion-item>\n    <ion-label>\n      <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n    </ion-label>\n  </ion-item>\n\n</ng-template>\n", styles: [":host{--ion-item-background-selected: var(--ion-color-secondary100);--ion-item-color-selected: var(--ion-color-secondary100-contrast)}ion-item.disabled ion-label{color:var(--ion-color-medium-shade, grey)}ion-item{--min-height: 48px;background-color:var(--ion-item-background)}ion-item ion-text,ion-item ion-label{color:var(--ion-item-color)}ion-item .action-buttons{visibility:hidden;display:none}ion-item:hover{height:var(--min-height);--ion-item-background-color: var(--ion-color-light);--ion-item-color: var(--ion-color-light-contrast)}ion-item:hover .action-buttons{margin-top:-1px;visibility:visible;display:block}ion-item.selected{--ion-item-background-color-hover: var(--ion-item-background-selected) !important;--ion-item-color-hover: var(--ion-item-color-selected) !important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.UntypedFormBuilder }, { type: i2.DateAdapter }, { type: i3.LocalSettingsService }, { type: i0.ChangeDetectorRef }, { type: i1.FormGroupDirective, decorators: [{

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

@@ -5,16 +5,16 @@ import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class AppListFormModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppListFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: AppListFormModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppListFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AppListFormModule, declarations: [
             // Other components
             AppListForm], imports: [SharedModule, i1.TranslateModule], exports: [TranslateModule,
             // Components
             AppListForm] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppListFormModule, imports: [SharedModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppListFormModule, imports: [SharedModule,
             TranslateModule.forChild(), TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppListFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppListFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -117,12 +117,12 @@ export class AppPropertiesForm extends AppForm {
     markForCheck() {
         this.cd.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppPropertiesForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.DateAdapter }, { token: i3.LocalSettingsService }, { token: i0.ChangeDetectorRef }, { token: i4.PropertyValidator }, { token: i1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: AppPropertiesForm, selector: "app-properties-form", inputs: { formArrayName: "formArrayName", formArray: "formArray", options: "options", definitions: "definitions", chipColor: "chipColor" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppPropertiesForm, deps: [{ token: i0.Injector }, { token: i1.UntypedFormBuilder }, { token: i2.DateAdapter }, { token: i3.LocalSettingsService }, { token: i0.ChangeDetectorRef }, { token: i4.PropertyValidator }, { token: i1.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: AppPropertiesForm, selector: "app-properties-form", inputs: { formArrayName: "formArrayName", formArray: "formArray", options: "options", definitions: "definitions", chipColor: "chipColor" }, providers: [
             { provide: PropertyValidator, useClass: PropertyValidator }
         ], usesInheritance: true, ngImport: i0, template: "\n<!-- Properties -->\n<form [formGroup]=\"form\" class=\"form-container\">\n  <ion-grid *ngIf=\"!loading; else propertiesSkeleton\"\n            formArrayName=\"properties\" class=\"ion-no-padding\" >\n    <ion-row class=\"ion-no-padding\">\n      <ion-col class=\"ion-no-padding ion-align-self-end\" size=\"12\">\n        <span class=\"toolbar-spacer\"></span>\n\n        <!-- Show more options -->\n        <ion-button color=\"light\" *ngIf=\"formArray?.length === 0\"\n                    [title]=\"'SETTINGS.BTN_SHOW_MORE_HELP'|translate\"\n                    (click)=\"helper.add()\">\n          <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n          <mat-icon slot=\"end\">arrow_drop_down</mat-icon>\n        </ion-button>\n      </ion-col>\n    </ion-row>\n\n    <ng-container *ngFor=\"let fieldForm of fieldForms; let i=index\">\n      <ion-row class=\"ion-no-padding\" [formGroupName]=\"i\">\n\n        <!-- property key -->\n        <ion-col size=\"6\" class=\"ion-no-padding\">\n          <mat-form-field floatLabel=\"auto\" *ngIf=\"fieldForm|formGetControl:'key' as control\">\n            <mat-label>{{'SETTINGS.PROPERTY_KEY'|translate}}</mat-label>\n            <mat-select [formControl]=\"control\"\n                        (selectionChange)=\"updateDefinitionAt(i)\"\n                        [tabindex]=\"20+i*2\"\n                        required>\n\n              <!-- When option's key not a well known option, add it as first select option -->\n              <mat-option *ngIf=\"isUnknownField(fieldForm)\" [value]=\"control.value\">\n                {{control.value}}\n              </mat-option>\n\n              <mat-option *ngFor=\"let item of definitions\" [value]=\"item.key\">{{ item.label | translate }}\n              </mat-option>\n\n            </mat-select>\n\n            <mat-error *ngIf=\"control.hasError('required') && !helper.isLast(i)\"\n                       translate>ERROR.FIELD_REQUIRED\n            </mat-error>\n          </mat-form-field>\n        </ion-col>\n\n        <!-- property value -->\n        <ion-col class=\"ion-no-padding\" padding-left >\n          <app-form-field *ngIf=\"getDefinitionAt(i); let definition; else unknownValue\"\n                          floatLabel=\"never\"\n                          [definition]=\"definition\"\n                          [formControl]=\"fieldForm|formGetControl:'value'\"\n                          [placeholder]=\"'SETTINGS.PROPERTY_VALUE' | translate\"\n                          [chipColor]=\"chipColor\"\n                          [required]=\"true\"\n                          [tabindex]=\"20+i*2 + 1\">\n          </app-form-field>\n          <ng-template #unknownValue>\n            <mat-form-field>\n              <mat-label>{{'SETTINGS.PROPERTY_VALUE' | translate}}</mat-label>\n              <input type=\"text\" matInput\n                     [formControl]=\"fieldForm|formGetControl:'value'\"\n                     [required]=\"true\"\n                     [tabindex]=\"20+i*2 + 1\">\n            </mat-form-field>\n          </ng-template>\n        </ion-col>\n\n        <ion-col size=\"auto\" class=\"ion-no-padding\">\n          <button type=\"button\" mat-icon-button color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'COMMON.BTN_DELETE'|translate\"\n                  (click)=\"removeAt(i)\">\n            <mat-icon>close</mat-icon>\n          </button>\n          <button [hidden]=\"!helper.isLast(i)\"\n                  type=\"button\"\n                  mat-icon-button\n                  color=\"light\"\n                  [disabled]=\"disabled\"\n                  [title]=\"'SETTINGS.BTN_ADD_PROPERTY'|translate\"\n                  (click)=\"helper.add()\">\n            <mat-icon>add</mat-icon>\n          </button>\n        </ion-col>\n      </ion-row>\n    </ng-container>\n  </ion-grid>\n</form>\n\n<ng-template #propertiesSkeleton>\n\n  <ion-grid class=\"ion-no-padding\">\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"propertyRowSkeleton\"></ng-container>\n  </ion-grid>\n\n</ng-template>\n\n<ng-template #propertyRowSkeleton>\n\n  <ion-row>\n    <!-- property key -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n        <ion-icon name=\"arrow-dropdown\" matSuffix></ion-icon>\n      </mat-form-field>\n    </ion-col>\n    <!-- value -->\n    <ion-col>\n      <mat-form-field>\n        <input matInput hidden>\n        <ion-skeleton-text animated style=\"width: 60%\"></ion-skeleton-text>\n      </mat-form-field>\n    </ion-col>\n    <!-- buttons -->\n    <ion-col size=\"2\">\n      <button type=\"button\" mat-icon-button color=\"light\"\n              [disabled]=\"true\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </ion-col>\n  </ion-row>\n\n</ng-template>\n", dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.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: i6.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: i6.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i6.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i6.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i6.IonRow, selector: "ion-row" }, { kind: "component", type: i6.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { 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.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: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i9.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: 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.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "aria-describedby", "panelClass", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13.AppFormField, selector: "app-form-field", inputs: ["definition", "required", "readonly", "disabled", "formControl", "formControlName", "placeholder", "compact", "floatLabel", "tabindex", "autofocus", "clearable", "chipColor", "debug", "class"], outputs: ["keyup.enter"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i14.FormGetControlPipe, name: "formGetControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: AppPropertiesForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AppPropertiesForm, decorators: [{
             type: Component,
             args: [{ selector: 'app-properties-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: PropertyValidator, useClass: PropertyValidator }