@muziehdesign/components 18.2.0-next.0 → 18.2.0-next.1998

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 (73) hide show
  1. package/README.md +2 -2
  2. package/assets/icons/chevron-down-solid.svg +3 -0
  3. package/assets/icons/chevron-up-solid.svg +3 -0
  4. package/assets/icons/icondefinitions.svg +0 -0
  5. package/design/_accordion.scss +15 -0
  6. package/design/_alert.scss +51 -0
  7. package/design/_base.scss +54 -0
  8. package/design/_breadcrumb.scss +15 -0
  9. package/design/_button.scss +55 -0
  10. package/design/_components.scss +0 -0
  11. package/design/_date-picker.scss +23 -0
  12. package/design/_dl.scss +22 -0
  13. package/design/_dropdown-menu.scss +17 -0
  14. package/design/_form.scss +179 -0
  15. package/design/_infinite-scroll.scss +16 -0
  16. package/design/_material.scss +57 -0
  17. package/design/_modal.scss +287 -0
  18. package/design/_muzieh.scss +19 -0
  19. package/design/_pagination.scss +27 -0
  20. package/design/_progress-bar.scss +25 -0
  21. package/design/_table.scss +93 -0
  22. package/design/_tabs.scss +20 -0
  23. package/design/_wizard.scss +139 -0
  24. package/esm2022/lib/alert/alert.component.mjs +3 -3
  25. package/esm2022/lib/button.directive.mjs +11 -11
  26. package/esm2022/lib/components.module.mjs +1 -1
  27. package/esm2022/lib/date-display/date-display.pipe.mjs +1 -1
  28. package/esm2022/lib/date-time/date-time.component.mjs +3 -3
  29. package/esm2022/lib/date-time/time-value.mjs +1 -1
  30. package/esm2022/lib/enum-display/enum-display.pipe.mjs +1 -1
  31. package/esm2022/lib/infinite-scroll/infinite-scroll.component.mjs +3 -3
  32. package/esm2022/lib/inline-edit/inline-edit.component.mjs +65 -0
  33. package/esm2022/lib/inline-message/inline-message-dialog/inline-message-dialog.component.mjs +3 -3
  34. package/esm2022/lib/inline-message/inline-message.component.mjs +3 -3
  35. package/esm2022/lib/models/loading-state.mjs +1 -1
  36. package/esm2022/lib/models/page-event.mjs +1 -1
  37. package/esm2022/lib/models/result-table-options.mjs +1 -1
  38. package/esm2022/lib/models/sort-event.mjs +1 -1
  39. package/esm2022/lib/models/subject.mjs +1 -1
  40. package/esm2022/lib/models/wizard-step-link.mjs +1 -1
  41. package/esm2022/lib/page-header/page-header.component.mjs +3 -3
  42. package/esm2022/lib/page-loading-indicator/page-loading-indicator.component.mjs +3 -3
  43. package/esm2022/lib/pagination/pagination-default-options.mjs +1 -1
  44. package/esm2022/lib/pagination/pagination-default-options.token.mjs +1 -1
  45. package/esm2022/lib/pagination/pagination.component.mjs +5 -5
  46. package/esm2022/lib/phone-number/phone-number.pipe.mjs +1 -1
  47. package/esm2022/lib/result-table/result-table.component.mjs +25 -14
  48. package/esm2022/lib/result-table/result-table.model.mjs +1 -1
  49. package/esm2022/lib/sort-key.directive.mjs +1 -1
  50. package/esm2022/lib/sort.directive.mjs +1 -1
  51. package/esm2022/lib/spinner/spinner.component.mjs +3 -3
  52. package/esm2022/lib/subject-display/subject-display.pipe.mjs +3 -3
  53. package/esm2022/lib/svg-icon/svg-icon-config.mjs +9 -2
  54. package/esm2022/lib/svg-icon/svg-icon.component.mjs +6 -8
  55. package/esm2022/lib/testing/muzieh-component-harness.mjs +1 -1
  56. package/esm2022/lib/testing/result-table-harness.mjs +2 -2
  57. package/esm2022/lib/time-value-accessor.directive.mjs +1 -1
  58. package/esm2022/lib/time-value-validator.directive.mjs +1 -1
  59. package/esm2022/lib/wizard-progress-tracker/wizard-progress-tracker.component.mjs +3 -3
  60. package/esm2022/public-api.mjs +3 -1
  61. package/fesm2022/muziehdesign-components.mjs +132 -57
  62. package/fesm2022/muziehdesign-components.mjs.map +1 -1
  63. package/lib/enum-display/enum-display.pipe.d.ts +2 -2
  64. package/lib/inline-edit/inline-edit.component.d.ts +22 -0
  65. package/lib/models/page-event.d.ts +3 -3
  66. package/lib/models/result-table-options.d.ts +2 -1
  67. package/lib/pagination/pagination.component.d.ts +1 -1
  68. package/lib/result-table/result-table.component.d.ts +9 -6
  69. package/lib/result-table/result-table.model.d.ts +5 -5
  70. package/lib/subject-display/subject-display.pipe.d.ts +1 -1
  71. package/lib/svg-icon/svg-icon.component.d.ts +1 -1
  72. package/package.json +1 -1
  73. package/public-api.d.ts +2 -0
