@natec/mef-dev-ui-kit 0.0.2 → 0.0.5

package/fesm2015/natec-mef-dev-ui-kit.mjs

@@ -6,8 +6,6 @@ import { CommonModule } from '@angular/common';
 import { Subject, of, fromEvent, merge } from 'rxjs';
 import * as i2 from 'ngx-ui-loader';
 import { NgxUiLoaderModule } from 'ngx-ui-loader';
-import * as i2$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
 import * as i1$1 from '@angular/router';
 import * as i1$2 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
@@ -16,7 +14,7 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { TAB, DOWN_ARROW, ENTER } from '@angular/cdk/keycodes';
 import * as i1$3 from 'ngx-bootstrap/modal';
 import { ModalModule } from 'ngx-bootstrap/modal';
-import * as i2$2 from '@angular/cdk/observers';
+import * as i2$1 from '@angular/cdk/observers';
 import { ObserversModule } from '@angular/cdk/observers';
 import { auditTime, startWith, map } from 'rxjs/operators';
 import * as i1$4 from '@angular/cdk/bidi';
@@ -107,7 +105,7 @@ class CollapseComponent {
     }
 }
 CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CollapseComponent, deps: [{ token: CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col-11\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col-1 align-self-center\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col-11\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col-1 align-self-center\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('collapseState', [
             state('inactive', style({
                 opacity: '0',
@@ -140,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         '[class.card]': 'true',
                         '[class.card-default]': 'true',
                         '[class.m-b-0]': 'true'
-                    }, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col-11\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col-1 align-self-center\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
+                    }, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col-11\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col-1 align-self-center\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
         }], ctorParameters: function () {
         return [{ type: CollapseSetComponent, decorators: [{
                         type: Host
@@ -432,12 +430,13 @@ class HelpBlockComponent {
     constructor() {
         this.isVisible = true;
         this.expanded = false;
+        this.title = "Help";
     }
     ngOnInit() {
     }
 }
 HelpBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HelpBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HelpBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HelpBlockComponent, selector: "mefdev-help-block", ngImport: i0, template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{'Help' | translate}}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe }, animations: [
+HelpBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HelpBlockComponent, selector: "mefdev-help-block", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('smothExpand', [
             state('close', style({
                 height: '0',
@@ -464,19 +463,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                             state('open', style({})),
                             transition('close<=>open', animate(200))
                         ])
-                    ], template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{'Help' | translate}}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"] }]
-        }], ctorParameters: function () { return []; } });
+                    ], template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input,
+                args: ['title']
+            }] } });
 
 class MefDevHelpBlockModule {
 }
 MefDevHelpBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevHelpBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 MefDevHelpBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevHelpBlockModule, declarations: [HelpBlockComponent], imports: [CommonModule,
-        MefDevCollapseModule,
-        TranslateModule], exports: [HelpBlockComponent] });
+        MefDevCollapseModule], exports: [HelpBlockComponent] });
 MefDevHelpBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevHelpBlockModule, imports: [[
             CommonModule,
-            MefDevCollapseModule,
-            TranslateModule
+            MefDevCollapseModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevHelpBlockModule, decorators: [{
             type: NgModule,
@@ -485,8 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     exports: [HelpBlockComponent],
                     imports: [
                         CommonModule,
-                        MefDevCollapseModule,
-                        TranslateModule
+                        MefDevCollapseModule
                     ]
                 }]
         }] });
