@onemrvapublic/design-system 17.1.80 → 17.1.81
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/esm2022/mat-selectable-box/index.mjs +6 -0
- package/esm2022/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.mjs +5 -0
- package/esm2022/mat-selectable-box/src/onemrva-mat-selectable-box.component.mjs +116 -0
- package/esm2022/mat-selectable-box/src/onemrva-mat-selectable-box.module.mjs +56 -0
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +180 -0
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -0
- package/mat-selectable-box/index.d.ts +2 -0
- package/mat-selectable-box/src/onemrva-mat-selectable-box.component.d.ts +15 -0
- package/mat-selectable-box/src/onemrva-mat-selectable-box.module.d.ts +17 -0
- package/package.json +7 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of mat-selectable-box
|
|
3
|
+
*/
|
|
4
|
+
export * from './src/onemrva-mat-selectable-box.component';
|
|
5
|
+
export * from './src/onemrva-mat-selectable-box.module';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbmVtcnZhL2Rlc2lnbi1zeXN0ZW0vbWF0LXNlbGVjdGFibGUtYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHlDQUF5QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXQtc2VsZWN0YWJsZS1ib3hcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9vbmVtcnZhLW1hdC1zZWxlY3RhYmxlLWJveC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvb25lbXJ2YS1tYXQtc2VsZWN0YWJsZS1ib3gubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lbXJ2YXB1YmxpYy1kZXNpZ24tc3lzdGVtLW1hdC1zZWxlY3RhYmxlLWJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uZW1ydmEvZGVzaWduLXN5c3RlbS9tYXQtc2VsZWN0YWJsZS1ib3gvb25lbXJ2YXB1YmxpYy1kZXNpZ24tc3lzdGVtLW1hdC1zZWxlY3RhYmxlLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/material/form-field";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
5
|
+
import * as i3 from "@angular/material/card";
|
|
6
|
+
import * as i4 from "@angular/material/radio";
|
|
7
|
+
export class OnemrvaMatSelectableBoxComponent {
|
|
8
|
+
radioButton;
|
|
9
|
+
value = '';
|
|
10
|
+
disabled = false;
|
|
11
|
+
checked = false;
|
|
12
|
+
change = new EventEmitter();
|
|
13
|
+
valueChanged(event) {
|
|
14
|
+
this.change.emit(event);
|
|
15
|
+
}
|
|
16
|
+
isChecked() {
|
|
17
|
+
return this.radioButton?.checked ?? this.checked; //att: default to input to prevent changedafterchecked
|
|
18
|
+
}
|
|
19
|
+
triggerRadioClick() {
|
|
20
|
+
if (this.radioButton && !this.radioButton.checked && !this.radioButton.disabled) {
|
|
21
|
+
// https://v11.material.angular.io/components/radio/api
|
|
22
|
+
// Changing checked prop does not trigger a change event on the button or radiogroup,
|
|
23
|
+
// only on user-interaction. Workaround trigger/simulate a click event.
|
|
24
|
+
this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: OnemrvaMatSelectableBoxComponent, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: `
|
|
29
|
+
<mat-card class="m onemrva-shadow-highlight"
|
|
30
|
+
[class.primary]="!isChecked()"
|
|
31
|
+
[class.selected]="isChecked()"
|
|
32
|
+
(click)="triggerRadioClick()">
|
|
33
|
+
|
|
34
|
+
<mat-card-title class="selectablebox-title"
|
|
35
|
+
[class.primary]="!isChecked()"
|
|
36
|
+
[class.selected]="isChecked()">
|
|
37
|
+
|
|
38
|
+
<mat-radio-button #radioButton
|
|
39
|
+
(change)="valueChanged($event)"
|
|
40
|
+
aria-label="Selected"
|
|
41
|
+
[checked] = "checked"
|
|
42
|
+
[disabled]="disabled"
|
|
43
|
+
[value]="value">
|
|
44
|
+
</mat-radio-button>
|
|
45
|
+
|
|
46
|
+
<mat-label [class.disabled]="disabled">
|
|
47
|
+
<ng-content select="[title]"></ng-content>
|
|
48
|
+
<mat-icon class="selectable-box-icon" color="primary">
|
|
49
|
+
<ng-content select="[icon]"></ng-content>
|
|
50
|
+
</mat-icon>
|
|
51
|
+
</mat-label>
|
|
52
|
+
|
|
53
|
+
<ng-content select="[sticker]"></ng-content>
|
|
54
|
+
|
|
55
|
+
</mat-card-title>
|
|
56
|
+
|
|
57
|
+
<mat-card-content [class.primary]="!isChecked()"
|
|
58
|
+
[class.selected]="isChecked()">
|
|
59
|
+
<ng-content></ng-content>
|
|
60
|
+
</mat-card-content>
|
|
61
|
+
|
|
62
|
+
</mat-card>`, isInline: true, dependencies: [{ kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }] });
|
|
63
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
|
|
65
|
+
type: Component,
|
|
66
|
+
args: [{
|
|
67
|
+
selector: 'onemrva-mat-selectable-box',
|
|
68
|
+
template: `
|
|
69
|
+
<mat-card class="m onemrva-shadow-highlight"
|
|
70
|
+
[class.primary]="!isChecked()"
|
|
71
|
+
[class.selected]="isChecked()"
|
|
72
|
+
(click)="triggerRadioClick()">
|
|
73
|
+
|
|
74
|
+
<mat-card-title class="selectablebox-title"
|
|
75
|
+
[class.primary]="!isChecked()"
|
|
76
|
+
[class.selected]="isChecked()">
|
|
77
|
+
|
|
78
|
+
<mat-radio-button #radioButton
|
|
79
|
+
(change)="valueChanged($event)"
|
|
80
|
+
aria-label="Selected"
|
|
81
|
+
[checked] = "checked"
|
|
82
|
+
[disabled]="disabled"
|
|
83
|
+
[value]="value">
|
|
84
|
+
</mat-radio-button>
|
|
85
|
+
|
|
86
|
+
<mat-label [class.disabled]="disabled">
|
|
87
|
+
<ng-content select="[title]"></ng-content>
|
|
88
|
+
<mat-icon class="selectable-box-icon" color="primary">
|
|
89
|
+
<ng-content select="[icon]"></ng-content>
|
|
90
|
+
</mat-icon>
|
|
91
|
+
</mat-label>
|
|
92
|
+
|
|
93
|
+
<ng-content select="[sticker]"></ng-content>
|
|
94
|
+
|
|
95
|
+
</mat-card-title>
|
|
96
|
+
|
|
97
|
+
<mat-card-content [class.primary]="!isChecked()"
|
|
98
|
+
[class.selected]="isChecked()">
|
|
99
|
+
<ng-content></ng-content>
|
|
100
|
+
</mat-card-content>
|
|
101
|
+
|
|
102
|
+
</mat-card>`
|
|
103
|
+
}]
|
|
104
|
+
}], propDecorators: { radioButton: [{
|
|
105
|
+
type: ViewChild,
|
|
106
|
+
args: ['radioButton']
|
|
107
|
+
}], value: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], disabled: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], checked: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], change: [{
|
|
114
|
+
type: Output
|
|
115
|
+
}] } });
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lbXJ2YS1tYXQtc2VsZWN0YWJsZS1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS9kZXNpZ24tc3lzdGVtL21hdC1zZWxlY3RhYmxlLWJveC9zcmMvb25lbXJ2YS1tYXQtc2VsZWN0YWJsZS1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUF5Q3ZCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFFM0MsV0FBVyxDQUE2QjtJQUd4QyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBR25CLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFHakIsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVOLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUV0RCxZQUFZLENBQUMsS0FBcUI7UUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVELFNBQVM7UUFDUCxPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsT0FBTyxJQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxzREFBc0Q7SUFDeEcsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUMvRSx1REFBdUQ7WUFDdkQscUZBQXFGO1lBQ3JGLHVFQUF1RTtZQUN2RSxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksVUFBVSxDQUFDLE9BQU8sRUFBQyxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEcsQ0FBQztJQUNILENBQUM7dUdBOUJVLGdDQUFnQzsyRkFBaEMsZ0NBQWdDLG1SQXBDakM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7a0JBa0NNOzsyRkFFTCxnQ0FBZ0M7a0JBdEM1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztrQkFrQ007aUJBQ2pCOzhCQUdDLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhO2dCQUl4QixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFHSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXRSYWRpb0J1dHRvbiwgTWF0UmFkaW9DaGFuZ2V9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9yYWRpb1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvbmVtcnZhLW1hdC1zZWxlY3RhYmxlLWJveCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgICA8bWF0LWNhcmQgY2xhc3M9XCJtIG9uZW1ydmEtc2hhZG93LWhpZ2hsaWdodFwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLnByaW1hcnldPVwiIWlzQ2hlY2tlZCgpXCJcbiAgICAgICAgICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXNDaGVja2VkKClcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0cmlnZ2VyUmFkaW9DbGljaygpXCI+XG5cbiAgICAgICAgICA8bWF0LWNhcmQtdGl0bGUgY2xhc3M9XCJzZWxlY3RhYmxlYm94LXRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnByaW1hcnldPVwiIWlzQ2hlY2tlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cImlzQ2hlY2tlZCgpXCI+XG5cbiAgICAgICAgICAgICAgPG1hdC1yYWRpby1idXR0b24gI3JhZGlvQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwidmFsdWVDaGFuZ2VkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiU2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF0gPSBcImNoZWNrZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIj5cbiAgICAgICAgICAgICAgPC9tYXQtcmFkaW8tYnV0dG9uPlxuXG4gICAgICAgICAgICAgIDxtYXQtbGFiZWwgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwic2VsZWN0YWJsZS1ib3gtaWNvblwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgIDwvbWF0LWxhYmVsPlxuXG4gICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdGlja2VyXVwiPjwvbmctY29udGVudD5cblxuICAgICAgICAgIDwvbWF0LWNhcmQtdGl0bGU+XG5cbiAgICAgICAgICA8bWF0LWNhcmQtY29udGVudCBbY2xhc3MucHJpbWFyeV09XCIhaXNDaGVja2VkKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJpc0NoZWNrZWQoKVwiPlxuICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9tYXQtY2FyZC1jb250ZW50PlxuXG4gICAgICA8L21hdC1jYXJkPmBcbn0pXG5leHBvcnQgY2xhc3MgT25lbXJ2YU1hdFNlbGVjdGFibGVCb3hDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdyYWRpb0J1dHRvbicpXG4gIHJhZGlvQnV0dG9uOiBNYXRSYWRpb0J1dHRvbiB8IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjaGVja2VkID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8TWF0UmFkaW9DaGFuZ2U+KCk7XG5cbiAgdmFsdWVDaGFuZ2VkKGV2ZW50OiBNYXRSYWRpb0NoYW5nZSkge1xuICAgIHRoaXMuY2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgaXNDaGVja2VkKCl7XG4gICAgcmV0dXJuIHRoaXMucmFkaW9CdXR0b24/LmNoZWNrZWQ/P3RoaXMuY2hlY2tlZDsgLy9hdHQ6IGRlZmF1bHQgdG8gaW5wdXQgdG8gcHJldmVudCBjaGFuZ2VkYWZ0ZXJjaGVja2VkXG4gIH1cblxuICB0cmlnZ2VyUmFkaW9DbGljaygpe1xuICAgIGlmKHRoaXMucmFkaW9CdXR0b24gJiYgIXRoaXMucmFkaW9CdXR0b24uY2hlY2tlZCAmJiAhdGhpcy5yYWRpb0J1dHRvbi5kaXNhYmxlZCkge1xuICAgICAgLy8gaHR0cHM6Ly92MTEubWF0ZXJpYWwuYW5ndWxhci5pby9jb21wb25lbnRzL3JhZGlvL2FwaVxuICAgICAgLy8gQ2hhbmdpbmcgY2hlY2tlZCBwcm9wIGRvZXMgbm90IHRyaWdnZXIgYSBjaGFuZ2UgZXZlbnQgb24gdGhlIGJ1dHRvbiBvciByYWRpb2dyb3VwLFxuICAgICAgLy8gb25seSBvbiB1c2VyLWludGVyYWN0aW9uLiBXb3JrYXJvdW5kIHRyaWdnZXIvc2ltdWxhdGUgYSBjbGljayBldmVudC5cbiAgICAgIHRoaXMucmFkaW9CdXR0b24uX2lucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmRpc3BhdGNoRXZlbnQobmV3IE1vdXNlRXZlbnQoJ2NsaWNrJyx7YnViYmxlczpmYWxzZX0pKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { OnemrvaMatSelectableBoxComponent } from "./onemrva-mat-selectable-box.component";
|
|
4
|
+
import { FormsModule } from "@angular/forms";
|
|
5
|
+
import { TranslateModule } from "@ngx-translate/core";
|
|
6
|
+
import { MatFormFieldModule } from "@angular/material/form-field";
|
|
7
|
+
import { MatSelectModule } from "@angular/material/select";
|
|
8
|
+
import { MatInputModule } from "@angular/material/input";
|
|
9
|
+
import { MatIconModule } from "@angular/material/icon";
|
|
10
|
+
import { MatCardModule } from "@angular/material/card";
|
|
11
|
+
import { MatRadioModule } from "@angular/material/radio";
|
|
12
|
+
import { MatChipsModule } from "@angular/material/chips";
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
export class OnemrvaMatSelectableBoxModule {
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
|
|
17
|
+
FormsModule,
|
|
18
|
+
TranslateModule,
|
|
19
|
+
MatFormFieldModule,
|
|
20
|
+
MatSelectModule,
|
|
21
|
+
MatInputModule,
|
|
22
|
+
MatIconModule,
|
|
23
|
+
MatCardModule,
|
|
24
|
+
MatRadioModule,
|
|
25
|
+
MatChipsModule], exports: [OnemrvaMatSelectableBoxComponent] });
|
|
26
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
|
|
27
|
+
FormsModule,
|
|
28
|
+
TranslateModule,
|
|
29
|
+
MatFormFieldModule,
|
|
30
|
+
MatSelectModule,
|
|
31
|
+
MatInputModule,
|
|
32
|
+
MatIconModule,
|
|
33
|
+
MatCardModule,
|
|
34
|
+
MatRadioModule,
|
|
35
|
+
MatChipsModule] });
|
|
36
|
+
}
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
|
|
38
|
+
type: NgModule,
|
|
39
|
+
args: [{
|
|
40
|
+
declarations: [OnemrvaMatSelectableBoxComponent],
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
FormsModule,
|
|
44
|
+
TranslateModule,
|
|
45
|
+
MatFormFieldModule,
|
|
46
|
+
MatSelectModule,
|
|
47
|
+
MatInputModule,
|
|
48
|
+
MatIconModule,
|
|
49
|
+
MatCardModule,
|
|
50
|
+
MatRadioModule,
|
|
51
|
+
MatChipsModule
|
|
52
|
+
],
|
|
53
|
+
exports: [OnemrvaMatSelectableBoxComponent],
|
|
54
|
+
}]
|
|
55
|
+
}] });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lbXJ2YS1tYXQtc2VsZWN0YWJsZS1ib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS9kZXNpZ24tc3lzdGVtL21hdC1zZWxlY3RhYmxlLWJveC9zcmMvb25lbXJ2YS1tYXQtc2VsZWN0YWJsZS1ib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBQyxnQ0FBZ0MsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hGLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUJBQXlCLENBQUM7O0FBa0J2RCxNQUFNLE9BQU8sNkJBQTZCO3VHQUE3Qiw2QkFBNkI7d0dBQTdCLDZCQUE2QixpQkFmekIsZ0NBQWdDLGFBRTdDLFlBQVk7WUFDWixXQUFXO1lBQ1gsZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixlQUFlO1lBQ2YsY0FBYztZQUNkLGFBQWE7WUFDYixhQUFhO1lBQ2IsY0FBYztZQUNkLGNBQWMsYUFFTixnQ0FBZ0M7d0dBRS9CLDZCQUE2QixZQWJ0QyxZQUFZO1lBQ1osV0FBVztZQUNYLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGNBQWM7WUFDZCxhQUFhO1lBQ2IsYUFBYTtZQUNiLGNBQWM7WUFDZCxjQUFjOzsyRkFJTCw2QkFBNkI7a0JBaEJ6QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdDQUFnQyxDQUFDO29CQUNoRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQztpQkFDNUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T25lbXJ2YU1hdFNlbGVjdGFibGVCb3hDb21wb25lbnR9IGZyb20gXCIuL29uZW1ydmEtbWF0LXNlbGVjdGFibGUtYm94LmNvbXBvbmVudFwiO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xuaW1wb3J0IHtNYXRTZWxlY3RNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9zZWxlY3RcIjtcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pbnB1dFwiO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xuaW1wb3J0IHtNYXRDYXJkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZFwiO1xuaW1wb3J0IHtNYXRSYWRpb01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3JhZGlvXCI7XG5pbXBvcnQge01hdENoaXBzTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHNcIjtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbT25lbXJ2YU1hdFNlbGVjdGFibGVCb3hDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0U2VsZWN0TW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0Q2FyZE1vZHVsZSxcbiAgICBNYXRSYWRpb01vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbT25lbXJ2YU1hdFNlbGVjdGFibGVCb3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBPbmVtcnZhTWF0U2VsZWN0YWJsZUJveE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/material/form-field';
|
|
4
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
5
|
+
import * as i2 from '@angular/material/icon';
|
|
6
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
+
import * as i3 from '@angular/material/card';
|
|
8
|
+
import { MatCardModule } from '@angular/material/card';
|
|
9
|
+
import * as i4 from '@angular/material/radio';
|
|
10
|
+
import { MatRadioModule } from '@angular/material/radio';
|
|
11
|
+
import { CommonModule } from '@angular/common';
|
|
12
|
+
import { FormsModule } from '@angular/forms';
|
|
13
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
14
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
15
|
+
import { MatInputModule } from '@angular/material/input';
|
|
16
|
+
import { MatChipsModule } from '@angular/material/chips';
|
|
17
|
+
|
|
18
|
+
class OnemrvaMatSelectableBoxComponent {
|
|
19
|
+
radioButton;
|
|
20
|
+
value = '';
|
|
21
|
+
disabled = false;
|
|
22
|
+
checked = false;
|
|
23
|
+
change = new EventEmitter();
|
|
24
|
+
valueChanged(event) {
|
|
25
|
+
this.change.emit(event);
|
|
26
|
+
}
|
|
27
|
+
isChecked() {
|
|
28
|
+
return this.radioButton?.checked ?? this.checked; //att: default to input to prevent changedafterchecked
|
|
29
|
+
}
|
|
30
|
+
triggerRadioClick() {
|
|
31
|
+
if (this.radioButton && !this.radioButton.checked && !this.radioButton.disabled) {
|
|
32
|
+
// https://v11.material.angular.io/components/radio/api
|
|
33
|
+
// Changing checked prop does not trigger a change event on the button or radiogroup,
|
|
34
|
+
// only on user-interaction. Workaround trigger/simulate a click event.
|
|
35
|
+
this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: OnemrvaMatSelectableBoxComponent, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: `
|
|
40
|
+
<mat-card class="m onemrva-shadow-highlight"
|
|
41
|
+
[class.primary]="!isChecked()"
|
|
42
|
+
[class.selected]="isChecked()"
|
|
43
|
+
(click)="triggerRadioClick()">
|
|
44
|
+
|
|
45
|
+
<mat-card-title class="selectablebox-title"
|
|
46
|
+
[class.primary]="!isChecked()"
|
|
47
|
+
[class.selected]="isChecked()">
|
|
48
|
+
|
|
49
|
+
<mat-radio-button #radioButton
|
|
50
|
+
(change)="valueChanged($event)"
|
|
51
|
+
aria-label="Selected"
|
|
52
|
+
[checked] = "checked"
|
|
53
|
+
[disabled]="disabled"
|
|
54
|
+
[value]="value">
|
|
55
|
+
</mat-radio-button>
|
|
56
|
+
|
|
57
|
+
<mat-label [class.disabled]="disabled">
|
|
58
|
+
<ng-content select="[title]"></ng-content>
|
|
59
|
+
<mat-icon class="selectable-box-icon" color="primary">
|
|
60
|
+
<ng-content select="[icon]"></ng-content>
|
|
61
|
+
</mat-icon>
|
|
62
|
+
</mat-label>
|
|
63
|
+
|
|
64
|
+
<ng-content select="[sticker]"></ng-content>
|
|
65
|
+
|
|
66
|
+
</mat-card-title>
|
|
67
|
+
|
|
68
|
+
<mat-card-content [class.primary]="!isChecked()"
|
|
69
|
+
[class.selected]="isChecked()">
|
|
70
|
+
<ng-content></ng-content>
|
|
71
|
+
</mat-card-content>
|
|
72
|
+
|
|
73
|
+
</mat-card>`, isInline: true, dependencies: [{ kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }] });
|
|
74
|
+
}
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
|
|
76
|
+
type: Component,
|
|
77
|
+
args: [{
|
|
78
|
+
selector: 'onemrva-mat-selectable-box',
|
|
79
|
+
template: `
|
|
80
|
+
<mat-card class="m onemrva-shadow-highlight"
|
|
81
|
+
[class.primary]="!isChecked()"
|
|
82
|
+
[class.selected]="isChecked()"
|
|
83
|
+
(click)="triggerRadioClick()">
|
|
84
|
+
|
|
85
|
+
<mat-card-title class="selectablebox-title"
|
|
86
|
+
[class.primary]="!isChecked()"
|
|
87
|
+
[class.selected]="isChecked()">
|
|
88
|
+
|
|
89
|
+
<mat-radio-button #radioButton
|
|
90
|
+
(change)="valueChanged($event)"
|
|
91
|
+
aria-label="Selected"
|
|
92
|
+
[checked] = "checked"
|
|
93
|
+
[disabled]="disabled"
|
|
94
|
+
[value]="value">
|
|
95
|
+
</mat-radio-button>
|
|
96
|
+
|
|
97
|
+
<mat-label [class.disabled]="disabled">
|
|
98
|
+
<ng-content select="[title]"></ng-content>
|
|
99
|
+
<mat-icon class="selectable-box-icon" color="primary">
|
|
100
|
+
<ng-content select="[icon]"></ng-content>
|
|
101
|
+
</mat-icon>
|
|
102
|
+
</mat-label>
|
|
103
|
+
|
|
104
|
+
<ng-content select="[sticker]"></ng-content>
|
|
105
|
+
|
|
106
|
+
</mat-card-title>
|
|
107
|
+
|
|
108
|
+
<mat-card-content [class.primary]="!isChecked()"
|
|
109
|
+
[class.selected]="isChecked()">
|
|
110
|
+
<ng-content></ng-content>
|
|
111
|
+
</mat-card-content>
|
|
112
|
+
|
|
113
|
+
</mat-card>`
|
|
114
|
+
}]
|
|
115
|
+
}], propDecorators: { radioButton: [{
|
|
116
|
+
type: ViewChild,
|
|
117
|
+
args: ['radioButton']
|
|
118
|
+
}], value: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], disabled: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], checked: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], change: [{
|
|
125
|
+
type: Output
|
|
126
|
+
}] } });
|
|
127
|
+
|
|
128
|
+
class OnemrvaMatSelectableBoxModule {
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
130
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
|
|
131
|
+
FormsModule,
|
|
132
|
+
TranslateModule,
|
|
133
|
+
MatFormFieldModule,
|
|
134
|
+
MatSelectModule,
|
|
135
|
+
MatInputModule,
|
|
136
|
+
MatIconModule,
|
|
137
|
+
MatCardModule,
|
|
138
|
+
MatRadioModule,
|
|
139
|
+
MatChipsModule], exports: [OnemrvaMatSelectableBoxComponent] });
|
|
140
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
|
|
141
|
+
FormsModule,
|
|
142
|
+
TranslateModule,
|
|
143
|
+
MatFormFieldModule,
|
|
144
|
+
MatSelectModule,
|
|
145
|
+
MatInputModule,
|
|
146
|
+
MatIconModule,
|
|
147
|
+
MatCardModule,
|
|
148
|
+
MatRadioModule,
|
|
149
|
+
MatChipsModule] });
|
|
150
|
+
}
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
|
|
152
|
+
type: NgModule,
|
|
153
|
+
args: [{
|
|
154
|
+
declarations: [OnemrvaMatSelectableBoxComponent],
|
|
155
|
+
imports: [
|
|
156
|
+
CommonModule,
|
|
157
|
+
FormsModule,
|
|
158
|
+
TranslateModule,
|
|
159
|
+
MatFormFieldModule,
|
|
160
|
+
MatSelectModule,
|
|
161
|
+
MatInputModule,
|
|
162
|
+
MatIconModule,
|
|
163
|
+
MatCardModule,
|
|
164
|
+
MatRadioModule,
|
|
165
|
+
MatChipsModule
|
|
166
|
+
],
|
|
167
|
+
exports: [OnemrvaMatSelectableBoxComponent],
|
|
168
|
+
}]
|
|
169
|
+
}] });
|
|
170
|
+
|
|
171
|
+
/*
|
|
172
|
+
* Public API Surface of mat-selectable-box
|
|
173
|
+
*/
|
|
174
|
+
|
|
175
|
+
/**
|
|
176
|
+
* Generated bundle index. Do not edit.
|
|
177
|
+
*/
|
|
178
|
+
|
|
179
|
+
export { OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule };
|
|
180
|
+
//# sourceMappingURL=onemrvapublic-design-system-mat-selectable-box.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-selectable-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.ts","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.module.ts","../../../../projects/onemrva/design-system/mat-selectable-box/index.ts","../../../../projects/onemrva/design-system/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n ViewChild\n} from '@angular/core';\nimport {MatRadioButton, MatRadioChange} from \"@angular/material/radio\";\n\n@Component({\n selector: 'onemrva-mat-selectable-box',\n template: `\n <mat-card class=\"m onemrva-shadow-highlight\"\n [class.primary]=\"!isChecked()\"\n [class.selected]=\"isChecked()\"\n (click)=\"triggerRadioClick()\">\n\n <mat-card-title class=\"selectablebox-title\"\n [class.primary]=\"!isChecked()\"\n [class.selected]=\"isChecked()\">\n\n <mat-radio-button #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked] = \"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\">\n </mat-radio-button>\n\n <mat-label [class.disabled]=\"disabled\">\n <ng-content select=\"[title]\"></ng-content>\n <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n </mat-label>\n\n <ng-content select=\"[sticker]\"></ng-content>\n\n </mat-card-title>\n\n <mat-card-content [class.primary]=\"!isChecked()\"\n [class.selected]=\"isChecked()\">\n <ng-content></ng-content>\n </mat-card-content>\n\n </mat-card>`\n})\nexport class OnemrvaMatSelectableBoxComponent {\n @ViewChild('radioButton')\n radioButton: MatRadioButton | undefined;\n\n @Input()\n value: string = '';\n\n @Input()\n disabled = false;\n\n @Input()\n checked = false;\n\n @Output() change = new EventEmitter<MatRadioChange>();\n\n valueChanged(event: MatRadioChange) {\n this.change.emit(event);\n }\n\n isChecked(){\n return this.radioButton?.checked??this.checked; //att: default to input to prevent changedafterchecked\n }\n\n triggerRadioClick(){\n if(this.radioButton && !this.radioButton.checked && !this.radioButton.disabled) {\n // https://v11.material.angular.io/components/radio/api\n // Changing checked prop does not trigger a change event on the button or radiogroup,\n // only on user-interaction. Workaround trigger/simulate a click event.\n this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click',{bubbles:false}));\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport {OnemrvaMatSelectableBoxComponent} from \"./onemrva-mat-selectable-box.component\";\nimport {FormsModule} from \"@angular/forms\";\nimport {TranslateModule} from \"@ngx-translate/core\";\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\nimport {MatSelectModule} from \"@angular/material/select\";\nimport {MatInputModule} from \"@angular/material/input\";\nimport {MatIconModule} from \"@angular/material/icon\";\nimport {MatCardModule} from \"@angular/material/card\";\nimport {MatRadioModule} from \"@angular/material/radio\";\nimport {MatChipsModule} from \"@angular/material/chips\";\n\n@NgModule({\n declarations: [OnemrvaMatSelectableBoxComponent],\n imports: [\n CommonModule,\n FormsModule,\n TranslateModule,\n MatFormFieldModule,\n MatSelectModule,\n MatInputModule,\n MatIconModule,\n MatCardModule,\n MatRadioModule,\n MatChipsModule\n ],\n exports: [OnemrvaMatSelectableBoxComponent],\n})\nexport class OnemrvaMatSelectableBoxModule {}\n","/*\n * Public API Surface of mat-selectable-box\n */\n\nexport * from './src/onemrva-mat-selectable-box.component';\nexport * from './src/onemrva-mat-selectable-box.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { MatRadioButton, MatRadioChange } from "@angular/material/radio";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class OnemrvaMatSelectableBoxComponent {
|
|
5
|
+
radioButton: MatRadioButton | undefined;
|
|
6
|
+
value: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
checked: boolean;
|
|
9
|
+
change: EventEmitter<MatRadioChange>;
|
|
10
|
+
valueChanged(event: MatRadioChange): void;
|
|
11
|
+
isChecked(): boolean;
|
|
12
|
+
triggerRadioClick(): void;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSelectableBoxComponent, "onemrva-mat-selectable-box", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "change": "change"; }, never, ["[title]", "[icon]", "[sticker]", "*"], false, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./onemrva-mat-selectable-box.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/forms";
|
|
5
|
+
import * as i4 from "@ngx-translate/core";
|
|
6
|
+
import * as i5 from "@angular/material/form-field";
|
|
7
|
+
import * as i6 from "@angular/material/select";
|
|
8
|
+
import * as i7 from "@angular/material/input";
|
|
9
|
+
import * as i8 from "@angular/material/icon";
|
|
10
|
+
import * as i9 from "@angular/material/card";
|
|
11
|
+
import * as i10 from "@angular/material/radio";
|
|
12
|
+
import * as i11 from "@angular/material/chips";
|
|
13
|
+
export declare class OnemrvaMatSelectableBoxModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatSelectableBoxModule, [typeof i1.OnemrvaMatSelectableBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.TranslateModule, typeof i5.MatFormFieldModule, typeof i6.MatSelectModule, typeof i7.MatInputModule, typeof i8.MatIconModule, typeof i9.MatCardModule, typeof i10.MatRadioModule, typeof i11.MatChipsModule], [typeof i1.OnemrvaMatSelectableBoxComponent]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatSelectableBoxModule>;
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onemrvapublic/design-system",
|
|
3
|
-
"version": "17.1.
|
|
3
|
+
"version": "17.1.81",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -166,6 +166,12 @@
|
|
|
166
166
|
"esm": "./esm2022/mat-select-search/onemrvapublic-design-system-mat-select-search.mjs",
|
|
167
167
|
"default": "./fesm2022/onemrvapublic-design-system-mat-select-search.mjs"
|
|
168
168
|
},
|
|
169
|
+
"./mat-selectable-box": {
|
|
170
|
+
"types": "./mat-selectable-box/index.d.ts",
|
|
171
|
+
"esm2022": "./esm2022/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.mjs",
|
|
172
|
+
"esm": "./esm2022/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.mjs",
|
|
173
|
+
"default": "./fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs"
|
|
174
|
+
},
|
|
169
175
|
"./mat-side-menu": {
|
|
170
176
|
"types": "./mat-side-menu/index.d.ts",
|
|
171
177
|
"esm2022": "./esm2022/mat-side-menu/onemrvapublic-design-system-mat-side-menu.mjs",
|