@craftsjs/card 5.0.0 → 6.0.0

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 (33) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +115 -115
  3. package/_craftsjs-card.theme.scss +166 -135
  4. package/esm2022/lib/card.component.mjs +11 -0
  5. package/esm2022/lib/card.module.mjs +69 -0
  6. package/esm2022/lib/components/card-header/card-header.component.mjs +15 -0
  7. package/{esm2020 → esm2022}/lib/components/card-header/components/card-header-linear/card-header-linear.component.mjs +4 -4
  8. package/{esm2020 → esm2022}/lib/components/card-header/components/card-header-oval/card-header-oval.component.mjs +5 -5
  9. package/esm2022/lib/directives/card-body.directive.mjs +14 -0
  10. package/{esm2020 → esm2022}/lib/directives/card-divider.directive.mjs +4 -4
  11. package/{esm2020 → esm2022}/lib/directives/card-footer.directive.mjs +4 -4
  12. package/{esm2020 → esm2022}/lib/directives/card-header-mark.directive.mjs +4 -4
  13. package/esm2022/lib/directives/card-header-subtitle.directive.mjs +16 -0
  14. package/{esm2020 → esm2022}/lib/directives/card-title.directive.mjs +4 -4
  15. package/esm2022/lib/mixins/color.mjs +23 -0
  16. package/{esm2020 → esm2022}/public-api.mjs +1 -1
  17. package/fesm2022/craftsjs-card.mjs +220 -0
  18. package/fesm2022/craftsjs-card.mjs.map +1 -0
  19. package/lib/components/card-header/card-header.component.d.ts +1 -1
  20. package/lib/components/card-header/components/card-header-oval/card-header-oval.component.d.ts +1 -1
  21. package/lib/mixins/color.d.ts +1 -1
  22. package/package.json +11 -19
  23. package/esm2020/lib/card.component.mjs +0 -11
  24. package/esm2020/lib/card.module.mjs +0 -69
  25. package/esm2020/lib/components/card-header/card-header.component.mjs +0 -15
  26. package/esm2020/lib/directives/card-body.directive.mjs +0 -14
  27. package/esm2020/lib/directives/card-header-subtitle.directive.mjs +0 -16
  28. package/esm2020/lib/mixins/color.mjs +0 -23
  29. package/fesm2015/craftsjs-card.mjs +0 -221
  30. package/fesm2015/craftsjs-card.mjs.map +0 -1
  31. package/fesm2020/craftsjs-card.mjs +0 -221
  32. package/fesm2020/craftsjs-card.mjs.map +0 -1
  33. /package/{esm2020 → esm2022}/craftsjs-card.mjs +0 -0
