ngx-vector-components 4.11.0 → 4.12.0

package/fesm2020/ngx-vector-components.mjs

@@ -53,7 +53,7 @@ import * as i2$2 from 'primeng/api';
 import { DateTime } from 'luxon';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpResponse } from '@angular/common/http';
-import { tap, map, debounceTime, catchError, switchMap, filter, take } from 'rxjs/operators';
+import { tap, map, debounceTime, switchMap, catchError, filter, take } from 'rxjs/operators';
 import * as i1$3 from '@ngx-translate/core';
 import * as i1$b from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
@@ -1285,7 +1285,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         }] });
 
 class StorageService {
-    constructor() { }
+    constructor(http) {
+        this.http = http;
+    }
     clear() {
         sessionStorage.clear();
         localStorage.clear();
@@ -1351,7 +1353,7 @@ class StorageService {
         sessionStorage.removeItem('username');
     }
     getUserId() {
-        const userId = sessionStorage.getItem('userId') || '';
+        const userId = sessionStorage.getItem('userId');
         return userId ? +atob(userId) : 0;
     }
     setUserId(userId) {
@@ -1380,12 +1382,12 @@ class StorageService {
         sessionStorage.removeItem('profile');
     }
 }
-StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
 class ProfileService {
     constructor(http, storageService) {
@@ -1467,6 +1469,9 @@ class ProfileService {
         }
         return false;
     }
+    getUserInfo() {
+        return this.http.get(`connect/userinfo`);
+    }
 }
 ProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ProfileService, deps: [{ token: i1$2.HttpClient }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
 ProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ProfileService, providedIn: 'root' });
@@ -1576,16 +1581,18 @@ class CheckboxFieldComponent {
         this.rounded = false;
         this.labelSize = 'default';
         this.value = false;
+        this.groupName = '';
+        this.options = null;
         this.disabled = false;
         this.valueChange = new EventEmitter();
     }
     ngOnInit() { }
 }
 CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"], components: [{ type: i1$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", groupName: "groupName", options: "options", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container flex-wrap\">\r\n  <ng-container *ngIf=\"control && groupName\">\r\n    <div class=\"checkbox-item mb-3 mr-3\" *ngFor=\"let option of options\">\r\n      <p-checkbox\r\n        [name]=\"groupName\"\r\n        [formControl]=\"control\"\r\n        [value]=\"option\"\r\n        checkboxIcon=\"fas fa-check\"\r\n        [class.rounded-checkbox]=\"rounded\"\r\n        [inputId]=\"option.code\"\r\n      ></p-checkbox>\r\n      <label [for]=\"option.code\"> {{ option.name }}</label>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"control && !groupName\">\r\n    <p-checkbox\r\n      *ngIf=\"control\"\r\n      [formControl]=\"control\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n    ></p-checkbox>\r\n    <p-checkbox\r\n      *ngIf=\"!control\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n      >{{ label }}\r\n      <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n    </label>\r\n  </ng-container>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}.checkbox-container .checkbox-item{min-width:80px}\n"], components: [{ type: i1$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-checkbox-field', template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"] }]
+            args: [{ selector: 'vector-checkbox-field', template: "<div class=\"checkbox-container flex-wrap\">\r\n  <ng-container *ngIf=\"control && groupName\">\r\n    <div class=\"checkbox-item mb-3 mr-3\" *ngFor=\"let option of options\">\r\n      <p-checkbox\r\n        [name]=\"groupName\"\r\n        [formControl]=\"control\"\r\n        [value]=\"option\"\r\n        checkboxIcon=\"fas fa-check\"\r\n        [class.rounded-checkbox]=\"rounded\"\r\n        [inputId]=\"option.code\"\r\n      ></p-checkbox>\r\n      <label [for]=\"option.code\"> {{ option.name }}</label>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"control && !groupName\">\r\n    <p-checkbox\r\n      *ngIf=\"control\"\r\n      [formControl]=\"control\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n    ></p-checkbox>\r\n    <p-checkbox\r\n      *ngIf=\"!control\"\r\n      [ngModel]=\"value\"\r\n      (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n      checkboxIcon=\"fas fa-check\"\r\n      [binary]=\"true\"\r\n      [class.rounded-checkbox]=\"rounded\"\r\n      [disabled]=\"disabled\"\r\n    ></p-checkbox>\r\n    <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n      >{{ label }}\r\n      <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n    </label>\r\n  </ng-container>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}.checkbox-container .checkbox-item{min-width:80px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isRequired: [{
                 type: Input
             }], control: [{
@@ -1598,6 +1605,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], value: [{
                 type: Input
+            }], groupName: [{
+                type: Input
+            }], options: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }], valueChange: [{
@@ -3082,6 +3093,7 @@ class GenericModalComponent {
         this.linkUrl = '';
         this.display = false;
         this.closable = false;
+        this.hiddenActions = false;
     }
     ngOnInit() { }
     routerLink(url) {
@@ -3095,10 +3107,10 @@ class GenericModalComponent {
     }
 }
 GenericModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericModalComponent, deps: [{ token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-GenericModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericModalComponent, selector: "vector-generic-modal", inputs: { title: "title", message: "message", fileIcon: "fileIcon", linkLabel: "linkLabel", linkUrl: "linkUrl", display: "display", closable: "closable" }, ngImport: i0, template: "<p-dialog\r\n  [(visible)]=\"display\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '440px': '95vw' }\"\r\n  [style]=\"{ width: '400px' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [blockScroll]=\"true\"\r\n  [closeOnEscape]=\"false\"\r\n  [closable]=\"closable\"\r\n>\r\n  <div class=\"content-container\">\r\n    <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n    <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n    <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n    <vector-button *ngIf=\"linkLabel\" [label]=\"linkLabel\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n    <div class=\"actions\">\r\n      <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n    </div>\r\n  </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"], components: [{ type: i2$8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "style"], outputs: ["onClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+GenericModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: GenericModalComponent, selector: "vector-generic-modal", inputs: { title: "title", message: "message", fileIcon: "fileIcon", linkLabel: "linkLabel", linkUrl: "linkUrl", display: "display", closable: "closable", hiddenActions: "hiddenActions" }, ngImport: i0, template: "<p-dialog\r\n  [(visible)]=\"display\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '440px': '95vw' }\"\r\n  [style]=\"{ width: '400px' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [blockScroll]=\"true\"\r\n  [closeOnEscape]=\"false\"\r\n  [closable]=\"closable\"\r\n>\r\n  <div class=\"content-container\">\r\n    <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n    <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n    <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n    <vector-button *ngIf=\"linkLabel\" [label]=\"linkLabel\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n\r\n    <div *ngIf=\"!hiddenActions\" class=\"actions\">\r\n      <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n    </div>\r\n  </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"], components: [{ type: i2$8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "style"], outputs: ["onClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GenericModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-generic-modal', template: "<p-dialog\r\n  [(visible)]=\"display\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '440px': '95vw' }\"\r\n  [style]=\"{ width: '400px' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [blockScroll]=\"true\"\r\n  [closeOnEscape]=\"false\"\r\n  [closable]=\"closable\"\r\n>\r\n  <div class=\"content-container\">\r\n    <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n    <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n    <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n    <vector-button *ngIf=\"linkLabel\" [label]=\"linkLabel\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n    <div class=\"actions\">\r\n      <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n    </div>\r\n  </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"] }]
+            args: [{ selector: 'vector-generic-modal', template: "<p-dialog\r\n  [(visible)]=\"display\"\r\n  [modal]=\"true\"\r\n  [breakpoints]=\"{ '440px': '95vw' }\"\r\n  [style]=\"{ width: '400px' }\"\r\n  [draggable]=\"false\"\r\n  [resizable]=\"false\"\r\n  [blockScroll]=\"true\"\r\n  [closeOnEscape]=\"false\"\r\n  [closable]=\"closable\"\r\n>\r\n  <div class=\"content-container\">\r\n    <img *ngIf=\"fileIcon\" class=\"emote\" src=\"../../../../assets/images/{{ fileIcon }}.svg\" />\r\n    <p *ngIf=\"title\" class=\"title\">{{ title }}</p>\r\n    <p *ngFor=\"let text of message\" class=\"message\">{{ text }}</p>\r\n    <vector-button *ngIf=\"linkLabel\" [label]=\"linkLabel\" (click)=\"routerLink(linkUrl)\"></vector-button>\r\n\r\n    <div *ngIf=\"!hiddenActions\" class=\"actions\">\r\n      <vector-button (click)=\"close(true)\" label=\"Voltar\"></vector-button>\r\n    </div>\r\n  </div>\r\n</p-dialog>\r\n", styles: [".content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.content-container .title{text-align:center;color:var(--theme-dark);font-weight:600;margin-bottom:20px}.content-container .emote{height:40px;width:40px}@media (min-width: 991px){.content-container .emote{height:60px;width:60px}}.content-container .actions{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.content-container .actions vector-button{width:75%}.content-container .message{text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i2$1.Router }]; }, propDecorators: { title: [{
                 type: Input
             }], message: [{
@@ -3113,6 +3125,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], closable: [{
                 type: Input
+            }], hiddenActions: [{
+                type: Input
             }] } });
 
 class GenericModalModule {
@@ -3588,10 +3602,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 class GetTokenByGuidGuard {
-    constructor(authService, storageService, router, appName) {
+    constructor(authService, storageService, router, profileService, appName) {
         this.authService = authService;
         this.storageService = storageService;
         this.router = router;
+        this.profileService = profileService;
         this.appName = appName;
     }
     canActivate(route) {
@@ -3602,11 +3617,16 @@ class GetTokenByGuidGuard {
             this.storageService.clear();
             this.storageService.setRole(route.queryParams['role']);
             this.storageService.setUserId(route.queryParams['userId']);
-            return this.authService.getTokenByGuid(paramTokenGuid).pipe(map((token) => {
+            return this.authService.getTokenByGuid(paramTokenGuid).pipe(switchMap((token) => {
                 if (token && role !== Role.ADMIN) {
-                    return this.router.createUrlTree([this.appName.toLowerCase()]);
+                    this.router.createUrlTree([this.appName.toLowerCase()]);
                 }
-                return true;
+                return this.profileService.getUserInfo().pipe(map((response) => {
+                    if (response.id) {
+                        this.storageService.setUserId(response.id);
+                    }
+                    return true;
+                }));
             }));
         }
         else if (this.storageService.getToken()) {
@@ -3619,11 +3639,11 @@ class GetTokenByGuidGuard {
         return false;
     }
 }
-GetTokenByGuidGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GetTokenByGuidGuard, deps: [{ token: AuthService }, { token: StorageService }, { token: i2$1.Router }, { token: 'appName' }], target: i0.ɵɵFactoryTarget.Injectable });
+GetTokenByGuidGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GetTokenByGuidGuard, deps: [{ token: AuthService }, { token: StorageService }, { token: i2$1.Router }, { token: ProfileService }, { token: 'appName' }], target: i0.ɵɵFactoryTarget.Injectable });
 GetTokenByGuidGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GetTokenByGuidGuard });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: GetTokenByGuidGuard, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: AuthService }, { type: StorageService }, { type: i2$1.Router }, { type: AppName, decorators: [{
+        }], ctorParameters: function () { return [{ type: AuthService }, { type: StorageService }, { type: i2$1.Router }, { type: ProfileService }, { type: AppName, decorators: [{
                     type: Inject,
                     args: ['appName']
                 }] }]; } });