@natec/mef-dev-ui-kit 16.4.55 → 16.4.57

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

@@ -206,7 +206,7 @@ class CollapseComponent {
         this._collapseSet.addTab(this);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseComponent, deps: [{ token: CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, 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 w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\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 *ngIf=\"_active\"\r\n     class=\"card-body mb-3\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, 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 w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\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 *ngIf=\"_active\"\r\n     class=\"card-body mb-3\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('collapseState', [
                 state('inactive', style({
                     opacity: '0',
@@ -240,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '[class.card]': 'true',
                         '[class.card-default]': 'true',
                         '[class.m-b-0]': 'true'
-                    }, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\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 *ngIf=\"_active\"\r\n     class=\"card-body mb-3\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
+                    }, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\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 *ngIf=\"_active\"\r\n     class=\"card-body mb-3\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
         }], ctorParameters: function () { return [{ type: CollapseSetComponent, decorators: [{
                     type: Host
                 }] }, { type: i0.ElementRef }]; }, propDecorators: { CardTitle: [{
@@ -2715,11 +2715,11 @@ class CardComponent {
         this.router.navigate(['/', this.imgUrl.toString()]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "<mefdev-inner-card\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 body-1\" [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         [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\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             style=\"max-width: 260px; max-height: 150px;\"\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,.plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,::ng-deep .card-title span,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,.card-description,.card-no-description,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}::ng-deep .card-title{width:70%}.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}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MefdevInnerCard, selector: "mefdev-inner-card", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "<mefdev-inner-card\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 body-1\" [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         [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\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             style=\"max-width: 260px; max-height: 150px;\"\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,.plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,::ng-deep .card-title span,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,.card-description,.card-no-description,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}::ng-deep .card-title{width:70%}.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}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MefdevInnerCard, selector: "mefdev-inner-card", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-card', template: "<mefdev-inner-card\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 body-1\" [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         [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\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             style=\"max-width: 260px; max-height: 150px;\"\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,.plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,::ng-deep .card-title span,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,.card-description,.card-no-description,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}::ng-deep .card-title{width:70%}.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}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;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: "<mefdev-inner-card\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 body-1\" [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         [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\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             style=\"max-width: 260px; max-height: 150px;\"\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,.plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,::ng-deep .card-title span,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,.card-description,.card-no-description,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}::ng-deep .card-title{width:70%}.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}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;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"]
@@ -2877,11 +2877,11 @@ class CardLongComponent {
         this.router.navigate(['/', this.imgUrl.toString()]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardLongComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardLongComponent, selector: "mefdev-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: "<mefdev-inner-card\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,:host::ng-deep .card-title span,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,:host::ng-deep .plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;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:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;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"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MefdevInnerCard, selector: "mefdev-inner-card", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardLongComponent, selector: "mefdev-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: "<mefdev-inner-card\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,:host::ng-deep .card-title span,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,:host::ng-deep .plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;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:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;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"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MefdevInnerCard, selector: "mefdev-inner-card", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardLongComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-card-long', template: "<mefdev-inner-card\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,:host::ng-deep .card-title span,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,:host::ng-deep .plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;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:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;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: 'mefdev-card-long', template: "<mefdev-inner-card\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</mefdev-inner-card>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,:host::ng-deep .card-title span,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,:host::ng-deep .plugin-type,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;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:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;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"]
@@ -3584,11 +3584,11 @@ class ProfileComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,:host::ng-deep .profile-name,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Open Sans,Arial,sans-serif;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(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,:host::ng-deep .profile-name,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Open Sans,Arial,sans-serif;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(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,:host::ng-deep .profile-name,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Open Sans,Arial,sans-serif;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(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#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: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,:host::ng-deep .profile-name,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Open Sans,Arial,sans-serif;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(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#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"]
@@ -4383,11 +4383,11 @@ class MefDevSliderComponent {
         const toSlider = document.getElementById(`toSlider-${this.id}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSliderComponent, selector: "mefdev-slider", inputs: { id: "id", range: "range", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range_container row\">\r\n    <div class=\"inputs_control \">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ minValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMinValueChange()\">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ maxValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMaxValueChange()\">\r\n    </div>\r\n    <div class=\"sliders_control\">\r\n      <input id=\"fromSlider\" type=\"range\"  [(ngModel)]=\"minValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\">\r\n      <input id=\"toSlider\" type=\"range\"  [(ngModel)]=\"maxValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\" \r\n          [style]=\"{'--minValue': minValue,  '--maxValue': maxValue, '--minFromValue': range.min, '--maxToValue': range.max}\">\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.sliders_control{position:relative;min-height:50px}.inputs_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.inputs_control .form_control_container__time__input{width:80px;height:28px;border-radius:5px;border:none;background:#FFF;text-align:center;box-shadow:2px 2px 2px #0000001a}#fromSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:13px}#toSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #cf0106,0 0 9px #cf0106;-webkit-box-shadow:inset 0 0 3px #CF0106,0 0 9px #CF0106}input[type=number]{color:red;width:50px;height:30px;font-size:20px;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.2}input[type=range]{appearance:none;height:3px;width:100%;position:relative;background-color:#cf0106;pointer-events:none}input[type=range]::-moz-range-progress{background-color:transparent;height:3px}#fromSlider{height:0;z-index:9999}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefDevSliderComponent, selector: "mefdev-slider", inputs: { id: "id", range: "range", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"range_container row\">\r\n    <div class=\"inputs_control \">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ minValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMinValueChange()\">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ maxValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMaxValueChange()\">\r\n    </div>\r\n    <div class=\"sliders_control\">\r\n      <input id=\"fromSlider\" type=\"range\"  [(ngModel)]=\"minValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\">\r\n      <input id=\"toSlider\" type=\"range\"  [(ngModel)]=\"maxValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\" \r\n          [style]=\"{'--minValue': minValue,  '--maxValue': maxValue, '--minFromValue': range.min, '--maxToValue': range.max}\">\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.sliders_control{position:relative;min-height:50px}.inputs_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.inputs_control .form_control_container__time__input{width:80px;height:28px;border-radius:5px;border:none;background:#FFF;text-align:center;box-shadow:2px 2px 2px #0000001a}#fromSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:13px}#toSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #cf0106,0 0 9px #cf0106;-webkit-box-shadow:inset 0 0 3px #CF0106,0 0 9px #CF0106}input[type=number]{color:red;width:50px;height:30px;font-size:20px;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.2}input[type=range]{appearance:none;height:3px;width:100%;position:relative;background-color:#cf0106;pointer-events:none}input[type=range]::-moz-range-progress{background-color:transparent;height:3px}#fromSlider{height:0;z-index:9999}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-slider', template: "<div class=\"range_container row\">\r\n    <div class=\"inputs_control \">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ minValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMinValueChange()\">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ maxValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMaxValueChange()\">\r\n    </div>\r\n    <div class=\"sliders_control\">\r\n      <input id=\"fromSlider\" type=\"range\"  [(ngModel)]=\"minValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\">\r\n      <input id=\"toSlider\" type=\"range\"  [(ngModel)]=\"maxValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\" \r\n          [style]=\"{'--minValue': minValue,  '--maxValue': maxValue, '--minFromValue': range.min, '--maxToValue': range.max}\">\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:uppercase;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:uppercase;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:capitalize;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.sliders_control{position:relative;min-height:50px}.inputs_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.inputs_control .form_control_container__time__input{width:80px;height:28px;border-radius:5px;border:none;background:#FFF;text-align:center;box-shadow:2px 2px 2px #0000001a}#fromSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:13px}#toSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #cf0106,0 0 9px #cf0106;-webkit-box-shadow:inset 0 0 3px #CF0106,0 0 9px #CF0106}input[type=number]{color:red;width:50px;height:30px;font-size:20px;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.2}input[type=range]{appearance:none;height:3px;width:100%;position:relative;background-color:#cf0106;pointer-events:none}input[type=range]::-moz-range-progress{background-color:transparent;height:3px}#fromSlider{height:0;z-index:9999}\n"] }]
+            args: [{ selector: 'mefdev-slider', template: "<div class=\"range_container row\">\r\n    <div class=\"inputs_control \">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ minValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMinValueChange()\">\r\n      <input class=\"form_control_container__time__input h3\"  [(ngModel)]=\"'\u20B4'+ maxValue\" [disabled]=\"disabled\" (ngModelChange)=\"onMaxValueChange()\">\r\n    </div>\r\n    <div class=\"sliders_control\">\r\n      <input id=\"fromSlider\" type=\"range\"  [(ngModel)]=\"minValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\">\r\n      <input id=\"toSlider\" type=\"range\"  [(ngModel)]=\"maxValue\" [min]=\"range.min\" [max]=\"range.max\" (ngModelChange)=\"onValueChange()\" \r\n          [style]=\"{'--minValue': minValue,  '--maxValue': maxValue, '--minFromValue': range.min, '--maxToValue': range.max}\">\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.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}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!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}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}.sliders_control{position:relative;min-height:50px}.inputs_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}.inputs_control .form_control_container__time__input{width:80px;height:28px;border-radius:5px;border:none;background:#FFF;text-align:center;box-shadow:2px 2px 2px #0000001a}#fromSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:13px}#toSlider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:16px;background-color:#cf0106;border-radius:50%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#929292 0%,#929292 calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--minValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),transparent calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 calc((var(--maxValue) - var(--minFromValue)) / (var(--maxToValue) - var(--minFromValue)) * 100%),#929292 100%);height:3px}input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #cf0106,0 0 9px #cf0106;-webkit-box-shadow:inset 0 0 3px #CF0106,0 0 9px #CF0106}input[type=number]{color:red;width:50px;height:30px;font-size:20px;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.2}input[type=range]{appearance:none;height:3px;width:100%;position:relative;background-color:#cf0106;pointer-events:none}input[type=range]::-moz-range-progress{background-color:transparent;height:3px}#fromSlider{height:0;z-index:9999}\n"] }]
         }], propDecorators: { id: [{
                 type: Input
             }], range: [{