@indigina/kendo 1.2.6 → 1.2.8

package/fesm2020/indigina-kendo.mjs

@@ -22,14 +22,14 @@ import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/common/http';
 import { HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, HostListener, Component, NgModule, Injectable, ViewChildren, APP_INITIALIZER, ViewChild, ChangeDetectionStrategy } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, Component, NgModule, ChangeDetectionStrategy, Injectable, ViewChildren, APP_INITIALIZER, ViewChild } from '@angular/core';
 import * as i1$4 from '@angular/forms';
 import { UntypedFormControl, Validators, ControlContainer, FormGroupDirective, ReactiveFormsModule, FormsModule, UntypedFormGroup } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import * as i1$5 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { Subject, of, BehaviorSubject, throwError, from, tap as tap$1, map as map$1 } from 'rxjs';
-import { debounceTime, map, mergeMap, catchError, tap, filter, finalize } from 'rxjs/operators';
+import { debounceTime, map, mergeMap, catchError, tap, filter, take, finalize } from 'rxjs/operators';
 import XmlBeautify from 'xml-beautify';
 import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
 import { InteractionRequiredAuthError, BrowserCacheLocation, PublicClientApplication } from '@azure/msal-browser';
@@ -277,19 +277,18 @@ class GeneralErrorsComponent {
     constructor() {
         this.errors = [];
     }
-    setErrors(errors) {
-        this.errors = errors;
-        if (errors.length) {
-            this.form.setErrors({ _general_errors_: errors });
-        }
+    ngOnChanges() {
+        this.form.setErrors({ _general_errors_: this.errors });
     }
 }
 GeneralErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GeneralErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GeneralErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: { form: "form" }, ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+GeneralErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: { form: "form", errors: "errors" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"form\" [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: GeneralErrorsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-general-errors', template: "<div [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { form: [{
+            args: [{ selector: 'app-general-errors', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"form\" [formGroup]=\"form\">\n  <div class=\"bg-danger\" *ngIf=\"form.invalid && errors.length\">\n    <ul class=\"custom-error\">\n      <li *ngFor=\"let error of errors\">{{ error }}</li>\n    </ul>\n  </div>\n</div>\n" }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], errors: [{
                 type: Input
             }] } });
 
@@ -859,11 +858,6 @@ let defaultConfig = {
         accountUrl: '',
         apiUrl: '',
         toastrTimeOut: 2500,
-        oidc: {
-            clientId: '',
-            authority: '',
-            issuer: '',
-        },
         azureB2C: {
             clientId: '',
             authority: '',
@@ -1287,6 +1281,9 @@ class SettingsService {
     clearLoginAsUser() {
         localStorage.removeItem(loginAsKey);
     }
+    clearToken() {
+        localStorage.removeItem(tokenKey);
+    }
     setToken(token) {
         localStorage.setItem(tokenKey, token);
     }
@@ -1419,6 +1416,7 @@ class AzureB2CProvider extends AuthProvider {
         }
     }
     logout() {
+        this.settingsService.clearToken();
         this.authService.logoutRedirect({
             postLogoutRedirectUri: location.origin,
         });
@@ -2388,24 +2386,26 @@ class EntityEditFormComponent {
         this.adapter
             .getService()
             .save(this.adapter.getValue(), this.adapter.getUrlParams())
-            .pipe(finalize(() => (this.saveInProgress = false)))
-            .subscribe((result) => {
-            this.adapter.onSaved(result);
-        }, (error) => {
-            this.formGroup.value.applyServerErrors(error.error, this.formGroup.value);
-            this.generalErrors.setErrors(this.formGroup.value.generalErrors);
+            .pipe(take(1), finalize(() => (this.saveInProgress = false)))
+            .subscribe({
+            next: (result) => {
+                this.adapter.onSaved(result);
+                this.formGroup.value.applyServerErrors({ errors: {} }, this.formGroup.value);
+                this.formGroup.next(this.formGroup.value);
+            },
+            error: (error) => {
+                this.formGroup.value.applyServerErrors(error.error, this.formGroup.value);
+                this.formGroup.next(this.formGroup.value);
+            },
         });
     }
 }
 EntityEditFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1$5.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-EntityEditFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, viewQueries: [{ propertyName: "generalErrors", first: true, predicate: ["general_errors"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup | async\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup | async\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup | async\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"\n          formGroup.value.valid && formGroup.value.dirty && !saveInProgress\n        \"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+EntityEditFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntityEditFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      class=\"form-horizontal\"\n      [formGroup]=\"formGroup | async\"\n      novalidate\n      autocomplete=\"off\"\n      *ngIf=\"formGroup | async\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          #general_errors\n          [form]=\"formGroup | async\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"\n          formGroup.value.valid && formGroup.value.dirty && !saveInProgress\n        \"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$5.ActivatedRoute }]; }, propDecorators: { generalErrors: [{
-                type: ViewChild,
-                args: ['general_errors']
-            }], title: [{
+            args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$5.ActivatedRoute }]; }, propDecorators: { title: [{
                 type: Input
             }], entityId: [{
                 type: Input