@@ -0,0 +1,287 @@
1
+
2
+ .modal {
3
+ position: fixed;
4
+ top: 0;
5
+ left: 0;
6
+ z-index: 1055;
7
+ display: none;
8
+ width: 100%;
9
+ height: 100%;
10
+ overflow-x: hidden;
11
+ overflow-y: auto;
12
+ outline: 0;
13
+ }
14
+
15
+ .modal.show {
16
+ display: block;
17
+ }
18
+
19
+ .modal-dialog {
20
+ position: relative;
21
+ width: auto;
22
+ margin: 0.5rem;
23
+ pointer-events: none;
24
+ }
25
+ .modal.fade .modal-dialog {
26
+ transition: transform 0.3s ease-out;
27
+ transform: translate(0, -50px);
28
+ }
29
+ @media (prefers-reduced-motion: reduce) {
30
+ .modal.fade .modal-dialog {
31
+ transition: none;
32
+ }
33
+ }
34
+ .modal.show .modal-dialog {
35
+ transform: none;
36
+ }
37
+ .modal.modal-static .modal-dialog {
38
+ transform: scale(1.02);
39
+ }
40
+
41
+ .modal-dialog-scrollable {
42
+ height: calc(100% - 1rem);
43
+ }
44
+ .modal-dialog-scrollable .modal-content {
45
+ max-height: 100%;
46
+ overflow: hidden;
47
+ }
48
+ .modal-dialog-scrollable .modal-body {
49
+ overflow-y: auto;
50
+ }
51
+
52
+ .modal-dialog-centered {
53
+ display: flex;
54
+ align-items: center;
55
+ min-height: calc(100% - 1rem);
56
+ }
57
+
58
+ .modal-content {
59
+ position: relative;
60
+ display: flex;
61
+ flex-direction: column;
62
+ width: 100%;
63
+ pointer-events: auto;
64
+ background-color: #fff;
65
+ background-clip: padding-box;
66
+ border: 1px solid rgba(0, 0, 0, 0.2);
67
+ border-radius: 0.3rem;
68
+ outline: 0;
69
+ }
70
+
71
+ .modal-backdrop {
72
+ position: fixed;
73
+ top: 0;
74
+ left: 0;
75
+ z-index: 1050;
76
+ width: 100vw;
77
+ height: 100vh;
78
+ background-color: #000;
79
+ }
80
+ .modal-backdrop.fade {
81
+ opacity: 0;
82
+ }
83
+ .modal-backdrop.show {
84
+ opacity: 0.5;
85
+ }
86
+
87
+ .modal-header {
88
+ display: flex;
89
+ flex-shrink: 0;
90
+ align-items: center;
91
+ justify-content: space-between;
92
+ padding: 1rem 1rem;
93
+ border-bottom: 1px solid #dee2e6;
94
+ border-top-left-radius: calc(0.3rem - 1px);
95
+ border-top-right-radius: calc(0.3rem - 1px);
96
+ }
97
+ .modal-header .btn-close {
98
+ padding: 0.5rem 0.5rem;
99
+ margin: -0.5rem -0.5rem -0.5rem auto;
100
+ }
101
+
102
+ .modal-title {
103
+ margin-bottom: 0;
104
+ line-height: 1.5;
105
+ }
106
+
107
+ .modal-body {
108
+ position: relative;
109
+ flex: 1 1 auto;
110
+ padding: 1rem;
111
+ }
112
+
113
+ .modal-footer {
114
+ display: flex;
115
+ flex-wrap: wrap;
116
+ flex-shrink: 0;
117
+ align-items: center;
118
+ justify-content: flex-end;
119
+ padding: 0.75rem;
120
+ border-top: 1px solid #dee2e6;
121
+ border-bottom-right-radius: calc(0.3rem - 1px);
122
+ border-bottom-left-radius: calc(0.3rem - 1px);
123
+ }
124
+ .modal-footer > * {
125
+ margin: 0.25rem;
126
+ }
127
+
128
+ @media (min-width: 576px) {
129
+ .modal-dialog {
130
+ max-width: 500px;
131
+ margin: 1.75rem auto;
132
+ }
133
+
134
+ .modal-dialog-scrollable {
135
+ height: calc(100% - 3.5rem);
136
+ }
137
+
138
+ .modal-dialog-centered {
139
+ min-height: calc(100% - 3.5rem);
140
+ }
141
+
142
+ .modal-sm {
143
+ max-width: 300px;
144
+ }
145
+ }
146
+ @media (min-width: 992px) {
147
+ .modal-lg,
148
+ .modal-xl {
149
+ max-width: 800px;
150
+ }
151
+ }
152
+ @media (min-width: 1200px) {
153
+ .modal-xl {
154
+ max-width: 1140px;
155
+ }
156
+ }
157
+ .modal-fullscreen {
158
+ width: 100vw;
159
+ max-width: none;
160
+ height: 100%;
161
+ margin: 0;
162
+ }
163
+ .modal-fullscreen .modal-content {
164
+ height: 100%;
165
+ border: 0;
166
+ border-radius: 0;
167
+ }
168
+ .modal-fullscreen .modal-header {
169
+ border-radius: 0;
170
+ }
171
+ .modal-fullscreen .modal-body {
172
+ overflow-y: auto;
173
+ }
174
+ .modal-fullscreen .modal-footer {
175
+ border-radius: 0;
176
+ }
177
+
178
+ @media (max-width: 575.98px) {
179
+ .modal-fullscreen-sm-down {
180
+ width: 100vw;
181
+ max-width: none;
182
+ height: 100%;
183
+ margin: 0;
184
+ }
185
+ .modal-fullscreen-sm-down .modal-content {
186
+ height: 100%;
187
+ border: 0;
188
+ border-radius: 0;
189
+ }
190
+ .modal-fullscreen-sm-down .modal-header {
191
+ border-radius: 0;
192
+ }
193
+ .modal-fullscreen-sm-down .modal-body {
194
+ overflow-y: auto;
195
+ }
196
+ .modal-fullscreen-sm-down .modal-footer {
197
+ border-radius: 0;
198
+ }
199
+ }
200
+ @media (max-width: 767.98px) {
201
+ .modal-fullscreen-md-down {
202
+ width: 100vw;
203
+ max-width: none;
204
+ height: 100%;
205
+ margin: 0;
206
+ }
207
+ .modal-fullscreen-md-down .modal-content {
208
+ height: 100%;
209
+ border: 0;
210
+ border-radius: 0;
211
+ }
212
+ .modal-fullscreen-md-down .modal-header {
213
+ border-radius: 0;
214
+ }
215
+ .modal-fullscreen-md-down .modal-body {
216
+ overflow-y: auto;
217
+ }
218
+ .modal-fullscreen-md-down .modal-footer {
219
+ border-radius: 0;
220
+ }
221
+ }
222
+ @media (max-width: 991.98px) {
223
+ .modal-fullscreen-lg-down {
224
+ width: 100vw;
225
+ max-width: none;
226
+ height: 100%;
227
+ margin: 0;
228
+ }
229
+ .modal-fullscreen-lg-down .modal-content {
230
+ height: 100%;
231
+ border: 0;
232
+ border-radius: 0;
233
+ }
234
+ .modal-fullscreen-lg-down .modal-header {
235
+ border-radius: 0;
236
+ }
237
+ .modal-fullscreen-lg-down .modal-body {
238
+ overflow-y: auto;
239
+ }
240
+ .modal-fullscreen-lg-down .modal-footer {
241
+ border-radius: 0;
242
+ }
243
+ }
244
+ @media (max-width: 1199.98px) {
245
+ .modal-fullscreen-xl-down {
246
+ width: 100vw;
247
+ max-width: none;
248
+ height: 100%;
249
+ margin: 0;
250
+ }
251
+ .modal-fullscreen-xl-down .modal-content {
252
+ height: 100%;
253
+ border: 0;
254
+ border-radius: 0;
255
+ }
256
+ .modal-fullscreen-xl-down .modal-header {
257
+ border-radius: 0;
258
+ }
259
+ .modal-fullscreen-xl-down .modal-body {
260
+ overflow-y: auto;
261
+ }
262
+ .modal-fullscreen-xl-down .modal-footer {
263
+ border-radius: 0;
264
+ }
265
+ }
266
+ @media (max-width: 1399.98px) {
267
+ .modal-fullscreen-xxl-down {
268
+ width: 100vw;
269
+ max-width: none;
270
+ height: 100%;
271
+ margin: 0;
272
+ }
273
+ .modal-fullscreen-xxl-down .modal-content {
274
+ height: 100%;
275
+ border: 0;
276
+ border-radius: 0;
277
+ }
278
+ .modal-fullscreen-xxl-down .modal-header {
279
+ border-radius: 0;
280
+ }
281
+ .modal-fullscreen-xxl-down .modal-body {
282
+ overflow-y: auto;
283
+ }
284
+ .modal-fullscreen-xxl-down .modal-footer {
285
+ border-radius: 0;
286
+ }
287
+ }
@@ -0,0 +1,19 @@
1
+ @import 'tailwindcss/base';
2
+ @import 'design/_base';
3
+ @import 'tailwindcss/components';
4
+ @import 'design/_material';
5
+ @import 'design/_button';
6
+ @import 'design/_breadcrumb';
7
+ @import 'design/_dl';
8
+ @import 'design/_dropdown-menu';
9
+ @import 'design/_form';
10
+ @import 'design/_icon';
11
+ @import 'design/_modal';
12
+ @import 'design/_pagination';
13
+ @import 'design/_table';
14
+ @import 'design/_tabs';
15
+ @import 'design/_progress-bar';
16
+ @import 'design/_alert';
17
+ @import 'design/date-picker';
18
+ @import 'design/_infinite_scroll';
19
+ @import 'tailwindcss/utilities';
@@ -0,0 +1,27 @@
1
+ .pagination-wrapper {
2
+ @apply grid grid-cols-3 gap-20 justify-center;
3
+ }
4
+
5
+ .pagination-nav {
6
+ @apply px-4 flex justify-center col-start-2;
7
+ }
8
+
9
+ .page-link {
10
+ @apply text-gray-500 hover:text-primary p-4 inline-block text-center font-medium cursor-pointer;
11
+ }
12
+
13
+ .page-link.active {
14
+ @apply border-primary text-primary font-bold cursor-default hover:no-underline;
15
+ }
16
+
17
+ .page-link.disabled {
18
+ @apply cursor-default text-gray-400 hover:text-gray-400 hover:border-transparent hover:no-underline;
19
+ }
20
+
21
+ .pagination-size, .collection-size {
22
+ @apply text-gray-500 text-sm p-4 ml-auto hidden lg:inline-block;
23
+ }
24
+
25
+ .page-size-control {
26
+ @apply py-0 pr-7 pl-0.5 mx-1;
27
+ }
@@ -0,0 +1,25 @@
1
+ .progress-bar-container {
2
+ @apply w-full;
3
+ }
4
+
5
+ .progress-bar.progress-bar-indeterminate {
6
+ @apply w-full h-1 bg-primary bg-opacity-50 overflow-hidden;
7
+
8
+ .progress-bar-value {
9
+ animation: indeterminateAnimation 0.75s infinite linear;
10
+ transform-origin: 0% 50%;
11
+ @apply bg-primary w-full h-full;
12
+ }
13
+ }
14
+
15
+ @keyframes indeterminateAnimation {
16
+ 0% {
17
+ transform: translateX(0) scaleX(0);
18
+ }
19
+ 40% {
20
+ transform: translateX(0) scaleX(0.4);
21
+ }
22
+ 100% {
23
+ transform: translateX(100%) scaleX(0.5);
24
+ }
25
+ }
@@ -0,0 +1,93 @@
1
+ .table-wrapper,
2
+ .result-table {
3
+ @apply max-w-full overflow-x-auto relative;
4
+ }
5
+
6
+ .table {
7
+ @apply w-full text-left border-collapse;
8
+ }
9
+
10
+ .table caption {
11
+ @apply text-left text-sm text-secondary mb-1.5;
12
+ }
13
+
14
+ .table tbody {
15
+ @apply align-baseline;
16
+ }
17
+
18
+ .table tbody tr {
19
+ @apply border-b border-gray-200;
20
+ }
21
+
22
+ .table tbody tr:nth-child(even) {
23
+ @apply bg-gray-50;
24
+ }
25
+
26
+ .table td {
27
+ @apply py-3 px-2;
28
+ }
29
+
30
+ .table th {
31
+ @apply top-0 text-sm font-semibold text-gray-500 p-2;
32
+ }
33
+
34
+ .table thead tr {
35
+ @apply py-3 border-b border-gray-500;
36
+ }
37
+
38
+ .result-table {
39
+ .state-message {
40
+ @apply p-9 text-center;
41
+
42
+ .title {
43
+ @apply text-xl;
44
+ }
45
+ }
46
+ .has-overlay {
47
+ @apply opacity-10;
48
+ }
49
+ .loading-overlay-spinner {
50
+ @apply absolute top-20 flex flex-col items-center justify-center w-full;
51
+ }
52
+ }
53
+
54
+ .result-table.loading,
55
+ .result-table.failed {
56
+ min-height: 14rem;
57
+ }
58
+
59
+ .result-table.loading {
60
+ caption {
61
+ visibility: hidden;
62
+ }
63
+ }
64
+
65
+ .sort-trigger {
66
+ @apply bg-gray-100 hover:bg-gray-200;
67
+ }
68
+
69
+ .sort-ascending .sort-icon {
70
+ width: 10px;
71
+ display: inline-flex;
72
+ margin-bottom: -7px;
73
+ margin-left: 10px;
74
+ height: 23px;
75
+ mask-image: url('/assets/arrow-up.svg');
76
+ mask-repeat: no-repeat;
77
+ mask-size: 1.2rem;
78
+ mask-position: center;
79
+ @apply bg-gray-500;
80
+ }
81
+
82
+ .sort-descending .sort-icon {
83
+ width: 10px;
84
+ display: inline-flex;
85
+ margin-bottom: -7px;
86
+ margin-left: 10px;
87
+ height: 23px;
88
+ mask-image: url('/assets/arrow-down.svg');
89
+ mask-repeat: no-repeat;
90
+ mask-size: 1.2rem;
91
+ mask-position: center;
92
+ @apply bg-gray-500;
93
+ }
@@ -0,0 +1,20 @@
1
+ .nav-tabs {
2
+ @apply block border-b-gray-300 border-b;
3
+ }
4
+
5
+ .nav-item {
6
+ @apply inline-block text-center;
7
+ }
8
+
9
+ .nav-link {
10
+ @apply hover:no-underline inline-block text-gray-500 py-2 px-6 border-b border-b-transparent hover:text-primary;
11
+ min-width: 8rem;
12
+ }
13
+
14
+ .nav-link.active {
15
+ @apply text-primary border-b-primary border-b-2 font-medium;
16
+ }
17
+
18
+ .tab-pane {
19
+ @apply py-3;
20
+ }
@@ -0,0 +1,139 @@
1
+ .wizard-step.previous {
2
+ .step-desc {
3
+ @apply px-5 text-secondary font-semibold;
4
+ }
5
+
6
+ .wizard-step-icon {
7
+ @apply text-primary;
8
+ }
9
+ }
10
+
11
+ .wizard-step:not(.previous) .wizard-step-icon {
12
+ @apply lg:mt-1 lg:mb-1;
13
+ }
14
+
15
+ .wizard-step.previous .step-line,
16
+ .wizard-step.current .step-line.left {
17
+ @apply border-primary;
18
+ }
19
+
20
+ .spacer {
21
+ @apply hidden h-4 border-l-2 border-transparent;
22
+ }
23
+
24
+ .wizard-step.current {
25
+ .step-desc {
26
+ @apply px-5 font-semibold text-primary;
27
+ }
28
+
29
+ .wizard-step-icon {
30
+ @apply flex items-center justify-center h-8 w-8 mx-0 lg:mx-1 my-1 border-primary border-2 rounded-2xl;
31
+ }
32
+ }
33
+
34
+ .step-inner-circle {
35
+ @apply h-2.5 w-2.5 bg-primary rounded-2xl;
36
+ }
37
+
38
+ .step-line {
39
+ @apply border-solid border-gray-400 border-l-2 h-4 lg:border-l-0 lg:border-t-2 lg:flex-1 lg:mt-3.5;
40
+ }
41
+
42
+ .toggable-icon {
43
+ @apply lg:hidden;
44
+ }
45
+
46
+ .wizard-step.unvisited {
47
+ .step-desc {
48
+ @apply px-5;
49
+ }
50
+
51
+ .wizard-step-icon {
52
+ @apply h-8 w-8 rounded-2xl border-2 border-gray-400 mx-0 lg:mx-1 my-1;
53
+ }
54
+ }
55
+
56
+ .wizard-step {
57
+ @apply flex flex-row items-center lg:flex-col;
58
+
59
+ &:not(.previous) {
60
+ @apply ml-1 lg:ml-0;
61
+ }
62
+ }
63
+
64
+ .wizard-progress-tracker {
65
+ .direction-container {
66
+ @apply flex flex-col;
67
+ }
68
+ }
69
+
70
+ .steps-count {
71
+ @apply text-sm text-secondary lg:ml-5;
72
+ }
73
+
74
+ .wizard-steps-container {
75
+ @apply flex flex-col mt-1 lg:flex-row;
76
+
77
+ &:not(.previous) {
78
+ @apply lg:pl-1;
79
+ }
80
+
81
+ &.toggled {
82
+ .wizard-step.current {
83
+ .spacer.left,
84
+ .spacer.right {
85
+ @apply flex lg:hidden;
86
+ }
87
+ }
88
+
89
+ .wizard-step:first-of-type {
90
+ .spacer.left {
91
+ @apply flex lg:flex-1;
92
+ }
93
+ }
94
+
95
+ .wizard-step:last-of-type {
96
+ .spacer.right {
97
+ @apply flex lg:flex-1;
98
+ }
99
+ }
100
+
101
+ .wizard-step:not(.current) {
102
+ @apply hidden lg:flex;
103
+
104
+ .toggable-icon {
105
+ @apply hidden;
106
+ }
107
+ }
108
+
109
+ .wizard-step.current .step-line {
110
+ @apply hidden lg:flex;
111
+ }
112
+ }
113
+
114
+ &:not(.toggled) {
115
+ .wizard-step:first-of-type {
116
+ .spacer.left {
117
+ @apply flex lg:flex-1;
118
+ }
119
+ }
120
+
121
+ .wizard-step:last-of-type {
122
+ .spacer.right {
123
+ @apply flex lg:flex-1;
124
+ }
125
+ }
126
+
127
+ .wizard-step:not(:first-of-type) .toggable-icon {
128
+ @apply hidden;
129
+ }
130
+ }
131
+ }
132
+
133
+ .wizard-step-icon-container {
134
+ @apply flex flex-col items-center lg:mb-3 lg:flex-row lg:w-full;
135
+ }
136
+
137
+ .wizard-step-icon .icon.icon-solid {
138
+ @apply h-10 w-10;
139
+ }
@@ -29,11 +29,11 @@ export class AlertComponent {
29
29
  return icon;
30
30
  }
