@myrmidon/auth-jwt-admin 0.0.2 → 0.0.3

package/esm2020/lib/components/user-editor/user-editor.component.mjs

@@ -0,0 +1,112 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Validators, } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@myrmidon/auth-jwt-login";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/checkbox";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/material/tooltip";
+export class UserEditorComponent {
+    constructor(formBuilder, _authService) {
+        this._authService = _authService;
+        // events
+        this.userChange = new EventEmitter();
+        this.editorClose = new EventEmitter();
+        // form
+        this.email = formBuilder.control(null, [
+            Validators.required,
+            Validators.email,
+        ]);
+        this.emailConfirmed = formBuilder.control(false);
+        this.lockoutEnabled = formBuilder.control(false);
+        this.firstName = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(50),
+        ]);
+        this.lastName = formBuilder.control(null, [
+            Validators.required,
+            Validators.maxLength(50),
+        ]);
+        this.roles = formBuilder.control(null, Validators.maxLength(200));
+        this.form = formBuilder.group({
+            email: this.email,
+            emailConfirmed: this.emailConfirmed,
+            lockoutEnabled: this.lockoutEnabled,
+            firstName: this.firstName,
+            lastName: this.lastName,
+            roles: this.roles,
+        });
+    }
+    set user(value) {
+        this._user = value;
+        this.updateForm(value);
+    }
+    get user() {
+        return this._user;
+    }
+    ngOnInit() { }
+    updateForm(user) {
+        if (!user) {
+            this.form.reset();
+        }
+        else {
+            this.email.setValue(user.email);
+            this.emailConfirmed.setValue(user.emailConfirmed);
+            this.lockoutEnabled.setValue(user.lockoutEnabled);
+            this.firstName.setValue(user.firstName);
+            this.lastName.setValue(user.lastName);
+            if (user.roles?.length > 0) {
+                this.roles.setValue(user.roles.join(' '));
+            }
+            else {
+                this.roles.setValue(null);
+            }
+        }
+    }
+    getUserFromForm() {
+        return {
+            userName: this._user?.userName || '',
+            email: this.email.value,
+            emailConfirmed: this.emailConfirmed.value,
+            lockoutEnabled: this.lockoutEnabled.value,
+            firstName: this.firstName.value,
+            lastName: this.lastName.value,
+            roles: this.roles.value
+                ? this.roles.value.split(' ').filter((s) => s)
+                : [],
+        };
+    }
+    endLockout() {
+        if (this.unlocked) {
+            return;
+        }
+        this._user.lockoutEnd = this._authService.getUTCDate();
+        this.unlocked = true;
+    }
+    close() {
+        this.editorClose.emit();
+    }
+    save() {
+        if (this.form.invalid) {
+            return;
+        }
+        this.userChange.emit(this.getUserFromForm());
+    }
+}
+UserEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserEditorComponent, deps: [{ token: i1.FormBuilder }, { token: i2.AuthJwtService }], target: i0.ɵɵFactoryTarget.Component });
+UserEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: UserEditorComponent, selector: "auth-jwt-user-editor", inputs: { user: "user" }, outputs: { userChange: "userChange", editorClose: "editorClose" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <!-- email -->\n  <div>\n    <mat-form-field>\n      <input type=\"text\" matInput [formControl]=\"email\" placeholder=\"email\" />\n      <mat-error\n        *ngIf=\"email.hasError('required') && (email.dirty || email.touched)\"\n      >\n        email address required\n      </mat-error>\n      <mat-error\n        *ngIf=\"email.hasError('pattern') && (email.dirty || email.touched)\"\n      >\n        invalid email address\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- emailConfirmed -->\n  <div>\n    <mat-checkbox [formControl]=\"emailConfirmed\"\n      >email address confirmed</mat-checkbox\n    >\n  </div>\n\n  <!-- lockoutEnabled -->\n  <div>\n    <mat-checkbox [formControl]=\"lockoutEnabled\"\n      >lockout enabled</mat-checkbox\n    >\n    &nbsp;\n    <button\n      mat-stroked-button\n      (click)=\"endLockout()\"\n      [disabled]=\"unlocked\"\n      matTooltip=\"Unlock this user if locked\"\n    >\n      unlock\n    </button>\n  </div>\n\n  <!-- firstName -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"firstName\"\n        placeholder=\"first name\"\n      />\n      <mat-error\n        *ngIf=\"\n          firstName.hasError('required') &&\n          (firstName.dirty || firstName.touched)\n        \"\n      >\n        first name required\n      </mat-error>\n      <mat-error\n        *ngIf=\"\n          firstName.hasError('maxlength') &&\n          (firstName.dirty || firstName.touched)\n        \"\n      >\n        first name too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- lastName -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"lastName\"\n        placeholder=\"last name\"\n      />\n      <mat-error\n        *ngIf=\"\n          lastName.hasError('required') && (lastName.dirty || lastName.touched)\n        \"\n      >\n        last name required\n      </mat-error>\n      <mat-error\n        *ngIf=\"\n          lastName.hasError('maxlength') && (lastName.dirty || lastName.touched)\n        \"\n      >\n        last name too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- roles -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"roles\"\n        placeholder=\"roles (separated by space)\"\n      />\n      <mat-error\n        *ngIf=\"roles.hasError('maxlength') && (roles.dirty || roles.touched)\"\n      >\n        too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- buttons -->\n  <br />\n  <div>\n    <button mat-icon-button color=\"warn\" matTooltip=\"Close\" (click)=\"close()\">\n      <mat-icon>cancel</mat-icon>\n    </button>\n    &nbsp;\n    <button\n      type=\"submit\"\n      mat-button\n      color=\"primary\"\n      [disabled]=\"form.invalid\"\n      matTooltip=\"Save user data\"\n    >\n      <mat-icon>check_circle</mat-icon> save\n    </button>\n  </div>\n</form>\n", styles: [""], components: [{ type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.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"] }, { 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]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'auth-jwt-user-editor', template: "<form [formGroup]=\"form\" (submit)=\"save()\">\n  <!-- email -->\n  <div>\n    <mat-form-field>\n      <input type=\"text\" matInput [formControl]=\"email\" placeholder=\"email\" />\n      <mat-error\n        *ngIf=\"email.hasError('required') && (email.dirty || email.touched)\"\n      >\n        email address required\n      </mat-error>\n      <mat-error\n        *ngIf=\"email.hasError('pattern') && (email.dirty || email.touched)\"\n      >\n        invalid email address\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- emailConfirmed -->\n  <div>\n    <mat-checkbox [formControl]=\"emailConfirmed\"\n      >email address confirmed</mat-checkbox\n    >\n  </div>\n\n  <!-- lockoutEnabled -->\n  <div>\n    <mat-checkbox [formControl]=\"lockoutEnabled\"\n      >lockout enabled</mat-checkbox\n    >\n    &nbsp;\n    <button\n      mat-stroked-button\n      (click)=\"endLockout()\"\n      [disabled]=\"unlocked\"\n      matTooltip=\"Unlock this user if locked\"\n    >\n      unlock\n    </button>\n  </div>\n\n  <!-- firstName -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"firstName\"\n        placeholder=\"first name\"\n      />\n      <mat-error\n        *ngIf=\"\n          firstName.hasError('required') &&\n          (firstName.dirty || firstName.touched)\n        \"\n      >\n        first name required\n      </mat-error>\n      <mat-error\n        *ngIf=\"\n          firstName.hasError('maxlength') &&\n          (firstName.dirty || firstName.touched)\n        \"\n      >\n        first name too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- lastName -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"lastName\"\n        placeholder=\"last name\"\n      />\n      <mat-error\n        *ngIf=\"\n          lastName.hasError('required') && (lastName.dirty || lastName.touched)\n        \"\n      >\n        last name required\n      </mat-error>\n      <mat-error\n        *ngIf=\"\n          lastName.hasError('maxlength') && (lastName.dirty || lastName.touched)\n        \"\n      >\n        last name too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- roles -->\n  <div>\n    <mat-form-field>\n      <input\n        type=\"text\"\n        matInput\n        [formControl]=\"roles\"\n        placeholder=\"roles (separated by space)\"\n      />\n      <mat-error\n        *ngIf=\"roles.hasError('maxlength') && (roles.dirty || roles.touched)\"\n      >\n        too long\n      </mat-error>\n    </mat-form-field>\n  </div>\n\n  <!-- buttons -->\n  <br />\n  <div>\n    <button mat-icon-button color=\"warn\" matTooltip=\"Close\" (click)=\"close()\">\n      <mat-icon>cancel</mat-icon>\n    </button>\n    &nbsp;\n    <button\n      type=\"submit\"\n      mat-button\n      color=\"primary\"\n      [disabled]=\"form.invalid\"\n      matTooltip=\"Save user data\"\n    >\n      <mat-icon>check_circle</mat-icon> save\n    </button>\n  </div>\n</form>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.AuthJwtService }]; }, propDecorators: { user: [{
+                type: Input
+            }], userChange: [{
+                type: Output
+            }], editorClose: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1lZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlybWlkb24vYXV0aC1qd3QtYWRtaW4vc3JjL2xpYi9jb21wb25lbnRzL3VzZXItZWRpdG9yL3VzZXItZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2F1dGgtand0LWFkbWluL3NyYy9saWIvY29tcG9uZW50cy91c2VyLWVkaXRvci91c2VyLWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFJTCxVQUFVLEdBQ1gsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7Ozs7QUFReEIsTUFBTSxPQUFPLG1CQUFtQjtJQXdCOUIsWUFBWSxXQUF3QixFQUFVLFlBQTRCO1FBQTVCLGlCQUFZLEdBQVosWUFBWSxDQUFnQjtRQUN4RSxTQUFTO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzNDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMzQyxPQUFPO1FBQ1AsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtZQUNyQyxVQUFVLENBQUMsUUFBUTtZQUNuQixVQUFVLENBQUMsS0FBSztTQUNqQixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsY0FBYyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLGNBQWMsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxTQUFTLEdBQUcs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Q0FBQyxDQUFTLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDdEQsQ0FBQyxDQUFDLEVBQUU7U0FDUCxDQUFDO0lBQ0osQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLEtBQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN4RCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUN2QixDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO0lBQy9DLENBQUM7O2dIQXpHVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix5SkNkaEMsdy9GQWtJQTsyRkRwSGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLHNCQUFzQjsrSEFpQlosSUFBSTtzQkFBdkIsS0FBSztnQkFRSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBGb3JtR3JvdXAsXG4gIEZvcm1Db250cm9sLFxuICBGb3JtQnVpbGRlcixcbiAgVmFsaWRhdG9ycyxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQXV0aEp3dFNlcnZpY2UsIFVzZXIgfSBmcm9tICdAbXlybWlkb24vYXV0aC1qd3QtbG9naW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXRoLWp3dC11c2VyLWVkaXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi91c2VyLWVkaXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItZWRpdG9yLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVXNlckVkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgX3VzZXI6IFVzZXIgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGVtYWlsOiBGb3JtQ29udHJvbDtcbiAgcHVibGljIGVtYWlsQ29uZmlybWVkOiBGb3JtQ29udHJvbDtcbiAgcHVibGljIGxvY2tvdXRFbmFibGVkOiBGb3JtQ29udHJvbDtcbiAgcHVibGljIGZpcnN0TmFtZTogRm9ybUNvbnRyb2w7XG4gIHB1YmxpYyBsYXN0TmFtZTogRm9ybUNvbnRyb2w7XG4gIHB1YmxpYyByb2xlczogRm9ybUNvbnRyb2w7XG4gIHB1YmxpYyBmb3JtOiBGb3JtR3JvdXA7XG5cbiAgcHVibGljIHVubG9ja2VkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBzZXQgdXNlcih2YWx1ZTogVXNlciB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX3VzZXIgPSB2YWx1ZTtcbiAgICB0aGlzLnVwZGF0ZUZvcm0odmFsdWUpO1xuICB9XG4gIHB1YmxpYyBnZXQgdXNlcigpOiBVc2VyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fdXNlcjtcbiAgfVxuXG4gIEBPdXRwdXQoKSB1c2VyQ2hhbmdlOiBFdmVudEVtaXR0ZXI8VXNlcj47XG4gIEBPdXRwdXQoKSBlZGl0b3JDbG9zZTogRXZlbnRFbWl0dGVyPGFueT47XG5cbiAgY29uc3RydWN0b3IoZm9ybUJ1aWxkZXI6IEZvcm1CdWlsZGVyLCBwcml2YXRlIF9hdXRoU2VydmljZTogQXV0aEp3dFNlcnZpY2UpIHtcbiAgICAvLyBldmVudHNcbiAgICB0aGlzLnVzZXJDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFVzZXI+KCk7XG4gICAgdGhpcy5lZGl0b3JDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICAgIC8vIGZvcm1cbiAgICB0aGlzLmVtYWlsID0gZm9ybUJ1aWxkZXIuY29udHJvbChudWxsLCBbXG4gICAgICBWYWxpZGF0b3JzLnJlcXVpcmVkLFxuICAgICAgVmFsaWRhdG9ycy5lbWFpbCxcbiAgICBdKTtcbiAgICB0aGlzLmVtYWlsQ29uZmlybWVkID0gZm9ybUJ1aWxkZXIuY29udHJvbChmYWxzZSk7XG4gICAgdGhpcy5sb2Nrb3V0RW5hYmxlZCA9IGZvcm1CdWlsZGVyLmNvbnRyb2woZmFsc2UpO1xuICAgIHRoaXMuZmlyc3ROYW1lID0gZm9ybUJ1aWxkZXIuY29udHJvbChudWxsLCBbXG4gICAgICBWYWxpZGF0b3JzLnJlcXVpcmVkLFxuICAgICAgVmFsaWRhdG9ycy5tYXhMZW5ndGgoNTApLFxuICAgIF0pO1xuICAgIHRoaXMubGFzdE5hbWUgPSBmb3JtQnVpbGRlci5jb250cm9sKG51bGwsIFtcbiAgICAgIFZhbGlkYXRvcnMucmVxdWlyZWQsXG4gICAgICBWYWxpZGF0b3JzLm1heExlbmd0aCg1MCksXG4gICAgXSk7XG4gICAgdGhpcy5yb2xlcyA9IGZvcm1CdWlsZGVyLmNvbnRyb2wobnVsbCwgVmFsaWRhdG9ycy5tYXhMZW5ndGgoMjAwKSk7XG5cbiAgICB0aGlzLmZvcm0gPSBmb3JtQnVpbGRlci5ncm91cCh7XG4gICAgICBlbWFpbDogdGhpcy5lbWFpbCxcbiAgICAgIGVtYWlsQ29uZmlybWVkOiB0aGlzLmVtYWlsQ29uZmlybWVkLFxuICAgICAgbG9ja291dEVuYWJsZWQ6IHRoaXMubG9ja291dEVuYWJsZWQsXG4gICAgICBmaXJzdE5hbWU6IHRoaXMuZmlyc3ROYW1lLFxuICAgICAgbGFzdE5hbWU6IHRoaXMubGFzdE5hbWUsXG4gICAgICByb2xlczogdGhpcy5yb2xlcyxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxuICBwcml2YXRlIHVwZGF0ZUZvcm0odXNlcjogVXNlciB8IHVuZGVmaW5lZCk6IHZvaWQge1xuICAgIGlmICghdXNlcikge1xuICAgICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZW1haWwuc2V0VmFsdWUodXNlci5lbWFpbCk7XG4gICAgICB0aGlzLmVtYWlsQ29uZmlybWVkLnNldFZhbHVlKHVzZXIuZW1haWxDb25maXJtZWQpO1xuICAgICAgdGhpcy5sb2Nrb3V0RW5hYmxlZC5zZXRWYWx1ZSh1c2VyLmxvY2tvdXRFbmFibGVkKTtcbiAgICAgIHRoaXMuZmlyc3ROYW1lLnNldFZhbHVlKHVzZXIuZmlyc3ROYW1lKTtcbiAgICAgIHRoaXMubGFzdE5hbWUuc2V0VmFsdWUodXNlci5sYXN0TmFtZSk7XG4gICAgICBpZiAodXNlci5yb2xlcz8ubGVuZ3RoID4gMCkge1xuICAgICAgICB0aGlzLnJvbGVzLnNldFZhbHVlKHVzZXIucm9sZXMuam9pbignICcpKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMucm9sZXMuc2V0VmFsdWUobnVsbCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXRVc2VyRnJvbUZvcm0oKTogVXNlciB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHVzZXJOYW1lOiB0aGlzLl91c2VyPy51c2VyTmFtZSB8fCAnJyxcbiAgICAgIGVtYWlsOiB0aGlzLmVtYWlsLnZhbHVlLFxuICAgICAgZW1haWxDb25maXJtZWQ6IHRoaXMuZW1haWxDb25maXJtZWQudmFsdWUsXG4gICAgICBsb2Nrb3V0RW5hYmxlZDogdGhpcy5sb2Nrb3V0RW5hYmxlZC52YWx1ZSxcbiAgICAgIGZpcnN0TmFtZTogdGhpcy5maXJzdE5hbWUudmFsdWUsXG4gICAgICBsYXN0TmFtZTogdGhpcy5sYXN0TmFtZS52YWx1ZSxcbiAgICAgIHJvbGVzOiB0aGlzLnJvbGVzLnZhbHVlXG4gICAgICAgID8gdGhpcy5yb2xlcy52YWx1ZS5zcGxpdCgnICcpLmZpbHRlcigoczogc3RyaW5nKSA9PiBzKVxuICAgICAgICA6IFtdLFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgZW5kTG9ja291dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy51bmxvY2tlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl91c2VyIS5sb2Nrb3V0RW5kID0gdGhpcy5fYXV0aFNlcnZpY2UuZ2V0VVRDRGF0ZSgpO1xuICAgIHRoaXMudW5sb2NrZWQgPSB0cnVlO1xuICB9XG5cbiAgcHVibGljIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuZWRpdG9yQ2xvc2UuZW1pdCgpO1xuICB9XG5cbiAgcHVibGljIHNhdmUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZm9ybS5pbnZhbGlkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudXNlckNoYW5nZS5lbWl0KHRoaXMuZ2V0VXNlckZyb21Gb3JtKCkpO1xuICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAoc3VibWl0KT1cInNhdmUoKVwiPlxuICA8IS0tIGVtYWlsIC0tPlxuICA8ZGl2PlxuICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIG1hdElucHV0IFtmb3JtQ29udHJvbF09XCJlbWFpbFwiIHBsYWNlaG9sZGVyPVwiZW1haWxcIiAvPlxuICAgICAgPG1hdC1lcnJvclxuICAgICAgICAqbmdJZj1cImVtYWlsLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIChlbWFpbC5kaXJ0eSB8fCBlbWFpbC50b3VjaGVkKVwiXG4gICAgICA+XG4gICAgICAgIGVtYWlsIGFkZHJlc3MgcmVxdWlyZWRcbiAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgPG1hdC1lcnJvclxuICAgICAgICAqbmdJZj1cImVtYWlsLmhhc0Vycm9yKCdwYXR0ZXJuJykgJiYgKGVtYWlsLmRpcnR5IHx8IGVtYWlsLnRvdWNoZWQpXCJcbiAgICAgID5cbiAgICAgICAgaW52YWxpZCBlbWFpbCBhZGRyZXNzXG4gICAgICA8L21hdC1lcnJvcj5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuICA8L2Rpdj5cblxuICA8IS0tIGVtYWlsQ29uZmlybWVkIC0tPlxuICA8ZGl2PlxuICAgIDxtYXQtY2hlY2tib3ggW2Zvcm1Db250cm9sXT1cImVtYWlsQ29uZmlybWVkXCJcbiAgICAgID5lbWFpbCBhZGRyZXNzIGNvbmZpcm1lZDwvbWF0LWNoZWNrYm94XG4gICAgPlxuICA8L2Rpdj5cblxuICA8IS0tIGxvY2tvdXRFbmFibGVkIC0tPlxuICA8ZGl2PlxuICAgIDxtYXQtY2hlY2tib3ggW2Zvcm1Db250cm9sXT1cImxvY2tvdXRFbmFibGVkXCJcbiAgICAgID5sb2Nrb3V0IGVuYWJsZWQ8L21hdC1jaGVja2JveFxuICAgID5cbiAgICAmbmJzcDtcbiAgICA8YnV0dG9uXG4gICAgICBtYXQtc3Ryb2tlZC1idXR0b25cbiAgICAgIChjbGljayk9XCJlbmRMb2Nrb3V0KClcIlxuICAgICAgW2Rpc2FibGVkXT1cInVubG9ja2VkXCJcbiAgICAgIG1hdFRvb2x0aXA9XCJVbmxvY2sgdGhpcyB1c2VyIGlmIGxvY2tlZFwiXG4gICAgPlxuICAgICAgdW5sb2NrXG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuXG4gIDwhLS0gZmlyc3ROYW1lIC0tPlxuICA8ZGl2PlxuICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIG1hdElucHV0XG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmaXJzdE5hbWVcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cImZpcnN0IG5hbWVcIlxuICAgICAgLz5cbiAgICAgIDxtYXQtZXJyb3JcbiAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICBmaXJzdE5hbWUuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiZcbiAgICAgICAgICAoZmlyc3ROYW1lLmRpcnR5IHx8IGZpcnN0TmFtZS50b3VjaGVkKVxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICBmaXJzdCBuYW1lIHJlcXVpcmVkXG4gICAgICA8L21hdC1lcnJvcj5cbiAgICAgIDxtYXQtZXJyb3JcbiAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICBmaXJzdE5hbWUuaGFzRXJyb3IoJ21heGxlbmd0aCcpICYmXG4gICAgICAgICAgKGZpcnN0TmFtZS5kaXJ0eSB8fCBmaXJzdE5hbWUudG91Y2hlZClcbiAgICAgICAgXCJcbiAgICAgID5cbiAgICAgICAgZmlyc3QgbmFtZSB0b28gbG9uZ1xuICAgICAgPC9tYXQtZXJyb3I+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPC9kaXY+XG5cbiAgPCEtLSBsYXN0TmFtZSAtLT5cbiAgPGRpdj5cbiAgICA8bWF0LWZvcm0tZmllbGQ+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICBtYXRJbnB1dFxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwibGFzdE5hbWVcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cImxhc3QgbmFtZVwiXG4gICAgICAvPlxuICAgICAgPG1hdC1lcnJvclxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIGxhc3ROYW1lLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIChsYXN0TmFtZS5kaXJ0eSB8fCBsYXN0TmFtZS50b3VjaGVkKVxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICBsYXN0IG5hbWUgcmVxdWlyZWRcbiAgICAgIDwvbWF0LWVycm9yPlxuICAgICAgPG1hdC1lcnJvclxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIGxhc3ROYW1lLmhhc0Vycm9yKCdtYXhsZW5ndGgnKSAmJiAobGFzdE5hbWUuZGlydHkgfHwgbGFzdE5hbWUudG91Y2hlZClcbiAgICAgICAgXCJcbiAgICAgID5cbiAgICAgICAgbGFzdCBuYW1lIHRvbyBsb25nXG4gICAgICA8L21hdC1lcnJvcj5cbiAgICA8L21hdC1mb3JtLWZpZWxkPlxuICA8L2Rpdj5cblxuICA8IS0tIHJvbGVzIC0tPlxuICA8ZGl2PlxuICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIG1hdElucHV0XG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJyb2xlc1wiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwicm9sZXMgKHNlcGFyYXRlZCBieSBzcGFjZSlcIlxuICAgICAgLz5cbiAgICAgIDxtYXQtZXJyb3JcbiAgICAgICAgKm5nSWY9XCJyb2xlcy5oYXNFcnJvcignbWF4bGVuZ3RoJykgJiYgKHJvbGVzLmRpcnR5IHx8IHJvbGVzLnRvdWNoZWQpXCJcbiAgICAgID5cbiAgICAgICAgdG9vIGxvbmdcbiAgICAgIDwvbWF0LWVycm9yPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDwvZGl2PlxuXG4gIDwhLS0gYnV0dG9ucyAtLT5cbiAgPGJyIC8+XG4gIDxkaXY+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJ3YXJuXCIgbWF0VG9vbHRpcD1cIkNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKClcIj5cbiAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgICZuYnNwO1xuICAgIDxidXR0b25cbiAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgbWF0LWJ1dHRvblxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJmb3JtLmludmFsaWRcIlxuICAgICAgbWF0VG9vbHRpcD1cIlNhdmUgdXNlciBkYXRhXCJcbiAgICA+XG4gICAgICA8bWF0LWljb24+Y2hlY2tfY2lyY2xlPC9tYXQtaWNvbj4gc2F2ZVxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZm9ybT5cbiJdfQ==

package/esm2020/lib/components/user-filter/user-filter.component.mjs

@@ -0,0 +1,58 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../state/users.query";
+import * as i3 from "../state/users.service";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/material/tooltip";
+export class UserFilterComponent {
+    constructor(formBuilder, query, _corporaService) {
+        this._corporaService = _corporaService;
+        this.filter$ = query.selectFilter();
+        // form
+        this.name = formBuilder.control(null);
+        this.form = formBuilder.group({
+            name: this.name,
+        });
+    }
+    ngOnInit() {
+        this.filter$.subscribe((f) => {
+            this.updateForm(f);
+        });
+    }
+    updateForm(filter) {
+        this.name.setValue(filter.name);
+        this.form.markAsPristine();
+    }
+    reset() {
+        this.form.reset();
+        this.apply();
+    }
+    getFilter() {
+        return {
+            pageNumber: 1,
+            pageSize: 20,
+            name: this.name.value?.trim(),
+        };
+    }
+    apply() {
+        if (this.form.invalid) {
+            return;
+        }
+        const filter = this.getFilter();
+        // update filter in state
+        this._corporaService.updateFilter(filter);
+    }
+}
+UserFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserFilterComponent, deps: [{ token: i1.FormBuilder }, { token: i2.UsersQuery }, { token: i3.UsersService }], target: i0.ɵɵFactoryTarget.Component });
+UserFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: UserFilterComponent, selector: "auth-jwt-user-filter", inputs: { disabled: "disabled" }, ngImport: i0, template: "<form [formGroup]=\"form\" (submit)=\"apply()\" ng-disabled=\"disabled\">\n  <mat-form-field>\n    <input matInput [formControl]=\"name\" placeholder=\"name or ID\" />\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"reset()\"\n      color=\"warn\"\n      matTooltip=\"Reset filters\"\n      [disabled]=\"disabled\"\n    >\n      <mat-icon>clear</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <button\n    type=\"submit\"\n    mat-icon-button\n    color=\"primary\"\n    [disabled]=\"disabled\"\n    matTooltip=\"Apply filters\"\n  >\n    <mat-icon>check_circle</mat-icon>\n  </button>\n</form>\n", styles: [""], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.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"] }, { 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]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatSuffix, selector: "[matSuffix]" }, { type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'auth-jwt-user-filter', template: "<form [formGroup]=\"form\" (submit)=\"apply()\" ng-disabled=\"disabled\">\n  <mat-form-field>\n    <input matInput [formControl]=\"name\" placeholder=\"name or ID\" />\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"reset()\"\n      color=\"warn\"\n      matTooltip=\"Reset filters\"\n      [disabled]=\"disabled\"\n    >\n      <mat-icon>clear</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <button\n    type=\"submit\"\n    mat-icon-button\n    color=\"primary\"\n    [disabled]=\"disabled\"\n    matTooltip=\"Apply filters\"\n  >\n    <mat-icon>check_circle</mat-icon>\n  </button>\n</form>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.UsersQuery }, { type: i3.UsersService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlybWlkb24vYXV0aC1qd3QtYWRtaW4vc3JjL2xpYi9jb21wb25lbnRzL3VzZXItZmlsdGVyL3VzZXItZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2F1dGgtand0LWFkbWluL3NyYy9saWIvY29tcG9uZW50cy91c2VyLWZpbHRlci91c2VyLWZpbHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7OztBQVl6RCxNQUFNLE9BQU8sbUJBQW1CO0lBUzlCLFlBQ0UsV0FBd0IsRUFDeEIsS0FBaUIsRUFDVCxlQUE2QjtRQUE3QixvQkFBZSxHQUFmLGVBQWUsQ0FBYztRQUVyQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVwQyxPQUFPO1FBQ1AsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUM1QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sVUFBVSxDQUFDLE1BQWtCO1FBQ25DLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRU8sU0FBUztRQUNmLE9BQU87WUFDTCxVQUFVLEVBQUUsQ0FBQztZQUNiLFFBQVEsRUFBRSxFQUFFO1lBQ1osSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRTtTQUM5QixDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ3JCLE9BQU87U0FDUjtRQUNELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVoQyx5QkFBeUI7UUFDekIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUMsQ0FBQzs7Z0hBdkRVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDhGQ1poQyx1b0JBMEJBOzJGRGRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxzQkFBc0I7c0pBTXpCLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBVc2VyRmlsdGVyIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYXV0aC1qd3QtYWNjb3VudC5zZXJ2aWNlJztcbmltcG9ydCB7IFVzZXJzUXVlcnkgfSBmcm9tICcuLi9zdGF0ZS91c2Vycy5xdWVyeSc7XG5pbXBvcnQgeyBVc2Vyc1NlcnZpY2UgfSBmcm9tICcuLi9zdGF0ZS91c2Vycy5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXV0aC1qd3QtdXNlci1maWx0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWZpbHRlci5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGZpbHRlciQ6IE9ic2VydmFibGU8VXNlckZpbHRlcj47XG5cbiAgcHVibGljIG5hbWU6IEZvcm1Db250cm9sO1xuICBwdWJsaWMgZm9ybTogRm9ybUdyb3VwO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlcixcbiAgICBxdWVyeTogVXNlcnNRdWVyeSxcbiAgICBwcml2YXRlIF9jb3Jwb3JhU2VydmljZTogVXNlcnNTZXJ2aWNlXG4gICkge1xuICAgIHRoaXMuZmlsdGVyJCA9IHF1ZXJ5LnNlbGVjdEZpbHRlcigpO1xuXG4gICAgLy8gZm9ybVxuICAgIHRoaXMubmFtZSA9IGZvcm1CdWlsZGVyLmNvbnRyb2wobnVsbCk7XG4gICAgdGhpcy5mb3JtID0gZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgICAgbmFtZTogdGhpcy5uYW1lLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXIkLnN1YnNjcmliZSgoZikgPT4ge1xuICAgICAgdGhpcy51cGRhdGVGb3JtKGYpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVGb3JtKGZpbHRlcjogVXNlckZpbHRlcik6IHZvaWQge1xuICAgIHRoaXMubmFtZS5zZXRWYWx1ZShmaWx0ZXIubmFtZSk7XG4gICAgdGhpcy5mb3JtLm1hcmtBc1ByaXN0aW5lKCk7XG4gIH1cblxuICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtLnJlc2V0KCk7XG4gICAgdGhpcy5hcHBseSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGaWx0ZXIoKTogVXNlckZpbHRlciB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHBhZ2VOdW1iZXI6IDEsIC8vIG5vdCB1c2VkXG4gICAgICBwYWdlU2l6ZTogMjAsIC8vIG5vdCB1c2VkXG4gICAgICBuYW1lOiB0aGlzLm5hbWUudmFsdWU/LnRyaW0oKSxcbiAgICB9O1xuICB9XG5cbiAgcHVibGljIGFwcGx5KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmZvcm0uaW52YWxpZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBmaWx0ZXIgPSB0aGlzLmdldEZpbHRlcigpO1xuXG4gICAgLy8gdXBkYXRlIGZpbHRlciBpbiBzdGF0ZVxuICAgIHRoaXMuX2NvcnBvcmFTZXJ2aWNlLnVwZGF0ZUZpbHRlcihmaWx0ZXIpO1xuICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiAoc3VibWl0KT1cImFwcGx5KClcIiBuZy1kaXNhYmxlZD1cImRpc2FibGVkXCI+XG4gIDxtYXQtZm9ybS1maWVsZD5cbiAgICA8aW5wdXQgbWF0SW5wdXQgW2Zvcm1Db250cm9sXT1cIm5hbWVcIiBwbGFjZWhvbGRlcj1cIm5hbWUgb3IgSURcIiAvPlxuICAgIDxidXR0b25cbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgbWF0U3VmZml4XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIChjbGljayk9XCJyZXNldCgpXCJcbiAgICAgIGNvbG9yPVwid2FyblwiXG4gICAgICBtYXRUb29sdGlwPVwiUmVzZXQgZmlsdGVyc1wiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgID5cbiAgICAgIDxtYXQtaWNvbj5jbGVhcjwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgIG1hdC1pY29uLWJ1dHRvblxuICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBtYXRUb29sdGlwPVwiQXBwbHkgZmlsdGVyc1wiXG4gID5cbiAgICA8bWF0LWljb24+Y2hlY2tfY2lyY2xlPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L2Zvcm0+XG4iXX0=

