@onemrvapublic/design-system 19.1.2-develop.1 → 19.1.3-develop.1
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/fesm2022/onemrvapublic-design-system-flag-icon.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-layout.mjs +55 -55
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +21 -21
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +12 -6
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +9 -9
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +20 -20
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +14 -14
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +15 -15
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +9 -10
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +17 -17
- package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs +24 -23
- package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +17 -17
- package/fesm2022/onemrvapublic-design-system-shared.mjs +62 -62
- package/mat-input-iban/src/onemrva-mat-input-iban.component.d.ts +1 -0
- package/mat-selectable-box/src/onemrva-mat-selectable-box.component.d.ts +1 -1
- package/mat-stepper/src/onemrva-mat-stepper.component.d.ts +2 -1
- package/mat-timepicker/src/timepicker.directive.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef,
|
|
2
|
+
import { TemplateRef, ViewChild, Input, Component, ContentChild, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
3
|
import { NgClass, NgTemplateOutlet, NgIf } from '@angular/common';
|
|
4
4
|
import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
|
|
5
5
|
|
|
6
6
|
class OnemrvaMatPanelTitleActionComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title-action\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title-action\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
13
13
|
}], propDecorators: { customNgClass: [{
|
|
@@ -24,10 +24,10 @@ class OnemrvaMatPanelTitleComponent {
|
|
|
24
24
|
ngAfterViewInit() {
|
|
25
25
|
this.cd.detectChanges();
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet, NgIf], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n" }]
|
|
33
33
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
|
|
@@ -41,10 +41,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
41
41
|
}] } });
|
|
42
42
|
|
|
43
43
|
class OnemrvaMatPanelContentComponent {
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
50
50
|
}], propDecorators: { customNgClass: [{
|
|
@@ -55,10 +55,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
55
55
|
}] } });
|
|
56
56
|
|
|
57
57
|
class OnemrvaMatPanelIconComponent {
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
64
64
|
}], propDecorators: { customNgClass: [{
|
|
@@ -132,10 +132,10 @@ class OnemrvaMatPanelComponent {
|
|
|
132
132
|
get _isGrayscale() {
|
|
133
133
|
return this.color === OnemrvaMatColor.GRAYSCALE;
|
|
134
134
|
}
|
|
135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
136
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled", color: "color" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>\n<ng-container *ngIf=\"title?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
137
137
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
|
|
139
139
|
type: Component,
|
|
140
140
|
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, NgTemplateOutlet], standalone: true, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>\n<ng-container *ngIf=\"title?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n" }]
|
|
141
141
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
|
|
@@ -194,8 +194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
194
194
|
}] } });
|
|
195
195
|
|
|
196
196
|
class OnemrvaMatPanelModule {
|
|
197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
198
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
198
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
|
|
199
199
|
OnemrvaMatPanelTitleComponent,
|
|
200
200
|
OnemrvaMatPanelContentComponent,
|
|
201
201
|
OnemrvaMatPanelTitleActionComponent,
|
|
@@ -204,9 +204,9 @@ class OnemrvaMatPanelModule {
|
|
|
204
204
|
OnemrvaMatPanelContentComponent,
|
|
205
205
|
OnemrvaMatPanelTitleActionComponent,
|
|
206
206
|
OnemrvaMatPanelIconComponent] }); }
|
|
207
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
207
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelModule }); }
|
|
208
208
|
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
|
|
210
210
|
type: NgModule,
|
|
211
211
|
args: [{
|
|
212
212
|
declarations: [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef,
|
|
2
|
+
import { TemplateRef, ViewChild, Input, Component, ContentChild, NgModule } from '@angular/core';
|
|
3
3
|
import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
|
|
4
4
|
|
|
5
5
|
let index$1 = 0;
|
|
@@ -7,10 +7,10 @@ class OnemrvaMatPopOverTriggerComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'onemrva-mat-pop-over-trigger',
|
|
@@ -29,10 +29,10 @@ class OnemrvaMatPopOverContentComponent {
|
|
|
29
29
|
constructor() {
|
|
30
30
|
this.dataCy = `onemrvaMatPopOverContent_${++index}`;
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: 'onemrva-mat-pop-over-content',
|
|
@@ -65,10 +65,10 @@ class OnemrvaMatPopOverComponent {
|
|
|
65
65
|
closePopOver() {
|
|
66
66
|
this.isOpen = false;
|
|
67
67
|
}
|
|
68
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
69
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
68
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n <div\n class=\"onemrva-overlay\"\n tabindex=\"1\"\n *ngIf=\"isOpen\"\n (click)=\"closePopOver()\"\n ></div>\n <a\n tabindex=\"1\"\n class=\"onemrva-pop-over-trigger\"\n *ngIf=\"trigger?.template as trigger\"\n (click)=\"togglePopOver()\"\n [attr.data-cy]=\"dataCyTrigger\"\n role=\"button\"\n [attr.aria-expanded]=\"isOpen\"\n [id]=\"poId\"\n >\n <ng-container *ngTemplateOutlet=\"trigger\"></ng-container>\n </a>\n\n <ng-container *ngIf=\"isOpen\">\n <div\n class=\"onemrva-pop-over-frame\"\n [ngClass]=\"position\"\n *ngIf=\"content?.template as content\"\n [attr.data-cy]=\"dataCyPo\"\n role=\"region\"\n [attr.aria-labelledby]=\"poId\"\n >\n <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:16px;box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:#fff;margin:16px 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
70
70
|
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
73
|
args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgIf, NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n <div\n class=\"onemrva-overlay\"\n tabindex=\"1\"\n *ngIf=\"isOpen\"\n (click)=\"closePopOver()\"\n ></div>\n <a\n tabindex=\"1\"\n class=\"onemrva-pop-over-trigger\"\n *ngIf=\"trigger?.template as trigger\"\n (click)=\"togglePopOver()\"\n [attr.data-cy]=\"dataCyTrigger\"\n role=\"button\"\n [attr.aria-expanded]=\"isOpen\"\n [id]=\"poId\"\n >\n <ng-container *ngTemplateOutlet=\"trigger\"></ng-container>\n </a>\n\n <ng-container *ngIf=\"isOpen\">\n <div\n class=\"onemrva-pop-over-frame\"\n [ngClass]=\"position\"\n *ngIf=\"content?.template as content\"\n [attr.data-cy]=\"dataCyPo\"\n role=\"region\"\n [attr.aria-labelledby]=\"poId\"\n >\n <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:16px;box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:#fff;margin:16px 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
|
|
74
74
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { position: [{
|
|
@@ -93,15 +93,15 @@ const components = [
|
|
|
93
93
|
OnemrvaMatPopOverTriggerComponent,
|
|
94
94
|
];
|
|
95
95
|
class OnemrvaMatPopOverModule {
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
97
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
96
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
97
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
|
|
98
98
|
OnemrvaMatPopOverContentComponent,
|
|
99
99
|
OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
|
|
100
100
|
OnemrvaMatPopOverContentComponent,
|
|
101
101
|
OnemrvaMatPopOverTriggerComponent] }); }
|
|
102
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
102
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverModule }); }
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
|
|
105
105
|
type: NgModule,
|
|
106
106
|
args: [{
|
|
107
107
|
declarations: [],
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import {
|
|
4
|
+
import { Input, Component } from '@angular/core';
|
|
5
5
|
import { map } from 'rxjs';
|
|
6
6
|
|
|
7
7
|
class OnemrvaMatProgressBarComponent {
|
|
@@ -14,10 +14,10 @@ class OnemrvaMatProgressBarComponent {
|
|
|
14
14
|
this.label$ = this.progress$;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy" }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n <div\n class=\"onemrva-progress-bar-inner\"\n [ngStyle]=\"{ width: progress$ | async }\"\n [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n [attr.data-cy]=\"dataCy\"\n [attr.value]=\"progress$ | async\"\n ></div>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n <div\n class=\"onemrva-progress-bar-inner\"\n [ngStyle]=\"{ width: progress$ | async }\"\n [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n [attr.data-cy]=\"dataCy\"\n [attr.value]=\"progress$ | async\"\n ></div>\n </div>\n</div>\n" }]
|
|
23
23
|
}], propDecorators: { label$: [{
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Directive, InjectionToken, EventEmitter, QueryList,
|
|
3
|
+
import { Directive, InjectionToken, EventEmitter, QueryList, ElementRef, forwardRef, ContentChild, ViewChild, Output, Input, Inject, Optional, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
4
4
|
import * as i2 from '@angular/forms';
|
|
5
|
-
import { FormControl,
|
|
5
|
+
import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
6
6
|
import * as i4 from '@angular/material/core';
|
|
7
7
|
import { MatOption } from '@angular/material/core';
|
|
8
8
|
import * as i5 from '@angular/material/form-field';
|
|
@@ -29,10 +29,10 @@ import * as i1 from '@angular/cdk/scrolling';
|
|
|
29
29
|
* </ngx-mat-select-search>
|
|
30
30
|
*/
|
|
31
31
|
class MatSelectSearchClearDirective {
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
|
|
36
36
|
type: Directive,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: '[matSelectSearchClear]',
|
|
@@ -84,10 +84,10 @@ const MAT_SELECTSEARCH_DEFAULT_OPTIONS = new InjectionToken('mat-selectsearch-de
|
|
|
84
84
|
* </ngx-mat-select-search>
|
|
85
85
|
*/
|
|
86
86
|
class MatSelectNoEntriesFoundDirective {
|
|
87
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
88
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
87
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
88
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
|
|
91
91
|
type: Directive,
|
|
92
92
|
args: [{
|
|
93
93
|
selector: '[matSelectNoEntriesFound]',
|
|
@@ -492,8 +492,8 @@ class MatSelectSearchComponent {
|
|
|
492
492
|
this.activeDescendant?.removeAttribute('aria-selected');
|
|
493
493
|
this.searchSelectInput?.nativeElement.removeAttribute('aria-activedescendant');
|
|
494
494
|
}
|
|
495
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
496
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
495
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchComponent, deps: [{ token: MatSelect }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: MatOption, optional: true }, { token: MatFormField, optional: true }, { token: MAT_SELECTSEARCH_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
496
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
|
|
497
497
|
{
|
|
498
498
|
provide: NG_VALUE_ACCESSOR,
|
|
499
499
|
useExisting: forwardRef(() => MatSelectSearchComponent),
|
|
@@ -501,7 +501,7 @@ class MatSelectSearchComponent {
|
|
|
501
501
|
},
|
|
502
502
|
], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n [ngClass]=\"{\n 'mat-select-search-inner-multiple': matSelect.multiple,\n 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n }\"\n>\n <mat-checkbox\n *ngIf=\"_isToggleAllCheckboxVisible()\"\n [color]=\"matFormField.color\"\n class=\"mat-select-search-toggle-all-checkbox\"\n [checked]=\"toggleAllCheckboxChecked\"\n [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n ></mat-checkbox>\n\n <input\n class=\"mat-select-search-input\"\n autocomplete=\"off\"\n [type]=\"type\"\n [formControl]=\"_formControl\"\n #searchSelectInput\n (keydown)=\"_handleKeydown($event)\"\n (keyup)=\"_handleKeyup($event)\"\n (blur)=\"onBlur()\"\n [placeholder]=\"placeholderLabel\"\n [attr.aria-label]=\"ariaLabel\"\n />\n <mat-icon *ngIf=\"value === '' && !searching\" class=\"suffix\">search</mat-icon>\n <mat-spinner\n *ngIf=\"searching\"\n class=\"mat-select-search-spinner\"\n diameter=\"16\"\n ></mat-spinner>\n\n <button\n *ngIf=\"!hideClearSearchButton && value && !searching\"\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"_reset(true)\"\n class=\"mat-select-search-clear\"\n >\n <ng-content\n *ngIf=\"clearIcon; else defaultIcon\"\n select=\"[matSelectSearchClear]\"\n ></ng-content>\n <ng-template #defaultIcon>\n <mat-icon [svgIcon]=\"closeSvgIcon\">\n {{ !closeSvgIcon ? closeIcon : null }}\n </mat-icon>\n </ng-template>\n </button>\n\n <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n <mat-divider></mat-divider>\n</div>\n\n<div\n *ngIf=\"_showNoEntriesFound$ | async\"\n class=\"mat-select-search-no-entries-found\"\n>\n <ng-content\n *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n select=\"[matSelectNoEntriesFound]\"\n ></ng-content>\n <ng-template #defaultNoEntriesFound>{{ noEntriesFoundLabel }}</ng-template>\n</div>\n", styles: [".mat-select-search-hidden{visibility:hidden}.mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}.mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}.suffix{position:absolute;top:12px;right:14px}.mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:#fff;padding:0 44px 0 16px;height:calc(3em - 1px);line-height:calc(3em - 1px)}:host-context([dir=rtl]) .mat-select-search-input{padding-right:16px;padding-left:44px}.mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:5px}.mat-select-search-no-entries-found{padding-top:8px}.mat-select-search-clear{position:absolute;right:4px;top:0}:host-context([dir=rtl]) .mat-select-search-clear{right:auto;left:4px}.mat-select-search-spinner{position:absolute;right:16px;top:calc(50% - 8px)}:host-context([dir=rtl]) .mat-select-search-spinner{right:auto;left:16px}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search{position:sticky;top:0;z-index:1;opacity:1;margin-top:-8px;pointer-events:all}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-icon{margin-right:0;margin-left:0}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text{opacity:1}.mat-select-search-toggle-all-checkbox{padding-left:5px}:host-context([dir=rtl]) .mat-select-search-toggle-all-checkbox{padding-left:0;padding-right:5px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
503
503
|
}
|
|
504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
|
|
505
505
|
type: Component,
|
|
506
506
|
args: [{ selector: 'mat-select-search', providers: [
|
|
507
507
|
{
|
|
@@ -601,15 +601,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
601
601
|
* found in the LICENSE file at https://angular.io/license
|
|
602
602
|
*/
|
|
603
603
|
class MatSelectSearchModule {
|
|
604
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
605
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
604
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
605
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
|
|
606
606
|
MatSelectSearchClearDirective,
|
|
607
607
|
MatSelectNoEntriesFoundDirective], exports: [MatSelectSearchComponent,
|
|
608
608
|
MatSelectSearchClearDirective,
|
|
609
609
|
MatSelectNoEntriesFoundDirective] }); }
|
|
610
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
610
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
|
|
611
611
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatSelectSearchModule, decorators: [{
|
|
613
613
|
type: NgModule,
|
|
614
614
|
args: [{
|
|
615
615
|
imports: [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Output, Input, ViewChild, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { MatRadioButton } from '@angular/material/radio';
|
|
4
4
|
import { MatCardTitle, MatCard, MatCardContent } from '@angular/material/card';
|
|
5
5
|
import { MatLabel } from '@angular/material/form-field';
|
|
@@ -34,10 +34,10 @@ class OnemrvaMatSelectableBoxComponent {
|
|
|
34
34
|
this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", mode: "mode", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n class=\"m onemrva-shadow-highlight\"\n [class.primary]=\"!isChecked()\"\n [class.selected]=\"isChecked()\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title\n class=\"selectablebox-title\"\n [class.primary]=\"mode === 'primary'\"\n [class.white]=\"mode === 'white'\"\n [class.selected]=\"isChecked()\"\n >\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\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 </mat-card-title>\n\n <mat-card-content\n [class.primary]=\"mode === 'primary'\"\n [class.white]=\"mode === 'white'\"\n [class.selected]=\"isChecked()\"\n >\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }] }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, imports: [
|
|
43
43
|
MatCardTitle,
|
|
@@ -63,11 +63,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
63
63
|
}] } });
|
|
64
64
|
|
|
65
65
|
class OnemrvaMatSelectableBoxModule {
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
67
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
68
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
66
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
67
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
|
|
68
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
|
|
71
71
|
type: NgModule,
|
|
72
72
|
args: [{
|
|
73
73
|
declarations: [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/cdk/layout';
|
|
4
4
|
import { Breakpoints } from '@angular/cdk/layout';
|
|
5
5
|
import { MatChip, MatChipRow } from '@angular/material/chips';
|
|
@@ -31,10 +31,10 @@ class OnemrvaMatSideMenuComponent {
|
|
|
31
31
|
selectMenu(menu) {
|
|
32
32
|
this.onSelectOption.emit(menu);
|
|
33
33
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "<mat-chip-row\n *ngIf=\"isSmall; else sideMenu\"\n class=\"onemrva-side-menu\"\n role=\"navigation\"\n>\n <mat-chip\n role=\"\"\n *ngFor=\"let menu of menus; let i = index\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n</mat-chip-row>\n<ng-template #sideMenu>\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n <div\n tabindex=\"1\"\n role=\"button\"\n *ngFor=\"let menu of menus; let i = index\"\n class=\"onemrva-side-menu-option\"\n [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
39
|
args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, NgClass, NgForOf, NgIf, TranslatePipe], template: "<mat-chip-row\n *ngIf=\"isSmall; else sideMenu\"\n class=\"onemrva-side-menu\"\n role=\"navigation\"\n>\n <mat-chip\n role=\"\"\n *ngFor=\"let menu of menus; let i = index\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n</mat-chip-row>\n<ng-template #sideMenu>\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n <div\n tabindex=\"1\"\n role=\"button\"\n *ngFor=\"let menu of menus; let i = index\"\n class=\"onemrva-side-menu-option\"\n [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n </div>\n</ng-template>\n" }]
|
|
40
40
|
}], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { menuHeaderKey: [{
|
|
@@ -48,11 +48,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
48
48
|
}] } });
|
|
49
49
|
|
|
50
50
|
class OnemrvaMatSideMenuModule {
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
52
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
53
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
52
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
|
|
53
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
|
|
56
56
|
type: NgModule,
|
|
57
57
|
args: [{
|
|
58
58
|
declarations: [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { HostBinding, Input, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { mkenum, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
|
|
4
4
|
import { NgForOf, NgStyle, NgIf } from '@angular/common';
|
|
5
5
|
|
|
@@ -127,10 +127,10 @@ class OnemrvaMatSkeletonComponent {
|
|
|
127
127
|
ngOnChanges() {
|
|
128
128
|
this.items.length = this.count;
|
|
129
129
|
}
|
|
130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: "count", animation: "animation", type: "type", size: "size", theme: "theme", ariaLabel: "ariaLabel", role: "role", loadingText: "loadingText", id: "id" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.valuetext": "this.loadingText", "attr.id": "this.id", "class.progress": "this._isProgress", "class.pulse": "this._isPulse", "class.h1": "this.isH1", "class.h2": "this.isH2", "class.h3": "this.isH3", "class.h4": "this.isH4", "class.h5": "this.isH5", "class.h6": "this.isH6", "class.line": "this._isLine", "class.button": "this._isButton", "class.circle": "this._isCircle", "class.square": "this._isSquare", "class.custom": "this._isCustom", "class.extrasmall": "this._isXSmallSize", "class.small": "this._isSmallSize", "class.medium": "this._isMediumSize", "class.large": "this._isLargeSize", "class.extralarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "<div\n *ngFor=\"let item of items\"\n class=\"skeleton-loader\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [ngStyle]=\"theme\"\n>\n <ng-container *ngIf=\"type === 'custom'\">\n <ng-content></ng-content>\n </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
132
132
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
|
|
134
134
|
type: Component,
|
|
135
135
|
args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgForOf, NgStyle, NgIf], template: "<div\n *ngFor=\"let item of items\"\n class=\"skeleton-loader\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [ngStyle]=\"theme\"\n>\n <ng-container *ngIf=\"type === 'custom'\">\n <ng-content></ng-content>\n </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] }]
|
|
136
136
|
}], propDecorators: { count: [{
|
|
@@ -220,11 +220,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
220
220
|
}] } });
|
|
221
221
|
|
|
222
222
|
class OnemrvaMatSkeletonModule {
|
|
223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
224
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
225
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
224
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
|
|
225
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
|
|
226
226
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
|
|
228
228
|
type: NgModule,
|
|
229
229
|
args: [{
|
|
230
230
|
declarations: [],
|