31
31
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AlertComponent, isStandalone: true, selector: "mz-alert", inputs: { title: "title", type: "type", body: "body", footer: "footer" }, ngImport: i0, template: "<div [className]=\"'alert alert-' + type\">\r\n\r\n <div>\r\n <div class=\"alert-icon\">\r\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\r\n </div>\r\n\r\n <div class=\"alert-title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n </div>\r\n\r\n <div class=\"alert-body\" *ngIf=\"body\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n\r\n <div class=\"alert-footer\" *ngIf=\"footer\">\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: AlertComponent, isStandalone: true, selector: "mz-alert", inputs: { title: "title", type: "type", body: "body", footer: "footer" }, ngImport: i0, template: "<div [className]=\"'alert alert-' + type\">\n\n <div>\n <div class=\"alert-icon\">\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\n </div>\n\n <div class=\"alert-title\">\n <strong>{{ title }}</strong>\n </div>\n </div>\n\n <div class=\"alert-body\" *ngIf=\"body\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n\n <div class=\"alert-footer\" *ngIf=\"footer\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
33
33
  }
34
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AlertComponent, decorators: [{
35
35
  type: Component,
36
- args: [{ selector: 'mz-alert', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div [className]=\"'alert alert-' + type\">\r\n\r\n <div>\r\n <div class=\"alert-icon\">\r\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\r\n </div>\r\n\r\n <div class=\"alert-title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n </div>\r\n\r\n <div class=\"alert-body\" *ngIf=\"body\">\r\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\r\n </div>\r\n\r\n <div class=\"alert-footer\" *ngIf=\"footer\">\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n\r\n</div>" }]
36
+ args: [{ selector: 'mz-alert', imports: [CommonModule, SvgIconComponent], standalone: true, template: "<div [className]=\"'alert alert-' + type\">\n\n <div>\n <div class=\"alert-icon\">\n <mz-svg-icon [key]=\"getAlertIcon()\" type=\"solid\"></mz-svg-icon>\n </div>\n\n <div class=\"alert-title\">\n <strong>{{ title }}</strong>\n </div>\n </div>\n\n <div class=\"alert-body\" *ngIf=\"body\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n\n <div class=\"alert-footer\" *ngIf=\"footer\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n\n</div>" }]
37
37
  }], ctorParameters: () => [], propDecorators: { title: [{
38
38
  type: Input
39
39
  }], type: [{
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
43
43
  }], footer: [{
44
44
  type: Input
45
45
  }] } });