package/esm2020/lib/components/user-list/user-list.component.mjs

@@ -0,0 +1,134 @@
+import { Component, Inject } from '@angular/core';
+import { BehaviorSubject, combineLatest } from 'rxjs';
+import { map, startWith, switchMap, take, tap } from 'rxjs/operators';
+import { USERS_PAGINATOR } from '../state/users.paginator';
+import * as i0 from "@angular/core";
+import * as i1 from "../state/users.query";
+import * as i2 from "../../services/auth-jwt-account.service";
+import * as i3 from "../state/users.service";
+import * as i4 from "../../services/dialog.service";
+import * as i5 from "@myrmidon/auth-jwt-login";
+import * as i6 from "@angular/forms";
+import * as i7 from "../user-filter/user-filter.component";
+import * as i8 from "@angular/material/progress-bar";
+import * as i9 from "@angular/material/button";
+import * as i10 from "@angular/material/icon";
+import * as i11 from "@angular/material/paginator";
+import * as i12 from "../user-editor/user-editor.component";
+import * as i13 from "@angular/common";
+import * as i14 from "@angular/material/tooltip";
+import * as i15 from "@datorama/akita";
+export class UserListComponent {
+    constructor(paginator, userQuery, _accountService, _usersService, _dialogService, _gravatarService, formBuilder) {
+        this.paginator = paginator;
+        this._accountService = _accountService;
+        this._usersService = _usersService;
+        this._dialogService = _dialogService;
+        this._gravatarService = _gravatarService;
+        this.pageSize = formBuilder.control(20);
+        this._refresh$ = new BehaviorSubject(0);
+        this._filter$ = userQuery.selectFilter();
+        // https://netbasal.com/manage-your-entities-with-akita-like-a-boss-768732f8d4d1
+        this.active$ = userQuery.selectActive();
+        this.pagination$ = combineLatest([
+            this.paginator.pageChanges,
+            this.pageSize.valueChanges.pipe(
+            // we are required to emit at least the initial value
+            // as combineLatest emits only if ALL observables have emitted
+            startWith(20), 
+            // clear the cache when page size changes
+            tap((_) => {
+                this.paginator.clearCache();
+            })),
+            this._filter$.pipe(
+            // clear the cache when filters changed
+            tap((_) => {
+                this.paginator.clearCache();
+            })),
+            this._refresh$.pipe(
+            // clear the cache when forcing refresh
+            tap((_) => {
+                this.paginator.clearCache();
+            })),
+        ]).pipe(
+        // for each emitted value, combine into a filter and use it
+        // to request the page from server
+        switchMap(([pageNumber, pageSize, filter, refresh]) => {
+            // const filter = { ...this._docsQuery.getValue().filter };
+            const f = { ...filter };
+            f.pageNumber = pageNumber;
+            f.pageSize = pageSize;
+            const request = this.getRequest(f);
+            // update saved filters
+            this.paginator.metadata.set('filter', f);
+            return this.paginator.getPage(request);
+        }));
+    }
+    ngOnDestroy() {
+        this.paginator.destroy();
+    }
+    getRequest(filter) {
+        return () => this._accountService.getUsers(filter).pipe(
+        // adapt server results to the paginator plugin
+        map((p) => {
+            return {
+                currentPage: p.pageNumber,
+                perPage: p.pageSize,
+                lastPage: p.pageCount,
+                data: p.items,
+                total: p.total,
+            };
+        }));
+    }
+    pageChange(event) {
+        // https://material.angular.io/components/paginator/api
+        this.paginator.setPage(event.pageIndex + 1);
+        if (event.pageSize !== this.pageSize.value) {
+            this.pageSize.setValue(event.pageSize);
+        }
+    }
+    refresh() {
+        this.paginator.clearCache();
+        this._refresh$.next(this._refresh$.value + 1);
+    }
+    deleteUser(user) {
+        this._dialogService
+            .confirm('Confirm', `Delete User ${user.userName}?`)
+            .pipe(take(1))
+            .subscribe((yes) => {
+            if (!yes) {
+                return;
+            }
+            this._usersService.deleteUser(user.userName).finally(() => {
+                this.refresh();
+            });
+        });
+    }
+    setActiveUser(user) {
+        this._usersService.setActive(user?.userName || null);
+    }
+    resetActiveUser() {
+        this._usersService.setActive(null);
+    }
+    saveActiveUser(user) {
+        this._usersService.updateActive(user).finally(() => {
+            this.refresh();
+        });
+    }
+    onUserEditorClose() {
+        this.setActiveUser(null);
+    }
+    getGravatarUrl(email, size = 80) {
+        return this._gravatarService.buildGravatarUrl(email, size);
+    }
+}
+UserListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserListComponent, deps: [{ token: USERS_PAGINATOR }, { token: i1.UsersQuery }, { token: i2.AuthJwtAccountService }, { token: i3.UsersService }, { token: i4.DialogService }, { token: i5.GravatarService }, { token: i6.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+UserListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: UserListComponent, selector: "auth-jwt-user-list", ngImport: i0, template: "<div\n  gdAreas=\"filters | progress | list | pager | editor\"\n  gdRows=\"80px 64px 2fr 40px 1fr\"\n  gdColumns=\"1fr\"\n  gdGap=\"8px\"\n>\n  <div>\n    <!-- filters -->\n    <div gdArea=\"filters\">\n      <auth-jwt-user-filter></auth-jwt-user-filter>\n    </div>\n\n    <!-- progress -->\n    <div *ngIf=\"paginator.isLoading$ | async\" gdArea=\"progress\">\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <!-- list -->\n    <div gdArea=\"list\" *ngIf=\"pagination$ | async as pagination\">\n      <table>\n        <thead>\n          <td></td>\n          <td></td>\n          <td></td>\n          <th>name</th>\n          <th>first</th>\n          <th>last</th>\n          <th>email</th>\n          <th>roles</th>\n          <th>lock end</th>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let user of pagination.data\">\n            <td class=\"command\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                matTooltip=\"Edit {{ user.userName }}\"\n                color=\"primary\"\n                (click)=\"setActiveUser(user)\"\n              >\n                <mat-icon>mode_edit</mat-icon>\n              </button>\n            </td>\n            <td class=\"command\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                matTooltip=\"Delete {{ user.userName }}\"\n                color=\"warn\"\n                (click)=\"deleteUser(user)\"\n              >\n                <mat-icon>remove_circle</mat-icon>\n              </button>\n            </td>\n            <td>\n              <img\n                [src]=\"getGravatarUrl(user.email, 32)\"\n                [alt]=\"user.userName\"\n              />\n            </td>\n            <td>{{ user.userName }}</td>\n            <td>{{ user.firstName }}</td>\n            <td>{{ user.lastName }}</td>\n            <td>\n              <a [href]=\"'mailto:' + user.email\">{{ user.email }}</a>\n            </td>\n            <td>{{ user.roles?.join(\" \") }}</td>\n            <td>{{ user.lockoutEnd }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <!-- pagination -->\n      <mat-paginator\n        gdArea=\"pager\"\n        gdAlignColumns=\"center\"\n        gdAlignRows=\"start\"\n        [length]=\"pagination.total\"\n        [pageSize]=\"pageSize?.value\"\n        [pageSizeOptions]=\"[20, 50, 75, 100]\"\n        [pageIndex]=\"pagination.currentPage - 1\"\n        [showFirstLastButtons]=\"true\"\n        (page)=\"pageChange($event)\"\n      ></mat-paginator>\n    </div>\n  </div>\n\n  <!-- editor -->\n  <div gdArea=\"editor\" *ngIf=\"active$ | async as active\">\n    <fieldset>\n      <legend>{{ active.userName }}</legend>\n      <auth-jwt-user-editor\n        [user]=\"active\"\n        (userChange)=\"saveActiveUser($event)\"\n        (editorClose)=\"resetActiveUser()\"\n      ></auth-jwt-user-editor>\n    </fieldset>\n  </div>\n</div>\n", styles: ["tr:nth-child(odd){background-color:#f8f8f8}th{padding:0 8px;text-align:left;color:silver;font-weight:normal}td{padding:0 8px}td.command{width:24px}table{width:100%;border-collapse:collapse}fieldset{border:1px solid silver;border-radius:8px;padding:16px}\n"], components: [{ type: i7.UserFilterComponent, selector: "auth-jwt-user-filter", inputs: ["disabled"] }, { type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i9.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i11.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { type: i12.UserEditorComponent, selector: "auth-jwt-user-editor", inputs: ["user"], outputs: ["userChange", "editorClose"] }], directives: [{ type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i14.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "async": i13.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: UserListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'auth-jwt-user-list', template: "<div\n  gdAreas=\"filters | progress | list | pager | editor\"\n  gdRows=\"80px 64px 2fr 40px 1fr\"\n  gdColumns=\"1fr\"\n  gdGap=\"8px\"\n>\n  <div>\n    <!-- filters -->\n    <div gdArea=\"filters\">\n      <auth-jwt-user-filter></auth-jwt-user-filter>\n    </div>\n\n    <!-- progress -->\n    <div *ngIf=\"paginator.isLoading$ | async\" gdArea=\"progress\">\n      <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n    </div>\n\n    <!-- list -->\n    <div gdArea=\"list\" *ngIf=\"pagination$ | async as pagination\">\n      <table>\n        <thead>\n          <td></td>\n          <td></td>\n          <td></td>\n          <th>name</th>\n          <th>first</th>\n          <th>last</th>\n          <th>email</th>\n          <th>roles</th>\n          <th>lock end</th>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let user of pagination.data\">\n            <td class=\"command\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                matTooltip=\"Edit {{ user.userName }}\"\n                color=\"primary\"\n                (click)=\"setActiveUser(user)\"\n              >\n                <mat-icon>mode_edit</mat-icon>\n              </button>\n            </td>\n            <td class=\"command\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                matTooltip=\"Delete {{ user.userName }}\"\n                color=\"warn\"\n                (click)=\"deleteUser(user)\"\n              >\n                <mat-icon>remove_circle</mat-icon>\n              </button>\n            </td>\n            <td>\n              <img\n                [src]=\"getGravatarUrl(user.email, 32)\"\n                [alt]=\"user.userName\"\n              />\n            </td>\n            <td>{{ user.userName }}</td>\n            <td>{{ user.firstName }}</td>\n            <td>{{ user.lastName }}</td>\n            <td>\n              <a [href]=\"'mailto:' + user.email\">{{ user.email }}</a>\n            </td>\n            <td>{{ user.roles?.join(\" \") }}</td>\n            <td>{{ user.lockoutEnd }}</td>\n          </tr>\n        </tbody>\n      </table>\n      <!-- pagination -->\n      <mat-paginator\n        gdArea=\"pager\"\n        gdAlignColumns=\"center\"\n        gdAlignRows=\"start\"\n        [length]=\"pagination.total\"\n        [pageSize]=\"pageSize?.value\"\n        [pageSizeOptions]=\"[20, 50, 75, 100]\"\n        [pageIndex]=\"pagination.currentPage - 1\"\n        [showFirstLastButtons]=\"true\"\n        (page)=\"pageChange($event)\"\n      ></mat-paginator>\n    </div>\n  </div>\n\n  <!-- editor -->\n  <div gdArea=\"editor\" *ngIf=\"active$ | async as active\">\n    <fieldset>\n      <legend>{{ active.userName }}</legend>\n      <auth-jwt-user-editor\n        [user]=\"active\"\n        (userChange)=\"saveActiveUser($event)\"\n        (editorClose)=\"resetActiveUser()\"\n      ></auth-jwt-user-editor>\n    </fieldset>\n  </div>\n</div>\n", styles: ["tr:nth-child(odd){background-color:#f8f8f8}th{padding:0 8px;text-align:left;color:silver;font-weight:normal}td{padding:0 8px}td.command{width:24px}table{width:100%;border-collapse:collapse}fieldset{border:1px solid silver;border-radius:8px;padding:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i15.PaginatorPlugin, decorators: [{
+                    type: Inject,
+                    args: [USERS_PAGINATOR]
+                }] }, { type: i1.UsersQuery }, { type: i2.AuthJwtAccountService }, { type: i3.UsersService }, { type: i4.DialogService }, { type: i5.GravatarService }, { type: i6.FormBuilder }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2F1dGgtand0LWFkbWluL3NyYy9saWIvY29tcG9uZW50cy91c2VyLWxpc3QvdXNlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cm1pZG9uL2F1dGgtand0LWFkbWluL3NyYy9saWIvY29tcG9uZW50cy91c2VyLWxpc3QvdXNlci1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFVdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQVczRCxNQUFNLE9BQU8saUJBQWlCO0lBUTVCLFlBRVMsU0FBc0MsRUFDN0MsU0FBcUIsRUFDYixlQUFzQyxFQUN0QyxhQUEyQixFQUMzQixjQUE2QixFQUM3QixnQkFBaUMsRUFDekMsV0FBd0I7UUFOakIsY0FBUyxHQUFULFNBQVMsQ0FBNkI7UUFFckMsb0JBQWUsR0FBZixlQUFlLENBQXVCO1FBQ3RDLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBQzNCLG1CQUFjLEdBQWQsY0FBYyxDQUFlO1FBQzdCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7UUFHekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFB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QWlCO1FBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVNLGNBQWMsQ0FBQyxLQUFhLEVBQUUsSUFBSSxHQUFHLEVBQUU7UUFDNUMsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzdELENBQUM7OzhHQXBJVSxpQkFBaUIsa0JBU2xCLGVBQWU7a0dBVGQsaUJBQWlCLDBEQ3pCOUIsczdGQW1HQTsyRkQxRWEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLG9CQUFvQjs7MEJBYTNCLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyLCBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGNvbWJpbmVMYXRlc3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIHRha2UsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFBhZ2luYXRpb25SZXNwb25zZSwgUGFnaW5hdG9yUGx1Z2luIH0gZnJvbSAnQGRhdG9yYW1hL2FraXRhJztcblxuaW1wb3J0IHsgR3JhdmF0YXJTZXJ2aWNlLCBVc2VyIH0gZnJvbSAnQG15cm1pZG9uL2F1dGgtand0LWxvZ2luJztcbmltcG9ydCB7IERhdGFQYWdlIH0gZnJvbSAnQG15cm1pZG9uL25nLXRvb2xzJztcblxuaW1wb3J0IHtcbiAgQXV0aEp3dEFjY291bnRTZXJ2aWNlLFxuICBVc2VyRmlsdGVyLFxufSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hdXRoLWp3dC1hY2NvdW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgVVNFUlNfUEFHSU5BVE9SIH0gZnJvbSAnLi4vc3RhdGUvdXNlcnMucGFnaW5hdG9yJztcbmltcG9ydCB7IFVzZXJzU3RhdGUgfSBmcm9tICcuLi9zdGF0ZS91c2Vycy5zdG9yZSc7XG5pbXBvcnQgeyBVc2Vyc1F1ZXJ5IH0gZnJvbSAnLi4vc3RhdGUvdXNlcnMucXVlcnknO1xuaW1wb3J0IHsgRGlhbG9nU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2RpYWxvZy5zZXJ2aWNlJztcbmltcG9ydCB7IFVzZXJzU2VydmljZSB9IGZyb20gJy4uL3N0YXRlL3VzZXJzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXRoLWp3dC11c2VyLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXNlci1saXN0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVXNlckxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9yZWZyZXNoJDogQmVoYXZpb3JTdWJqZWN0PG51bWJlcj47XG4gIHByaXZhdGUgX2ZpbHRlciQ6IE9ic2VydmFibGU8VXNlckZpbHRlcj47XG5cbiAgcHVibGljIHBhZ2luYXRpb24kOiBPYnNlcnZhYmxlPFBhZ2luYXRpb25SZXNwb25zZTxVc2VyPj47XG4gIHB1YmxpYyBwYWdlU2l6ZTogRm9ybUNvbnRyb2w7XG4gIHB1YmxpYyBhY3RpdmUkOiBPYnNlcnZhYmxlPFVzZXIgfCB1bmRlZmluZWQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoVVNFUlNfUEFHSU5BVE9SKVxuICAgIHB1YmxpYyBwYWdpbmF0b3I6IFBhZ2luYXRvclBsdWdpbjxVc2Vyc1N0YXRlPixcbiAgICB1c2VyUXVlcnk6IFVzZXJzUXVlcnksXG4gICAgcHJpdmF0ZSBfYWNjb3VudFNlcnZpY2U6IEF1dGhKd3RBY2NvdW50U2VydmljZSxcbiAgICBwcml2YXRlIF91c2Vyc1NlcnZpY2U6IFVzZXJzU2VydmljZSxcbiAgICBwcml2YXRlIF9kaWFsb2dTZXJ2aWNlOiBEaWFsb2dTZXJ2aWNlLFxuICAgIHByaXZhdGUgX2dyYXZhdGFyU2VydmljZTogR3JhdmF0YXJTZXJ2aWNlLFxuICAgIGZvcm1CdWlsZGVyOiBGb3JtQnVpbGRlclxuICApIHtcbiAgICB0aGlzLnBhZ2VTaXplID0gZm9ybUJ1aWxkZXIuY29udHJvbCgyMCk7XG4gICAgdGhpcy5fcmVmcmVzaCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KDApO1xuICAgIHRoaXMuX2ZpbHRlciQgPSB1c2VyUXVlcnkuc2VsZWN0RmlsdGVyKCk7XG4gICAgLy8gaHR0cHM6Ly9uZXRiYXNhbC5jb20vbWFuYWdlLXlvdXItZW50aXRpZXMtd2l0aC1ha2l0YS1saWtlLWEtYm9zcy03Njg3MzJmOGQ0ZDFcbiAgICB0aGlzLmFjdGl2ZSQgPSB1c2VyUXVlcnkuc2VsZWN0QWN0aXZlPFVzZXI+KCk7XG5cbiAgICB0aGlzLnBhZ2luYXRpb24kID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLnBhZ2luYXRvci5wYWdlQ2hhbmdlcyxcbiAgICAgIHRoaXMucGFnZVNpemUudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICAgIC8vIHdlIGFyZSByZXF1aXJlZCB0byBlbWl0IGF0IGxlYXN0IHRoZSBpbml0aWFsIHZhbHVlXG4gICAgICAgIC8vIGFzIGNvbWJpbmVMYXRlc3QgZW1pdHMgb25seSBpZiBBTEwgb2JzZXJ2YWJsZXMgaGF2ZSBlbWl0dGVkXG4gICAgICAgIHN0YXJ0V2l0aCgyMCksXG4gICAgICAgIC8vIGNsZWFyIHRoZSBjYWNoZSB3aGVuIHBhZ2Ugc2l6ZSBjaGFuZ2VzXG4gICAgICAgIHRhcCgoXykgPT4ge1xuICAgICAgICAgIHRoaXMucGFnaW5hdG9yLmNsZWFyQ2FjaGUoKTtcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgICB0aGlzLl9maWx0ZXIkLnBpcGUoXG4gICAgICAgIC8vIGNsZWFyIHRoZSBjYWNoZSB3aGVuIGZpbHRlcnMgY2hhbmdlZFxuICAgICAgICB0YXAoKF8pID0+IHtcbiAgICAgICAgICB0aGlzLnBhZ2luYXRvci5jbGVhckNhY2hlKCk7XG4gICAgICAgIH0pXG4gICAgICApLFxuICAgICAgdGhpcy5fcmVmcmVzaCQucGlwZShcbiAgICAgICAgLy8gY2xlYXIgdGhlIGNhY2hlIHdoZW4gZm9yY2luZyByZWZyZXNoXG4gICAgICAgIHRhcCgoXykgPT4ge1xuICAgICAgICAgIHRoaXMucGFnaW5hdG9yLmNsZWFyQ2FjaGUoKTtcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgXSkucGlwZShcbiAgICAgIC8vIGZvciBlYWNoIGVtaXR0ZWQgdmFsdWUsIGNvbWJpbmUgaW50byBhIGZpbHRlciBhbmQgdXNlIGl0XG4gICAgICAvLyB0byByZXF1ZXN0IHRoZSBwYWdlIGZyb20gc2VydmVyXG4gICAgICBzd2l0Y2hNYXAoKFtwYWdlTnVtYmVyLCBwYWdlU2l6ZSwgZmlsdGVyLCByZWZyZXNoXSkgPT4ge1xuICAgICAgICAvLyBjb25zdCBmaWx0ZXIgPSB7IC4uLnRoaXMuX2RvY3NRdWVyeS5nZXRWYWx1ZSgpLmZpbHRlciB9O1xuICAgICAgICBjb25zdCBmID0geyAuLi5maWx0ZXIgfTtcbiAgICAgICAgZi5wYWdlTnVtYmVyID0gcGFnZU51bWJlcjtcbiAgICAgICAgZi5wYWdlU2l6ZSA9IHBhZ2VTaXplO1xuICAgICAgICBjb25zdCByZXF1ZXN0ID0gdGhpcy5nZXRSZXF1ZXN0KGYpO1xuICAgICAgICAvLyB1cGRhdGUgc2F2ZWQgZmlsdGVyc1xuICAgICAgICB0aGlzLnBhZ2luYXRvci5tZXRhZGF0YS5zZXQoJ2ZpbHRlcicsIGYpO1xuICAgICAgICByZXR1cm4gdGhpcy5wYWdpbmF0b3IuZ2V0UGFnZShyZXF1ZXN0KTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMucGFnaW5hdG9yLmRlc3Ryb3koKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0UmVxdWVzdChcbiAgICBmaWx0ZXI6IFVzZXJGaWx0ZXJcbiAgKTogKCkgPT4gT2JzZXJ2YWJsZTxQYWdpbmF0aW9uUmVzcG9uc2U8VXNlcj4+IHtcbiAgICByZXR1cm4gKCkgPT5cbiAgICAgIHRoaXMuX2FjY291bnRTZXJ2aWNlLmdldFVzZXJzKGZpbHRlcikucGlwZShcbiAgICAgICAgLy8gYWRhcHQgc2VydmVyIHJlc3VsdHMgdG8gdGhlIHBhZ2luYXRvciBwbHVnaW5cbiAgICAgICAgbWFwKChwOiBEYXRhUGFnZTxVc2VyPikgPT4ge1xuICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBjdXJyZW50UGFnZTogcC5wYWdlTnVtYmVyLFxuICAgICAgICAgICAgcGVyUGFnZTogcC5wYWdlU2l6ZSxcbiAgICAgICAgICAgIGxhc3RQYWdlOiBwLnBhZ2VDb3VudCxcbiAgICAgICAgICAgIGRhdGE6IHAuaXRlbXMsXG4gICAgICAgICAgICB0b3RhbDogcC50b3RhbCxcbiAgICAgICAgICB9O1xuICAgICAgICB9KVxuICAgICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBwYWdlQ2hhbmdlKGV2ZW50OiBQYWdlRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBodHRwczovL21hdGVyaWFsLmFuZ3VsYXIuaW8vY29tcG9uZW50cy9wYWdpbmF0b3IvYXBpXG4gICAgdGhpcy5wYWdpbmF0b3Iuc2V0UGFnZShldmVudC5wYWdlSW5kZXggKyAxKTtcbiAgICBpZiAoZXZlbnQucGFnZVNpemUgIT09IHRoaXMucGFnZVNpemUudmFsdWUpIHtcbiAgICAgIHRoaXMucGFnZVNpemUuc2V0VmFsdWUoZXZlbnQucGFnZVNpemUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZWZyZXNoKCk6IHZvaWQge1xuICAgIHRoaXMucGFnaW5hdG9yLmNsZWFyQ2FjaGUoKTtcbiAgICB0aGlzLl9yZWZyZXNoJC5uZXh0KHRoaXMuX3JlZnJlc2gkLnZhbHVlICsgMSk7XG4gIH1cblxuICBwdWJsaWMgZGVsZXRlVXNlcih1c2VyOiBVc2VyKTogdm9pZCB7XG4gICAgdGhpcy5fZGlhbG9nU2VydmljZVxuICAgICAgLmNvbmZpcm0oJ0NvbmZpcm0nLCBgRGVsZXRlIFVzZXIgJHt1c2VyLnVzZXJOYW1lfT9gKVxuICAgICAgLnBpcGUodGFrZSgxKSlcbiAgICAgIC5zdWJzY3JpYmUoKHllcykgPT4ge1xuICAgICAgICBpZiAoIXllcykge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLl91c2Vyc1NlcnZpY2UuZGVsZXRlVXNlcih1c2VyLnVzZXJOYW1lKS5maW5hbGx5KCgpID0+IHtcbiAgICAgICAgICB0aGlzLnJlZnJlc2goKTtcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRBY3RpdmVVc2VyKHVzZXI6IFVzZXIgfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy5fdXNlcnNTZXJ2aWNlLnNldEFjdGl2ZSh1c2VyPy51c2VyTmFtZSB8fCBudWxsKTtcbiAgfVxuXG4gIHB1YmxpYyByZXNldEFjdGl2ZVVzZXIoKTogdm9pZCB7XG4gICAgdGhpcy5fdXNlcnNTZXJ2aWNlLnNldEFjdGl2ZShudWxsKTtcbiAgfVxuXG4gIHB1YmxpYyBzYXZlQWN0aXZlVXNlcih1c2VyOiBVc2VyKTogdm9pZCB7XG4gICAgdGhpcy5fdXNlcnNTZXJ2aWNlLnVwZGF0ZUFjdGl2ZSh1c2VyKS5maW5hbGx5KCgpID0+IHtcbiAgICAgIHRoaXMucmVmcmVzaCgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG9uVXNlckVkaXRvckNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuc2V0QWN0aXZlVXNlcihudWxsKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRHcmF2YXRhclVybChlbWFpbDogc3RyaW5nLCBzaXplID0gODApOiBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fZ3JhdmF0YXJTZXJ2aWNlLmJ1aWxkR3JhdmF0YXJVcmwoZW1haWwsIHNpemUpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGdkQXJlYXM9XCJmaWx0ZXJzIHwgcHJvZ3Jlc3MgfCBsaXN0IHwgcGFnZXIgfCBlZGl0b3JcIlxuICBnZFJvd3M9XCI4MHB4IDY0cHggMmZyIDQwcHggMWZyXCJcbiAgZ2RDb2x1bW5zPVwiMWZyXCJcbiAgZ2RHYXA9XCI4cHhcIlxuPlxuICA8ZGl2PlxuICAgIDwhLS0gZmlsdGVycyAtLT5cbiAgICA8ZGl2IGdkQXJlYT1cImZpbHRlcnNcIj5cbiAgICAgIDxhdXRoLWp3dC11c2VyLWZpbHRlcj48L2F1dGgtand0LXVzZXItZmlsdGVyPlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBwcm9ncmVzcyAtLT5cbiAgICA8ZGl2ICpuZ0lmPVwicGFnaW5hdG9yLmlzTG9hZGluZyQgfCBhc3luY1wiIGdkQXJlYT1cInByb2dyZXNzXCI+XG4gICAgICA8bWF0LXByb2dyZXNzLWJhciBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gbGlzdCAtLT5cbiAgICA8ZGl2IGdkQXJlYT1cImxpc3RcIiAqbmdJZj1cInBhZ2luYXRpb24kIHwgYXN5bmMgYXMgcGFnaW5hdGlvblwiPlxuICAgICAgPHRhYmxlPlxuICAgICAgICA8dGhlYWQ+XG4gICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgICAgPHRkPjwvdGQ+XG4gICAgICAgICAgPHRoPm5hbWU8L3RoPlxuICAgICAgICAgIDx0aD5maXJzdDwvdGg+XG4gICAgICAgICAgPHRoPmxhc3Q8L3RoPlxuICAgICAgICAgIDx0aD5lbWFpbDwvdGg+XG4gICAgICAgICAgPHRoPnJvbGVzPC90aD5cbiAgICAgICAgICA8dGg+bG9jayBlbmQ8L3RoPlxuICAgICAgICA8L3RoZWFkPlxuICAgICAgICA8dGJvZHk+XG4gICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCB1c2VyIG9mIHBhZ2luYXRpb24uZGF0YVwiPlxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiY29tbWFuZFwiPlxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cIkVkaXQge3sgdXNlci51c2VyTmFtZSB9fVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2V0QWN0aXZlVXNlcih1c2VyKVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+bW9kZV9lZGl0PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPHRkIGNsYXNzPVwiY29tbWFuZFwiPlxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgbWF0VG9vbHRpcD1cIkRlbGV0ZSB7eyB1c2VyLnVzZXJOYW1lIH19XCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cIndhcm5cIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVVc2VyKHVzZXIpXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5yZW1vdmVfY2lyY2xlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPHRkPlxuICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgW3NyY109XCJnZXRHcmF2YXRhclVybCh1c2VyLmVtYWlsLCAzMilcIlxuICAgICAgICAgICAgICAgIFthbHRdPVwidXNlci51c2VyTmFtZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPHRkPnt7IHVzZXIudXNlck5hbWUgfX08L3RkPlxuICAgICAgICAgICAgPHRkPnt7IHVzZXIuZmlyc3ROYW1lIH19PC90ZD5cbiAgICAgICAgICAgIDx0ZD57eyB1c2VyLmxhc3ROYW1lIH19PC90ZD5cbiAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgPGEgW2hyZWZdPVwiJ21haWx0bzonICsgdXNlci5lbWFpbFwiPnt7IHVzZXIuZW1haWwgfX08L2E+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPHRkPnt7IHVzZXIucm9sZXM/LmpvaW4oXCIgXCIpIH19PC90ZD5cbiAgICAgICAgICAgIDx0ZD57eyB1c2VyLmxvY2tvdXRFbmQgfX08L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGJvZHk+XG4gICAgICA8L3RhYmxlPlxuICAgICAgPCEtLSBwYWdpbmF0aW9uIC0tPlxuICAgICAgPG1hdC1wYWdpbmF0b3JcbiAgICAgICAgZ2RBcmVhPVwicGFnZXJcIlxuICAgICAgICBnZEFsaWduQ29sdW1ucz1cImNlbnRlclwiXG4gICAgICAgIGdkQWxpZ25Sb3dzPVwic3RhcnRcIlxuICAgICAgICBbbGVuZ3RoXT1cInBhZ2luYXRpb24udG90YWxcIlxuICAgICAgICBbcGFnZVNpemVdPVwicGFnZVNpemU/LnZhbHVlXCJcbiAgICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJbMjAsIDUwLCA3NSwgMTAwXVwiXG4gICAgICAgIFtwYWdlSW5kZXhdPVwicGFnaW5hdGlvbi5jdXJyZW50UGFnZSAtIDFcIlxuICAgICAgICBbc2hvd0ZpcnN0TGFzdEJ1dHRvbnNdPVwidHJ1ZVwiXG4gICAgICAgIChwYWdlKT1cInBhZ2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICA+PC9tYXQtcGFnaW5hdG9yPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8IS0tIGVkaXRvciAtLT5cbiAgPGRpdiBnZEFyZWE9XCJlZGl0b3JcIiAqbmdJZj1cImFjdGl2ZSQgfCBhc3luYyBhcyBhY3RpdmVcIj5cbiAgICA8ZmllbGRzZXQ+XG4gICAgICA8bGVnZW5kPnt7IGFjdGl2ZS51c2VyTmFtZSB9fTwvbGVnZW5kPlxuICAgICAgPGF1dGgtand0LXVzZXItZWRpdG9yXG4gICAgICAgIFt1c2VyXT1cImFjdGl2ZVwiXG4gICAgICAgICh1c2VyQ2hhbmdlKT1cInNhdmVBY3RpdmVVc2VyKCRldmVudClcIlxuICAgICAgICAoZWRpdG9yQ2xvc2UpPVwicmVzZXRBY3RpdmVVc2VyKClcIlxuICAgICAgPjwvYXV0aC1qd3QtdXNlci1lZGl0b3I+XG4gICAgPC9maWVsZHNldD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/{esm2015/lib/services/auth-jwt-account.service.js → esm2020/lib/services/auth-jwt-account.service.mjs}

@@ -176,9 +176,9 @@ export class AuthJwtAccountService {
             .pipe(catchError(this._error.handleError));
     }
 }
-AuthJwtAccountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AuthJwtAccountService, deps: [{ token: i1.HttpClient }, { token: i2.ErrorService }, { token: i2.EnvService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthJwtAccountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AuthJwtAccountService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: AuthJwtAccountService, decorators: [{
+AuthJwtAccountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: AuthJwtAccountService, deps: [{ token: i1.HttpClient }, { token: i2.ErrorService }, { token: i2.EnvService }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthJwtAccountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: AuthJwtAccountService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: AuthJwtAccountService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/{esm2015/lib/services/dialog.service.js → esm2020/lib/services/dialog.service.mjs}

@@ -26,9 +26,9 @@ export class DialogService {
         return dialogRef.afterClosed();
     }
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: DialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: DialogService, decorators: [{
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: DialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: DialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'