@onemrvapublic/design-system 21.2.3-develop.9 → 21.3.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 (13) hide show
  1. package/README.md +25 -2
  2. package/card/src/onemrva-card.component.scss +235 -0
  3. package/fesm2022/onemrvapublic-design-system-card.mjs +67 -0
  4. package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -0
  5. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +4 -0
  6. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs.map +1 -1
  7. package/fesm2022/onemrvapublic-design-system-shared.mjs +1 -1
  8. package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
  9. package/fesm2022/onemrvapublic-design-system.mjs +1 -1
  10. package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
  11. package/package.json +5 -1
  12. package/types/onemrvapublic-design-system-card.d.ts +30 -0
  13. package/types/onemrvapublic-design-system.d.ts +1 -1
package/README.md CHANGED
@@ -33,12 +33,35 @@ If you need access to our design system board, send us a message.
33
33
  @Bram Decuypere (NL / EN)
34
34
  ## Changelog
35
35
 
36
- ### 21.2.3-develop.9
36
+ ### 21.3.0
37
37
 
38
- ## [21.2.3-develop.9](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.2.3-develop.8...v21.2.3-develop.9) (2026-03-10)
38
+ # [21.3.0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.2.2...v21.3.0) (2026-03-16)
39
39
 
40
40
 
41
41
  ### Bug Fixes
42
42
 
43
+ * **ds-version:** attempt 102939812038 ([1acdf6a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/1acdf6a107ecac8af8bcd9150bc1a162ab9c4d42))
44
+ * **ds-version:** attempt 102939812039 ([f3de24c](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f3de24cbffd94c5cf98353d7161ed25d347f6608))
45
+ * **ds-version:** attempt to put version back ([9afb317](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/9afb317fa24e116510358d028e16d156693951c9))
46
+ * **ds-version:** change ([65a4a48](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/65a4a480c9c935a96b76ff60ce93e9b389a3a585))
47
+ * **ds-version:** next attempt ([865230e](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/865230e3e641e6eeaae0336784d6d4620edefc70))
48
+ * **ds-version:** next attempt ([fe6918f](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/fe6918f7062b518de6250f48deab86709db4114a))
49
+ * **ds-version:** next attempt ([9b046ec](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/9b046ecbe6ab8ed6d078ad77dbbf2f221bfa2dff))
50
+ * **ds-version:** next attempt ([3461605](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/3461605c0fcae8e92793b41117ce53db6643110f))
51
+ * **ds-version:** next attempt ([68800e9](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/68800e90ea31439c88bf932624b5ff3be26348af))
52
+ * **ds-version:** next attempt ([f9266f9](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f9266f947575409de4f5ae0b02b039428589bb44))
53
+ * **ds-version:** next attempt ([13707e3](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/13707e3d5286e4d090dfa4269e0e13f91ac6b50b))
54
+ * **ci:** pass NPM_TOKEN to build step for semantic-release dry-run ([4a69968](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/4a69968eb7bbaf89e625ee73ae5c2f28142589b9))
55
+ * random fix to trigger build and release cycle ([71535af](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/71535afeeda503421eba8a1bbf39a763faa399eb))
56
+ * random fix to trigger build and release cycle ([752a732](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/752a732104159d8057f367af9b65118dd294bc64))
57
+ * **ds-version:** rethink release process ([e15a263](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/e15a263b84a7b74ba0471d9b218c67d1fd39e7a7))
58
+ * **ds-version:** run ([ccc37e5](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/ccc37e5d8da989cab0799bff234adec3e48b7a13))
59
+ * **ci:** skip npm publish if version already exists on registry ([a05ea9d](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a05ea9da02900eb18432a8fe213c12d74c81a90b))
43
60
  * **ci:** use ts-node instead of npx tsx, add github env to build step, downgrade node to 22 ([01c8714](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/01c8714025bcafbbeb0d5dcd79bf9fd74853e0d3))
61
+ * **ds-version:** validate ci version flow ([bfaeaf4](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/bfaeaf4d3a729a3081573d1c44bcb3bd51cf6a60))
62
+
63
+
64
+ ### Features
65
+
66
+ * **card:** add OnemrvaCardComponent with JSDoc and clean spec ([f446d8a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f446d8ac7b90bc3731aeef80603b46e76b4f4ba2))
44
67
 
