@natec/mef-dev-ui-kit 16.4.57 → 19.0.0-beta.1
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.
- package/fesm2022/natec-mef-dev-ui-kit.mjs +10894 -5478
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/index.d.ts +5527 -5
- package/index.d.ts.map +1 -0
- package/package.json +6 -7
- package/src/lib/styles/pg/_mixins.scss +2 -523
- package/src/lib/styles/pg/_var.scss +29 -28
- package/src/lib/styles/pg/modules/_buttons.scss +55 -40
- package/src/lib/styles/pg/modules/_form_elements.scss +5 -4
- package/src/lib/styles/pg/modules/_header.scss +2 -2
- package/src/lib/styles/pg/modules/_secondary-sidebar.scss +3 -1
- package/src/lib/styles/pg/modules/_select.scss +59 -60
- package/src/lib/styles/pg/modules/_sidebar.scss +2 -1
- package/src/lib/styles/pg/utils.scss +0 -3
- package/esm2022/lib/markup-kit/card/card/card.component.mjs +0 -116
- package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +0 -169
- package/esm2022/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +0 -7
- package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs +0 -50
- package/esm2022/lib/markup-kit/card/card.module.mjs +0 -35
- package/esm2022/lib/markup-kit/card/index.mjs +0 -6
- package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +0 -149
- package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +0 -102
- package/esm2022/lib/markup-kit/collapse/collapse.module.mjs +0 -25
- package/esm2022/lib/markup-kit/collapse/index.mjs +0 -4
- package/esm2022/lib/markup-kit/executors/index.mjs +0 -5
- package/esm2022/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.mjs +0 -112
- package/esm2022/lib/markup-kit/executors/stage/stage.component.mjs +0 -27
- package/esm2022/lib/markup-kit/executors/step-executor/step-executor.component.mjs +0 -289
- package/esm2022/lib/markup-kit/executors/step-executor.module.mjs +0 -42
- package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs +0 -137
- package/esm2022/lib/markup-kit/modals/index.mjs +0 -7
- package/esm2022/lib/markup-kit/modals/markup-kit.module.mjs +0 -39
- package/esm2022/lib/markup-kit/modals/modal-size.enum.mjs +0 -2
- package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +0 -48
- package/esm2022/lib/markup-kit/modals/slide-right/slide-right.component.mjs +0 -134
- package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +0 -118
- package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +0 -59
- package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +0 -27
- package/esm2022/lib/markup-kit/page-layouts/index.mjs +0 -7
- package/esm2022/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +0 -73
- package/esm2022/lib/markup-kit/page-layouts/page-layouts.module.mjs +0 -41
- package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +0 -137
- package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +0 -42
- package/esm2022/lib/markup-kit/slider/index.mjs +0 -3
- package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs +0 -120
- package/esm2022/lib/markup-kit/slider/slider.module.mjs +0 -28
- package/esm2022/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.mjs +0 -607
- package/esm2022/lib/markup-kit/utils/datepicker/datepicker.module.mjs +0 -21
- package/esm2022/lib/markup-kit/utils/datepicker/index.mjs +0 -3
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +0 -72
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +0 -71
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +0 -29
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +0 -43
- package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +0 -13
- package/esm2022/lib/markup-kit/utils/filtered-field/index.mjs +0 -6
- package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +0 -72
- package/esm2022/lib/markup-kit/utils/help-block/hepl-block.module.mjs +0 -24
- package/esm2022/lib/markup-kit/utils/help-block/index.mjs +0 -3
- package/esm2022/lib/pg-components/card/card.components.mjs +0 -442
- package/esm2022/lib/pg-components/card/card.module.mjs +0 -24
- package/esm2022/lib/pg-components/card/index.mjs +0 -3
- package/esm2022/lib/pg-components/progress/index.mjs +0 -4
- package/esm2022/lib/pg-components/progress/progress.component.mjs +0 -80
- package/esm2022/lib/pg-components/progress/progress.config.mjs +0 -12
- package/esm2022/lib/pg-components/progress/progress.module.mjs +0 -22
- package/esm2022/lib/pg-components/select/index.mjs +0 -5
- package/esm2022/lib/pg-components/select/option.component.mjs +0 -93
- package/esm2022/lib/pg-components/select/option.pipe.mjs +0 -42
- package/esm2022/lib/pg-components/select/select.component.mjs +0 -782
- package/esm2022/lib/pg-components/select/select.module.mjs +0 -22
- package/esm2022/lib/pg-components/spec-flow-test/index.mjs +0 -3
- package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +0 -36
- package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +0 -25
- package/esm2022/lib/pg-components/switch/index.mjs +0 -3
- package/esm2022/lib/pg-components/switch/switch.component.mjs +0 -293
- package/esm2022/lib/pg-components/switch/switch.module.mjs +0 -18
- package/esm2022/lib/pg-components/tabs/index.mjs +0 -8
- package/esm2022/lib/pg-components/tabs/tab-body.component.mjs +0 -21
- package/esm2022/lib/pg-components/tabs/tab-label.directive.mjs +0 -45
- package/esm2022/lib/pg-components/tabs/tab.component.mjs +0 -102
- package/esm2022/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +0 -81
- package/esm2022/lib/pg-components/tabs/tabs-nav.component.mjs +0 -298
- package/esm2022/lib/pg-components/tabs/tabs.module.mjs +0 -23
- package/esm2022/lib/pg-components/tabs/tabset.component.mjs +0 -252
- package/esm2022/lib/pg-components/util/convert.mjs +0 -4
- package/esm2022/lib/pg-components/util/request-animation.mjs +0 -26
- package/esm2022/natec-mef-dev-ui-kit.mjs +0 -5
- package/esm2022/public-api.mjs +0 -17
- package/lib/markup-kit/card/card/card.component.d.ts +0 -90
- package/lib/markup-kit/card/card-long/card-long.component.d.ts +0 -135
- package/lib/markup-kit/card/card-long/cart-type-colors.enum.d.ts +0 -5
- package/lib/markup-kit/card/card-simple/card-simple.component.d.ts +0 -37
- package/lib/markup-kit/card/card.module.d.ts +0 -17
- package/lib/markup-kit/card/index.d.ts +0 -5
- package/lib/markup-kit/collapse/collapse/collapse.component.d.ts +0 -74
- package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts +0 -68
- package/lib/markup-kit/collapse/collapse.module.d.ts +0 -14
- package/lib/markup-kit/collapse/index.d.ts +0 -3
- package/lib/markup-kit/executors/index.d.ts +0 -4
- package/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.d.ts +0 -84
- package/lib/markup-kit/executors/stage/stage.component.d.ts +0 -12
- package/lib/markup-kit/executors/step-executor/step-executor.component.d.ts +0 -186
- package/lib/markup-kit/executors/step-executor.module.d.ts +0 -12
- package/lib/markup-kit/modals/fill/fill.component.d.ts +0 -80
- package/lib/markup-kit/modals/index.d.ts +0 -6
- package/lib/markup-kit/modals/markup-kit.module.d.ts +0 -12
- package/lib/markup-kit/modals/modal-size.enum.d.ts +0 -5
- package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +0 -27
- package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts +0 -76
- package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +0 -64
- package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +0 -37
- package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +0 -21
- package/lib/markup-kit/page-layouts/index.d.ts +0 -6
- package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts +0 -58
- package/lib/markup-kit/page-layouts/page-layouts.module.d.ts +0 -12
- package/lib/markup-kit/page-layouts/profile/profile.component.d.ts +0 -107
- package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +0 -32
- package/lib/markup-kit/slider/index.d.ts +0 -2
- package/lib/markup-kit/slider/slider/slider.component.d.ts +0 -93
- package/lib/markup-kit/slider/slider.module.d.ts +0 -9
- package/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.d.ts +0 -421
- package/lib/markup-kit/utils/datepicker/datepicker.module.d.ts +0 -10
- package/lib/markup-kit/utils/datepicker/index.d.ts +0 -2
- package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +0 -42
- package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts +0 -56
- package/lib/markup-kit/utils/filtered-field/filtered-field.module.d.ts +0 -9
- package/lib/markup-kit/utils/filtered-field/filtered-field.service.d.ts +0 -28
- package/lib/markup-kit/utils/filtered-field/filtred-item.model.d.ts +0 -7
- package/lib/markup-kit/utils/filtered-field/index.d.ts +0 -5
- package/lib/markup-kit/utils/help-block/help-block.component.d.ts +0 -37
- package/lib/markup-kit/utils/help-block/hepl-block.module.d.ts +0 -9
- package/lib/markup-kit/utils/help-block/index.d.ts +0 -2
- package/lib/pg-components/card/card.components.d.ts +0 -241
- package/lib/pg-components/card/card.module.d.ts +0 -11
- package/lib/pg-components/card/index.d.ts +0 -2
- package/lib/pg-components/progress/index.d.ts +0 -3
- package/lib/pg-components/progress/progress.component.d.ts +0 -50
- package/lib/pg-components/progress/progress.config.d.ts +0 -7
- package/lib/pg-components/progress/progress.module.d.ts +0 -10
- package/lib/pg-components/select/index.d.ts +0 -4
- package/lib/pg-components/select/option.component.d.ts +0 -54
- package/lib/pg-components/select/option.pipe.d.ts +0 -8
- package/lib/pg-components/select/select.component.d.ts +0 -139
- package/lib/pg-components/select/select.module.d.ts +0 -12
- package/lib/pg-components/spec-flow-test/index.d.ts +0 -2
- package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +0 -22
- package/lib/pg-components/spec-flow-test/spec-flow-test.module.d.ts +0 -10
- package/lib/pg-components/switch/index.d.ts +0 -2
- package/lib/pg-components/switch/switch.component.d.ts +0 -185
- package/lib/pg-components/switch/switch.module.d.ts +0 -8
- package/lib/pg-components/tabs/index.d.ts +0 -7
- package/lib/pg-components/tabs/tab-body.component.d.ts +0 -13
- package/lib/pg-components/tabs/tab-label.directive.d.ts +0 -15
- package/lib/pg-components/tabs/tab.component.d.ts +0 -67
- package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +0 -23
- package/lib/pg-components/tabs/tabs-nav.component.d.ts +0 -79
- package/lib/pg-components/tabs/tabs.module.d.ts +0 -13
- package/lib/pg-components/tabs/tabset.component.d.ts +0 -137
- package/lib/pg-components/util/convert.d.ts +0 -1
- package/lib/pg-components/util/request-animation.d.ts +0 -1
- package/public-api.d.ts +0 -15
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "../../../pg-components/card/card.components";
|
|
6
|
-
/**
|
|
7
|
-
* Component for displaying a card with a title, image, and description.
|
|
8
|
-
*
|
|
9
|
-
* Example of usage:
|
|
10
|
-
*
|
|
11
|
-
* ```
|
|
12
|
-
* <mefdev-card>
|
|
13
|
-
* <ng-template #card_title>
|
|
14
|
-
* <!-- Content for the card title -->
|
|
15
|
-
* </ng-template>
|
|
16
|
-
* <ng-template #card_footer>
|
|
17
|
-
* <!-- Content for the card footer -->
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </mefdev-card>
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card</example-url>
|
|
23
|
-
*/
|
|
24
|
-
export class CardComponent {
|
|
25
|
-
router;
|
|
26
|
-
/**
|
|
27
|
-
* The template reference to the content of the card title.
|
|
28
|
-
*
|
|
29
|
-
* @usageNotes
|
|
30
|
-
* ```
|
|
31
|
-
* <mefdev-card>
|
|
32
|
-
* <ng-template #card_title>
|
|
33
|
-
* <!-- Content for the card title -->
|
|
34
|
-
* </ng-template>
|
|
35
|
-
* </mefdev-card>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
card_title;
|
|
39
|
-
/**
|
|
40
|
-
* The template reference to the content of the card footer.
|
|
41
|
-
* @usageNotes
|
|
42
|
-
* ```
|
|
43
|
-
* <mefdev-card>
|
|
44
|
-
* <ng-template #card_footer>
|
|
45
|
-
* <!-- Content for the card footer -->
|
|
46
|
-
* </ng-template>
|
|
47
|
-
* </mefdev-card>
|
|
48
|
-
* ```
|
|
49
|
-
*/
|
|
50
|
-
card_footer;
|
|
51
|
-
/**
|
|
52
|
-
* The type of the card.
|
|
53
|
-
* @usageNotes
|
|
54
|
-
* ```
|
|
55
|
-
* <mefdev-card [card_type] = "'type'"></mefdev-card>
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
card_type;
|
|
59
|
-
/**
|
|
60
|
-
* The path to the image.
|
|
61
|
-
* @usageNotes
|
|
62
|
-
* ```
|
|
63
|
-
* <mefdev-card [img] = "'img/path/img.png'"></mefdev-card>
|
|
64
|
-
* ```
|
|
65
|
-
*/
|
|
66
|
-
img;
|
|
67
|
-
/**
|
|
68
|
-
* The path, where user goes after click at the image.
|
|
69
|
-
* @usageNotes
|
|
70
|
-
* ```
|
|
71
|
-
* <mefdev-card [imgUrl] = "'Img.url'"></mefdev-card>
|
|
72
|
-
* ```
|
|
73
|
-
*/
|
|
74
|
-
imgUrl;
|
|
75
|
-
/**
|
|
76
|
-
* The description of the card.
|
|
77
|
-
* @usageNotes
|
|
78
|
-
* ```
|
|
79
|
-
* <mefdev-card [description] = "'description'"></mefdev-card>
|
|
80
|
-
* ```
|
|
81
|
-
*/
|
|
82
|
-
description;
|
|
83
|
-
constructor(router) {
|
|
84
|
-
this.router = router;
|
|
85
|
-
}
|
|
86
|
-
ngOnInit() {
|
|
87
|
-
}
|
|
88
|
-
/**
|
|
89
|
-
* Event handler for image click.
|
|
90
|
-
* Navigates to the specified URL.
|
|
91
|
-
*/
|
|
92
|
-
imgClick() {
|
|
93
|
-
this.router.navigate(['/', this.imgUrl.toString()]);
|
|
94
|
-
}
|
|
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: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
|
-
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
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: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
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { card_title: [{
|
|
102
|
-
type: ContentChild,
|
|
103
|
-
args: ["card_title"]
|
|
104
|
-
}], card_footer: [{
|
|
105
|
-
type: ContentChild,
|
|
106
|
-
args: ["card_footer"]
|
|
107
|
-
}], card_type: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], img: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}], imgUrl: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], description: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}] } });
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7OztBQUdwRjs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQkk7QUFNSixNQUFNLE9BQU8sYUFBYTtJQW1FZDtJQWpFVjs7Ozs7Ozs7Ozs7T0FXRztJQUN5QixVQUFVLENBQW9CO0lBRTFEOzs7Ozs7Ozs7O09BVUc7SUFDMEIsV0FBVyxDQUFvQjtJQUU1RDs7Ozs7O09BTUc7SUFDTSxTQUFTLENBQVM7SUFFM0I7Ozs7OztPQU1HO0lBQ00sR0FBRyxDQUFTO0lBRXJCOzs7Ozs7T0FNRztJQUNNLE1BQU0sQ0FBUztJQUV4Qjs7Ozs7O09BTUc7SUFDTSxXQUFXLENBQVM7SUFHN0IsWUFDVSxNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUNwQixDQUFDO0lBRUwsUUFBUTtJQUNSLENBQUM7SUFFRDs7O09BR0c7SUFDSSxRQUFRO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFDckQsQ0FBQzt3R0EvRVUsYUFBYTs0RkFBYixhQUFhLG9WQzFCMUIsKzVDQTRDQTs7NEZEbEJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsYUFBYTs2RkFrQkssVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQWFHLFdBQVc7c0JBQXZDLFlBQVk7dUJBQUMsYUFBYTtnQkFTbEIsU0FBUztzQkFBakIsS0FBSztnQkFTRyxHQUFHO3NCQUFYLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbi8qKlxyXG4gICogQ29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGEgY2FyZCB3aXRoIGEgdGl0bGUsIGltYWdlLCBhbmQgZGVzY3JpcHRpb24uXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtY2FyZD5cclxuICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgdGl0bGUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjY2FyZF9mb290ZXI+XHJcbiAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCBmb290ZXIgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1jYXJkPlxyXG4gICogYGBgXHJcbiAgKlxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vcGxhdGZvcm0ubWVmLmRldi91aV9raXRfZGVtby92aWV3L3BhZ2VfY29tcG9uZW50cy9jYXJkL2NhcmQ8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAqIFRoZSB0ZW1wbGF0ZSByZWZlcmVuY2UgdG8gdGhlIGNvbnRlbnQgb2YgdGhlIGNhcmQgdGl0bGUuXHJcbiAgKlxyXG4gICogQHVzYWdlTm90ZXNcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1jYXJkPlxyXG4gICogICA8bmctdGVtcGxhdGUgI2NhcmRfdGl0bGU+XHJcbiAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCB0aXRsZSAtLT5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqIDwvbWVmZGV2LWNhcmQ+XHJcbiAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiY2FyZF90aXRsZVwiKSBjYXJkX3RpdGxlOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRlbXBsYXRlIHJlZmVyZW5jZSB0byB0aGUgY29udGVudCBvZiB0aGUgY2FyZCBmb290ZXIuXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNhcmQ+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI2NhcmRfZm9vdGVyPlxyXG4gICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIGZvb3RlciAtLT5cclxuICAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICogPC9tZWZkZXYtY2FyZD5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiY2FyZF9mb290ZXJcIikgY2FyZF9mb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgdHlwZSBvZiB0aGUgY2FyZC5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZCBbY2FyZF90eXBlXSA9IFwiJ3R5cGUnXCI+PC9tZWZkZXYtY2FyZD5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBjYXJkX3R5cGU6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHBhdGggdG8gdGhlIGltYWdlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkIFtpbWddID0gXCInaW1nL3BhdGgvaW1nLnBuZydcIj48L21lZmRldi1jYXJkPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGltZzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgcGF0aCwgd2hlcmUgdXNlciBnb2VzIGFmdGVyIGNsaWNrIGF0IHRoZSBpbWFnZS5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZCBbaW1nVXJsXSA9IFwiJ0ltZy51cmwnXCI+PC9tZWZkZXYtY2FyZD5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBpbWdVcmw6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIGRlc2NyaXB0aW9uIG9mIHRoZSBjYXJkLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkIFtkZXNjcmlwdGlvbl0gPSBcIidkZXNjcmlwdGlvbidcIj48L21lZmRldi1jYXJkPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXJcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIGltYWdlIGNsaWNrLlxyXG4gICAqIE5hdmlnYXRlcyB0byB0aGUgc3BlY2lmaWVkIFVSTC5cclxuICAgKi9cclxuICBwdWJsaWMgaW1nQ2xpY2soKXtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnLycsIHRoaXMuaW1nVXJsLnRvU3RyaW5nKCldKVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPG1lZmRldi1pbm5lci1jYXJkXHJcbiAgTWluaW1hbEhlYWRlcj1cInRydWVcIlxyXG4gIFRpbWVPdXQ9XCIyNTAwXCJcclxuICBbUmVmcmVzaF09XCJmYWxzZVwiXHJcbiAgW0Nsb3NlXT1cImZhbHNlXCI+XHJcblxyXG4gIDxuZy10ZW1wbGF0ZSAjQ2FyZFRpdGxlPlxyXG4gICAgPG5nLXRlbXBsYXRlIGNsYXNzPVwiY2FyZC10aXRsZSBib2R5LTFcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkX3RpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwicGx1Z2luLXR5cGVcIj5cclxuICAgIHt7IGNhcmRfdHlwZSB9fVxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtLWwtMiBjYXJkLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cIiFkZXNjcmlwdGlvbiB8fCBkZXNjcmlwdGlvbiA9PSAnJ1wiIGNsYXNzPVwiY2FyZC1uby1kZXNjcmlwdGlvblwiPiB7eydObyBwbHVnaW4gZGVzY3JpcHRpb24nfX08L2Rpdj5cclxuICAgICAgICA8cD5cclxuICAgICAgICAgIHt7ZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgbXQtMyB0ZXh0LWNlbnRlciBjYXJkLWltZ1wiXHJcbiAgICAgICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IGltZyA/ICd0cmFuc3BhcmVudCcgOiAnI2ZmZid9XCI+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCIhaW1nIHx8IGltZyA9PSAnJ1wiPlxyXG4gICAgICAgIDxpbWcgc3JjPVwiYXNzZXRzL2ltYWdlcy9tZF9pY29uLnBuZ1wiXHJcbiAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJpbWdcIj5cclxuICAgICAgICA8aW1nIHNyYz1cInt7aW1nfX1cIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlLXJlc3BvbnNpdmUtaGVpZ2h0IGltZy1taWRkbGVcIlxyXG4gICAgICAgICAgICAgc3R5bGU9XCJtYXgtd2lkdGg6IDI2MHB4OyBtYXgtaGVpZ2h0OiAxNTBweDtcIlxyXG4gICAgICAgICAgICAgb25jbGljaz1cImltZ0NsaWNrKClcIlxyXG4gICAgICAgIC8+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJyb3cgbWItMyBtdC0zXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9tZWZkZXYtaW5uZXItY2FyZD5cclxuIl19
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, Input } from '@angular/core';
|
|
2
|
-
import { CartTypeColors } from './cart-type-colors.enum';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/router";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "../../../pg-components/card/card.components";
|
|
7
|
-
/**
|
|
8
|
-
* Component for displaying a long card with a title, parameters, and description.
|
|
9
|
-
*
|
|
10
|
-
* Example of usage:
|
|
11
|
-
*
|
|
12
|
-
* ```
|
|
13
|
-
* <mefdev-card-long
|
|
14
|
-
* [type_text]="'Type Text'"
|
|
15
|
-
* [type_color]="CartTypeColors.RED"
|
|
16
|
-
* [img]="'path/to/image.jpg'"
|
|
17
|
-
* [imgUrl]="'path/to/image'"
|
|
18
|
-
* [description]="'Card description'">
|
|
19
|
-
*
|
|
20
|
-
* <ng-template #title>
|
|
21
|
-
* <!-- Content for the card title -->
|
|
22
|
-
* </ng-template>
|
|
23
|
-
|
|
24
|
-
* <ng-template #params>
|
|
25
|
-
* <!-- Content for the card parameters -->
|
|
26
|
-
* </ng-template>
|
|
27
|
-
|
|
28
|
-
* <ng-template #second_col>
|
|
29
|
-
* <!-- Content for the second column -->
|
|
30
|
-
* </ng-template>
|
|
31
|
-
|
|
32
|
-
* <ng-template #third_col>
|
|
33
|
-
* <!-- Content for the third column -->
|
|
34
|
-
* </ng-template>
|
|
35
|
-
* </mefdev-card-long>
|
|
36
|
-
* ```
|
|
37
|
-
*
|
|
38
|
-
* <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card_long</example-url>
|
|
39
|
-
*/
|
|
40
|
-
export class CardLongComponent {
|
|
41
|
-
router;
|
|
42
|
-
/**
|
|
43
|
-
* Template for displaying the title of the card.
|
|
44
|
-
* ```
|
|
45
|
-
* <mefdev-card-long>
|
|
46
|
-
* <ng-template #title>
|
|
47
|
-
* <!-- Content for the card title -->
|
|
48
|
-
* </ng-template>
|
|
49
|
-
* </mefdev-card-long>
|
|
50
|
-
* ```
|
|
51
|
-
*/
|
|
52
|
-
title;
|
|
53
|
-
/**
|
|
54
|
-
* Template for displaying the parameters of the card.
|
|
55
|
-
* ```
|
|
56
|
-
* <mefdev-card-long>
|
|
57
|
-
* <ng-template #params>
|
|
58
|
-
* <!-- Content for the card params -->
|
|
59
|
-
* </ng-template>
|
|
60
|
-
* </mefdev-card-long>
|
|
61
|
-
* ```
|
|
62
|
-
*/
|
|
63
|
-
params;
|
|
64
|
-
/**
|
|
65
|
-
* Template for displaying the content of the second column.
|
|
66
|
-
* ```
|
|
67
|
-
* <mefdev-card-long>
|
|
68
|
-
* <ng-template #second_col>
|
|
69
|
-
* <!-- Content for the card second column -->
|
|
70
|
-
* </ng-template>
|
|
71
|
-
* </mefdev-card-long>
|
|
72
|
-
* ```
|
|
73
|
-
*/
|
|
74
|
-
second_col;
|
|
75
|
-
/**
|
|
76
|
-
* Template for displaying the content of the third column.
|
|
77
|
-
* ```
|
|
78
|
-
* <mefdev-card-long>
|
|
79
|
-
* <ng-template #third_col>
|
|
80
|
-
* <!-- Content for the card third column -->
|
|
81
|
-
* </ng-template>
|
|
82
|
-
* </mefdev-card-long>
|
|
83
|
-
* ```
|
|
84
|
-
*/
|
|
85
|
-
third_col;
|
|
86
|
-
/**
|
|
87
|
-
* The text for the card type.
|
|
88
|
-
* @usageNotes
|
|
89
|
-
* ```
|
|
90
|
-
* <mefdev-card-long type_text = "'Type'"></<mefdev-card-long>
|
|
91
|
-
* ```
|
|
92
|
-
*/
|
|
93
|
-
type_text;
|
|
94
|
-
/**
|
|
95
|
-
* The color of the card type.
|
|
96
|
-
* @usageNotes
|
|
97
|
-
* ```
|
|
98
|
-
* <mefdev-card-long type_color = "'RED'"></<mefdev-card-long>
|
|
99
|
-
* ```
|
|
100
|
-
* Colors: RED, UNSET, GREEN
|
|
101
|
-
|
|
102
|
-
*/
|
|
103
|
-
type_color = CartTypeColors.UNSET;
|
|
104
|
-
/**
|
|
105
|
-
* The path to the image.
|
|
106
|
-
* @usageNotes
|
|
107
|
-
* ```
|
|
108
|
-
* <mefdev-card-long [img] = "'img/path/img.png'"></mefdev-card-long>
|
|
109
|
-
* ```
|
|
110
|
-
*/
|
|
111
|
-
img;
|
|
112
|
-
/**
|
|
113
|
-
* The path, where user goes after click at the image.
|
|
114
|
-
* @usageNotes
|
|
115
|
-
* ```
|
|
116
|
-
* <mefdev-card-long [imgUrl] = "'Img.url'"></mefdev-card-long>
|
|
117
|
-
* ```
|
|
118
|
-
*/
|
|
119
|
-
imgUrl;
|
|
120
|
-
/**
|
|
121
|
-
* The description of the card.
|
|
122
|
-
* @usageNotes
|
|
123
|
-
* ```
|
|
124
|
-
* <mefdev-card-long [description] = "'description'"></mefdev-card-long>
|
|
125
|
-
* ```
|
|
126
|
-
*/
|
|
127
|
-
description;
|
|
128
|
-
constructor(router) {
|
|
129
|
-
this.router = router;
|
|
130
|
-
}
|
|
131
|
-
ngOnInit() {
|
|
132
|
-
}
|
|
133
|
-
/**
|
|
134
|
-
* Event handler for image click.
|
|
135
|
-
* Navigates to the specified URL.
|
|
136
|
-
*/
|
|
137
|
-
imgClick() {
|
|
138
|
-
this.router.navigate(['/', this.imgUrl.toString()]);
|
|
139
|
-
}
|
|
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: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
|
-
}
|
|
143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardLongComponent, decorators: [{
|
|
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: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
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { title: [{
|
|
147
|
-
type: ContentChild,
|
|
148
|
-
args: ["title"]
|
|
149
|
-
}], params: [{
|
|
150
|
-
type: ContentChild,
|
|
151
|
-
args: ["params"]
|
|
152
|
-
}], second_col: [{
|
|
153
|
-
type: ContentChild,
|
|
154
|
-
args: ["second_col"]
|
|
155
|
-
}], third_col: [{
|
|
156
|
-
type: ContentChild,
|
|
157
|
-
args: ["third_col"]
|
|
158
|
-
}], type_text: [{
|
|
159
|
-
type: Input
|
|
160
|
-
}], type_color: [{
|
|
161
|
-
type: Input
|
|
162
|
-
}], img: [{
|
|
163
|
-
type: Input
|
|
164
|
-
}], imgUrl: [{
|
|
165
|
-
type: Input
|
|
166
|
-
}], description: [{
|
|
167
|
-
type: Input
|
|
168
|
-
}] } });
|
|
169
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sb25nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L2NhcmQvY2FyZC1sb25nL2NhcmQtbG9uZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQtbG9uZy9jYXJkLWxvbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBRXZEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWdDRTtBQU9KLE1BQU0sT0FBTyxpQkFBaUI7SUFtR2xCO0lBakdWOzs7Ozs7Ozs7T0FTRztJQUNvQixLQUFLLENBQW9CO0lBRTlDOzs7Ozs7Ozs7S0FTQztJQUNxQixNQUFNLENBQW9CO0lBRWxEOzs7Ozs7Ozs7T0FTRztJQUN5QixVQUFVLENBQW9CO0lBRTFEOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBR3hEOzs7Ozs7T0FNRztJQUNNLFNBQVMsQ0FBUztJQUUzQjs7Ozs7Ozs7T0FRRztJQUNNLFVBQVUsR0FBbUIsY0FBYyxDQUFDLEtBQUssQ0FBQztJQUUzRDs7Ozs7O09BTUc7SUFDTSxHQUFHLENBQVM7SUFFcEI7Ozs7OztNQU1FO0lBQ00sTUFBTSxDQUFTO0lBRXhCOzs7Ozs7T0FNRztJQUNNLFdBQVcsQ0FBUztJQUU3QixZQUNVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO0lBQ3BCLENBQUM7SUFFTCxRQUFRO0lBQ1IsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFFBQVE7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUNyRCxDQUFDO3dHQS9HVSxpQkFBaUI7NEZBQWpCLGlCQUFpQixtaEJDM0M5Qix1d0RBcURBOzs0RkRWYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0Usa0JBQWtCOzZGQWdCTCxLQUFLO3NCQUEzQixZQUFZO3VCQUFDLE9BQU87Z0JBWUcsTUFBTTtzQkFBN0IsWUFBWTt1QkFBQyxRQUFRO2dCQVlNLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFZQyxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBVWhCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBV0csVUFBVTtzQkFBbEIsS0FBSztnQkFTRyxHQUFHO3NCQUFYLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQ2FydFR5cGVDb2xvcnMgfSBmcm9tICcuL2NhcnQtdHlwZS1jb2xvcnMuZW51bSc7XHJcblxyXG4gIC8qKlxyXG4gICogQ29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGEgbG9uZyBjYXJkIHdpdGggYSB0aXRsZSwgcGFyYW1ldGVycywgYW5kIGRlc2NyaXB0aW9uLlxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWNhcmQtbG9uZ1xyXG4gICogICAgIFt0eXBlX3RleHRdPVwiJ1R5cGUgVGV4dCdcIlxyXG4gICogICAgIFt0eXBlX2NvbG9yXT1cIkNhcnRUeXBlQ29sb3JzLlJFRFwiXHJcbiAgKiAgICAgW2ltZ109XCIncGF0aC90by9pbWFnZS5qcGcnXCJcclxuICAqICAgICBbaW1nVXJsXT1cIidwYXRoL3RvL2ltYWdlJ1wiXHJcbiAgKiAgICAgW2Rlc2NyaXB0aW9uXT1cIidDYXJkIGRlc2NyaXB0aW9uJ1wiPlxyXG4gICpcclxuICAqICAgICA8bmctdGVtcGxhdGUgI3RpdGxlPlxyXG4gICogICAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCB0aXRsZSAtLT5cclxuICAqICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAqICAgICA8bmctdGVtcGxhdGUgI3BhcmFtcz5cclxuICAqICAgICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgcGFyYW1ldGVycyAtLT5cclxuICAqICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAqICAgICA8bmctdGVtcGxhdGUgI3NlY29uZF9jb2w+XHJcbiAgKiAgICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBzZWNvbmQgY29sdW1uIC0tPlxyXG4gICogICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICogICAgIDxuZy10ZW1wbGF0ZSAjdGhpcmRfY29sPlxyXG4gICogICAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgdGhpcmQgY29sdW1uIC0tPlxyXG4gICogICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1jYXJkLWxvbmc+XHJcbiAgKiBgYGBcclxuICAqXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9jb21wb25lbnRzL2NhcmQvY2FyZF9sb25nPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY2FyZC1sb25nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1sb25nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWxvbmcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZExvbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBUZW1wbGF0ZSBmb3IgZGlzcGxheWluZyB0aGUgdGl0bGUgb2YgdGhlIGNhcmQuXHJcbiAgICAqIGBgYFxyXG4gICAgKiA8bWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogICA8bmctdGVtcGxhdGUgI3RpdGxlPlxyXG4gICAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCB0aXRsZSAtLT5cclxuICAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAgKiA8L21lZmRldi1jYXJkLWxvbmc+XHJcbiAgICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ0aXRsZVwiKSB0aXRsZTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gICAgLyoqXHJcbiAgICogVGVtcGxhdGUgZm9yIGRpc3BsYXlpbmcgdGhlIHBhcmFtZXRlcnMgb2YgdGhlIGNhcmQuXHJcbiAgICAqIGBgYFxyXG4gICAgKiA8bWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogICA8bmctdGVtcGxhdGUgI3BhcmFtcz5cclxuICAgICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgcGFyYW1zIC0tPlxyXG4gICAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAqIDwvbWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcInBhcmFtc1wiKSBwYXJhbXM6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgICogVGVtcGxhdGUgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb2YgdGhlIHNlY29uZCBjb2x1bW4uXHJcbiAgICAqIGBgYFxyXG4gICAgKiA8bWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogICA8bmctdGVtcGxhdGUgI3NlY29uZF9jb2w+XHJcbiAgICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHNlY29uZCBjb2x1bW4gLS0+XHJcbiAgICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICogPC9tZWZkZXYtY2FyZC1sb25nPlxyXG4gICAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwic2Vjb25kX2NvbFwiKSBzZWNvbmRfY29sOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICAqIFRlbXBsYXRlIGZvciBkaXNwbGF5aW5nIHRoZSBjb250ZW50IG9mIHRoZSB0aGlyZCBjb2x1bW4uXHJcbiAgICAqIGBgYFxyXG4gICAgKiA8bWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogICA8bmctdGVtcGxhdGUgI3RoaXJkX2NvbD5cclxuICAgICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgdGhpcmQgY29sdW1uIC0tPlxyXG4gICAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAqIDwvbWVmZGV2LWNhcmQtbG9uZz5cclxuICAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcInRoaXJkX2NvbFwiKSB0aGlyZF9jb2w6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRleHQgZm9yIHRoZSBjYXJkIHR5cGUuXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNhcmQtbG9uZyB0eXBlX3RleHQgPSBcIidUeXBlJ1wiPjwvPG1lZmRldi1jYXJkLWxvbmc+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZV90ZXh0OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgY2FyZCB0eXBlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkLWxvbmcgdHlwZV9jb2xvciA9IFwiJ1JFRCdcIj48LzxtZWZkZXYtY2FyZC1sb25nPlxyXG4gICAqIGBgYFxyXG4gICAqIENvbG9yczogUkVELCBVTlNFVCwgR1JFRU5cclxuXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZV9jb2xvcjogQ2FydFR5cGVDb2xvcnMgPSBDYXJ0VHlwZUNvbG9ycy5VTlNFVDtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHBhdGggdG8gdGhlIGltYWdlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkLWxvbmcgW2ltZ10gPSBcIidpbWcvcGF0aC9pbWcucG5nJ1wiPjwvbWVmZGV2LWNhcmQtbG9uZz5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBpbWc6IHN0cmluZztcclxuXHJcbiAgIC8qKlxyXG4gICAqIFRoZSBwYXRoLCB3aGVyZSB1c2VyIGdvZXMgYWZ0ZXIgY2xpY2sgYXQgdGhlIGltYWdlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkLWxvbmcgW2ltZ1VybF0gPSBcIidJbWcudXJsJ1wiPjwvbWVmZGV2LWNhcmQtbG9uZz5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBpbWdVcmw6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIGRlc2NyaXB0aW9uIG9mIHRoZSBjYXJkLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkLWxvbmcgW2Rlc2NyaXB0aW9uXSA9IFwiJ2Rlc2NyaXB0aW9uJ1wiPjwvbWVmZGV2LWNhcmQtbG9uZz5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXJcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIGltYWdlIGNsaWNrLlxyXG4gICAqIE5hdmlnYXRlcyB0byB0aGUgc3BlY2lmaWVkIFVSTC5cclxuICAgKi9cclxuICBwdWJsaWMgaW1nQ2xpY2soKXtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnLycsIHRoaXMuaW1nVXJsLnRvU3RyaW5nKCldKVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPG1lZmRldi1pbm5lci1jYXJkXHJcbiAgTWluaW1hbEhlYWRlcj1cInRydWVcIlxyXG4gIFRpbWVPdXQ9XCIyNTAwXCJcclxuICBbUmVmcmVzaF09XCJmYWxzZVwiXHJcbiAgW0Nsb3NlXT1cImZhbHNlXCJcclxuPlxyXG5cclxuICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAgIDxuZy10ZW1wbGF0ZSBjbGFzcz1cImNhcmQtdGl0bGVcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJ0aXRsZVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNDYXJkRXh0cmFDb250cm9scz5cclxuICAgIDxkaXYgY2xhc3M9XCJwbHVnaW4tdHlwZVwiXHJcbiAgICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICAgJ2ItY29sb3ItTGlnaHQtR3JheS0xJzogdHlwZV9jb2xvciA9PT0gJ1VOU0VUJyxcclxuICAgICAgICAgICAgJ2ItY29sb3ItUmVkJzogdHlwZV9jb2xvciA9PT0gJ1JFRCcsXHJcbiAgICAgICAgICAgICdiLWNvbG9yLUdyZWVuJzogdHlwZV9jb2xvciA9PT0gJ0dSRUVOJ31cIj5cclxuICAgICAge3t0eXBlX3RleHR9fVxyXG4gICAgPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInJvdyBoLTEwMCBtLWItMTBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctMyBjb2wtMTIgY2FyZC1jb2xcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgY2FyZC1pbWcgbS1iLTEwXCI+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWltZyB8fCBpbWcgPT0gJydcIj5cclxuICAgICAgICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL21kX2ljb24ucG5nXCJcclxuICAgICAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiLz5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImltZ1wiPlxyXG4gICAgICAgICAgICA8aW1nIHNyYz1cInt7aW1nfX1cIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlLXJlc3BvbnNpdmUtaGVpZ2h0IGltZy1taWRkbGVcIlxyXG4gICAgICAgICAgICAgICAgIGhlaWdodD1cIjExMHB4XCJcclxuICAgICAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiXHJcbiAgICAgICAgICAgICAgICAgb25jbGljaz1cImltZ0NsaWNrKClcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMiBtLXQtMiBib2R5LTYgdGV4dC1kYXJrIHBhcmFtcy1ibG9ja1wiPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInBhcmFtc1wiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC1sZy01IGNvbC0xMiBjYXJkLWNvbFwiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwic2Vjb25kX2NvbFwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTQgY29sLTEyIGNhcmQtY29sIG10LWxnLTAgbXQtNVwiPlxyXG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwidGhpcmRfY29sXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG5cclxuICA8L2Rpdj5cclxuPC9tZWZkZXYtaW5uZXItY2FyZD5cclxuIl19
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export var CartTypeColors;
|
|
2
|
-
(function (CartTypeColors) {
|
|
3
|
-
CartTypeColors["UNSET"] = "UNSET";
|
|
4
|
-
CartTypeColors["RED"] = "RED";
|
|
5
|
-
CartTypeColors["GREEN"] = "GREEN";
|
|
6
|
-
})(CartTypeColors || (CartTypeColors = {}));
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FydC10eXBlLWNvbG9ycy5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY2FyZC9jYXJkLWxvbmcvY2FydC10eXBlLWNvbG9ycy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBSVQ7QUFKSCxXQUFZLGNBQWM7SUFDdEIsaUNBQWUsQ0FBQTtJQUNmLDZCQUFXLENBQUE7SUFDWCxpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKUyxjQUFjLEtBQWQsY0FBYyxRQUl2QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIENhcnRUeXBlQ29sb3JzIHtcclxuICAgIFVOU0VUID0gJ1VOU0VUJyxcclxuICAgIFJFRCA9ICdSRUQnLFxyXG4gICAgR1JFRU4gPSAnR1JFRU4nXHJcbiAgfSJdfQ==
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
/**
|
|
5
|
-
* Component for displaying a simple card with a title.
|
|
6
|
-
*
|
|
7
|
-
* Example of usage:
|
|
8
|
-
*```
|
|
9
|
-
* <mefdev-card-simple [disabled]="true">
|
|
10
|
-
* <ng-template #card_title>
|
|
11
|
-
* <!-- Content for the card title -->
|
|
12
|
-
* </ng-template>
|
|
13
|
-
* </mefdev-card-simple>
|
|
14
|
-
*```
|
|
15
|
-
*
|
|
16
|
-
* <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/card/card_simple</example-url>
|
|
17
|
-
*/
|
|
18
|
-
export class CardSimpleComponent {
|
|
19
|
-
/**
|
|
20
|
-
* Determines whether the card is disabled or not.
|
|
21
|
-
*/
|
|
22
|
-
isDisabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* Template for displaying the title of the card.
|
|
25
|
-
*```
|
|
26
|
-
* <mefdev-card-simple>
|
|
27
|
-
* <ng-template #card_title>
|
|
28
|
-
* <h3>Card Title</h3>
|
|
29
|
-
* </ng-template>
|
|
30
|
-
* </mefdev-card-simple>
|
|
31
|
-
*```
|
|
32
|
-
*/
|
|
33
|
-
card_title;
|
|
34
|
-
constructor() { }
|
|
35
|
-
ngOnInit() {
|
|
36
|
-
}
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardSimpleComponent, selector: "mefdev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n <div class=\"col-12\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row m-2\">\r\n <div class=\"col-12\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".color-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}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardSimpleComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{ selector: 'mefdev-card-simple', template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n <div class=\"col-12\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row m-2\">\r\n <div class=\"col-12\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".color-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}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"] }]
|
|
43
|
-
}], ctorParameters: function () { return []; }, propDecorators: { isDisabled: [{
|
|
44
|
-
type: Input,
|
|
45
|
-
args: ["disabled"]
|
|
46
|
-
}], card_title: [{
|
|
47
|
-
type: ContentChild,
|
|
48
|
-
args: ["card_title"]
|
|
49
|
-
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zaW1wbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY2FyZC9jYXJkLXNpbXBsZS9jYXJkLXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQtc2ltcGxlL2NhcmQtc2ltcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBdUIsTUFBTSxlQUFlLENBQUM7OztBQUdwRjs7Ozs7Ozs7Ozs7OztJQWFJO0FBTUosTUFBTSxPQUFPLG1CQUFtQjtJQUU5Qjs7T0FFRztJQUNnQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBRS9DOzs7Ozs7Ozs7T0FTRztJQUN5QixVQUFVLENBQW9CO0lBRTFELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO3dHQXRCVSxtQkFBbUI7NEZBQW5CLG1CQUFtQixvTkN0QmhDLDJhQVlBOzs0RkRVYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usb0JBQW9COzBFQVNYLFVBQVU7c0JBQTVCLEtBQUs7dUJBQUMsVUFBVTtnQkFZVyxVQUFVO3NCQUFyQyxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG4vKipcclxuICAqIENvbXBvbmVudCBmb3IgZGlzcGxheWluZyBhIHNpbXBsZSBjYXJkIHdpdGggYSB0aXRsZS5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtY2FyZC1zaW1wbGUgW2Rpc2FibGVkXT1cInRydWVcIj5cclxuICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgdGl0bGUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1jYXJkLXNpbXBsZT5cclxuICAqYGBgXHJcbiAgKlxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vcGxhdGZvcm0ubWVmLmRldi91aV9raXRfZGVtby92aWV3L3BhZ2VfY29tcG9uZW50cy9jYXJkL2NhcmRfc2ltcGxlPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1jYXJkLXNpbXBsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtc2ltcGxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jYXJkLXNpbXBsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkU2ltcGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIHRoZSBjYXJkIGlzIGRpc2FibGVkIG9yIG5vdC5cclxuICAgKi9cclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRlbXBsYXRlIGZvciBkaXNwbGF5aW5nIHRoZSB0aXRsZSBvZiB0aGUgY2FyZC5cclxuICAgKmBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZC1zaW1wbGU+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI2NhcmRfdGl0bGU+XHJcbiAgICogICAgIDxoMz5DYXJkIFRpdGxlPC9oMz5cclxuICAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICogPC9tZWZkZXYtY2FyZC1zaW1wbGU+XHJcbiAgICpgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiY2FyZF90aXRsZVwiKSBjYXJkX3RpdGxlOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1zaW1wbGVcIiBbbmdDbGFzc109XCJ7ICd1bnVzZWQtYmxvY2snOmlzRGlzYWJsZWQgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBtLTIgYm9keS0xXCIgKm5nSWY9XCJjYXJkX3RpdGxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY2FyZF90aXRsZVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbS0yXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { CardComponent } from './card/card.component';
|
|
4
|
-
import { MefDevSelectModule } from '../../pg-components/select/select.module';
|
|
5
|
-
import { MefdevInnerCardModule } from "./../../pg-components/card/card.module";
|
|
6
|
-
import { MefDevCollapseModule } from '../collapse/collapse.module';
|
|
7
|
-
import { CardLongComponent } from './card-long/card-long.component';
|
|
8
|
-
import { CardSimpleComponent } from './card-simple/card-simple.component';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export const mefDevCardComponents = [CardComponent, CardLongComponent, CardSimpleComponent];
|
|
11
|
-
export class MefDevCardModule {
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MefDevCardModule, declarations: [CardComponent, CardLongComponent, CardSimpleComponent], imports: [CommonModule,
|
|
14
|
-
MefDevCollapseModule,
|
|
15
|
-
MefDevSelectModule,
|
|
16
|
-
MefdevInnerCardModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
|
|
17
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCardModule, imports: [CommonModule,
|
|
18
|
-
MefDevCollapseModule,
|
|
19
|
-
MefDevSelectModule,
|
|
20
|
-
MefdevInnerCardModule] });
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCardModule, decorators: [{
|
|
23
|
-
type: NgModule,
|
|
24
|
-
args: [{
|
|
25
|
-
declarations: mefDevCardComponents,
|
|
26
|
-
exports: mefDevCardComponents,
|
|
27
|
-
imports: [
|
|
28
|
-
CommonModule,
|
|
29
|
-
MefDevCollapseModule,
|
|
30
|
-
MefDevSelectModule,
|
|
31
|
-
MefdevInnerCardModule,
|
|
32
|
-
]
|
|
33
|
-
}]
|
|
34
|
-
}] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFMUUsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztBQVc1RixNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7eUdBQWhCLGdCQUFnQixpQkFYUSxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1CLGFBS3RGLFlBQVk7WUFDWixvQkFBb0I7WUFDdEIsa0JBQWtCO1lBQ2hCLHFCQUFxQixhQVJZLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUI7eUdBVzdFLGdCQUFnQixZQU56QixZQUFZO1lBQ1osb0JBQW9CO1lBQ3RCLGtCQUFrQjtZQUNoQixxQkFBcUI7OzRGQUdaLGdCQUFnQjtrQkFWNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsb0JBQW9CO29CQUNsQyxPQUFPLEVBQUUsb0JBQW9CO29CQUM3QixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3RCLGtCQUFrQjt3QkFDaEIscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQvY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBNZWZEZXZTZWxlY3RNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QubW9kdWxlJztcclxuaW1wb3J0IHsgTWVmZGV2SW5uZXJDYXJkTW9kdWxlIH0gZnJvbSBcIi4vLi4vLi4vcGctY29tcG9uZW50cy9jYXJkL2NhcmQubW9kdWxlXCI7XHJcbmltcG9ydCB7IE1lZkRldkNvbGxhcHNlTW9kdWxlIH0gZnJvbSAnLi4vY29sbGFwc2UvY29sbGFwc2UubW9kdWxlJztcclxuaW1wb3J0IHsgQ2FyZExvbmdDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtbG9uZy9jYXJkLWxvbmcuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2FyZFNpbXBsZUNvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1zaW1wbGUvY2FyZC1zaW1wbGUuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBjb25zdCBtZWZEZXZDYXJkQ29tcG9uZW50cyA9IFtDYXJkQ29tcG9uZW50LCBDYXJkTG9uZ0NvbXBvbmVudCwgQ2FyZFNpbXBsZUNvbXBvbmVudF07XHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBtZWZEZXZDYXJkQ29tcG9uZW50cyxcclxuICBleHBvcnRzOiBtZWZEZXZDYXJkQ29tcG9uZW50cyxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNZWZEZXZDb2xsYXBzZU1vZHVsZSxcclxuXHRcdE1lZkRldlNlbGVjdE1vZHVsZSxcclxuICAgIE1lZmRldklubmVyQ2FyZE1vZHVsZSxcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZWZEZXZDYXJkTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export * from './card/card.component';
|
|
2
|
-
export * from './card-long/card-long.component';
|
|
3
|
-
export * from './card-long/cart-type-colors.enum';
|
|
4
|
-
export * from './card-simple/card-simple.component';
|
|
5
|
-
export * from './card.module';
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkL2NhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkLWxvbmcvY2FyZC1sb25nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1sb25nL2NhcnQtdHlwZS1jb2xvcnMuZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1zaW1wbGUvY2FyZC1zaW1wbGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkLm1vZHVsZSc7XHJcbiJdfQ==
|