@@ -660,7 +659,7 @@ class pgCard {
     }
 }
 pgCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-pgCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgCard, selector: "pgcard", inputs: { Title: "Title", Type: "Type", MinimalHeader: "MinimalHeader", ProgressType: "ProgressType", ProgressColor: "ProgressColor", Refresh: "Refresh", RefreshColor: "RefreshColor", Maximize: "Maximize", Close: "Close", Toggle: "Toggle", HeaderClass: "HeaderClass", BodyClass: "BodyClass", AdditionalClasses: "AdditionalClasses", Controls: "Controls", ShowMessage: "ShowMessage", Message: "Message", Loading: "Loading", TimeOut: "TimeOut", CardBorderStyle: "CardBorderStyle" }, outputs: { onRefresh: "onRefresh" }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }, { propertyName: "CardExtraControls", first: true, predicate: ["CardExtraControls"], descendants: true }], viewQueries: [{ propertyName: "_hostContent", first: true, predicate: ["hostContent"], descendants: true }, { propertyName: "minimalCircleLoading", first: true, predicate: ["minimalCircleLoading"], descendants: true }, { propertyName: "minimalCircleLoadingTrigger", first: true, predicate: ["minimalCircleLoadingTrigger"], descendants: true }], ngImport: i0, template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n  [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n  [ngStyle]=\"{'border': _card_border_style}\">\r\n  <div class=\"card-header {{ _extraHeaderClass }}\">\r\n    <div class=\"card-title\">\r\n      <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n    </div>\r\n    <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n      <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n      <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n        <li *ngIf=\"_toggle == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n              class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_refresh == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n              class=\"card-icon card-icon-refresh\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_maximize == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n              class=\"card-icon card-icon-maximize\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_close == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n              class=\"card-icon card-icon-close\"></i></a>\r\n        </li>\r\n      </ul>\r\n       <!-- <ng-template #minimalBlock>\r\n        <ul>\r\n          <li>\r\n            <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n              [class.refreshing]=\"_isLoading\">\r\n              <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n                  _refreshColor == 'light' ? 'white' : 'master'\r\n                }}\" [class.fade]=\"_isLoading\"></i>\r\n             <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n                style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n                [class.hide]=\"_isLoading != true\"></i>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </ng-template> -->\r\n    </div>\r\n  </div>\r\n  <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n    <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n      <div class=\"alert alert-danger\">\r\n        <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n          <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{'Close' | translate}}</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\" display: block;\"></div>\r\n  <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\"display: block;pointer-events: none\">\r\n    <pg-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n      indeterminate=\"true\" class=\"\"></pg-progress>\r\n  </div>\r\n</div>", components: [{ type: ProgressComponent, selector: "pg-progress", inputs: ["type", "color", "thick", "indeterminate", "value"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i2$1.TranslatePipe }, animations: [
+pgCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgCard, selector: "pgcard", inputs: { Title: "Title", Type: "Type", MinimalHeader: "MinimalHeader", ProgressType: "ProgressType", ProgressColor: "ProgressColor", Refresh: "Refresh", RefreshColor: "RefreshColor", Maximize: "Maximize", Close: "Close", Toggle: "Toggle", HeaderClass: "HeaderClass", BodyClass: "BodyClass", AdditionalClasses: "AdditionalClasses", Controls: "Controls", ShowMessage: "ShowMessage", Message: "Message", Loading: "Loading", TimeOut: "TimeOut", CardBorderStyle: "CardBorderStyle" }, outputs: { onRefresh: "onRefresh" }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }, { propertyName: "CardExtraControls", first: true, predicate: ["CardExtraControls"], descendants: true }], viewQueries: [{ propertyName: "_hostContent", first: true, predicate: ["hostContent"], descendants: true }, { propertyName: "minimalCircleLoading", first: true, predicate: ["minimalCircleLoading"], descendants: true }, { propertyName: "minimalCircleLoadingTrigger", first: true, predicate: ["minimalCircleLoadingTrigger"], descendants: true }], ngImport: i0, template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n  [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n  [ngStyle]=\"{'border': _card_border_style}\">\r\n  <div class=\"card-header {{ _extraHeaderClass }}\">\r\n    <div class=\"card-title\">\r\n      <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n    </div>\r\n    <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n      <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n      <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n        <li *ngIf=\"_toggle == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n              class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_refresh == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n              class=\"card-icon card-icon-refresh\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_maximize == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n              class=\"card-icon card-icon-maximize\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_close == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n              class=\"card-icon card-icon-close\"></i></a>\r\n        </li>\r\n      </ul>\r\n       <!-- <ng-template #minimalBlock>\r\n        <ul>\r\n          <li>\r\n            <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n              [class.refreshing]=\"_isLoading\">\r\n              <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n                  _refreshColor == 'light' ? 'white' : 'master'\r\n                }}\" [class.fade]=\"_isLoading\"></i>\r\n             <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n                style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n                [class.hide]=\"_isLoading != true\"></i>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </ng-template> -->\r\n    </div>\r\n  </div>\r\n  <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n    <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n      <div class=\"alert alert-danger\">\r\n        <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n          <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\" display: block;\"></div>\r\n  <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\"display: block;pointer-events: none\">\r\n    <pg-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n      indeterminate=\"true\" class=\"\"></pg-progress>\r\n  </div>\r\n</div>", components: [{ type: ProgressComponent, selector: "pg-progress", inputs: ["type", "color", "thick", "indeterminate", "value"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
         trigger("collapseState", [
             state("inactive", style({
                 opacity: "0",
@@ -717,7 +716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                             transition("false => true", animate("500ms ease-in")),
                             transition("true => false", animate("500ms ease-out"))
                         ])
-                    ], template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n  [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n  [ngStyle]=\"{'border': _card_border_style}\">\r\n  <div class=\"card-header {{ _extraHeaderClass }}\">\r\n    <div class=\"card-title\">\r\n      <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n    </div>\r\n    <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n      <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n      <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n        <li *ngIf=\"_toggle == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n              class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_refresh == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n              class=\"card-icon card-icon-refresh\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_maximize == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n              class=\"card-icon card-icon-maximize\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_close == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n              class=\"card-icon card-icon-close\"></i></a>\r\n        </li>\r\n      </ul>\r\n       <!-- <ng-template #minimalBlock>\r\n        <ul>\r\n          <li>\r\n            <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n              [class.refreshing]=\"_isLoading\">\r\n              <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n                  _refreshColor == 'light' ? 'white' : 'master'\r\n                }}\" [class.fade]=\"_isLoading\"></i>\r\n             <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n                style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n                [class.hide]=\"_isLoading != true\"></i>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </ng-template> -->\r\n    </div>\r\n  </div>\r\n  <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n    <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n      <div class=\"alert alert-danger\">\r\n        <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n          <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{'Close' | translate}}</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\" display: block;\"></div>\r\n  <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\"display: block;pointer-events: none\">\r\n    <pg-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n      indeterminate=\"true\" class=\"\"></pg-progress>\r\n  </div>\r\n</div>" }]
+                    ], template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n  [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n  [ngStyle]=\"{'border': _card_border_style}\">\r\n  <div class=\"card-header {{ _extraHeaderClass }}\">\r\n    <div class=\"card-title\">\r\n      <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n    </div>\r\n    <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n      <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n      <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n        <li *ngIf=\"_toggle == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n              class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_refresh == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n              class=\"card-icon card-icon-refresh\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_maximize == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n              class=\"card-icon card-icon-maximize\"></i></a>\r\n        </li>\r\n        <li *ngIf=\"_close == true\">\r\n          <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n              class=\"card-icon card-icon-close\"></i></a>\r\n        </li>\r\n      </ul>\r\n       <!-- <ng-template #minimalBlock>\r\n        <ul>\r\n          <li>\r\n            <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n              [class.refreshing]=\"_isLoading\">\r\n              <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n                  _refreshColor == 'light' ? 'white' : 'master'\r\n                }}\" [class.fade]=\"_isLoading\"></i>\r\n             <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n                style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n                [class.hide]=\"_isLoading != true\"></i>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </ng-template> -->\r\n    </div>\r\n  </div>\r\n  <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n    <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n      <div class=\"alert alert-danger\">\r\n        <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n          <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\" display: block;\"></div>\r\n  <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n      _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n    \" style=\"display: block;pointer-events: none\">\r\n    <pg-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n      indeterminate=\"true\" class=\"\"></pg-progress>\r\n  </div>\r\n</div>" }]
         }], propDecorators: { _hostContent: [{
                 type: ViewChild,
                 args: ["hostContent"]
@@ -786,10 +785,10 @@ class CardComponent {
     }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardComponent, selector: "mefdev-card", inputs: { card_type: "card_type", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "card_footer", first: true, predicate: ["card_footer"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\">\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">           \r\n        {{ card_type | translate }}\r\n      </div>\r\n      \r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description' | translate }}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>                            \r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\">\r\n          \r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              height=\"110px\" \r\n              style=\"max-width: 110px; max-height: 110px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template> \r\n        </div>  \r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .card-title span,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .card-default{background-color:#eaeaea;border-radius:5px}:host::ng-deep .card-header{height:72px}:host::ng-deep .card-title{width:70%}:host::ng-deep .plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"], components: [{ type: pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2$1.TranslatePipe } });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardComponent, selector: "mefdev-card", inputs: { card_type: "card_type", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "card_footer", first: true, predicate: ["card_footer"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\">\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">           \r\n        {{ card_type }}\r\n      </div>\r\n      \r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description'}}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>                            \r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\">\r\n          \r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              height=\"110px\" \r\n              style=\"max-width: 110px; max-height: 110px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template> \r\n        </div>  \r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .card-title span,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .card-default{background-color:#eaeaea;border-radius:5px}:host::ng-deep .card-header{height:72px}:host::ng-deep .card-title{width:70%}:host::ng-deep .plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"], components: [{ type: pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-card', template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\">\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">           \r\n        {{ card_type | translate }}\r\n      </div>\r\n      \r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description' | translate }}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>                            \r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\">\r\n          \r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              height=\"110px\" \r\n              style=\"max-width: 110px; max-height: 110px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template> \r\n        </div>  \r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .card-title span,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .card-default{background-color:#eaeaea;border-radius:5px}:host::ng-deep .card-header{height:72px}:host::ng-deep .card-title{width:70%}:host::ng-deep .plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
+            args: [{ selector: 'mefdev-card', template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\">\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">           \r\n        {{ card_type }}\r\n      </div>\r\n      \r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description'}}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>                            \r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\">\r\n          \r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              height=\"110px\" \r\n              style=\"max-width: 110px; max-height: 110px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template> \r\n        </div>  \r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .card-title span,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .card-default{background-color:#eaeaea;border-radius:5px}:host::ng-deep .card-header{height:72px}:host::ng-deep .card-title{width:70%}:host::ng-deep .plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { card_title: [{
                 type: ContentChild,
                 args: ["card_title"]
@@ -825,10 +824,10 @@ class CardLongComponent {
     }
 }
 CardLongComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardLongComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-CardLongComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardLongComponent, selector: "medev-card-long", inputs: { type_text: "type_text", type_color: "type_color", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "title", first: true, predicate: ["title"], descendants: true }, { propertyName: "params", first: true, predicate: ["params"], descendants: true }, { propertyName: "second_col", first: true, predicate: ["second_col"], descendants: true }, { propertyName: "third_col", first: true, predicate: ["third_col"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,:host::ng-deep .card-title span,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"], components: [{ type: pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CardLongComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardLongComponent, selector: "medev-card-long", inputs: { type_text: "type_text", type_color: "type_color", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "title", first: true, predicate: ["title"], descendants: true }, { propertyName: "params", first: true, predicate: ["params"], descendants: true }, { propertyName: "second_col", first: true, predicate: ["second_col"], descendants: true }, { propertyName: "third_col", first: true, predicate: ["third_col"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,:host::ng-deep .card-title span,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"], components: [{ type: pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardLongComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'medev-card-long', template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,:host::ng-deep .card-title span,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
+            args: [{ selector: 'medev-card-long', template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,:host::ng-deep .card-title span,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,:host::ng-deep .plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,:host::ng-deep .card-description,:host::ng-deep .card-no-description,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }]; }, propDecorators: { title: [{
                 type: ContentChild,
                 args: ["title"]
@@ -861,10 +860,10 @@ class CardSimpleComponent {
     }
 }
 CardSimpleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardSimpleComponent, selector: "medev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+CardSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CardSimpleComponent, selector: "medev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CardSimpleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'medev-card-simple', template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"] }]
+            args: [{ selector: 'medev-card-simple', template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isDisabled: [{
                 type: Input,
                 args: ["disabled"]
@@ -1775,14 +1774,14 @@ class pgCardModule {
     }
 }
 pgCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-pgCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, declarations: [pgCard], imports: [CommonModule, ProgressModule, TranslateModule], exports: [pgCard] });
-pgCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, imports: [[CommonModule, ProgressModule, TranslateModule]] });
+pgCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, declarations: [pgCard], imports: [CommonModule, ProgressModule], exports: [pgCard] });
+pgCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, imports: [[CommonModule, ProgressModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [pgCard],
                     exports: [pgCard],
-                    imports: [CommonModule, ProgressModule, TranslateModule]
+                    imports: [CommonModule, ProgressModule]
                 }]
         }] });
 
@@ -1794,15 +1793,13 @@ MefDevCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         MefDevCollapseModule,
         // PerfectScrollbarModule,
         PgSelectModule,
-        pgCardModule,
-        TranslateModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
+        pgCardModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
 MefDevCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevCardModule, imports: [[
             CommonModule,
             MefDevCollapseModule,
             // PerfectScrollbarModule,
             PgSelectModule,
             pgCardModule,
-            TranslateModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevCardModule, decorators: [{
             type: NgModule,
@@ -1815,7 +1812,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                         // PerfectScrollbarModule,
                         PgSelectModule,
                         pgCardModule,
-                        TranslateModule,
                     ]
                 }]
         }] });