46
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQVNsRSxNQUFNLE9BQU8sY0FBYztJQU12QjtRQUxTLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUE2QyxNQUFNLENBQUM7SUFJbEQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVuQixhQUFhO1FBQ1QsT0FBTyxTQUFTLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNkLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUN2QixJQUFJLEdBQUcsb0JBQW9CLENBQUM7UUFDaEMsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNqQyxJQUFJLEdBQUcsY0FBYyxDQUFDO1FBQzFCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDL0IsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUN0QixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ2pDLElBQUksR0FBRyxhQUFhLENBQUM7UUFDekIsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7OEdBMUJRLGNBQWM7a0dBQWQsY0FBYyw4SUNYM0Isa2pCQW9CTSx5RERaUSxZQUFZLDBTQUFFLGdCQUFnQjs7MkZBRy9CLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0ksVUFBVSxXQUdYLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGNBQzdCLElBQUk7d0RBR1AsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdmdJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3ZnLWljb24vc3ZnLWljb24uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdtei1hbGVydCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LmNzcyddLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3ZnSWNvbkNvbXBvbmVudF0sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nIHwgJ3N1Y2Nlc3MnIHwgJ2Vycm9yJyB8ICd3YXJuaW5nJyA9ICdpbmZvJztcclxuICAgIEBJbnB1dCgpIGJvZHk6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQgfCBudWxsO1xyXG4gICAgQElucHV0KCkgZm9vdGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkIHwgbnVsbDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICAgIGdldEFsZXJ0Q2xhc3MoKTogc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gYGFsZXJ0LSR7dGhpcy50eXBlfWA7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0QWxlcnRJY29uKCk6IHN0cmluZyB7XHJcbiAgICAgICAgbGV0IGljb24gPSAnJztcclxuICAgICAgICBpZiAodGhpcy50eXBlID09PSAnaW5mbycpIHtcclxuICAgICAgICAgICAgaWNvbiA9ICdpbmZvcm1hdGlvbi1jaXJjbGUnO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy50eXBlID09PSAnc3VjY2VzcycpIHtcclxuICAgICAgICAgICAgaWNvbiA9ICdjaGVjay1jaXJjbGUnO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy50eXBlID09PSAnZXJyb3InKSB7XHJcbiAgICAgICAgICAgIGljb24gPSAneC1jaXJjbGUnO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy50eXBlID09PSAnd2FybmluZycpIHtcclxuICAgICAgICAgICAgaWNvbiA9ICdleGNsYW1hdGlvbic7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBpY29uO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgW2NsYXNzTmFtZV09XCInYWxlcnQgYWxlcnQtJyArIHR5cGVcIj5cclxuXHJcbiAgPGRpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhbGVydC1pY29uXCI+XHJcbiAgICAgIDxtei1zdmctaWNvbiBba2V5XT1cImdldEFsZXJ0SWNvbigpXCIgdHlwZT1cInNvbGlkXCI+PC9tei1zdmctaWNvbj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJhbGVydC10aXRsZVwiPlxyXG4gICAgICA8c3Ryb25nPnt7IHRpdGxlIH19PC9zdHJvbmc+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImFsZXJ0LWJvZHlcIiAqbmdJZj1cImJvZHlcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJib2R5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJhbGVydC1mb290ZXJcIiAqbmdJZj1cImZvb3RlclwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImZvb3RlclwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+Il19
46
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQVNsRSxNQUFNLE9BQU8sY0FBYztJQU12QjtRQUxTLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUE2QyxNQUFNLENBQUM7SUFJbEQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVuQixhQUFhO1FBQ1QsT0FBTyxTQUFTLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNkLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUN2QixJQUFJLEdBQUcsb0JBQW9CLENBQUM7UUFDaEMsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNqQyxJQUFJLEdBQUcsY0FBYyxDQUFDO1FBQzFCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDL0IsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUN0QixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ2pDLElBQUksR0FBRyxhQUFhLENBQUM7UUFDekIsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7OEdBMUJRLGNBQWM7a0dBQWQsY0FBYyw4SUNYM0IsMGdCQW9CTSx5RERaUSxZQUFZLDBTQUFFLGdCQUFnQjs7MkZBRy9CLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0ksVUFBVSxXQUdYLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGNBQzdCLElBQUk7d0RBR1AsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN2Z0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdmctaWNvbi9zdmctaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ216LWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5jc3MnXSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdmdJY29uQ29tcG9uZW50XSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHR5cGU6ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICdlcnJvcicgfCAnd2FybmluZycgPSAnaW5mbyc7XG4gICAgQElucHV0KCkgYm9keTogVGVtcGxhdGVSZWY8YW55PiB8IHVuZGVmaW5lZCB8IG51bGw7XG4gICAgQElucHV0KCkgZm9vdGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkIHwgbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cblxuICAgIGdldEFsZXJ0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBhbGVydC0ke3RoaXMudHlwZX1gO1xuICAgIH1cblxuICAgIGdldEFsZXJ0SWNvbigpOiBzdHJpbmcge1xuICAgICAgICBsZXQgaWNvbiA9ICcnO1xuICAgICAgICBpZiAodGhpcy50eXBlID09PSAnaW5mbycpIHtcbiAgICAgICAgICAgIGljb24gPSAnaW5mb3JtYXRpb24tY2lyY2xlJztcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLnR5cGUgPT09ICdzdWNjZXNzJykge1xuICAgICAgICAgICAgaWNvbiA9ICdjaGVjay1jaXJjbGUnO1xuICAgICAgICB9IGVsc2UgaWYgKHRoaXMudHlwZSA9PT0gJ2Vycm9yJykge1xuICAgICAgICAgICAgaWNvbiA9ICd4LWNpcmNsZSc7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy50eXBlID09PSAnd2FybmluZycpIHtcbiAgICAgICAgICAgIGljb24gPSAnZXhjbGFtYXRpb24nO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpY29uO1xuICAgIH1cbn1cbiIsIjxkaXYgW2NsYXNzTmFtZV09XCInYWxlcnQgYWxlcnQtJyArIHR5cGVcIj5cblxuICA8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhbGVydC1pY29uXCI+XG4gICAgICA8bXotc3ZnLWljb24gW2tleV09XCJnZXRBbGVydEljb24oKVwiIHR5cGU9XCJzb2xpZFwiPjwvbXotc3ZnLWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYWxlcnQtdGl0bGVcIj5cbiAgICAgIDxzdHJvbmc+e3sgdGl0bGUgfX08L3N0cm9uZz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImFsZXJ0LWJvZHlcIiAqbmdJZj1cImJvZHlcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYm9keVwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiYWxlcnQtZm9vdGVyXCIgKm5nSWY9XCJmb290ZXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG48L2Rpdj4iXX0=