package/card/src/onemrva-card.component.scss ADDED
@@ -0,0 +1,235 @@
1
+ onemrva-card {
2
+ display: block;
3
+ width: 275px;
4
+ border-radius: var(--border-radius, 16px);
5
+ background: var(--mat-sys-surface, white);
6
+ overflow: hidden;
7
+ transition: box-shadow 0.2s ease;
8
+
9
+ &:hover {
10
+ box-shadow: 0 3px 3px 0
11
+ color-mix(in srgb, var(--mat-sys-shadow, #312f3b) 16%, transparent);
12
+ }
13
+
14
+ &.onemrva-card--outline {
15
+ border: 1px solid var(--mat-sys-outline-variant, #d7d5ed);
16
+
17
+ .onemrva-card__image-wrapper {
18
+ border-radius: calc(var(--border-radius, 16px) - 4px)
19
+ calc(var(--border-radius, 16px) - 4px) 0 0;
20
+ }
21
+
22
+ .onemrva-card__title {
23
+ background: linear-gradient(90deg, #de2174 0%, #eb142a 100%);
24
+ background-clip: text;
25
+ -webkit-background-clip: text;
26
+ -webkit-text-fill-color: transparent;
27
+ color: transparent;
28
+ }
29
+ }
30
+
31
+ &.onemrva-card--background {
32
+ background: var(--mat-sys-surface-container-low, #f7f2fa);
33
+
34
+ .onemrva-card__image-wrapper {
35
+ border-radius: calc(var(--border-radius, 16px) - 4px)
36
+ calc(var(--border-radius, 16px) - 4px) 0 0;
37
+ }
38
+
39
+ .onemrva-card__title {
40
+ background: linear-gradient(90deg, #de2174 0%, #eb142a 100%);
41
+ background-clip: text;
42
+ -webkit-background-clip: text;
43
+ -webkit-text-fill-color: transparent;
44
+ color: transparent;
45
+ }
46
+
47
+ .onemrva-card__label,
48
+ .onemrva-card__subtitle,
49
+ .onemrva-card__description {
50
+ color: var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424));
51
+ }
52
+
53
+ .onemrva-card__help-btn mat-icon {
54
+ color: var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424));
55
+ }
56
+ }
57
+
58
+ &.onemrva-card--no-background {
59
+ .onemrva-card__image-wrapper {
60
+ border-radius: calc(var(--border-radius, 16px) - 4px);
61
+ }
62
+ }
63
+
64
+ &.onemrva-card--colored-title .onemrva-card__title {
65
+ background: linear-gradient(90deg, #de2174 0%, #eb142a 100%);
66
+ background-clip: text;
67
+ -webkit-background-clip: text;
68
+ -webkit-text-fill-color: transparent;
69
+ color: transparent;
70
+ }
71
+
72
+ &.onemrva-card--plain-title .onemrva-card__title {
73
+ background: none;
74
+ -webkit-background-clip: unset;
75
+ background-clip: unset;
76
+ -webkit-text-fill-color: unset;
77
+ color: var(
78
+ --onemrva-card-text-color,
79
+ var(--mat-sys-on-primary-container, #443e81)
80
+ );
81
+ }
82
+ }
83
+
84
+ .onemrva-card__image-wrapper {
85
+ height: 120px;
86
+ overflow: hidden;
87
+ position: relative;
88
+ }
89
+
90
+ .onemrva-card__image {
91
+ width: 100%;
92
+ height: 100%;
93
+ object-fit: cover;
94
+ display: block;
95
+ }
96
+
97
+ .onemrva-card__body {
98
+ display: flex;
99
+ flex-direction: column;
100
+ gap: var(--spacer, 0.5rem);
101
+ padding: var(--double-spacer, 1rem);
102
+ }
103
+
104
+ .onemrva-card__header-row {
105
+ display: flex;
106
+ align-items: flex-start;
107
+ gap: var(--quarter-spacer, 0.125rem);
108
+ }
109
+
110
+ .onemrva-card__meta {
111
+ flex: 1;
112
+ min-width: 0;
113
+ display: flex;
114
+ flex-direction: column;
115
+ gap: var(--quarter-spacer, 0.125rem);
116
+ }
117
+
118
+ .onemrva-card__label {
119
+ display: block;
120
+ font-family: var(--text-font, 'Source Sans Pro', sans-serif);
121
+ font-size: var(--mat-sys-label-small-size, 0.75rem);
122
+ line-height: var(--mat-sys-label-small-height, 1.125rem);
123
+ font-weight: 400;
124
+ color: var(
125
+ --onemrva-card-text-color,
126
+ var(--mat-sys-on-primary-container, #443e81)
127
+ );
128
+ }
129
+
130
+ .onemrva-card__title {
131
+ display: block;
132
+ font-family: var(--brand-font, 'Poppins', sans-serif);
133
+ font-size: var(--mat-sys-headline-small-size, 1.125rem);
134
+ line-height: var(--mat-sys-headline-small-height, 2.25rem);
135
+ font-weight: 600;
136
+ white-space: nowrap;
137
+ overflow: hidden;
138
+ text-overflow: ellipsis;
139
+ color: var(
140
+ --onemrva-card-text-color,
141
+ var(--mat-sys-on-primary-container, #443e81)
142
+ );
143
+ }
144
+
145
+ .onemrva-card__subtitle {
146
+ display: block;
147
+ font-family: var(--text-font, 'Source Sans Pro', sans-serif);
148
+ font-size: var(--mat-sys-label-small-size, 0.75rem);
149
+ line-height: var(--mat-sys-label-small-height, 1.125rem);
150
+ font-weight: 400;
151
+ color: var(
152
+ --onemrva-card-text-color,
153
+ var(--mat-sys-on-primary-container, #443e81)
154
+ );
155
+ }
156
+
157
+ .onemrva-card__description {
158
+ margin: 0;
159
+ font-family: var(--text-font, 'Source Sans Pro', sans-serif);
160
+ font-size: var(--mat-sys-body-medium-size, 1rem);
161
+ line-height: var(--mat-sys-body-medium-height, 1.625rem);
162
+ font-weight: 400;
163
+ color: var(
164
+ --onemrva-card-text-color,
165
+ var(--mat-sys-on-primary-container, #443e81)
166
+ );
167
+ display: -webkit-box;
168
+ -webkit-line-clamp: 2;
169
+ line-clamp: 2;
170
+ -webkit-box-orient: vertical;
171
+ overflow: hidden;
172
+ }
173
+
174
+ .onemrva-card__help-btn {
175
+ flex-shrink: 0;
176
+ display: flex;
177
+ align-items: center;
178
+ justify-content: center;
179
+ width: 16px;
180
+ height: 16px;
181
+ padding: 0;
182
+ background: none;
183
+ border: none;
184
+ cursor: pointer;
185
+
186
+ mat-icon {
187
+ font-size: 16px;
188
+ width: 16px;
189
+ height: 16px;
190
+ line-height: 16px;
191
+ color: var(
192
+ --onemrva-card-text-color,
193
+ var(--mat-sys-on-primary-container, #443e81)
194
+ );
195
+ }
196
+ }
197
+
198
+ .onemrva-card__actions {
199
+ display: flex;
200
+ align-items: center;
201
+ gap: var(--triple-spacer, 1.5rem);
202
+
203
+ &:empty {
204
+ display: none;
205
+ }
206
+
207
+ .mat-mdc-icon-button {
208
+ width: 32px;
209
+ height: 32px;
210
+ padding: 0;
211
+ display: inline-flex;
212
+ align-items: center;
213
+ justify-content: center;
214
+
215
+ .mat-mdc-button-touch-target {
216
+ width: 32px;
217
+ height: 32px;
218
+ }
219
+
220
+ .mat-mdc-button-ripple,
221
+ .mat-mdc-button-persistent-ripple {
222
+ border-radius: 50%;
223
+ }
224
+
225
+ .mat-icon {
226
+ font-size: 16px;
227
+ width: 16px;
228
+ height: 16px;
229
+ line-height: 16px;
230
+ display: flex;
231
+ align-items: center;
232
+ justify-content: center;
233
+ }
234
+ }
235
+ }
package/fesm2022/onemrvapublic-design-system-card.mjs ADDED
@@ -0,0 +1,67 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, ViewEncapsulation, Component, NgModule } from '@angular/core';
3
+ import * as i1 from '@angular/material/icon';
4
+ import { MatIconModule } from '@angular/material/icon';
5
+ import * as i2 from '@angular/material/tooltip';
6
+ import { MatTooltipModule } from '@angular/material/tooltip';
7
+
8
+ class OnemrvaCardComponent {
9
+ constructor() {
10
+ /** Visual variant of the card. */
11
+ this.type = input('no-background', ...(ngDevMode ? [{ debugName: "type" }] : []));
12
+ this.image = input(false, ...(ngDevMode ? [{ debugName: "image" }] : []));
13
+ this.imageSrc = input('', ...(ngDevMode ? [{ debugName: "imageSrc" }] : []));
14
+ this.imageAlt = input('', ...(ngDevMode ? [{ debugName: "imageAlt" }] : []));
15
+ this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
16
+ this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
17
+ this.subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
18
+ this.description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
19
+ /** Tooltip text shown via the help icon. When empty, the icon is hidden. */
20
+ this.helpText = input('', ...(ngDevMode ? [{ debugName: "helpText" }] : []));
21
+ /** When `true`, the title always uses the gradient. When `false`, it is always plain. When omitted, the gradient follows the variant. */
22
+ this.coloredTitle = input(...(ngDevMode ? [undefined, { debugName: "coloredTitle" }] : []));
23
+ /** Overrides the CSS text color for label, subtitle, description and help icon. Accepts any CSS color value. */
24
+ this.textColor = input(...(ngDevMode ? [undefined, { debugName: "textColor" }] : []));
25
+ this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
26
+ }
27
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaCardComponent, isStandalone: true, selector: "onemrva-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, coloredTitle: { classPropertyName: "coloredTitle", publicName: "coloredTitle", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "width()", "style.--onemrva-card-text-color": "textColor()", "class.onemrva-card--outline": "type() === \"outline\"", "class.onemrva-card--background": "type() === \"background\"", "class.onemrva-card--no-background": "type() === \"no-background\"", "class.onemrva-card--has-image": "image()", "class.onemrva-card--colored-title": "coloredTitle() === true", "class.onemrva-card--plain-title": "coloredTitle() === false" } }, ngImport: i0, template: "@if (image()) {\n <div class=\"onemrva-card__image-wrapper\">\n <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n </div>\n}\n<div class=\"onemrva-card__body\">\n <div class=\"onemrva-card__header-row\">\n <div class=\"onemrva-card__meta\">\n @if (label()) {\n <span class=\"onemrva-card__label\">{{ label() }}</span>\n }\n @if (title()) {\n <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n }\n @if (subtitle()) {\n <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n }\n </div>\n @if (helpText()) {\n <button\n class=\"onemrva-card__help-btn\"\n type=\"button\"\n [attr.aria-label]=\"helpText()\"\n [matTooltip]=\"helpText()\"\n >\n <mat-icon>help_outline</mat-icon>\n </button>\n }\n </div>\n @if (description()) {\n <p class=\"onemrva-card__description\">{{ description() }}</p>\n }\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;width:275px;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
29
+ }
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardComponent, decorators: [{
31
+ type: Component,
32
+ args: [{ selector: 'onemrva-card', imports: [MatIconModule, MatTooltipModule], standalone: true, encapsulation: ViewEncapsulation.None, host: {
33
+ '[style.width]': 'width()',
34
+ '[style.--onemrva-card-text-color]': 'textColor()',
35
+ '[class.onemrva-card--outline]': 'type() === "outline"',
36
+ '[class.onemrva-card--background]': 'type() === "background"',
37
+ '[class.onemrva-card--no-background]': 'type() === "no-background"',
38
+ '[class.onemrva-card--has-image]': 'image()',
39
+ '[class.onemrva-card--colored-title]': 'coloredTitle() === true',
40
+ '[class.onemrva-card--plain-title]': 'coloredTitle() === false',
41
+ }, template: "@if (image()) {\n <div class=\"onemrva-card__image-wrapper\">\n <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n </div>\n}\n<div class=\"onemrva-card__body\">\n <div class=\"onemrva-card__header-row\">\n <div class=\"onemrva-card__meta\">\n @if (label()) {\n <span class=\"onemrva-card__label\">{{ label() }}</span>\n }\n @if (title()) {\n <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n }\n @if (subtitle()) {\n <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n }\n </div>\n @if (helpText()) {\n <button\n class=\"onemrva-card__help-btn\"\n type=\"button\"\n [attr.aria-label]=\"helpText()\"\n [matTooltip]=\"helpText()\"\n >\n <mat-icon>help_outline</mat-icon>\n </button>\n }\n </div>\n @if (description()) {\n <p class=\"onemrva-card__description\">{{ description() }}</p>\n }\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;width:275px;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"] }]
42
+ }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], imageSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSrc", required: false }] }], imageAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageAlt", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], coloredTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "coloredTitle", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
43
+
44
+ class OnemrvaCardModule {
45
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
46
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent], exports: [OnemrvaCardComponent] }); }
47
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent] }); }
48
+ }
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaCardModule, decorators: [{
50
+ type: NgModule,
51
+ args: [{
52
+ declarations: [],
53
+ imports: [OnemrvaCardComponent],
54
+ exports: [OnemrvaCardComponent],
55
+ }]
56
+ }] });
57
+
58
+ /*
59
+ * Public API Surface of mat-card
60
+ */
61
+
62
+ /**
63
+ * Generated bundle index. Do not edit.
64
+ */
65
+
66
+ export { OnemrvaCardComponent, OnemrvaCardModule };
67
+ //# sourceMappingURL=onemrvapublic-design-system-card.mjs.map
package/fesm2022/onemrvapublic-design-system-card.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"onemrvapublic-design-system-card.mjs","sources":["../../../../projects/onemrva/design-system/card/src/onemrva-card.component.ts","../../../../projects/onemrva/design-system/card/src/onemrva-card.component.html","../../../../projects/onemrva/design-system/card/src/onemrva-card.module.ts","../../../../projects/onemrva/design-system/card/index.ts","../../../../projects/onemrva/design-system/card/onemrvapublic-design-system-card.ts"],"sourcesContent":["import { Component, input, ViewEncapsulation } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n@Component({\n selector: 'onemrva-card',\n templateUrl: './onemrva-card.component.html',\n styleUrl: 'onemrva-card.component.scss',\n imports: [MatIconModule, MatTooltipModule],\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n host: {\n '[style.width]': 'width()',\n '[style.--onemrva-card-text-color]': 'textColor()',\n '[class.onemrva-card--outline]': 'type() === \"outline\"',\n '[class.onemrva-card--background]': 'type() === \"background\"',\n '[class.onemrva-card--no-background]': 'type() === \"no-background\"',\n '[class.onemrva-card--has-image]': 'image()',\n '[class.onemrva-card--colored-title]': 'coloredTitle() === true',\n '[class.onemrva-card--plain-title]': 'coloredTitle() === false',\n },\n})\nexport class OnemrvaCardComponent {\n /** Visual variant of the card. */\n readonly type = input<'no-background' | 'outline' | 'background'>(\n 'no-background',\n );\n readonly image = input(false);\n readonly imageSrc = input('');\n readonly imageAlt = input('');\n readonly label = input('');\n readonly title = input('');\n readonly subtitle = input('');\n readonly description = input('');\n /** Tooltip text shown via the help icon. When empty, the icon is hidden. */\n readonly helpText = input('');\n /** When `true`, the title always uses the gradient. When `false`, it is always plain. When omitted, the gradient follows the variant. */\n readonly coloredTitle = input<boolean>();\n /** Overrides the CSS text color for label, subtitle, description and help icon. Accepts any CSS color value. */\n readonly textColor = input<string>();\n readonly width = input<string>();\n}\n","@if (image()) {\n <div class=\"onemrva-card__image-wrapper\">\n <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n </div>\n}\n<div class=\"onemrva-card__body\">\n <div class=\"onemrva-card__header-row\">\n <div class=\"onemrva-card__meta\">\n @if (label()) {\n <span class=\"onemrva-card__label\">{{ label() }}</span>\n }\n @if (title()) {\n <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n }\n @if (subtitle()) {\n <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n }\n </div>\n @if (helpText()) {\n <button\n class=\"onemrva-card__help-btn\"\n type=\"button\"\n [attr.aria-label]=\"helpText()\"\n [matTooltip]=\"helpText()\"\n >\n <mat-icon>help_outline</mat-icon>\n </button>\n }\n </div>\n @if (description()) {\n <p class=\"onemrva-card__description\">{{ description() }}</p>\n }\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaCardComponent } from './onemrva-card.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaCardComponent],\n exports: [OnemrvaCardComponent],\n})\nexport class OnemrvaCardModule {}\n","/*\n * Public API Surface of mat-card\n */\n\nexport * from './src/onemrva-card.component';\nexport * from './src/onemrva-card.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs CHANGED
@@ -501,6 +501,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
501
501
  }], propDecorators: { fileDropped: [{ type: i0.Output, args: ["fileDropped"] }] } });
502
502
 
503
503
  let NEXT_ID = 0;
504
+ // TODO: Also add a way to block elements from the list instead of allowing (because it can be a lot for some projects)
505
+ // TODO: Remove files from upload list even in manual mode
506
+ // TODO: Error message customisable
507
+ // TODO: Multiple customisable error messages (custom validators)
504
508
  class OnemrvaMatFileUploadComponent {
505
509
  constructor() {
506
510
  this.accept = input([], ...(ngDevMode ? [{ debugName: "accept" }] : []));