@@ -2009,7 +2005,6 @@ MefDevModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         SlideUpComponent,
         SlideRightComponent,
         RightFilterComponent], imports: [ModalModule,
-        TranslateModule,
         CommonModule,
         PgSelectModule], exports: [FillComponent,
         SlideUpComponent,
@@ -2017,7 +2012,6 @@ MefDevModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         RightFilterComponent] });
 MefDevModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevModalModule, imports: [[
             ModalModule,
-            TranslateModule,
             CommonModule,
             PgSelectModule
         ]] });
@@ -2026,7 +2020,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             args: [{
                     imports: [
                         ModalModule,
-                        TranslateModule,
                         CommonModule,
                         PgSelectModule
                     ],
@@ -2056,10 +2049,10 @@ class ProfileComponent {
     }
 }
 ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
+            args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { first_colum: [{
                 type: ContentChild,
                 args: ["first_colum"]
@@ -2138,10 +2131,10 @@ class ManagePageComponent {
     }
 }
 ManagePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ManagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ManagePageComponent, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"card-tabs\">\r\n    <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n        <div class=\"m-2\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+ManagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ManagePageComponent, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"card-tabs\">\r\n    <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n        <div class=\"m-2\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-manage-page', template: "<div class=\"card-tabs\">\r\n    <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n        <div class=\"m-2\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
+            args: [{ selector: 'mefdev-manage-page', template: "<div class=\"card-tabs\">\r\n    <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n        <div class=\"m-2\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { card_title: [{
                 type: ContentChild,
                 args: ["card_title"]
@@ -2572,7 +2565,7 @@ pgTabsNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         </ul>
       </div>
     </div>
-  `, isInline: true, directives: [{ type: i2$2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { type: pgTabsInkBarDirective, selector: "[pg-tabs-ink-bar]", inputs: ["Animated", "PositionMode"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, directives: [{ type: i2$1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { type: pgTabsInkBarDirective, selector: "[pg-tabs-ink-bar]", inputs: ["Animated", "PositionMode"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgTabsNavComponent, decorators: [{
             type: Component,
             args: [{
@@ -2983,7 +2976,6 @@ MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         CentralPageRowComponent,
         TablePageComponent,
         ManagePageComponent], imports: [CommonModule,
-        TranslateModule,
         pgTabsModule], exports: [ProfileComponent,
         CentralPageComponent,
         CentralPageRowComponent,
@@ -2991,7 +2983,6 @@ MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         ManagePageComponent] });
 MefDevPageLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, imports: [[
             CommonModule,
-            TranslateModule,
             pgTabsModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
@@ -3001,7 +2992,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     exports: mefDevPageLayoutsModuleComponents,
                     imports: [
                         CommonModule,
-                        TranslateModule,
                         pgTabsModule,
                     ],
                 }]
@@ -3195,5 +3185,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CardComponent, CardLongComponent, CardSimpleComponent, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, HelpBlockComponent, LoaderComponent, LoaderService, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevFilteredFieldModule, MefDevHelpBlockModule, MefDevLoaderModule, MefDevModalModule, MefDevPageLayoutsModule, OptionPipe, PgSelectModule, ProfileComponent, ProgressComponent, ProgressConfig, ProgressModule, RequestEvent, RightFilterComponent, SlideRightComponent, SlideUpComponent, SpecFlowTestComponent, SpecFlowTestModule, TablePageComponent, mefDevCardComponents, mefDevCollapseModuleComponents, pgCard, pgCardModule, pgOptionComponent, pgSelectComponent, pgSwitchComponent, pgSwitchModule, pgTabBodyComponent, pgTabComponent, pgTabLabelDirective, pgTabSetComponent, pgTabsInkBarDirective, pgTabsModule, pgTabsNavComponent };
+export { CardComponent, CardLongComponent, CardSimpleComponent, CartTypeColors, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, HelpBlockComponent, LoaderComponent, LoaderService, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevFilteredFieldModule, MefDevHelpBlockModule, MefDevLoaderModule, MefDevModalModule, MefDevPageLayoutsModule, OptionPipe, PgSelectModule, ProfileComponent, ProgressComponent, ProgressConfig, ProgressModule, RequestEvent, RightFilterComponent, SlideRightComponent, SlideUpComponent, SpecFlowTestComponent, SpecFlowTestModule, TablePageComponent, mefDevCardComponents, mefDevCollapseModuleComponents, pgCard, pgCardModule, pgOptionComponent, pgSelectComponent, pgSwitchComponent, pgSwitchModule, pgTabBodyComponent, pgTabComponent, pgTabLabelDirective, pgTabSetComponent, pgTabsInkBarDirective, pgTabsModule, pgTabsNavComponent };
 //# sourceMappingURL=natec-mef-dev-ui-kit.mjs.map