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

package/esm2020/lib/markup-kit/page-layouts/profile/profile.component.mjs

@@ -22,10 +22,10 @@ export class ProfileComponent {
     }
 }
 ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
+            args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n            \r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template> \r\n    </div>    \r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { first_colum: [{
                 type: ContentChild,
                 args: ["first_colum"]

package/esm2020/lib/markup-kit/utils/help-block/help-block.component.mjs

@@ -12,7 +12,7 @@ export class HelpBlockComponent {
     }
 }
 HelpBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HelpBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HelpBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HelpBlockComponent, selector: "mefdev-help-block", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+HelpBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HelpBlockComponent, selector: "mefdev-help-block", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
         trigger('smothExpand', [
             state('close', style({
                 height: '0',
@@ -39,9 +39,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                             state('open', style({})),
                             transition('close<=>open', animate(200))
                         ])
-                    ], template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"] }]
+                    ], template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\n        <div class=\"col-10\" style=\"color: white;\">\n            {{ title }}\n        </div>\n        <div class=\"col-2\">\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\n            \n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \n        </div>\n    </div>\n\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\n        <div class=\"col-12\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}@font-face{font-family:montserrat-bold;src:url(fonts/montserrat/Montserrat-Bold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Bold.woff) format(\"woff\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat-light;src:url(fonts/montserrat/Montserrat-Light.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:montserrat-semibold;src:url(fonts/montserrat/Montserrat-SemiBold.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:montserrat-medium;src:url(fonts/montserrat/Montserrat-Medium.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Medium.woff) format(\"woff\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:montserrat-regular;src:url(fonts/montserrat/Montserrat-Regular.woff2) format(\"woff2\"),url(fonts/montserrat/Montserrat-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Regular;src:url(fonts/lato/lato-regular.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-regular.otf) format(\"opentype\"),url(fonts/lato/lato-regular.svg) format(\"svg\"),url(fonts/lato/lato-regular.ttf) format(\"truetype\"),url(fonts/lato/lato-regular.woff) format(\"woff\"),url(fonts/lato/lato-regular.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato-Bold;src:url(fonts/lato/lato-bold.eot?#iefix) format(\"embedded-opentype\"),url(fonts/lato/lato-bold.otf) format(\"opentype\"),url(fonts/lato/lato-bold.svg) format(\"svg\"),url(fonts/lato/lato-bold.ttf) format(\"truetype\"),url(fonts/lato/lato-bold.woff) format(\"woff\"),url(fonts/lato/lato-bold.woff2) format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:icomoon;src:url(fonts/main-img-font/icomoon.eot?97jr4n);src:url(fonts/main-img-font/icomoon.eot?97jr4n#iefix) format(\"embedded-opentype\"),url(fonts/main-img-font/icomoon.ttf?97jr4n) format(\"truetype\"),url(fonts/main-img-font/icomoon.woff?97jr4n) format(\"woff\"),url(fonts/main-img-font/icomoon.svg?97jr4n#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-info-light:before{content:\"\\e90d\"}.icon-connector:before{content:\"\\e90e\"}.icon-information:before{content:\"\\e90f\"}.icon-plugin:before{content:\"\\e910\"}.icon-check-connector:before{content:\"\\e911\"}.icon-computer:before{content:\"\\e913\"}.icon-trash-light:before{content:\"\\e915\"}.icon-ok:before{content:\"\\e917\";color:#28b446}.icon-calendar:before{content:\"\\e919\"}.icon-guard:before{content:\"\\e91f\"}.icon-tenant:before{content:\"\\e922\"}.icon-nok:before{content:\"\\e923\"}.icon-lock .path1:before{content:\"\\e924\";color:#eaeaea}.icon-lock .path2:before{content:\"\\e925\";margin-left:-1.158203125em;color:#373737}.icon-unlock .path1:before{content:\"\\e926\"}.icon-unlock .path2:before{content:\"\\e927\";margin-left:-1.2109375em}.icon-logout:before{content:\"\\e90b\"}.icon-unchecked:before{content:\"\\e90a\"}.icon-notification .path1:before{content:\"\\e902\"}.icon-notification .path2:before{content:\"\\e903\";margin-left:-1em}.icon-notification .path3:before{content:\"\\e904\";margin-left:-1em}.icon-notification .path4:before{content:\"\\e905\";margin-left:-1em}.icon-setings .path1:before{content:\"\\e908\"}.icon-setings .path2:before{content:\"\\e909\";margin-left:-1em}.icon-person:before{content:\"\\e90c\"}.icon-persons:before{content:\"\\e912\"}.icon-configuration:before{content:\"\\e914\"}.icon-support:before{content:\"\\e916\"}.icon-log:before{content:\"\\e918\"}.icon-msg_popup:before{content:\"\\e91a\"}.icon-protect:before{content:\"\\e91b\"}.icon-keys:before{content:\"\\e91c\"}.icon-info:before{content:\"\\e91d\"}.icon-tenats:before{content:\"\\e91e\"}.icon-profile:before{content:\"\\e921\"}.icon-msg:before{content:\"\\e928\"}.icon-arrow:before{content:\"\\e929\"}.icon-warning:before{content:\"\\e92a\"}.icon-messages:before{content:\"\\e92b\"}.icon-pause:before{content:\"\\e92c\"}.icon-play:before{content:\"\\e92e\"}.icon-store:before{content:\"\\e930\"}.icon-trash:before{content:\"\\e931\"}.icon-edit:before{content:\"\\e932\"}.icon-checked:before{content:\"\\e933\"}.icon-bell .path1:before{content:\"\\e936\"}.icon-bell .path2:before{content:\"\\e937\";margin-left:-.9658203125em}.icon-bell .path3:before{content:\"\\e938\";margin-left:-.9658203125em}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { title: [{
                 type: Input,
                 args: ['title']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9oZWxwLWJsb2NrL2hlbHAtYmxvY2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvaGVscC1ibG9jay9oZWxwLWJsb2NrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBdUIsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLE9BQU8sRUFDUCxVQUFVLEdBQ1gsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBb0I3QixNQUFNLE9BQU8sa0JBQWtCO0lBTzdCO1FBTEEsY0FBUyxHQUFXLElBQUksQ0FBQztRQUN6QixhQUFRLEdBQVcsS0FBSyxDQUFDO1FBRVQsVUFBSyxHQUFVLE1BQU0sQ0FBQztJQUV0QixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzsrR0FWVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixxRkMzQi9CLHMzQkFrQk0sdTFJRExPO1FBQ1QsT0FBTyxDQUFDLGFBQWEsRUFBQztZQUNwQixLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQkFDbkIsTUFBTSxFQUFFLEdBQUc7Z0JBQ1gsTUFBTSxFQUFFLEdBQUc7Z0JBQ1gsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osT0FBTyxFQUFFLEdBQUc7Z0JBQ1osVUFBVSxFQUFFLFFBQVE7YUFDckIsQ0FBQyxDQUFDO1lBQ0gsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDeEIsVUFBVSxDQUFDLGNBQWMsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDekMsQ0FBQztLQUNIOzJGQUVVLGtCQUFrQjtrQkFsQjlCLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2xCO3dCQUNULE9BQU8sQ0FBQyxhQUFhLEVBQUM7NEJBQ3BCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNuQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxNQUFNLEVBQUUsR0FBRztnQ0FDWCxPQUFPLEVBQUUsR0FBRztnQ0FDWixPQUFPLEVBQUUsR0FBRztnQ0FDWixVQUFVLEVBQUUsUUFBUTs2QkFDckIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDOzRCQUN4QixVQUFVLENBQUMsY0FBYyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzt5QkFDekMsQ0FBQztxQkFDSDswRUFPZSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIHRyaWdnZXIsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgYW5pbWF0ZSxcbiAgdHJhbnNpdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21lZmRldi1oZWxwLWJsb2NrJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlbHAtYmxvY2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWxwLWJsb2NrLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6W1xuICAgIHRyaWdnZXIoJ3Ntb3RoRXhwYW5kJyxbXG4gICAgICBzdGF0ZSgnY2xvc2UnLCBzdHlsZSh7XG4gICAgICAgIGhlaWdodDogJzAnLFxuICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICBvcGFjaXR5OiAnMCcsXG4gICAgICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICAgICAgfSkpLFxuICAgICAgc3RhdGUoJ29wZW4nLCBzdHlsZSh7fSkpLFxuICAgICAgdHJhbnNpdGlvbignY2xvc2U8PT5vcGVuJywgYW5pbWF0ZSgyMDApKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSGVscEJsb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBpc1Zpc2libGU6Ym9vbGVhbiA9IHRydWU7XG4gIGV4cGFuZGVkOmJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoJ3RpdGxlJykgdGl0bGU6c3RyaW5nID0gXCJIZWxwXCI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1zaW1wbGVcIiAqbmdJZj1cImlzVmlzaWJsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbS0xIGJvZHktMVwiIChjbGljayk9XCJleHBhbmRlZCA9ICFleHBhbmRlZFwiIHN0eWxlPVwiY3Vyc29yOiBwb2ludGVyO1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEwXCIgc3R5bGU9XCJjb2xvcjogd2hpdGU7XCI+XG4gICAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0yXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXdpbmRvdy1jbG9zZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0OyBtYXJnaW4tbGVmdDogMjBweDtcIiAoY2xpY2spPVwiaXNWaXNpYmxlID0gIWlzVmlzaWJsZTtcIj48L2k+XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG93biBcIiAqbmdJZj1cIiFleHBhbmRlZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0O1wiPjwvaT5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtdXBcIiAqbmdJZj1cImV4cGFuZGVkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgc3R5bGU9XCJmbG9hdDogcmlnaHQ7XCI+PC9pPiAgICAgIFxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHkgcm93XCIgW0BzbW90aEV4cGFuZF09XCJleHBhbmRlZCA/ICdvcGVuJyA6ICdjbG9zZSdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9oZWxwLWJsb2NrL2hlbHAtYmxvY2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvaGVscC1ibG9jay9oZWxwLWJsb2NrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBdUIsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLE9BQU8sRUFDUCxVQUFVLEdBQ1gsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBb0I3QixNQUFNLE9BQU8sa0JBQWtCO0lBTzdCO1FBTEEsY0FBUyxHQUFXLElBQUksQ0FBQztRQUN6QixhQUFRLEdBQVcsS0FBSyxDQUFDO1FBRVQsVUFBSyxHQUFVLE1BQU0sQ0FBQztJQUV0QixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzsrR0FWVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixxRkMzQi9CLHMzQkFrQk0scXFPRExPO1FBQ1QsT0FBTyxDQUFDLGFBQWEsRUFBQztZQUNwQixLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQkFDbkIsTUFBTSxFQUFFLEdBQUc7Z0JBQ1gsTUFBTSxFQUFFLEdBQUc7Z0JBQ1gsT0FBTyxFQUFFLEdBQUc7Z0JBQ1osT0FBTyxFQUFFLEdBQUc7Z0JBQ1osVUFBVSxFQUFFLFFBQVE7YUFDckIsQ0FBQyxDQUFDO1lBQ0gsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDeEIsVUFBVSxDQUFDLGNBQWMsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDekMsQ0FBQztLQUNIOzJGQUVVLGtCQUFrQjtrQkFsQjlCLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2xCO3dCQUNULE9BQU8sQ0FBQyxhQUFhLEVBQUM7NEJBQ3BCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNuQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxNQUFNLEVBQUUsR0FBRztnQ0FDWCxPQUFPLEVBQUUsR0FBRztnQ0FDWixPQUFPLEVBQUUsR0FBRztnQ0FDWixVQUFVLEVBQUUsUUFBUTs2QkFDckIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDOzRCQUN4QixVQUFVLENBQUMsY0FBYyxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzt5QkFDekMsQ0FBQztxQkFDSDswRUFPZSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIHRyaWdnZXIsXG4gIHN0YXRlLFxuICBzdHlsZSxcbiAgYW5pbWF0ZSxcbiAgdHJhbnNpdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21lZmRldi1oZWxwLWJsb2NrJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlbHAtYmxvY2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWxwLWJsb2NrLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6W1xuICAgIHRyaWdnZXIoJ3Ntb3RoRXhwYW5kJyxbXG4gICAgICBzdGF0ZSgnY2xvc2UnLCBzdHlsZSh7XG4gICAgICAgIGhlaWdodDogJzAnLFxuICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgcGFkZGluZzogJzAnLFxuICAgICAgICBvcGFjaXR5OiAnMCcsXG4gICAgICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICAgICAgfSkpLFxuICAgICAgc3RhdGUoJ29wZW4nLCBzdHlsZSh7fSkpLFxuICAgICAgdHJhbnNpdGlvbignY2xvc2U8PT5vcGVuJywgYW5pbWF0ZSgyMDApKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgSGVscEJsb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBpc1Zpc2libGU6Ym9vbGVhbiA9IHRydWU7XG4gIGV4cGFuZGVkOmJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoJ3RpdGxlJykgdGl0bGU6c3RyaW5nID0gXCJIZWxwXCI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1zaW1wbGVcIiAqbmdJZj1cImlzVmlzaWJsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbS0xIGJvZHktMVwiIChjbGljayk9XCJleHBhbmRlZCA9ICFleHBhbmRlZFwiIHN0eWxlPVwiY3Vyc29yOiBwb2ludGVyO1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEwXCIgc3R5bGU9XCJjb2xvcjogd2hpdGU7XCI+XG4gICAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0yXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXdpbmRvdy1jbG9zZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0OyBtYXJnaW4tbGVmdDogMjBweDtcIiAoY2xpY2spPVwiaXNWaXNpYmxlID0gIWlzVmlzaWJsZTtcIj48L2k+XG4gICAgICAgICAgICBcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG93biBcIiAqbmdJZj1cIiFleHBhbmRlZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0O1wiPjwvaT5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtdXBcIiAqbmdJZj1cImV4cGFuZGVkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgc3R5bGU9XCJmbG9hdDogcmlnaHQ7XCI+PC9pPiAgICAgIFxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHkgcm93XCIgW0BzbW90aEV4cGFuZF09XCJleHBhbmRlZCA/ICdvcGVuJyA6ICdjbG9zZSdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==