@onemrvapublic/design-system 22.7.0-develop.6 → 22.7.0-develop.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -3
- package/card/src/onemrva-card.component.scss +4 -4
- package/fesm2022/onemrvapublic-design-system-card.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/mat-choice-chip/src/onemrva-mat-choice-chip.component.scss +6 -9
- package/mat-paginator/src/onemrva-mat-paginator.component.scss +43 -6
- package/mat-sticker/src/onemrva-mat-sticker.component.scss +1 -1
- package/package.json +1 -1
- package/theme/overrides/_card.scss +2 -2
- package/theme/overrides/_checkbox.scss +9 -3
- package/theme/overrides/_chips.scss +10 -4
- package/theme/overrides/_fab.scss +4 -0
- package/theme/overrides/_tabs.scss +3 -3
- package/theme/utilities/_fonts.scss +8 -8
- package/types/onemrvapublic-design-system.d.ts +1 -1
package/README.md
CHANGED
|
@@ -33,12 +33,13 @@ 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
|
-
### 22.7.0-develop.
|
|
36
|
+
### 22.7.0-develop.7
|
|
37
37
|
|
|
38
|
-
# [22.7.0-develop.
|
|
38
|
+
# [22.7.0-develop.7](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v22.7.0-develop.6...v22.7.0-develop.7) (2026-10-09)
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
### Bug Fixes
|
|
42
42
|
|
|
43
|
-
* **
|
|
43
|
+
* **theme:** align typography scale and component labels with Figma ([554784e](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/554784e3935febf612495cdc8289f8d998a42158))
|
|
44
|
+
* **mat-paginator:** match Figma spacing and wrap on narrow viewports ([71a42b5](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/71a42b5067811a63a079e726daa912998cd14585))
|
|
44
45
|
|
|
@@ -141,7 +141,7 @@ onemrva-card {
|
|
|
141
141
|
display: block;
|
|
142
142
|
font-family: var(--text-font, 'Source Sans Pro', sans-serif);
|
|
143
143
|
font-size: var(--mat-sys-label-small-size, 0.75rem);
|
|
144
|
-
line-height: var(--mat-sys-label-small-height, 1.125rem);
|
|
144
|
+
line-height: var(--mat-sys-label-small-line-height, 1.125rem);
|
|
145
145
|
font-weight: 400;
|
|
146
146
|
color: var(
|
|
147
147
|
--onemrva-card-text-color,
|
|
@@ -153,7 +153,7 @@ onemrva-card {
|
|
|
153
153
|
display: block;
|
|
154
154
|
font-family: var(--brand-font, 'Poppins', sans-serif);
|
|
155
155
|
font-size: var(--mat-sys-headline-small-size, 1.125rem);
|
|
156
|
-
line-height: var(--mat-sys-headline-small-height, 2.25rem);
|
|
156
|
+
line-height: var(--mat-sys-headline-small-line-height, 2.25rem);
|
|
157
157
|
font-weight: 600;
|
|
158
158
|
white-space: nowrap;
|
|
159
159
|
overflow: hidden;
|
|
@@ -168,7 +168,7 @@ onemrva-card {
|
|
|
168
168
|
display: block;
|
|
169
169
|
font-family: var(--text-font, 'Source Sans Pro', sans-serif);
|
|
170
170
|
font-size: var(--mat-sys-label-small-size, 0.75rem);
|
|
171
|
-
line-height: var(--mat-sys-label-small-height, 1.125rem);
|
|
171
|
+
line-height: var(--mat-sys-label-small-line-height, 1.125rem);
|
|
172
172
|
font-weight: 400;
|
|
173
173
|
color: var(
|
|
174
174
|
--onemrva-card-text-color,
|
|
@@ -180,7 +180,7 @@ onemrva-card {
|
|
|
180
180
|
margin: 0;
|
|
181
181
|
font-family: var(--text-font, 'Source Sans Pro', sans-serif);
|
|
182
182
|
font-size: var(--mat-sys-body-medium-size, 1rem);
|
|
183
|
-
line-height: var(--mat-sys-body-medium-height, 1.625rem);
|
|
183
|
+
line-height: var(--mat-sys-body-medium-line-height, 1.625rem);
|
|
184
184
|
font-weight: 400;
|
|
185
185
|
color: var(
|
|
186
186
|
--onemrva-card-text-color,
|
|
@@ -57,7 +57,7 @@ class OnemrvaCardComponent {
|
|
|
57
57
|
...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
58
58
|
}
|
|
59
59
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaCardComponent, isStandalone: true, selector: "onemrva-card", inputs: { type: { classPropertyName: "type", publicName: "type", 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": "hasImage()", "class.onemrva-card--colored-title": "coloredTitle() === true", "class.onemrva-card--plain-title": "coloredTitle() === false" } }, ngImport: i0, template: "@if (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;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__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.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>[cardactions]{display:flex;align-items:center}.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 }); }
|
|
60
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaCardComponent, isStandalone: true, selector: "onemrva-card", inputs: { type: { classPropertyName: "type", publicName: "type", 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": "hasImage()", "class.onemrva-card--colored-title": "coloredTitle() === true", "class.onemrva-card--plain-title": "coloredTitle() === false" } }, ngImport: i0, template: "@if (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;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__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.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-line-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-line-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-line-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-line-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>[cardactions]{display:flex;align-items:center}.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 }); }
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
70
70
|
'[class.onemrva-card--has-image]': 'hasImage()',
|
|
71
71
|
'[class.onemrva-card--colored-title]': 'coloredTitle() === true',
|
|
72
72
|
'[class.onemrva-card--plain-title]': 'coloredTitle() === false',
|
|
73
|
-
}, template: "@if (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;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__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.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>[cardactions]{display:flex;align-items:center}.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"] }]
|
|
73
|
+
}, template: "@if (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\n <div class=\"onemrva-card__actions\">\n <ng-content select=\"[cardActions]\" />\n </div>\n</div>\n", styles: ["onemrva-card{display:block;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__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.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-line-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-line-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-line-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-line-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>[cardactions]{display:flex;align-items:center}.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"] }]
|
|
74
74
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", 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 }] }] } });
|
|
75
75
|
|
|
76
76
|
class OnemrvaCardModule {
|
|
@@ -1 +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, computed, input, ViewEncapsulation } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n/**\n * Content card with configurable image, border, and fill variants.\n *\n * Exposes 11 inputs and 0 outputs.\n * Inputs: type: 'no-background' | 'outline' | 'background', imageSrc, imageAlt, label, title, subtitle, description, helpText, coloredTitle: boolean, textColor: string, width: string.\n * Outputs: none.\n *\n * @MatKeywords card, container, content, surface, panel\n * @MatGroup Card\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]': 'hasImage()',\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 imageSrc = input<string | undefined>();\n readonly imageAlt = input<string | undefined>('');\n readonly hasImage = computed(() => {\n if (!this.imageSrc()) {\n return false;\n } else if (typeof this.imageSrc() === 'string') {\n return !!this.imageSrc()!.trim();\n } else {\n return false;\n }\n });\n readonly label = input<string | undefined>('');\n readonly title = input<string | undefined>('');\n readonly subtitle = input<string | undefined>('');\n readonly description = input<string | undefined>('');\n /** Tooltip text shown via the help icon. When empty, the icon is hidden. */\n readonly helpText = input<string | undefined>('');\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 (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\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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
|
|
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, computed, input, ViewEncapsulation } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n/**\n * Content card with configurable image, border, and fill variants.\n *\n * Exposes 11 inputs and 0 outputs.\n * Inputs: type: 'no-background' | 'outline' | 'background', imageSrc, imageAlt, label, title, subtitle, description, helpText, coloredTitle: boolean, textColor: string, width: string.\n * Outputs: none.\n *\n * @MatKeywords card, container, content, surface, panel\n * @MatGroup Card\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]': 'hasImage()',\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 imageSrc = input<string | undefined>();\n readonly imageAlt = input<string | undefined>('');\n readonly hasImage = computed(() => {\n if (!this.imageSrc()) {\n return false;\n } else if (typeof this.imageSrc() === 'string') {\n return !!this.imageSrc()!.trim();\n } else {\n return false;\n }\n });\n readonly label = input<string | undefined>('');\n readonly title = input<string | undefined>('');\n readonly subtitle = input<string | undefined>('');\n readonly description = input<string | undefined>('');\n /** Tooltip text shown via the help icon. When empty, the icon is hidden. */\n readonly helpText = input<string | undefined>('');\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 (hasImage()) {\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__avatar\">\n <ng-content select=\"[cardAvatar]\" />\n </div>\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__content\">\n <ng-content />\n </div>\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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"}
|
|
@@ -62,7 +62,7 @@ class OnemrvaMatChoiceChipComponent {
|
|
|
62
62
|
useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),
|
|
63
63
|
multi: true,
|
|
64
64
|
},
|
|
65
|
-
], ngImport: i0, template: "<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n", styles: [".onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{position:relative;display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height,
|
|
65
|
+
], ngImport: i0, template: "<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n", styles: [".onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{position:relative;display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height, 42px);-webkit-user-select:none;user-select:none;border:1px solid var(--mat-sys-primary);border-radius:var(--chip-border-radius);background:var(--mat-sys-primary-container);padding:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field{display:flex;align-items:center;height:100%}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox{flex:0 0 auto;width:0;height:18px;padding:0;margin:0;visibility:hidden;transition:width .4s,margin-left .4s}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox input{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field>label{padding:0 12px;color:var(--mat-sys-primary);font-family:var(--mat-sys-body-large-font);font-size:var(--mat-sys-body-large-size);font-weight:var(--mat-sys-body-large-weight);line-height:var(--mat-sys-body-large-line-height);white-space:nowrap}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-checkbox__ripple{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip:after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant))}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip:not(.mat-mdc-checkbox-disabled):hover:after{opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox{width:18px;margin-left:var(--spacer-and-half);visibility:visible}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox__background{background:none!important;border:none!important}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field>label{padding-left:8px;color:var(--mat-sys-on-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-form-field>label{color:var(--mat-sys-on-surface)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
66
66
|
}
|
|
67
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatChoiceChipComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
74
74
|
useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),
|
|
75
75
|
multi: true,
|
|
76
76
|
},
|
|
77
|
-
], template: "<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n", styles: [".onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{position:relative;display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height,
|
|
77
|
+
], template: "<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n", styles: [".onemrva-theme onemrva-mat-choice-chip{--mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);display:inline-block;vertical-align:middle}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip{position:relative;display:inline-flex;box-sizing:border-box;height:var(--mat-chip-container-height, 42px);-webkit-user-select:none;user-select:none;border:1px solid var(--mat-sys-primary);border-radius:var(--chip-border-radius);background:var(--mat-sys-primary-container);padding:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field{display:flex;align-items:center;height:100%}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox{flex:0 0 auto;width:0;height:18px;padding:0;margin:0;visibility:hidden;transition:width .4s,margin-left .4s}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple,.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox input{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-form-field>label{padding:0 12px;color:var(--mat-sys-primary);font-family:var(--mat-sys-body-large-font);font-size:var(--mat-sys-body-large-size);font-weight:var(--mat-sys-body-large-weight);line-height:var(--mat-sys-body-large-line-height);white-space:nowrap}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip .mdc-checkbox__ripple{display:none}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip:after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant))}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip:not(.mat-mdc-checkbox-disabled):hover:after{opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked{background-color:var(--mat-sys-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox{width:18px;margin-left:var(--spacer-and-half);visibility:visible}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field .mdc-checkbox__background{background:none!important;border:none!important}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mat-mdc-checkbox-checked .mdc-form-field>label{padding-left:8px;color:var(--mat-sys-on-primary)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled{background-color:var(--mat-sys-primary-container);border-color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-checkbox__background .mdc-checkbox__checkmark{color:var(--mat-sys-primary-fixed-dim)}.onemrva-theme onemrva-mat-choice-chip mat-checkbox.onemrva-choice-chip.mdc-checkbox--disabled .mdc-form-field>label{color:var(--mat-sys-on-surface)}\n"] }]
|
|
78
78
|
}], propDecorators: { valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueInput", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledInput", required: false }] }] } });
|
|
79
79
|
|
|
80
80
|
/*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-choice-chip.mjs","sources":["../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.ts","../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.html","../../../../projects/onemrva/design-system/mat-choice-chip/index.ts","../../../../projects/onemrva/design-system/mat-choice-chip/onemrvapublic-design-system-mat-choice-chip.ts"],"sourcesContent":["import {\n Component,\n forwardRef,\n ViewEncapsulation,\n signal,\n input,\n computed,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n/**\n * Toggle chip implementing ControlValueAccessor for use in forms.\n *\n * Exposes 2 inputs and 0 outputs.\n * Inputs: valueInput: boolean | null, disabledInput: boolean | null.\n * Outputs: none.\n *\n * @MatKeywords choice-chip, chip, toggle, checkbox, select\n * @MatGroup Forms\n */\n@Component({\n selector: 'onemrva-mat-choice-chip',\n templateUrl: 'onemrva-mat-choice-chip.component.html',\n styleUrls: ['onemrva-mat-choice-chip.component.scss'],\n standalone: true,\n imports: [MatCheckbox],\n encapsulation: ViewEncapsulation.None,\n host: {\n '[style.opacity]': '_opacity()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),\n multi: true,\n },\n ],\n})\nexport class OnemrvaMatChoiceChipComponent implements ControlValueAccessor {\n // Optional external input (only if you want non-forms usage too)\n readonly valueInput = input<boolean | null>(null);\n readonly disabledInput = input<boolean | null>(null);\n\n // Writable internal state for CVA\n private readonly _value = signal(false);\n private readonly _disabled = signal(false);\n\n // What the template should bind to\n readonly value = () => this.valueInput() ?? this._value();\n readonly disabled = () => this.disabledInput() ?? this._disabled();\n\n readonly _opacity = computed(() => (this.disabled() ? 0.4 : 1));\n\n private onChange: (val: boolean) => void = () => {\n /* empty */\n };\n public onTouched: () => void = () => {\n /* empty */\n };\n\n writeValue(val: boolean): void {\n this._value.set(val);\n }\n\n registerOnChange(fn: (val: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._disabled.set(isDisabled);\n }\n\n // Called from template\n onInputChange(checked: boolean) {\n this._value.set(checked);\n this.onChange(checked);\n this.onTouched();\n }\n}\n","<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-choice-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAWA;;;;;;;;;AASG;MAmBU,6BAA6B,CAAA;AAlB1C,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,UAAU,GAAG,KAAK,CAAiB,IAAI;uFAAC;QACxC,IAAA,CAAA,aAAa,GAAG,KAAK,CAAiB,IAAI;0FAAC;;QAGnC,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,KAAK;mFAAC;QACtB,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK;sFAAC;;AAGjC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;AAChD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;AAEzD,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;qFAAC;QAEvD,IAAA,CAAA,QAAQ,GAA2B,MAAK;;AAEhD,QAAA,CAAC;QACM,IAAA,CAAA,SAAS,GAAe,MAAK;;AAEpC,QAAA,CAAC;AAwBF,IAAA;AAtBC,IAAA,UAAU,CAAC,GAAY,EAAA;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IACtB;AAEA,IAAA,gBAAgB,CAAC,EAA0B,EAAA;AACzC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;IAChC;;AAGA,IAAA,aAAa,CAAC,OAAgB,EAAA;AAC5B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,SAAS,EAAE;IAClB;8GA3CW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAR7B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B,CAAC;AAC5D,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrCH,2OAUA
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-choice-chip.mjs","sources":["../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.ts","../../../../projects/onemrva/design-system/mat-choice-chip/src/onemrva-mat-choice-chip.component.html","../../../../projects/onemrva/design-system/mat-choice-chip/index.ts","../../../../projects/onemrva/design-system/mat-choice-chip/onemrvapublic-design-system-mat-choice-chip.ts"],"sourcesContent":["import {\n Component,\n forwardRef,\n ViewEncapsulation,\n signal,\n input,\n computed,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatCheckbox } from '@angular/material/checkbox';\n\n/**\n * Toggle chip implementing ControlValueAccessor for use in forms.\n *\n * Exposes 2 inputs and 0 outputs.\n * Inputs: valueInput: boolean | null, disabledInput: boolean | null.\n * Outputs: none.\n *\n * @MatKeywords choice-chip, chip, toggle, checkbox, select\n * @MatGroup Forms\n */\n@Component({\n selector: 'onemrva-mat-choice-chip',\n templateUrl: 'onemrva-mat-choice-chip.component.html',\n styleUrls: ['onemrva-mat-choice-chip.component.scss'],\n standalone: true,\n imports: [MatCheckbox],\n encapsulation: ViewEncapsulation.None,\n host: {\n '[style.opacity]': '_opacity()',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => OnemrvaMatChoiceChipComponent),\n multi: true,\n },\n ],\n})\nexport class OnemrvaMatChoiceChipComponent implements ControlValueAccessor {\n // Optional external input (only if you want non-forms usage too)\n readonly valueInput = input<boolean | null>(null);\n readonly disabledInput = input<boolean | null>(null);\n\n // Writable internal state for CVA\n private readonly _value = signal(false);\n private readonly _disabled = signal(false);\n\n // What the template should bind to\n readonly value = () => this.valueInput() ?? this._value();\n readonly disabled = () => this.disabledInput() ?? this._disabled();\n\n readonly _opacity = computed(() => (this.disabled() ? 0.4 : 1));\n\n private onChange: (val: boolean) => void = () => {\n /* empty */\n };\n public onTouched: () => void = () => {\n /* empty */\n };\n\n writeValue(val: boolean): void {\n this._value.set(val);\n }\n\n registerOnChange(fn: (val: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this._disabled.set(isDisabled);\n }\n\n // Called from template\n onInputChange(checked: boolean) {\n this._value.set(checked);\n this.onChange(checked);\n this.onTouched();\n }\n}\n","<mat-checkbox\n class=\"onemrva-choice-chip\"\n [checked]=\"value()\"\n [disabled]=\"disabled()\"\n color=\"primary\"\n (change)=\"onInputChange($event.checked)\"\n (blur)=\"onTouched()\"\n>\n <ng-content />\n</mat-checkbox>\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-choice-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAWA;;;;;;;;;AASG;MAmBU,6BAA6B,CAAA;AAlB1C,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,UAAU,GAAG,KAAK,CAAiB,IAAI;uFAAC;QACxC,IAAA,CAAA,aAAa,GAAG,KAAK,CAAiB,IAAI;0FAAC;;QAGnC,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,KAAK;mFAAC;QACtB,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK;sFAAC;;AAGjC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE;AAChD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;AAEzD,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;qFAAC;QAEvD,IAAA,CAAA,QAAQ,GAA2B,MAAK;;AAEhD,QAAA,CAAC;QACM,IAAA,CAAA,SAAS,GAAe,MAAK;;AAEpC,QAAA,CAAC;AAwBF,IAAA;AAtBC,IAAA,UAAU,CAAC,GAAY,EAAA;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IACtB;AAEA,IAAA,gBAAgB,CAAC,EAA0B,EAAA;AACzC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;IAChC;;AAGA,IAAA,aAAa,CAAC,OAAgB,EAAA;AAC5B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,SAAS,EAAE;IAClB;8GA3CW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAR7B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B,CAAC;AAC5D,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrCH,2OAUA,80GDgBY,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAaV,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAlBzC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EAGvB,IAAI,EAAA,OAAA,EACP,CAAC,WAAW,CAAC,EAAA,aAAA,EACP,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,iBAAiB,EAAE,YAAY;qBAChC,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,mCAAmC,CAAC;AAC5D,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,2OAAA,EAAA,MAAA,EAAA,CAAA,sxGAAA,CAAA,EAAA;;;AErCH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -221,11 +221,11 @@ class OnemrvaMatPaginatorComponent {
|
|
|
221
221
|
this._initializedStream.complete();
|
|
222
222
|
}
|
|
223
223
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSizeSelector: { classPropertyName: "pageSizeSelector", publicName: "pageSizeSelector", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeDefaultOption: { classPropertyName: "pageSizeDefaultOption", publicName: "pageSizeDefaultOption", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: false, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: false, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, previousKey: { classPropertyName: "previousKey", publicName: "previousKey", isSignal: true, isRequired: false, transformFunction: null }, nextKey: { classPropertyName: "nextKey", publicName: "nextKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline;font:var(--mat-sys-label-medium)}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;padding:0;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-surface);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
224
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSizeSelector: { classPropertyName: "pageSizeSelector", publicName: "pageSizeSelector", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeDefaultOption: { classPropertyName: "pageSizeDefaultOption", publicName: "pageSizeDefaultOption", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: false, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: false, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, previousKey: { classPropertyName: "previousKey", publicName: "previousKey", isSignal: true, isRequired: false, transformFunction: null }, nextKey: { classPropertyName: "nextKey", publicName: "nextKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--double-spacer);font:var(--mat-sys-label-medium)}:host .paginator-container .paginator-size-selector-container{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{padding:0;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-line-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-text-field-wrapper{padding-left:var(--double-spacer);padding-right:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-form-field-infix{width:auto;min-width:0}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select{display:flex}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-trigger{height:var(--mat-sys-label-medium-line-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-value{width:auto;flex:0 0 auto}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-arrow-wrapper{height:auto;padding-left:var(--spacer)}:host .paginator-container .onemrva-mat-paginator{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:thin}:host .paginator-container .onemrva-mat-paginator button{flex:0 0 auto;background-color:var(--mat-sys-surface);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
225
225
|
}
|
|
226
226
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
|
|
227
227
|
type: Component,
|
|
228
|
-
args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe], standalone: true, template: "<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:
|
|
228
|
+
args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe], standalone: true, template: "<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--double-spacer);font:var(--mat-sys-label-medium)}:host .paginator-container .paginator-size-selector-container{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{padding:0;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-line-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-text-field-wrapper{padding-left:var(--double-spacer);padding-right:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-form-field-infix{width:auto;min-width:0}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select{display:flex}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-trigger{height:var(--mat-sys-label-medium-line-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-value{width:auto;flex:0 0 auto}:host .paginator-container .paginator-size-selector-container .paginator-size-selector ::ng-deep .mat-mdc-select-arrow-wrapper{height:auto;padding-left:var(--spacer)}:host .paginator-container .onemrva-mat-paginator{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:thin}:host .paginator-container .onemrva-mat-paginator button{flex:0 0 auto;background-color:var(--mat-sys-surface);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"] }]
|
|
229
229
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pageSizeSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeSelector", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pageSizeDefaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeDefaultOption", required: false }] }], recordKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "recordKey", required: false }] }], pageIndex: [{
|
|
230
230
|
type: Input
|
|
231
231
|
}], length: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-paginator.mjs","sources":["../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.ts","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.html","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.module.ts","../../../../projects/onemrva/design-system/mat-paginator/index.ts","../../../../projects/onemrva/design-system/mat-paginator/onemrvapublic-design-system-mat-paginator.ts"],"sourcesContent":["import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatOption, MatSelect } from '@angular/material/select';\nimport { MatDivider } from '@angular/material/divider';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Pagination controls with configurable page-size selector.\n *\n * Exposes 10 inputs and 2 outputs.\n * Inputs: type: 'default' | 'complex', pageSizeSelector, pageSizeOptions: number[], pageSizeDefaultOption, recordKey, previousKey, nextKey, pageIndex, length, pageSize.\n * Outputs: onRequestPage: number, page: PageEvent.\n *\n * @MatKeywords paginator, pagination, paging, table, page-size\n * @MatGroup Data\n */\n@Component({\n selector: 'onemrva-mat-paginator',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-paginator.component.html',\n styleUrl: './onemrva-mat-paginator.component.scss',\n imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe],\n standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n readonly type = input<'default' | 'complex'>('default');\n readonly pageSizeSelector = input(true); // Specs: DS-74\n readonly pageSizeOptions = input<number[]>([10, 20, 50, 100]); // Specs: DS-74\n readonly pageSizeDefaultOption = input(10);\n readonly recordKey = input('recordsPerPage'); // this record key will be inside key \"paginator\". I.e the default key value that will be generated out of this input is paginator.recordsPerPage\n\n private _isInitialized = false;\n private _initializedStream = new ReplaySubject<void>(1);\n /** Emits when the paginator is initialized. */\n initialized: Observable<void> = this._initializedStream;\n\n maxRecordNumber = 0;\n private _pageIndex = 0;\n private _prevIndex = 0;\n private _length = 0;\n private _pageSize: number = this.pageSizeDefaultOption();\n private _totalNumberOfPages = 0;\n\n public get pageIndex(): number {\n return this._pageIndex;\n }\n\n @Input()\n public set pageIndex(index: number) {\n if (!Number.isInteger(index)) throw new Error('Index is not integer');\n if (index < 0) throw new Error('Negative index');\n if (index > this._totalNumberOfPages) throw new Error('Index out of bound');\n if (this._pageIndex !== index) {\n this._pageIndex = Math.min(index, this._totalNumberOfPages - 1);\n this._emitPageEvent(this._pageIndex);\n this.refreshState();\n }\n }\n\n public resetPageIndex() {\n this._pageIndex = 0;\n }\n\n public get length(): number {\n return this._length;\n }\n\n @Input()\n public set length(length: number) {\n if (this._length !== length) {\n this._length = length;\n this.refreshState();\n }\n }\n\n public get pageSize(): number {\n return this._pageSize;\n }\n\n @Input()\n public set pageSize(pageSize: number) {\n if (!Number.isInteger(pageSize)) throw new Error('pageSize is not integer');\n if (pageSize < 0) throw new Error('pageSize is negative');\n if (this._pageSize !== pageSize) {\n this._pageSize = pageSize;\n this.pageSize$.next(this._pageSize);\n this._pageIndex = 0;\n this._emitPageEvent(this._pageIndex);\n this.refreshState();\n }\n }\n\n get totalNumberOfPages(): number {\n return this._totalNumberOfPages;\n }\n\n readonly previousKey = input('Previous');\n readonly nextKey = input('Next');\n\n /** Deprecated **/\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onRequestPage = output<number>(); // Pages are displayed starting from 1 but the index starts at 0\n\n /** Event emitted when the paginator changes the page size or page index. */\n readonly page = output<PageEvent>();\n\n pageIndex$ = new BehaviorSubject<number>(this._pageIndex);\n pageSize$ = new BehaviorSubject<number>(this.pageSizeDefaultOption());\n\n pages: number[] = [];\n numberOfReachablePages = 5;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n refreshState() {\n this.maxRecordNumber = Math.min(\n this._pageIndex * this._pageSize + this._pageSize,\n this._length,\n );\n\n if (this._pageIndex < 0) throw Error('Negative index');\n this._totalNumberOfPages = Math.ceil(this.length / this.pageSize);\n if (\n this._totalNumberOfPages > 0 &&\n this._pageIndex > this._totalNumberOfPages\n )\n throw Error('Index out of bound');\n if (!Number.isInteger(this._pageIndex)) throw Error('Index is not integer');\n\n if (this._prevIndex != this.pageIndex) {\n this.pageIndex$.next(this._pageIndex);\n this._prevIndex = this.pageIndex;\n }\n\n if (this.type() === 'complex') this.refreshComplex();\n else this.refreshDefault();\n\n this.cd.detectChanges();\n }\n\n refreshDefault() {\n if (this._totalNumberOfPages <= this.numberOfReachablePages + 1) {\n // Case 1: not enough pages to display the first \"...\"\n this.pages = [...Array(this._totalNumberOfPages).keys()];\n } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n // Case 2: page index in first 5 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()];\n } else {\n let firstPageIndex =\n Math.floor(this._pageIndex / this.numberOfReachablePages) *\n this.numberOfReachablePages;\n\n if (\n this._totalNumberOfPages - firstPageIndex <=\n this.numberOfReachablePages + 1\n ) {\n if (this._totalNumberOfPages - firstPageIndex <= 1) {\n // Case 3: in the last block containing only 1 page\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 4: one block before the last with last block containing only 1 page\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n }\n } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 2) {\n // Case 5: in the last block containing 2 pages or more\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 6: same as case 4 but the next block contains at least 2 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n x => x + firstPageIndex,\n );\n }\n }\n }\n\n refreshComplex() {\n if (this._totalNumberOfPages <= this.numberOfReachablePages + 2) {\n // Case 1: not enough pages to display the first \"...\"\n this.pages = [...Array(this._totalNumberOfPages).keys()];\n } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n // Case 2: page index in first 5 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()];\n } else {\n let firstPageIndex =\n Math.floor(this._pageIndex / this.numberOfReachablePages) *\n this.numberOfReachablePages;\n\n if (\n this._totalNumberOfPages - firstPageIndex <=\n this.numberOfReachablePages + 2\n ) {\n if (this._totalNumberOfPages - firstPageIndex <= 2) {\n // Case 3: in the last block containing max 2 pages\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 4: one block before the last with last block containing max 2 pages\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n }\n } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 3) {\n // Case 5: in the last block containing 2 pages or more\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 6: same as case 4 but the next block contains at least 2 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n x => x + firstPageIndex,\n );\n }\n }\n }\n\n /** Emits an event notifying that a change of the paginator's properties has been triggered. */\n private _emitPageEvent(previousPageIndex: number) {\n this.page.emit({\n previousPageIndex,\n pageIndex: this._pageIndex,\n pageSize: this._pageSize,\n length: this._length,\n });\n\n // Deprecated\n this.onRequestPage.emit(this._pageIndex);\n }\n\n ngOnInit() {\n this._isInitialized = true;\n this._initializedStream.next();\n }\n\n ngOnDestroy() {\n this._initializedStream.complete();\n }\n}\n","<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPaginatorComponent } from './onemrva-mat-paginator.component';\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatPaginatorComponent],\n exports: [],\n})\nexport class OnemrvaMatPaginatorModule {}\n","/*\n * Public API Surface of mat-paginator\n */\n\nexport * from './src/onemrva-mat-paginator.module';\nexport * from './src/onemrva-mat-paginator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-paginator.mjs","sources":["../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.ts","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.html","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.module.ts","../../../../projects/onemrva/design-system/mat-paginator/index.ts","../../../../projects/onemrva/design-system/mat-paginator/onemrvapublic-design-system-mat-paginator.ts"],"sourcesContent":["import {\n Component,\n Input,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatOption, MatSelect } from '@angular/material/select';\nimport { MatDivider } from '@angular/material/divider';\nimport { TranslatePipe } from '@ngx-translate/core';\n\n/**\n * Pagination controls with configurable page-size selector.\n *\n * Exposes 10 inputs and 2 outputs.\n * Inputs: type: 'default' | 'complex', pageSizeSelector, pageSizeOptions: number[], pageSizeDefaultOption, recordKey, previousKey, nextKey, pageIndex, length, pageSize.\n * Outputs: onRequestPage: number, page: PageEvent.\n *\n * @MatKeywords paginator, pagination, paging, table, page-size\n * @MatGroup Data\n */\n@Component({\n selector: 'onemrva-mat-paginator',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-paginator.component.html',\n styleUrl: './onemrva-mat-paginator.component.scss',\n imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe],\n standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n readonly type = input<'default' | 'complex'>('default');\n readonly pageSizeSelector = input(true); // Specs: DS-74\n readonly pageSizeOptions = input<number[]>([10, 20, 50, 100]); // Specs: DS-74\n readonly pageSizeDefaultOption = input(10);\n readonly recordKey = input('recordsPerPage'); // this record key will be inside key \"paginator\". I.e the default key value that will be generated out of this input is paginator.recordsPerPage\n\n private _isInitialized = false;\n private _initializedStream = new ReplaySubject<void>(1);\n /** Emits when the paginator is initialized. */\n initialized: Observable<void> = this._initializedStream;\n\n maxRecordNumber = 0;\n private _pageIndex = 0;\n private _prevIndex = 0;\n private _length = 0;\n private _pageSize: number = this.pageSizeDefaultOption();\n private _totalNumberOfPages = 0;\n\n public get pageIndex(): number {\n return this._pageIndex;\n }\n\n @Input()\n public set pageIndex(index: number) {\n if (!Number.isInteger(index)) throw new Error('Index is not integer');\n if (index < 0) throw new Error('Negative index');\n if (index > this._totalNumberOfPages) throw new Error('Index out of bound');\n if (this._pageIndex !== index) {\n this._pageIndex = Math.min(index, this._totalNumberOfPages - 1);\n this._emitPageEvent(this._pageIndex);\n this.refreshState();\n }\n }\n\n public resetPageIndex() {\n this._pageIndex = 0;\n }\n\n public get length(): number {\n return this._length;\n }\n\n @Input()\n public set length(length: number) {\n if (this._length !== length) {\n this._length = length;\n this.refreshState();\n }\n }\n\n public get pageSize(): number {\n return this._pageSize;\n }\n\n @Input()\n public set pageSize(pageSize: number) {\n if (!Number.isInteger(pageSize)) throw new Error('pageSize is not integer');\n if (pageSize < 0) throw new Error('pageSize is negative');\n if (this._pageSize !== pageSize) {\n this._pageSize = pageSize;\n this.pageSize$.next(this._pageSize);\n this._pageIndex = 0;\n this._emitPageEvent(this._pageIndex);\n this.refreshState();\n }\n }\n\n get totalNumberOfPages(): number {\n return this._totalNumberOfPages;\n }\n\n readonly previousKey = input('Previous');\n readonly nextKey = input('Next');\n\n /** Deprecated **/\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onRequestPage = output<number>(); // Pages are displayed starting from 1 but the index starts at 0\n\n /** Event emitted when the paginator changes the page size or page index. */\n readonly page = output<PageEvent>();\n\n pageIndex$ = new BehaviorSubject<number>(this._pageIndex);\n pageSize$ = new BehaviorSubject<number>(this.pageSizeDefaultOption());\n\n pages: number[] = [];\n numberOfReachablePages = 5;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n refreshState() {\n this.maxRecordNumber = Math.min(\n this._pageIndex * this._pageSize + this._pageSize,\n this._length,\n );\n\n if (this._pageIndex < 0) throw Error('Negative index');\n this._totalNumberOfPages = Math.ceil(this.length / this.pageSize);\n if (\n this._totalNumberOfPages > 0 &&\n this._pageIndex > this._totalNumberOfPages\n )\n throw Error('Index out of bound');\n if (!Number.isInteger(this._pageIndex)) throw Error('Index is not integer');\n\n if (this._prevIndex != this.pageIndex) {\n this.pageIndex$.next(this._pageIndex);\n this._prevIndex = this.pageIndex;\n }\n\n if (this.type() === 'complex') this.refreshComplex();\n else this.refreshDefault();\n\n this.cd.detectChanges();\n }\n\n refreshDefault() {\n if (this._totalNumberOfPages <= this.numberOfReachablePages + 1) {\n // Case 1: not enough pages to display the first \"...\"\n this.pages = [...Array(this._totalNumberOfPages).keys()];\n } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n // Case 2: page index in first 5 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()];\n } else {\n let firstPageIndex =\n Math.floor(this._pageIndex / this.numberOfReachablePages) *\n this.numberOfReachablePages;\n\n if (\n this._totalNumberOfPages - firstPageIndex <=\n this.numberOfReachablePages + 1\n ) {\n if (this._totalNumberOfPages - firstPageIndex <= 1) {\n // Case 3: in the last block containing only 1 page\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 4: one block before the last with last block containing only 1 page\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n }\n } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 2) {\n // Case 5: in the last block containing 2 pages or more\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 6: same as case 4 but the next block contains at least 2 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n x => x + firstPageIndex,\n );\n }\n }\n }\n\n refreshComplex() {\n if (this._totalNumberOfPages <= this.numberOfReachablePages + 2) {\n // Case 1: not enough pages to display the first \"...\"\n this.pages = [...Array(this._totalNumberOfPages).keys()];\n } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n // Case 2: page index in first 5 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()];\n } else {\n let firstPageIndex =\n Math.floor(this._pageIndex / this.numberOfReachablePages) *\n this.numberOfReachablePages;\n\n if (\n this._totalNumberOfPages - firstPageIndex <=\n this.numberOfReachablePages + 2\n ) {\n if (this._totalNumberOfPages - firstPageIndex <= 2) {\n // Case 3: in the last block containing max 2 pages\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 4: one block before the last with last block containing max 2 pages\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n }\n } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 3) {\n // Case 5: in the last block containing 2 pages or more\n firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n this.pages = [\n ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n ].map(x => x + firstPageIndex);\n } else {\n // Case 6: same as case 4 but the next block contains at least 2 pages\n this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n x => x + firstPageIndex,\n );\n }\n }\n }\n\n /** Emits an event notifying that a change of the paginator's properties has been triggered. */\n private _emitPageEvent(previousPageIndex: number) {\n this.page.emit({\n previousPageIndex,\n pageIndex: this._pageIndex,\n pageSize: this._pageSize,\n length: this._length,\n });\n\n // Deprecated\n this.onRequestPage.emit(this._pageIndex);\n }\n\n ngOnInit() {\n this._isInitialized = true;\n this._initializedStream.next();\n }\n\n ngOnDestroy() {\n this._initializedStream.complete();\n }\n}\n","<div class=\"paginator-container\">\n @if (pageSizeSelector()) {\n <div class=\"paginator-size-selector-container\">\n @if (pageSizeOptions().length > 1) {\n <mat-form-field\n appearance=\"outline\"\n class=\"paginator-size-selector\"\n data-cy=\"onemrva-mat-paginator-page-size-selector\"\n >\n <mat-select [value]=\"pageSize\">\n @for (size of pageSizeOptions(); track size) {\n <mat-option\n [value]=\"size\"\n (click)=\"pageSize = size\"\n [attr.data-cy]=\"\n 'onemrva-mat-paginator-page-size-option-' + size\n \"\n >{{ size }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n }\n <div>\n @if (pageSizeOptions().length > 1) {\n <span style=\"display: inline-block\">{{\n 'paginator.' + recordKey() | translate\n }}</span>\n <mat-divider vertical />\n }\n {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n <span>{{ 'paginator.outOf' | translate }}</span>\n {{ length }}\n </div>\n </div>\n }\n\n @if (pages.length > 1) {\n <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n data-cy=\"onemrva-mat-paginator-btn-previous\"\n [disabled]=\"pageIndex === 0\"\n (click)=\"pageIndex = pageIndex - 1\"\n >\n {{ 'paginator.' + previousKey() | translate }}\n </button>\n\n @if (pages[0] > 0 && type() === 'complex') {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n data-cy=\"onemrva-mat-paginator-first\"\n (click)=\"pageIndex = 0\"\n >\n 1\n </button>\n }\n @if (pages[0] > 0) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n >\n ...\n </button>\n }\n @for (page of pages; track page) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\n data-cy=\"onemrva-mat-paginator-btn-page\"\n (click)=\"pageIndex = page\"\n >\n {{ page + 1 }}\n </button>\n }\n @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n >\n ...\n </button>\n }\n @if (\n pages[pages.length - 1] < totalNumberOfPages - 1 && type() === 'complex'\n ) {\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n data-cy=\"onemrva-mat-paginator-btn-last\"\n (click)=\"pageIndex = totalNumberOfPages - 1\"\n >\n {{ totalNumberOfPages }}\n </button>\n }\n <button\n type=\"button\"\n class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n data-cy=\"onemrva-mat-paginator-btn-next\"\n [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n (click)=\"pageIndex = pageIndex + 1\"\n >\n {{ 'paginator.' + nextKey() | translate }}\n </button>\n </div>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPaginatorComponent } from './onemrva-mat-paginator.component';\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatPaginatorComponent],\n exports: [],\n})\nexport class OnemrvaMatPaginatorModule {}\n","/*\n * Public API Surface of mat-paginator\n */\n\nexport * from './src/onemrva-mat-paginator.module';\nexport * from './src/onemrva-mat-paginator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ class OnemrvaMatStickerComponent {
|
|
|
47
47
|
info
|
|
48
48
|
</mat-icon>
|
|
49
49
|
}
|
|
50
|
-
`, isInline: true, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-
|
|
50
|
+
`, isInline: true, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-body-small);border:1px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-primary{color:#fff;background:var(--mat-sys-primary)}:host.mat-accent{--mat-sys-primary: light-dark(#625d9c, #c6c0ff);--mat-sys-on-primary: light-dark(#ffffff, #180e54);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-color:var(--mat-sys-primary)}:host.mat-success{color:#00522f;background:#ebfff4}:host.mat-error{color:#b3291a;background:#ffebe6}:host.mat-info{color:#301ed3;background:#e0e0fc}:host.mat-warn{color:#bf4e03;background:#fff4eb}:host.mat-neutral{color:#514f52;background:#d8d1dc}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OnemrvaMatTooltipModule }, { kind: "directive", type: i2.OnemrvaMatTooltipDirective, selector: "[OnemrvaMatTooltip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "position", "positionOffset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
73
73
|
info
|
|
74
74
|
</mat-icon>
|
|
75
75
|
}
|
|
76
|
-
`, imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-
|
|
76
|
+
`, imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-body-small);border:1px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-primary{color:#fff;background:var(--mat-sys-primary)}:host.mat-accent{--mat-sys-primary: light-dark(#625d9c, #c6c0ff);--mat-sys-on-primary: light-dark(#ffffff, #180e54);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-color:var(--mat-sys-primary)}:host.mat-success{color:#00522f;background:#ebfff4}:host.mat-error{color:#b3291a;background:#ffebe6}:host.mat-info{color:#301ed3;background:#e0e0fc}:host.mat-warn{color:#bf4e03;background:#fff4eb}:host.mat-neutral{color:#514f52;background:#d8d1dc}\n"] }]
|
|
77
77
|
}], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], htmlTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlTooltip", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
78
78
|
|
|
79
79
|
class OnemrvaMatStickerModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import {\n Component,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule, TooltipPosition } from '@angular/material/tooltip';\nimport { OnemrvaMatTooltipModule } from '@onemrvapublic/design-system/mat-tooltip';\n\n/**\n * Inline badge or tag for displaying status labels.\n *\n * This component exposes no configurable inputs or outputs.\n *\n * @MatKeywords sticker, badge, label, tag, status\n * @MatGroup Data\n */\n@Component({\n selector: 'onemrva-mat-sticker',\n template: `\n <ng-content />\n @if (tooltip()) {\n <mat-icon\n class=\"ml-s\"\n [matTooltip]=\"tooltip()\"\n [matTooltipPosition]=\"position()\"\n aria-label=\"tooltip()\"\n >\n info\n </mat-icon>\n } @else if (htmlTooltip()) {\n <mat-icon\n class=\"ml-s\"\n OnemrvaMatTooltip\n [contentTemplate]=\"htmlTooltip()\"\n [attr.data-cy]=\"'data-cy-tooltip-trigger'\"\n [attr.data-cy-tooltipcontent]=\"'data-cy-tooltip-content'\"\n >\n info\n </mat-icon>\n }\n `,\n styleUrl: 'onemrva-mat-sticker.component.scss',\n imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {\n tooltip = input('');\n htmlTooltip = input<TemplateRef<any>>();\n position = input<TooltipPosition>('after');\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatStickerComponent],\n exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAUA;;;;;;;AAOG;MA+BU,0BAA0B,CAAA;AA9BvC,IAAA,WAAA,GAAA;QA+BE,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,EAAE;oFAAC;AACnB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK;mGAAoB;QACvC,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,OAAO;qFAAC;AAC3C,IAAA;8GAJY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5B3B;;;;;;;;;;;;;;;;;;;;;;AAsBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import {\n Component,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule, TooltipPosition } from '@angular/material/tooltip';\nimport { OnemrvaMatTooltipModule } from '@onemrvapublic/design-system/mat-tooltip';\n\n/**\n * Inline badge or tag for displaying status labels.\n *\n * This component exposes no configurable inputs or outputs.\n *\n * @MatKeywords sticker, badge, label, tag, status\n * @MatGroup Data\n */\n@Component({\n selector: 'onemrva-mat-sticker',\n template: `\n <ng-content />\n @if (tooltip()) {\n <mat-icon\n class=\"ml-s\"\n [matTooltip]=\"tooltip()\"\n [matTooltipPosition]=\"position()\"\n aria-label=\"tooltip()\"\n >\n info\n </mat-icon>\n } @else if (htmlTooltip()) {\n <mat-icon\n class=\"ml-s\"\n OnemrvaMatTooltip\n [contentTemplate]=\"htmlTooltip()\"\n [attr.data-cy]=\"'data-cy-tooltip-trigger'\"\n [attr.data-cy-tooltipcontent]=\"'data-cy-tooltip-content'\"\n >\n info\n </mat-icon>\n }\n `,\n styleUrl: 'onemrva-mat-sticker.component.scss',\n imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {\n tooltip = input('');\n htmlTooltip = input<TemplateRef<any>>();\n position = input<TooltipPosition>('after');\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatStickerComponent],\n exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2062,7 +2062,7 @@ function onemrvaDateLuxonYearMonthProvider() {
|
|
|
2062
2062
|
}
|
|
2063
2063
|
|
|
2064
2064
|
// Auto-generated — do not edit
|
|
2065
|
-
const VERSION = '22.7.0-develop.
|
|
2065
|
+
const VERSION = '22.7.0-develop.7';
|
|
2066
2066
|
|
|
2067
2067
|
function onemrvaThemeProvider() {
|
|
2068
2068
|
return makeEnvironmentProviders([
|