package/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2020 Craftsjs
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2020 Craftsjs
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,115 +1,115 @@
1
- # ADDAPPTABLES card
2
-
3
- Craftsjs card is a library for angular
4
-
5
- [See demo](http://addapptables.com/admin/components/cards)
6
-
7
- [Example code](https://stackblitz.com/edit/angular-card-addapptables)
8
-
9
- ## Getting Started
10
- To get started, let's install the package through npm:
11
-
12
- Choose the version corresponding to your Angular version:
13
-
14
- Angular | @craftsjs/card
15
- ----------- | -------------------
16
- 15 | 5.x
17
- 13 | 4.x
18
- 12 | 3.x
19
- 11 | 2.x
20
- 10 | 1.x
21
-
22
- ```
23
- npm i @craftsjs/card --S
24
- ```
25
-
26
- Install peer dependencies
27
-
28
- ```
29
- npm i
30
- @craftsjs/core
31
- @angular/material
32
- @angular/animations
33
- @angular/cdk --S
34
- ```
35
-
36
- ## How to use
37
-
38
- - Import the module CardModule
39
-
40
- ```typescript
41
- import { CardModule } from '@craftsjs/card';
42
- @NgModule({
43
- imports: [CardModule]
44
- })
45
- export class YourModule { }
46
- ```
47
-
48
- simple card
49
- ```html
50
- <craftsjs-card>
51
- <card-header>
52
- <card-header-linear>
53
- <card-title>
54
- <mat-icon matSuffix>horizontal_split</mat-icon>
55
- <span>Simple card</span>
56
- </card-title>
57
- </card-header-linear>
58
- </card-header>
59
- <mat-divider></mat-divider>
60
- <card-body>
61
- // custom component
62
- </card-body>
63
- </craftsjs-card>
64
- ```
65
-
66
- Oval card
67
- ```html
68
- <craftsjs-card>
69
- <card-header>
70
- <card-header-oval>
71
- <card-title>
72
- <mat-icon matSuffix>horizontal_split</mat-icon>
73
- <span>Oval card</span>
74
- </card-title>
75
- </card-header-oval>
76
- </card-header>
77
- <card-body>
78
- // custom component
79
- </card-body>
80
- </craftsjs-card>
81
- ```
82
-
83
- - Finally, it is important to import the styles to the application
84
-
85
- ```scss
86
- @import '~@craftsjs/core/craftsjs-grid.theme';
87
- @import '~@angular/material/theming';
88
- @import '~@craftsjs/card/craftsjs-card.theme';
89
-
90
- $craftsjs-app-primary: mat-palette($mat-teal, 800);
91
- $craftsjs-app-accent: mat-palette($mat-pink, 800, A100, 100);
92
- $craftsjs-app-warn: mat-palette($mat-red);
93
- $craftsjs-app-theme: mat-light-theme($craftsjs-app-primary, $craftsjs-app-accent, $craftsjs-app-warn);
94
- $craftsjs-theme-variables: (
95
- text: white,
96
- border-radius: 5px,
97
- color-blue: #20a9d2,
98
- color-success: #5cb85c,
99
- color-info: #5bc0de,
100
- color-warning: #e09d3d,
101
- color-danger: #d43934,
102
- gray-color: #696868
103
- );
104
- @include mat-core();
105
- body.theme-default {
106
- @include angular-material-theme($craftsjs-app-theme);
107
- @include card($craftsjs-app-theme, $craftsjs-theme-variables);
108
- }
109
- ```
110
-
111
- - Do not forget to put the theme-default class in the html body
112
-
113
- ```html
114
- <body class="theme-default"></body>
115
- ```
1
+ # ADDAPPTABLES card
2
+
3
+ Craftsjs card is a library for angular
4
+
5
+ [See demo](http://addapptables.com/admin/components/cards)
6
+
7
+ [Example code](https://stackblitz.com/edit/angular-card-addapptables)
8
+
9
+ ## Getting Started
10
+ To get started, let's install the package through npm:
11
+
12
+ Choose the version corresponding to your Angular version:
13
+
14
+ Angular | @craftsjs/card
15
+ ----------- | -------------------
16
+ 15 | 5.x
17
+ 13 | 4.x
18
+ 12 | 3.x
19
+ 11 | 2.x
20
+ 10 | 1.x
21
+
22
+ ```
23
+ npm i @craftsjs/card --S
24
+ ```
25
+
26
+ Install peer dependencies
27
+
28
+ ```
29
+ npm i
30
+ @craftsjs/core
31
+ @angular/material
32
+ @angular/animations
33
+ @angular/cdk --S
34
+ ```
35
+
36
+ ## How to use
37
+
38
+ - Import the module CardModule
39
+
40
+ ```typescript
41
+ import { CardModule } from '@craftsjs/card';
42
+ @NgModule({
43
+ imports: [CardModule]
44
+ })
45
+ export class YourModule { }
46
+ ```
47
+
48
+ simple card
49
+ ```html
50
+ <craftsjs-card>
51
+ <card-header>
52
+ <card-header-linear>
53
+ <card-title>
54
+ <mat-icon matSuffix>horizontal_split</mat-icon>
55
+ <span>Simple card</span>
56
+ </card-title>
57
+ </card-header-linear>
58
+ </card-header>
59
+ <mat-divider></mat-divider>
60
+ <card-body>
61
+ // custom component
62
+ </card-body>
63
+ </craftsjs-card>
64
+ ```
65
+
66
+ Oval card
67
+ ```html
68
+ <craftsjs-card>
69
+ <card-header>
70
+ <card-header-oval>
71
+ <card-title>
72
+ <mat-icon matSuffix>horizontal_split</mat-icon>
73
+ <span>Oval card</span>
74
+ </card-title>
75
+ </card-header-oval>
76
+ </card-header>
77
+ <card-body>
78
+ // custom component
79
+ </card-body>
80
+ </craftsjs-card>
81
+ ```
82
+
83
+ - Finally, it is important to import the styles to the application
84
+
85
+ ```scss
86
+ @import '~@craftsjs/core/craftsjs-grid.theme';
87
+ @import '~@angular/material/theming';
88
+ @import '~@craftsjs/card/craftsjs-card.theme';
89
+
90
+ $craftsjs-app-primary: mat-palette($mat-teal, 800);
91
+ $craftsjs-app-accent: mat-palette($mat-pink, 800, A100, 100);
92
+ $craftsjs-app-warn: mat-palette($mat-red);
93
+ $craftsjs-app-theme: mat-light-theme($craftsjs-app-primary, $craftsjs-app-accent, $craftsjs-app-warn);
94
+ $craftsjs-theme-variables: (
95
+ text: white,
96
+ border-radius: 5px,
97
+ color-blue: #20a9d2,
98
+ color-success: #5cb85c,
99
+ color-info: #5bc0de,
100
+ color-warning: #e09d3d,
101
+ color-danger: #d43934,
102
+ gray-color: #696868
103
+ );
104
+ @include mat-core();
105
+ body.theme-default {
106
+ @include angular-material-theme($craftsjs-app-theme);
107
+ @include card($craftsjs-app-theme, $craftsjs-theme-variables);
108
+ }
109
+ ```
110
+
111
+ - Do not forget to put the theme-default class in the html body
112
+
113
+ ```html
114
+ <body class="theme-default"></body>
115
+ ```
@@ -1,135 +1,166 @@
1
- @mixin box_shadow_header_color($color) {
2
- box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px $color
3
- }
4
-
5
- @mixin addapptable-card-header($variables) {
6
- p{
7
- margin: 0;
8
- }
9
- .card {
10
- &-header {
11
- justify-content: space-between;
12
- &-subtitle {
13
- text-align: end;
14
- margin: 0.5em;
15
- &-mark{
16
- color: #999;
17
- font-size: 1em;
18
- margin-bottom: 0.5em;
19
- }
20
- }
21
- &-blue{
22
- background-color: map-get($variables, color-blue);
23
- @include box_shadow_header_color(map-get($variables, color-blue));
24
- }
25
- &-danger{
26
- background-color: map-get($variables, color-danger);
27
- @include box_shadow_header_color(map-get($variables, color-danger));
28
- }
29
- &-warning{
30
- background-color: map-get($variables, color-warning);
31
- @include box_shadow_header_color(map-get($variables, color-warning));
32
- }
33
- &-success{
34
- background-color: map-get($variables, color-success);
35
- @include box_shadow_header_color(map-get($variables, color-success));
36
- }
37
- &-info{
38
- background-color: map-get($variables, color-info);
39
- @include box_shadow_header_color(map-get($variables, color-info));
40
- }
41
- &-gray{
42
- background-color: map-get($variables, gray-color);
43
- @include box_shadow_header_color(map-get($variables, gray-color));
44
- }
45
- }
46
- }
47
- }
48
-
49
-
50
- @mixin card($theme, $variables) {
51
-
52
- $accent: map-get($theme, accent);
53
- $background: map-get($theme, background);
54
- $foreground: map-get($theme, foreground);
55
-
56
- //card
57
- $card-padding: 12px 0;
58
- $card-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
59
-
60
- //general
61
- $card-margin: 5px;
62
-
63
- //header
64
- $card-header-margin: -20px 15px 0 16px;
65
- $card-header-padding: 20px;
66
- $card-title-font-weight: 500;
67
- $card-header-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px mat.get-color-from-palette($accent);
68
- $card-header-icon-margin-right: 10px;
69
- $background-color-header: mat.get-color-from-palette($accent);
70
-
71
- // body
72
- $card-body-padding: 12px 20px 20px;
73
-
74
- //footer
75
- $card-footer-margin: 0 20px 10px;
76
- $card-padding-top: 10px;
77
-
78
-
79
- .card {
80
- display: inline-block;
81
- position: relative;
82
- width: 100%;
83
- margin: $card-padding;
84
- box-shadow: $card-box-shadow;
85
- background: mat.get-color-from-palette($background, card);
86
- margin-top: 32px;
87
- &-header {
88
- &-oval {
89
- background-color: $background-color-header;
90
- color: map-get($variables, text);;
91
- padding: 20px 15px;
92
- margin: $card-header-margin;
93
- border-radius: map-get($variables, border-radius);
94
- display: inline-block;
95
- box-shadow: $card-header-box-shadow;
96
- }
97
- &-linear {
98
- display: inline-block;
99
- padding: 1.3em 0.4em 1.3em 0.4em;
100
- }
101
- &-title {
102
- align-items: center;
103
- display: flex;
104
- padding: 0px 18px;
105
- font-weight: $card-title-font-weight;
106
- &> * {
107
- vertical-align: top;
108
- margin-right: 5px;
109
- }
110
- &>:last-child{
111
- margin: inherit;
112
- }
113
- }
114
- }
115
- &-body {
116
- display: block;
117
- padding: $card-body-padding;
118
- position: relative;
119
- }
120
- &-footer {
121
- margin: $card-footer-margin;
122
- padding-top: $card-padding-top;
123
- border-top: 1px solid mat.get-color-from-palette($foreground, divider);
124
- }
125
- &-divider {
126
- display: block;
127
- margin: 0;
128
- border-top-width: 1px;
129
- border-top-style: dashed;
130
- margin-top: 10px;
131
- color: #cac8c8;
132
- }
133
- }
134
- @include addapptable-card-header($variables);
135
- }
1
+ @mixin box_shadow_header_color($color) {
2
+ box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px $color
3
+ }
4
+
5
+ @mixin addapptable-card-header($variables) {
6
+ p{
7
+ margin: 0;
8
+ }
9
+ .card {
10
+ &-header {
11
+ justify-content: space-between;
12
+ &-subtitle {
13
+ text-align: end;
14
+ margin: 0.5em;
15
+ &-mark{
16
+ color: #999;
17
+ font-size: 1em;
18
+ margin-bottom: 0.5em;
19
+ }
20
+ }
21
+ &-blue{
22
+ background-color: map-get($variables, color-blue);
23
+ @include box_shadow_header_color(map-get($variables, color-blue));
24
+ }
25
+ &-danger{
26
+ background-color: map-get($variables, color-danger);
27
+ @include box_shadow_header_color(map-get($variables, color-danger));
28
+ }
29
+ &-warning{
30
+ background-color: map-get($variables, color-warning);
31
+ @include box_shadow_header_color(map-get($variables, color-warning));
32
+ }
33
+ &-success{
34
+ background-color: map-get($variables, color-success);
35
+ @include box_shadow_header_color(map-get($variables, color-success));
36
+ }
37
+ &-info{
38
+ background-color: map-get($variables, color-info);
39
+ @include box_shadow_header_color(map-get($variables, color-info));
40
+ }
41
+ &-gray{
42
+ background-color: map-get($variables, gray-color);
43
+ @include box_shadow_header_color(map-get($variables, gray-color));
44
+ }
45
+ }
46
+ }
47
+ }
48
+
49
+
50
+ @mixin card($theme, $variables) {
51
+
52
+ $accent: map-get($theme, accent);
53
+ $background: map-get($theme, background);
54
+ $foreground: map-get($theme, foreground);
55
+
56
+ //card
57
+ $card-padding: 12px 0;
58
+ $card-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
59
+
60
+ //general
61
+ $card-margin: 5px;
62
+
63
+ //header
64
+ $card-header-margin: -20px 15px 0 16px;
65
+ $card-header-padding: 20px;
66
+ $card-title-font-weight: 500;
67
+ $card-header-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px map-get($accent, 'default');
68
+ $card-header-icon-margin-right: 10px;
69
+ $background-color-header: map-get($accent, 'default');
70
+
71
+ // body
72
+ $card-body-padding: 12px 20px 20px;
73
+
74
+ //footer
75
+ $card-footer-margin: 0 20px 10px;
76
+ $card-padding-top: 10px;
77
+
78
+
79
+ .card {
80
+ display: inline-block;
81
+ position: relative;
82
+ width: 100%;
83
+ margin: $card-padding;
84
+ box-shadow: $card-box-shadow;
85
+ background: map-get($background, 'card');
86
+ margin-top: 32px;
87
+ &-header {
88
+ &-oval {
89
+ background-color: $background-color-header;
90
+ color: map-get($variables, text);
91
+ padding: 20px 15px;
92
+ margin: $card-header-margin;
93
+ border-radius: map-get($variables, border-radius);
94
+ display: inline-block;
95
+ box-shadow: $card-header-box-shadow;
96
+ }
97
+ &-linear {
98
+ display: inline-block;
99
+ padding: 1.3em 0.4em 1.3em 0.4em;
100
+ }
101
+ &-title {
102
+ align-items: center;
103
+ display: flex;
104
+ padding: 0px 18px;
105
+ font-weight: $card-title-font-weight;
106
+ &> * {
107
+ vertical-align: top;
108
+ margin-right: 5px;
109
+ }
110
+ &>:last-child{
111
+ margin: inherit;
112
+ }
113
+ }
114
+ &-subtitle {
115
+ display: flex;
116
+ align-items: center;
117
+ }
118
+ }
119
+ &-body {
120
+ display: block;
121
+ padding: $card-body-padding;
122
+ position: relative;
123
+ }
124
+ &-footer {
125
+ margin: $card-footer-margin;
126
+ padding-top: $card-padding-top;
127
+ border-top: 1px solid map-get($foreground, divider);
128
+ }
129
+ &-divider {
130
+ display: block;
131
+ margin: 0;
132
+ border-top-width: 1px;
133
+ border-top-style: dashed;
134
+ margin-top: 10px;
135
+ color: map-get($foreground, 'divider');
136
+ }
137
+ }
138
+ @include addapptable-card-header($variables);
139
+ }
140
+
141
+ @mixin card-color($theme) {
142
+
143
+ $accent: map-get($theme, accent);
144
+ $background: map-get($theme, background);
145
+ $foreground: map-get($theme, foreground);
146
+
147
+ $background-color-header: map-get($accent, 'default');
148
+ $card-header-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px map-get($accent, 'default');
149
+
150
+ .card {
151
+ background: map-get($background, 'card');
152
+ &-header {
153
+ &-oval {
154
+ background-color: $background-color-header;
155
+ color: map-get($foreground, 'text');
156
+ box-shadow: $card-header-box-shadow;
157
+ }
158
+ }
159
+ &-divider {
160
+ color: map-get($foreground, 'divider');
161
+ }
162
+ &-footer {
163
+ border-top: 1px solid map-get($foreground, divider);
164
+ }
165
+ }
166
+ }
@@ -0,0 +1,11 @@
1
+ import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class CardComponent {
4
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardComponent, selector: "craftsjs-card", host: { classAttribute: "card" }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
6
+ }
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
8
+ type: Component,
9
+ args: [{ selector: 'craftsjs-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'card' }, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>" }]
10
+ }] });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVV0RixNQUFNLE9BQU8sYUFBYTsrR0FBYixhQUFhO21HQUFiLGFBQWEsdUZDVjFCLCtFQUM4Qzs7NEZEU2pDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjcmFmdHNqcy1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBob3N0OiB7IGNsYXNzOiAnY2FyZCcgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7IH1cclxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJjYXJkLWZvb3RlclwiPjwvbmctY29udGVudD4iXX0=
@@ -0,0 +1,69 @@
1
+ import { NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { CardComponent } from './card.component';
4
+ import { CardHeaderComponent } from './components/card-header/card-header.component';
5
+ import { CardTitleDirective } from './directives/card-title.directive';
6
+ import { CardBodyDirective } from './directives/card-body.directive';
7
+ import { CardFooterDirective } from './directives/card-footer.directive';
8
+ import { CardDividerDirective } from './directives/card-divider.directive';
9
+ import { CardHeaderMarkDirective } from './directives/card-header-mark.directive';
10
+ import { CardHeaderSubtitleDirective } from './directives/card-header-subtitle.directive';
11
+ import { CardHeaderOvalComponent } from './components/card-header/components/card-header-oval/card-header-oval.component';
12
+ import { CardHeaderLinearComponent } from './components/card-header/components/card-header-linear/card-header-linear.component';
13
+ import * as i0 from "@angular/core";
14
+ export class CardModule {
15
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
16
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CardModule, declarations: [CardComponent,
17
+ CardHeaderComponent,
18
+ CardTitleDirective,
19
+ CardBodyDirective,
20
+ CardFooterDirective,
21
+ CardDividerDirective,
22
+ CardHeaderMarkDirective,
23
+ CardHeaderSubtitleDirective,
24
+ CardHeaderOvalComponent,
25
+ CardHeaderLinearComponent], imports: [CommonModule], exports: [CardComponent,
26
+ CardHeaderComponent,
27
+ CardTitleDirective,
28
+ CardBodyDirective,
29
+ CardFooterDirective,
30
+ CardDividerDirective,
31
+ CardHeaderSubtitleDirective,
32
+ CardHeaderMarkDirective,
33
+ CardHeaderOvalComponent,
34
+ CardHeaderLinearComponent] }); }
35
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardModule, imports: [CommonModule] }); }
36
+ }
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardModule, decorators: [{
38
+ type: NgModule,
39
+ args: [{
40
+ imports: [
41
+ CommonModule
42
+ ],
43
+ declarations: [
44
+ CardComponent,
45
+ CardHeaderComponent,
46
+ CardTitleDirective,
47
+ CardBodyDirective,
48
+ CardFooterDirective,
49
+ CardDividerDirective,
50
+ CardHeaderMarkDirective,
51
+ CardHeaderSubtitleDirective,
52
+ CardHeaderOvalComponent,
53
+ CardHeaderLinearComponent
54
+ ],
55
+ exports: [
56
+ CardComponent,
57
+ CardHeaderComponent,
58
+ CardTitleDirective,
59
+ CardBodyDirective,
60
+ CardFooterDirective,
61
+ CardDividerDirective,
62
+ CardHeaderSubtitleDirective,
63
+ CardHeaderMarkDirective,
64
+ CardHeaderOvalComponent,
65
+ CardHeaderLinearComponent
66
+ ]
67
+ }]
68
+ }] });
69
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlGQUFpRixDQUFDO0FBQzFILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHFGQUFxRixDQUFDOztBQStCaEksTUFBTSxPQUFPLFVBQVU7K0dBQVYsVUFBVTtnSEFBVixVQUFVLGlCQXhCbkIsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixrQkFBa0I7WUFDbEIsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsdUJBQXVCO1lBQ3ZCLDJCQUEyQjtZQUMzQix1QkFBdUI7WUFDdkIseUJBQXlCLGFBWnpCLFlBQVksYUFlWixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLGtCQUFrQjtZQUNsQixpQkFBaUI7WUFDakIsbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQiwyQkFBMkI7WUFDM0IsdUJBQXVCO1lBQ3ZCLHVCQUF1QjtZQUN2Qix5QkFBeUI7Z0hBR2hCLFVBQVUsWUEzQm5CLFlBQVk7OzRGQTJCSCxVQUFVO2tCQTdCdEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGtCQUFrQjt3QkFDbEIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3FCQUMxQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGtCQUFrQjt3QkFDbEIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsMkJBQTJCO3dCQUMzQix1QkFBdUI7d0JBQ3ZCLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3FCQUMxQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2FyZEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDYXJkVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY2FyZC10aXRsZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDYXJkQm9keURpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9jYXJkLWJvZHkuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQ2FyZEZvb3RlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9jYXJkLWZvb3Rlci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDYXJkRGl2aWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9jYXJkLWRpdmlkZXIuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQ2FyZEhlYWRlck1hcmtEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY2FyZC1oZWFkZXItbWFyay5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDYXJkSGVhZGVyU3VidGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY2FyZC1oZWFkZXItc3VidGl0bGUuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQ2FyZEhlYWRlck92YWxDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2FyZC1oZWFkZXIvY29tcG9uZW50cy9jYXJkLWhlYWRlci1vdmFsL2NhcmQtaGVhZGVyLW92YWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2FyZEhlYWRlckxpbmVhckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jYXJkLWhlYWRlci9jb21wb25lbnRzL2NhcmQtaGVhZGVyLWxpbmVhci9jYXJkLWhlYWRlci1saW5lYXIuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENhcmRDb21wb25lbnQsXHJcbiAgICBDYXJkSGVhZGVyQ29tcG9uZW50LFxyXG4gICAgQ2FyZFRpdGxlRGlyZWN0aXZlLFxyXG4gICAgQ2FyZEJvZHlEaXJlY3RpdmUsXHJcbiAgICBDYXJkRm9vdGVyRGlyZWN0aXZlLFxyXG4gICAgQ2FyZERpdmlkZXJEaXJlY3RpdmUsXHJcbiAgICBDYXJkSGVhZGVyTWFya0RpcmVjdGl2ZSxcclxuICAgIENhcmRIZWFkZXJTdWJ0aXRsZURpcmVjdGl2ZSxcclxuICAgIENhcmRIZWFkZXJPdmFsQ29tcG9uZW50LFxyXG4gICAgQ2FyZEhlYWRlckxpbmVhckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2FyZENvbXBvbmVudCxcclxuICAgIENhcmRIZWFkZXJDb21wb25lbnQsXHJcbiAgICBDYXJkVGl0bGVEaXJlY3RpdmUsXHJcbiAgICBDYXJkQm9keURpcmVjdGl2ZSxcclxuICAgIENhcmRGb290ZXJEaXJlY3RpdmUsXHJcbiAgICBDYXJkRGl2aWRlckRpcmVjdGl2ZSxcclxuICAgIENhcmRIZWFkZXJTdWJ0aXRsZURpcmVjdGl2ZSxcclxuICAgIENhcmRIZWFkZXJNYXJrRGlyZWN0aXZlLFxyXG4gICAgQ2FyZEhlYWRlck92YWxDb21wb25lbnQsXHJcbiAgICBDYXJkSGVhZGVyTGluZWFyQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZE1vZHVsZSB7IH1cclxuIl19