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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/esm2022/lib/markup-kit/card/card/card.component.mjs +2 -2
  2. package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +2 -2
  3. package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +3 -3
  4. package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +2 -2
  5. package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs +2 -2
  6. package/fesm2022/natec-mef-dev-ui-kit.mjs +10 -10
  7. package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/src/lib/styles/fonts.scss +3 -3
package/esm2022/lib/markup-kit/card/card/card.component.mjs CHANGED
@@ -93,11 +93,11 @@ export class CardComponent {
93
93
  this.router.navigate(['/', this.imgUrl.toString()]);
94
94
  }
95
95
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
96
- 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: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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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"] }] });
96
+ 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.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"] }] });
97
97
  }
98
98
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
99
99
  type: Component,
100
- 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: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"] }]
100
+ 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"] }]
101
101
  }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { card_title: [{
102
102
  type: ContentChild,
103
103
  args: ["card_title"]
package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs CHANGED
@@ -138,11 +138,11 @@ export class CardLongComponent {
138
138
  this.router.navigate(['/', this.imgUrl.toString()]);
139
139
  }
140
140
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardLongComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
141
- 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: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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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"] }] });
141
+ 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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"] }] });
142
142
  }
143
143
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardLongComponent, decorators: [{
144
144
  type: Component,
145
- 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: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"] }]
145
+ 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"] }]
146
146
  }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { title: [{
147
147
  type: ContentChild,
148
148
  args: ["title"]
package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs CHANGED
@@ -96,7 +96,7 @@ export class CollapseComponent {
96
96
  this._collapseSet.addTab(this);
97
97
  }
98
98
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseComponent, deps: [{ token: i1.CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
99
- 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: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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
99
+ 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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
100
100
  trigger('collapseState', [
101
101
  state('inactive', style({
102
102
  opacity: '0',
@@ -130,7 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
130
130
  '[class.card]': 'true',
131
131
  '[class.card-default]': 'true',
132
132
  '[class.m-b-0]': 'true'
133
- }, 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: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"] }]
133
+ }, 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"] }]
134
134
  }], ctorParameters: function () { return [{ type: i1.CollapseSetComponent, decorators: [{
135
135
  type: Host
136
136
  }] }, { type: i0.ElementRef }]; }, propDecorators: { CardTitle: [{
@@ -146,4 +146,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
146
146
  }], stateChange: [{
147
147
  type: Output
148
148
  }] } });
149
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7O0FBSWpJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkk7QUErQkosTUFBTSxPQUFPLGlCQUFpQjtJQTBFQTtJQUE0QztJQXhFaEUsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMxQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLEdBQUcsQ0FBQztJQUVKOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBRXhEOzs7T0FHRztJQUNILElBRUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUE7O01BRUU7SUFDSCxJQUNJLE1BQU0sQ0FBQyxLQUFjO1FBQ3ZCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDTyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVwRDs7Ozs7T0FLRztJQUNILFdBQVcsQ0FBQyxNQUFrQjtRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsMkNBQTJDO1FBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUE0QixZQUFrQyxFQUFVLFdBQXVCO1FBQW5FLGlCQUFZLEdBQVosWUFBWSxDQUFzQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQzdGLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQzt3R0E3RVUsaUJBQWlCOzRGQUFqQixpQkFBaUIsZ1lDekQ5Qix1eEJBaUJBLDZ5R0RjYztZQUNWLE9BQU8sQ0FBQyxlQUFlLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FDSCxVQUFVLEVBQ1YsS0FBSyxDQUFDO29CQUNKLE9BQU8sRUFBRSxHQUFHO29CQUNaLE1BQU0sRUFBRSxDQUFDO2lCQUNWLENBQUMsQ0FDSDtnQkFDRCxLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixPQUFPLEVBQUUsR0FBRztvQkFDWixNQUFNLEVBQUUsR0FBRztpQkFDWixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDMUQsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzVELENBQUM7U0FDSDs7NEZBT1UsaUJBQWlCO2tCQTlCN0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZjt3QkFDVixPQUFPLENBQUMsZUFBZSxFQUFFOzRCQUN2QixLQUFLLENBQ0gsVUFBVSxFQUNWLEtBQUssQ0FBQztnQ0FDSixPQUFPLEVBQUUsR0FBRztnQ0FDWixNQUFNLEVBQUUsQ0FBQzs2QkFDVixDQUFDLENBQ0g7NEJBQ0QsS0FBSyxDQUNILFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0osT0FBTyxFQUFFLEdBQUc7Z0NBQ1osTUFBTSxFQUFFLEdBQUc7NkJBQ1osQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7NEJBQzFELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDNUQsQ0FBQztxQkFDSCxRQUNLO3dCQUNKLGNBQWMsRUFBRSxNQUFNO3dCQUN0QixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5QixlQUFlLEVBQUUsTUFBTTtxQkFDeEI7OzBCQTRFWSxJQUFJO3FFQTFEVSxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBUXJCLFFBQVE7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBYXpCLE1BQU07c0JBRFQsS0FBSztnQkF3QkksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0LCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzZS1zZXQvY29sbGFwc2Utc2V0LmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiAgKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYSBjb2xsYXBzaWJsZSBjb250ZW50LlxyXG4gICpcclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJ0cnVlXCIgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICAgIDxoMz5DYXJkIFRpdGxlPC9oMz5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgXHJcbiAgKiAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNpYmxlIHNlY3Rpb24gLS0+XHJcbiAgKiAgIDxkaXY+XHJcbiAgICAgICAgQ29udGVudCBpbnNpZGUgY29sbGFwc2VcclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1jb2xsYXBzZT5cclxuICAqXHJcbiAgKmBgYFxyXG4gICAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9jb21wb25lbnRzL2NvbGxhcHNlPC9leGFtcGxlLXVybD5cclxuXHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY29sbGFwc2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29sbGFwc2UuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdjb2xsYXBzZVN0YXRlJywgW1xyXG4gICAgICBzdGF0ZShcclxuICAgICAgICAnaW5hY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcwJyxcclxuICAgICAgICAgIGhlaWdodDogMFxyXG4gICAgICAgIH0pXHJcbiAgICAgICksXHJcbiAgICAgIHN0YXRlKFxyXG4gICAgICAgICdhY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcxJyxcclxuICAgICAgICAgIGhlaWdodDogJyonXHJcbiAgICAgICAgfSlcclxuICAgICAgKSxcclxuICAgICAgdHJhbnNpdGlvbignaW5hY3RpdmUgPT4gYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1pbicpKSxcclxuICAgICAgdHJhbnNpdGlvbignYWN0aXZlID0+IGluYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1vdXQnKSlcclxuICAgIF0pXHJcbiAgXSxcclxuICBob3N0OiB7XHJcbiAgICAnW2NsYXNzLmNhcmRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5jYXJkLWRlZmF1bHRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5tLWItMF0nOiAndHJ1ZSdcclxuICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2xsYXBzZUNvbXBvbmVudCB7XHJcblxyXG4gIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XHJcbiAgX2FjdGl2ZSA9IGZhbHNlO1xyXG4gIF9lbDtcclxuXHJcbiAgLyoqXHJcbiAgICogQ29udGVudENoaWxkIGZvciB0aGUgdGVtcGxhdGUgb2YgdGhlIGNhcmQgdGl0bGUuXHJcbiAgICpcclxuICAgKiBFeGFtcGxlOlxyXG4gICAqIGBgYFxyXG4gICAqIDxuZy10ZW1wbGF0ZSAjQ2FyZFRpdGxlPlxyXG4gICAqICAgPGgzPkNhcmQgVGl0bGU8L2gzPlxyXG4gICAqIDwvbmctdGVtcGxhdGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIkNhcmRUaXRsZVwiKSBDYXJkVGl0bGU6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2UgaXMgZGlzYWJsZWQuXHJcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGRpc2FibGUgdGhlIGNvbGxhcHNlLiBEZWZhdWx0cyB0byBgZmFsc2VgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXHJcbiAgc2V0IERpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IERpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IEFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgY29uc3QgYWN0aXZlID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5fYWN0aXZlID09PSBhY3RpdmUpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgaWYgKCF0aGlzLkRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuX2FjdGl2ZSA9IGFjdGl2ZTtcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbiAgZ2V0IEFjdGl2ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVyIGZvciB0aGUgc3RhdGUgY2hhbmdlIG9mIHRoZSBjb2xsYXBzZS5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNvbGxhcHNlIChzdGF0ZUNoYW5nZSk9XCJvblN0YXRlQ2hhbmdlKCRldmVudClcIj48L21lZmRldi1jb2xsYXBzZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgc3RhdGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIHRoZSBoZWFkZXIgY2xpY2sgZXZlbnQuXHJcbiAgICogVG9nZ2xlcyB0aGUgYWN0aXZlIHN0YXRlIG9mIHRoZSBjb2xsYXBzZSBhbmQgZW1pdHMgdGhlIHN0YXRlIGNoYW5nZSBldmVudC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSAkZXZlbnQgVGhlIG1vdXNlIGV2ZW50IG9iamVjdC5cclxuICAgKi9cclxuICBjbGlja0hlYWRlcigkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuQWN0aXZlID0gIXRoaXMuQWN0aXZlO1xyXG4gICAgdGhpcy5zdGF0ZUNoYW5nZS5uZXh0KHRoaXMuQWN0aXZlKTtcclxuICAgIC8qKiB0cmlnZ2VyIGhvc3QgY29sbGFwc2VTZXQgY2xpY2sgZXZlbnQgKi9cclxuICAgIHRoaXMuX2NvbGxhcHNlU2V0LnBnQ2xpY2sodGhpcyk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIHByaXZhdGUgX2NvbGxhcHNlU2V0OiBDb2xsYXBzZVNldENvbXBvbmVudCwgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG4gICAgdGhpcy5fZWwgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICB0aGlzLl9jb2xsYXBzZVNldC5hZGRUYWIodGhpcyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cgdy0xMDAgbXQtMiBjYXJkLXRpdGxlXCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJfYWN0aXZlXCIgKGNsaWNrKT1cImNsaWNrSGVhZGVyKCRldmVudClcIiByb2xlPVwidGFiXCJcclxuaHJlZj1cImphdmFzY3JpcHQ6O1wiIFtuZ0NsYXNzXT1cInsnY29sbGFwc2VkJzohX2FjdGl2ZX1cIj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiQ2FyZFRpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvd24gZmxvYXQtZW5kIFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiICpuZ0lmPVwiIV9hY3RpdmVcIj48L2k+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLXVwIGZsb2F0LWVuZCBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAqbmdJZj1cIl9hY3RpdmVcIj48L2k+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImNvbGxhcHNlXCIgW25nQ2xhc3NdPVwieydzaG93Jzp0cnVlLCdhY3RpdmUnOl9hY3RpdmUsJ2luYWN0aXZlJzohX2FjdGl2ZX1cIiBbQGNvbGxhcHNlU3RhdGVdPVwiX2FjdGl2ZT8nYWN0aXZlJzonaW5hY3RpdmUnXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiX2FjdGl2ZVwiXHJcbiAgICAgY2xhc3M9XCJjYXJkLWJvZHkgbWItM1wiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
149
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7O0FBSWpJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkk7QUErQkosTUFBTSxPQUFPLGlCQUFpQjtJQTBFQTtJQUE0QztJQXhFaEUsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMxQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLEdBQUcsQ0FBQztJQUVKOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBRXhEOzs7T0FHRztJQUNILElBRUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUE7O01BRUU7SUFDSCxJQUNJLE1BQU0sQ0FBQyxLQUFjO1FBQ3ZCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDTyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVwRDs7Ozs7T0FLRztJQUNILFdBQVcsQ0FBQyxNQUFrQjtRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsMkNBQTJDO1FBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUE0QixZQUFrQyxFQUFVLFdBQXVCO1FBQW5FLGlCQUFZLEdBQVosWUFBWSxDQUFzQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQzdGLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQzt3R0E3RVUsaUJBQWlCOzRGQUFqQixpQkFBaUIsZ1lDekQ5Qix1eEJBaUJBLDh4R0RjYztZQUNWLE9BQU8sQ0FBQyxlQUFlLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FDSCxVQUFVLEVBQ1YsS0FBSyxDQUFDO29CQUNKLE9BQU8sRUFBRSxHQUFHO29CQUNaLE1BQU0sRUFBRSxDQUFDO2lCQUNWLENBQUMsQ0FDSDtnQkFDRCxLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixPQUFPLEVBQUUsR0FBRztvQkFDWixNQUFNLEVBQUUsR0FBRztpQkFDWixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDMUQsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzVELENBQUM7U0FDSDs7NEZBT1UsaUJBQWlCO2tCQTlCN0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZjt3QkFDVixPQUFPLENBQUMsZUFBZSxFQUFFOzRCQUN2QixLQUFLLENBQ0gsVUFBVSxFQUNWLEtBQUssQ0FBQztnQ0FDSixPQUFPLEVBQUUsR0FBRztnQ0FDWixNQUFNLEVBQUUsQ0FBQzs2QkFDVixDQUFDLENBQ0g7NEJBQ0QsS0FBSyxDQUNILFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0osT0FBTyxFQUFFLEdBQUc7Z0NBQ1osTUFBTSxFQUFFLEdBQUc7NkJBQ1osQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7NEJBQzFELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDNUQsQ0FBQztxQkFDSCxRQUNLO3dCQUNKLGNBQWMsRUFBRSxNQUFNO3dCQUN0QixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5QixlQUFlLEVBQUUsTUFBTTtxQkFDeEI7OzBCQTRFWSxJQUFJO3FFQTFEVSxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBUXJCLFFBQVE7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBYXpCLE1BQU07c0JBRFQsS0FBSztnQkF3QkksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0LCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzZS1zZXQvY29sbGFwc2Utc2V0LmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiAgKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYSBjb2xsYXBzaWJsZSBjb250ZW50LlxyXG4gICpcclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJ0cnVlXCIgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICAgIDxoMz5DYXJkIFRpdGxlPC9oMz5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgXHJcbiAgKiAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNpYmxlIHNlY3Rpb24gLS0+XHJcbiAgKiAgIDxkaXY+XHJcbiAgICAgICAgQ29udGVudCBpbnNpZGUgY29sbGFwc2VcclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1jb2xsYXBzZT5cclxuICAqXHJcbiAgKmBgYFxyXG4gICAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9jb21wb25lbnRzL2NvbGxhcHNlPC9leGFtcGxlLXVybD5cclxuXHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY29sbGFwc2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29sbGFwc2UuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdjb2xsYXBzZVN0YXRlJywgW1xyXG4gICAgICBzdGF0ZShcclxuICAgICAgICAnaW5hY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcwJyxcclxuICAgICAgICAgIGhlaWdodDogMFxyXG4gICAgICAgIH0pXHJcbiAgICAgICksXHJcbiAgICAgIHN0YXRlKFxyXG4gICAgICAgICdhY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcxJyxcclxuICAgICAgICAgIGhlaWdodDogJyonXHJcbiAgICAgICAgfSlcclxuICAgICAgKSxcclxuICAgICAgdHJhbnNpdGlvbignaW5hY3RpdmUgPT4gYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1pbicpKSxcclxuICAgICAgdHJhbnNpdGlvbignYWN0aXZlID0+IGluYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1vdXQnKSlcclxuICAgIF0pXHJcbiAgXSxcclxuICBob3N0OiB7XHJcbiAgICAnW2NsYXNzLmNhcmRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5jYXJkLWRlZmF1bHRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5tLWItMF0nOiAndHJ1ZSdcclxuICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2xsYXBzZUNvbXBvbmVudCB7XHJcblxyXG4gIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XHJcbiAgX2FjdGl2ZSA9IGZhbHNlO1xyXG4gIF9lbDtcclxuXHJcbiAgLyoqXHJcbiAgICogQ29udGVudENoaWxkIGZvciB0aGUgdGVtcGxhdGUgb2YgdGhlIGNhcmQgdGl0bGUuXHJcbiAgICpcclxuICAgKiBFeGFtcGxlOlxyXG4gICAqIGBgYFxyXG4gICAqIDxuZy10ZW1wbGF0ZSAjQ2FyZFRpdGxlPlxyXG4gICAqICAgPGgzPkNhcmQgVGl0bGU8L2gzPlxyXG4gICAqIDwvbmctdGVtcGxhdGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIkNhcmRUaXRsZVwiKSBDYXJkVGl0bGU6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2UgaXMgZGlzYWJsZWQuXHJcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGRpc2FibGUgdGhlIGNvbGxhcHNlLiBEZWZhdWx0cyB0byBgZmFsc2VgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXHJcbiAgc2V0IERpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IERpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IEFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgY29uc3QgYWN0aXZlID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5fYWN0aXZlID09PSBhY3RpdmUpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgaWYgKCF0aGlzLkRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuX2FjdGl2ZSA9IGFjdGl2ZTtcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbiAgZ2V0IEFjdGl2ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVyIGZvciB0aGUgc3RhdGUgY2hhbmdlIG9mIHRoZSBjb2xsYXBzZS5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNvbGxhcHNlIChzdGF0ZUNoYW5nZSk9XCJvblN0YXRlQ2hhbmdlKCRldmVudClcIj48L21lZmRldi1jb2xsYXBzZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgc3RhdGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIHRoZSBoZWFkZXIgY2xpY2sgZXZlbnQuXHJcbiAgICogVG9nZ2xlcyB0aGUgYWN0aXZlIHN0YXRlIG9mIHRoZSBjb2xsYXBzZSBhbmQgZW1pdHMgdGhlIHN0YXRlIGNoYW5nZSBldmVudC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSAkZXZlbnQgVGhlIG1vdXNlIGV2ZW50IG9iamVjdC5cclxuICAgKi9cclxuICBjbGlja0hlYWRlcigkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuQWN0aXZlID0gIXRoaXMuQWN0aXZlO1xyXG4gICAgdGhpcy5zdGF0ZUNoYW5nZS5uZXh0KHRoaXMuQWN0aXZlKTtcclxuICAgIC8qKiB0cmlnZ2VyIGhvc3QgY29sbGFwc2VTZXQgY2xpY2sgZXZlbnQgKi9cclxuICAgIHRoaXMuX2NvbGxhcHNlU2V0LnBnQ2xpY2sodGhpcyk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIHByaXZhdGUgX2NvbGxhcHNlU2V0OiBDb2xsYXBzZVNldENvbXBvbmVudCwgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG4gICAgdGhpcy5fZWwgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICB0aGlzLl9jb2xsYXBzZVNldC5hZGRUYWIodGhpcyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cgdy0xMDAgbXQtMiBjYXJkLXRpdGxlXCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJfYWN0aXZlXCIgKGNsaWNrKT1cImNsaWNrSGVhZGVyKCRldmVudClcIiByb2xlPVwidGFiXCJcclxuaHJlZj1cImphdmFzY3JpcHQ6O1wiIFtuZ0NsYXNzXT1cInsnY29sbGFwc2VkJzohX2FjdGl2ZX1cIj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiQ2FyZFRpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvd24gZmxvYXQtZW5kIFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiICpuZ0lmPVwiIV9hY3RpdmVcIj48L2k+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLXVwIGZsb2F0LWVuZCBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAqbmdJZj1cIl9hY3RpdmVcIj48L2k+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImNvbGxhcHNlXCIgW25nQ2xhc3NdPVwieydzaG93Jzp0cnVlLCdhY3RpdmUnOl9hY3RpdmUsJ2luYWN0aXZlJzohX2FjdGl2ZX1cIiBbQGNvbGxhcHNlU3RhdGVdPVwiX2FjdGl2ZT8nYWN0aXZlJzonaW5hY3RpdmUnXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiX2FjdGl2ZVwiXHJcbiAgICAgY2xhc3M9XCJjYXJkLWJvZHkgbWItM1wiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs CHANGED
@@ -109,11 +109,11 @@ export class ProfileComponent {
109
109
  };
110
110
  }
111
111
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
112
- 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: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"] }] });
112
+ 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"] }] });
113
113
  }
114
114
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProfileComponent, decorators: [{
115
115
  type: Component,
116
- 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: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"] }]
116
+ 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"] }]
117
117
  }], ctorParameters: function () { return []; }, propDecorators: { first_colum: [{
118
118
  type: ContentChild,
119
119
  args: ["first_colum"]
package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs CHANGED
@@ -102,11 +102,11 @@ export class MefDevSliderComponent {
102
102
  const toSlider = document.getElementById(`toSlider-${this.id}`);
103
103
  }
104
104
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
105
- 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: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: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
105
+ 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: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
106
106
  }
107
107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevSliderComponent, decorators: [{
108
108
  type: Component,
109
- 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: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"] }]
109
+ 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"] }]
110
110
  }], propDecorators: { id: [{
111
111
  type: Input
112
112
  }], range: [{