@porscheinformatik/material-addons 16.0.3 → 16.0.5
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/lib/quick-list/base-quick-list.component.mjs +32 -7
- package/esm2022/lib/quick-list/quick-list-compact/quick-list-compact.component.mjs +12 -10
- package/esm2022/lib/quick-list/quick-list.component.mjs +12 -10
- package/esm2022/lib/quick-list/quick-list.mjs +3 -1
- package/esm2022/lib/quick-list/quick-list.module.mjs +9 -6
- package/esm2022/lib/quick-list/reactive-form-quick-list/reactive-form-quick-list.component.mjs +22 -0
- package/esm2022/lib/quick-list/reactive-form-quick-list-compact/reactive-form-quick-list-compact.component.mjs +22 -0
- package/esm2022/lib/readonly/readonly-form-field/readonly-form-field.component.mjs +33 -7
- package/esm2022/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.mjs +29 -8
- package/esm2022/lib/readonly/readonly-form-field.module.mjs +5 -4
- package/fesm2022/porscheinformatik-material-addons.mjs +163 -63
- package/fesm2022/porscheinformatik-material-addons.mjs.map +1 -1
- package/lib/quick-list/base-quick-list.component.d.ts +9 -2
- package/lib/quick-list/base-quick-list.component.d.ts.map +1 -1
- package/lib/quick-list/quick-list-compact/quick-list-compact.component.d.ts +3 -1
- package/lib/quick-list/quick-list-compact/quick-list-compact.component.d.ts.map +1 -1
- package/lib/quick-list/quick-list.component.d.ts +3 -1
- package/lib/quick-list/quick-list.component.d.ts.map +1 -1
- package/lib/quick-list/quick-list.d.ts +2 -0
- package/lib/quick-list/quick-list.d.ts.map +1 -1
- package/lib/quick-list/quick-list.module.d.ts +8 -5
- package/lib/quick-list/quick-list.module.d.ts.map +1 -1
- package/lib/quick-list/reactive-form-quick-list/reactive-form-quick-list.component.d.ts +12 -0
- package/lib/quick-list/reactive-form-quick-list/reactive-form-quick-list.component.d.ts.map +1 -0
- package/lib/quick-list/reactive-form-quick-list-compact/reactive-form-quick-list-compact.component.d.ts +12 -0
- package/lib/quick-list/reactive-form-quick-list-compact/reactive-form-quick-list-compact.component.d.ts.map +1 -0
- package/lib/readonly/readonly-form-field/readonly-form-field.component.d.ts +19 -2
- package/lib/readonly/readonly-form-field/readonly-form-field.component.d.ts.map +1 -1
- package/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.d.ts +19 -2
- package/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.d.ts.map +1 -1
- package/lib/readonly/readonly-form-field.module.d.ts +2 -1
- package/lib/readonly/readonly-form-field.module.d.ts.map +1 -1
- package/package.json +1 -1
- package/themes/common/styles.scss +15 -0
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import { AbstractControl, FormArray, FormBuilder } from "@angular/forms";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export interface QuickListItem {
|
|
4
5
|
id: string;
|
|
5
6
|
}
|
|
6
7
|
export declare class BaseQuickListComponent<T> implements OnInit, AfterViewInit {
|
|
7
8
|
changeDetectorRef: ChangeDetectorRef;
|
|
9
|
+
formBuilder: FormBuilder;
|
|
8
10
|
allItems: T[];
|
|
9
11
|
addLabel: string;
|
|
10
12
|
addPossible: boolean;
|
|
@@ -13,22 +15,27 @@ export declare class BaseQuickListComponent<T> implements OnInit, AfterViewInit
|
|
|
13
15
|
readonly: boolean;
|
|
14
16
|
maxItems: number;
|
|
15
17
|
minItems: number;
|
|
18
|
+
formArray: FormArray;
|
|
16
19
|
added: EventEmitter<T>;
|
|
17
20
|
removed: EventEmitter<T>;
|
|
18
21
|
itemTemplate: TemplateRef<any>;
|
|
19
22
|
itemRows: QueryList<ElementRef>;
|
|
20
23
|
rowCountFocus: number;
|
|
21
24
|
addEventFunction: Function;
|
|
22
|
-
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
25
|
+
constructor(changeDetectorRef: ChangeDetectorRef, formBuilder: FormBuilder);
|
|
23
26
|
ngOnInit(): void;
|
|
24
27
|
ngAfterViewInit(): void;
|
|
25
28
|
addItem(): void;
|
|
29
|
+
addReactiveItem(): void;
|
|
26
30
|
removeItem(item: T): void;
|
|
31
|
+
removeReactiveItem(item: AbstractControl<any>): void;
|
|
27
32
|
setFocusOnAdd(): void;
|
|
28
33
|
isAddAllowed(): boolean;
|
|
34
|
+
isAddReactiveAllowed(): boolean;
|
|
29
35
|
isDeleteAllowed(): boolean;
|
|
36
|
+
isDeleteReactiveAllowed(): boolean;
|
|
30
37
|
private interalAddItem;
|
|
31
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<BaseQuickListComponent<any>, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BaseQuickListComponent<any>, "mad-base-quick-list", never, { "allItems": { "alias": "allItems"; "required": false; }; "addLabel": { "alias": "addLabel"; "required": false; }; "addPossible": { "alias": "addPossible"; "required": false; }; "removePossible": { "alias": "removePossible"; "required": false; }; "blankItem": { "alias": "blankItem"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "minItems": { "alias": "minItems"; "required": false; }; }, { "added": "added"; "removed": "removed"; }, ["itemTemplate"], never, false, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseQuickListComponent<any>, "mad-base-quick-list", never, { "allItems": { "alias": "allItems"; "required": false; }; "addLabel": { "alias": "addLabel"; "required": false; }; "addPossible": { "alias": "addPossible"; "required": false; }; "removePossible": { "alias": "removePossible"; "required": false; }; "blankItem": { "alias": "blankItem"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "minItems": { "alias": "minItems"; "required": false; }; "formArray": { "alias": "formArray"; "required": false; }; }, { "added": "added"; "removed": "removed"; }, ["itemTemplate"], never, false, never>;
|
|
33
40
|
}
|
|
34
41
|
//# sourceMappingURL=base-quick-list.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-quick-list.component.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/base-quick-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EAGjB,UAAU,EACV,YAAY,EAEZ,MAAM,EAEN,SAAS,EACT,WAAW,EAEZ,MAAM,eAAe,CAAC;;
|
|
1
|
+
{"version":3,"file":"base-quick-list.component.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/base-quick-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,iBAAiB,EAGjB,UAAU,EACV,YAAY,EAEZ,MAAM,EAEN,SAAS,EACT,WAAW,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAEvE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qBAKa,sBAAsB,CAAC,CAAC,CAAE,YAAW,MAAM,EAAE,aAAa;IAoBlD,iBAAiB,EAAE,iBAAiB;IAAS,WAAW,EAAE,WAAW;IAlB/E,QAAQ,MAAa;IACrB,QAAQ,SAAa;IACrB,WAAW,UAAQ;IACnB,cAAc,UAAQ;IACtB,SAAS,MAAa;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IAEpB,KAAK,kBAAyB;IAC9B,OAAO,kBAAyB;IACf,YAAY,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAErD,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,QAAQ,CAAC;gBAER,iBAAiB,EAAE,iBAAiB,EAAS,WAAW,EAAE,WAAW;IAGxF,QAAQ,IAAI,IAAI;IAShB,eAAe,IAAI,IAAI;IAIvB,OAAO,IAAI,IAAI;IAOf,eAAe;IAMf,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAOzB,kBAAkB,CAAC,IAAI,EAAE,eAAe,CAAC,GAAG,CAAC;IAW7C,aAAa,IAAI,IAAI;IAarB,YAAY,IAAI,OAAO;IAIvB,oBAAoB,IAAI,OAAO;IAI/B,eAAe,IAAI,OAAO;IAI1B,uBAAuB,IAAI,OAAO;IAIlC,OAAO,CAAC,cAAc;yCAhGX,sBAAsB;2CAAtB,sBAAsB;CA6GlC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { BaseQuickListComponent, QuickListItem } from '../base-quick-list.component';
|
|
3
|
+
import { FormBuilder } from "@angular/forms";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class QuickListCompactComponent extends BaseQuickListComponent<QuickListItem> {
|
|
5
6
|
changeDetectorRef: ChangeDetectorRef;
|
|
6
|
-
|
|
7
|
+
formBuilder: FormBuilder;
|
|
8
|
+
constructor(changeDetectorRef: ChangeDetectorRef, formBuilder: FormBuilder);
|
|
7
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<QuickListCompactComponent, never>;
|
|
8
10
|
static ɵcmp: i0.ɵɵComponentDeclaration<QuickListCompactComponent, "mad-quick-list-compact", never, {}, {}, never, ["label"], false, never>;
|
|
9
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quick-list-compact.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/quick-list/quick-list-compact/quick-list-compact.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;;
|
|
1
|
+
{"version":3,"file":"quick-list-compact.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/quick-list/quick-list-compact/quick-list-compact.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,qBAKa,yBAA0B,SAAQ,sBAAsB,CAAC,aAAa,CAAC;IAC/D,iBAAiB,EAAE,iBAAiB;IAAS,WAAW,EAAE,WAAW;gBAArE,iBAAiB,EAAE,iBAAiB,EAAS,WAAW,EAAE,WAAW;yCAD7E,yBAAyB;2CAAzB,yBAAyB;CAIrC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { BaseQuickListComponent, QuickListItem } from './base-quick-list.component';
|
|
3
|
+
import { FormBuilder } from "@angular/forms";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class QuickListComponent extends BaseQuickListComponent<QuickListItem> {
|
|
5
6
|
changeDetectorRef: ChangeDetectorRef;
|
|
6
|
-
|
|
7
|
+
formBuilder: FormBuilder;
|
|
8
|
+
constructor(changeDetectorRef: ChangeDetectorRef, formBuilder: FormBuilder);
|
|
7
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<QuickListComponent, never>;
|
|
8
10
|
static ɵcmp: i0.ɵɵComponentDeclaration<QuickListComponent, "mad-quick-list", never, {}, {}, never, ["label"], false, never>;
|
|
9
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quick-list.component.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAa,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;;
|
|
1
|
+
{"version":3,"file":"quick-list.component.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAa,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,qBAKa,kBAAmB,SAAQ,sBAAsB,CAAC,aAAa,CAAC;IACxD,iBAAiB,EAAE,iBAAiB;IAAS,WAAW,EAAE,WAAW;gBAArE,iBAAiB,EAAE,iBAAiB,EAAS,WAAW,EAAE,WAAW;yCAD7E,kBAAkB;2CAAlB,kBAAkB;CAI9B"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { QuickListCompactComponent } from './quick-list-compact/quick-list-compact.component';
|
|
2
2
|
export { BaseQuickListComponent } from './base-quick-list.component';
|
|
3
3
|
export { QuickListComponent } from './quick-list.component';
|
|
4
|
+
export { ReactiveFormQuickListComponent } from './reactive-form-quick-list/reactive-form-quick-list.component';
|
|
5
|
+
export { ReactiveFormQuickListCompactComponent } from './reactive-form-quick-list-compact/reactive-form-quick-list-compact.component';
|
|
4
6
|
//# sourceMappingURL=quick-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quick-list.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,EAAC,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"quick-list.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,EAAC,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,8BAA8B,EAAC,MAAM,+DAA+D,CAAC;AAC7G,OAAO,EACL,qCAAqC,EACtC,MAAM,+EAA+E,CAAC"}
|
|
@@ -2,13 +2,16 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./quick-list.component";
|
|
3
3
|
import * as i2 from "./base-quick-list.component";
|
|
4
4
|
import * as i3 from "./quick-list-compact/quick-list-compact.component";
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "
|
|
7
|
-
import * as i6 from "@angular/
|
|
8
|
-
import * as i7 from "
|
|
5
|
+
import * as i4 from "./reactive-form-quick-list/reactive-form-quick-list.component";
|
|
6
|
+
import * as i5 from "./reactive-form-quick-list-compact/reactive-form-quick-list-compact.component";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@angular/material/button";
|
|
9
|
+
import * as i8 from "@angular/material/icon";
|
|
10
|
+
import * as i9 from "../button/button.module";
|
|
11
|
+
import * as i10 from "@angular/forms";
|
|
9
12
|
export declare class QuickListModule {
|
|
10
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<QuickListModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<QuickListModule, [typeof i1.QuickListComponent, typeof i2.BaseQuickListComponent, typeof i3.QuickListCompactComponent], [typeof
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<QuickListModule, [typeof i1.QuickListComponent, typeof i2.BaseQuickListComponent, typeof i3.QuickListCompactComponent, typeof i4.ReactiveFormQuickListComponent, typeof i5.ReactiveFormQuickListCompactComponent], [typeof i6.CommonModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.ButtonModule, typeof i10.ReactiveFormsModule], [typeof i1.QuickListComponent, typeof i3.QuickListCompactComponent, typeof i2.BaseQuickListComponent, typeof i4.ReactiveFormQuickListComponent, typeof i5.ReactiveFormQuickListCompactComponent]>;
|
|
12
15
|
static ɵinj: i0.ɵɵInjectorDeclaration<QuickListModule>;
|
|
13
16
|
}
|
|
14
17
|
//# sourceMappingURL=quick-list.module.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quick-list.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.module.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"quick-list.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/quick-list/quick-list.module.ts"],"names":[],"mappings":";;;;;;;;;;;AAYA,qBAKa,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAAG"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { BaseQuickListComponent, QuickListItem } from "../base-quick-list.component";
|
|
3
|
+
import { FormBuilder } from "@angular/forms";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ReactiveFormQuickListComponent extends BaseQuickListComponent<QuickListItem> {
|
|
6
|
+
changeDetectorRef: ChangeDetectorRef;
|
|
7
|
+
formBuilder: FormBuilder;
|
|
8
|
+
constructor(changeDetectorRef: ChangeDetectorRef, formBuilder: FormBuilder);
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveFormQuickListComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReactiveFormQuickListComponent, "mad-reactive-form-quick-list", never, {}, {}, never, ["label"], false, never>;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=reactive-form-quick-list.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactive-form-quick-list.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/quick-list/reactive-form-quick-list/reactive-form-quick-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,sBAAsB,EAAE,aAAa,EAAC,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,qBAKa,8BAA+B,SAAQ,sBAAsB,CAAC,aAAa,CAAC;IACpE,iBAAiB,EAAE,iBAAiB;IAAS,WAAW,EAAE,WAAW;gBAArE,iBAAiB,EAAE,iBAAiB,EAAS,WAAW,EAAE,WAAW;yCAD7E,8BAA8B;2CAA9B,8BAA8B;CAI1C"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { FormBuilder } from "@angular/forms";
|
|
3
|
+
import { BaseQuickListComponent, QuickListItem } from "../base-quick-list.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ReactiveFormQuickListCompactComponent extends BaseQuickListComponent<QuickListItem> {
|
|
6
|
+
changeDetectorRef: ChangeDetectorRef;
|
|
7
|
+
formBuilder: FormBuilder;
|
|
8
|
+
constructor(changeDetectorRef: ChangeDetectorRef, formBuilder: FormBuilder);
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveFormQuickListCompactComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReactiveFormQuickListCompactComponent, "mad-reactive-form-quick-list-compact", never, {}, {}, never, ["label"], false, never>;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=reactive-form-quick-list-compact.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactive-form-quick-list-compact.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/quick-list/reactive-form-quick-list-compact/reactive-form-quick-list-compact.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAE,aAAa,EAAC,MAAM,8BAA8B,CAAC;;AAEnF,qBAKa,qCAAsC,SAAQ,sBAAsB,CAAC,aAAa,CAAC;IAC3E,iBAAiB,EAAE,iBAAiB;IAAS,WAAW,EAAE,WAAW;gBAArE,iBAAiB,EAAE,iBAAiB,EAAS,WAAW,EAAE,WAAW;yCAD7E,qCAAqC;2CAArC,qCAAqC;CAIjD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewChecked, ChangeDetectorRef, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ErrorStateMatcher } from '@angular/material/core';
|
|
3
3
|
import { NumberFormatService } from '../../numeric-field/number-format.service';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -11,6 +11,7 @@ export declare class ReadOnlyFormFieldComponent implements OnChanges, AfterViewC
|
|
|
11
11
|
private changeDetector;
|
|
12
12
|
private renderer;
|
|
13
13
|
private numberFormatService;
|
|
14
|
+
originalContent: ElementRef;
|
|
14
15
|
value: any;
|
|
15
16
|
label: string;
|
|
16
17
|
textAlign: 'right' | 'left';
|
|
@@ -25,6 +26,20 @@ export declare class ReadOnlyFormFieldComponent implements OnChanges, AfterViewC
|
|
|
25
26
|
rows: number;
|
|
26
27
|
id: string;
|
|
27
28
|
shrinkIfEmpty: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* suffix iocon
|
|
31
|
+
*/
|
|
32
|
+
suffix: string;
|
|
33
|
+
/**
|
|
34
|
+
* prefix iocon
|
|
35
|
+
*/
|
|
36
|
+
prefix: string;
|
|
37
|
+
/**
|
|
38
|
+
* if cdkTextareaAutosize is active for textareas
|
|
39
|
+
*/
|
|
40
|
+
multilineAutoSize: boolean;
|
|
41
|
+
suffixClickedEmitter: EventEmitter<any>;
|
|
42
|
+
prefixClickedEmitter: EventEmitter<any>;
|
|
28
43
|
inputEl: ElementRef;
|
|
29
44
|
errorMatcher: ErrorStateMatcher;
|
|
30
45
|
private unitSpan;
|
|
@@ -32,8 +47,10 @@ export declare class ReadOnlyFormFieldComponent implements OnChanges, AfterViewC
|
|
|
32
47
|
constructor(changeDetector: ChangeDetectorRef, renderer: Renderer2, numberFormatService: NumberFormatService);
|
|
33
48
|
ngOnChanges(_: SimpleChanges): void;
|
|
34
49
|
ngAfterViewChecked(): void;
|
|
50
|
+
suffixClicked(): void;
|
|
51
|
+
prefixClicked(): void;
|
|
35
52
|
private injectUnitSymbol;
|
|
36
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReadOnlyFormFieldComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ReadOnlyFormFieldComponent, "mad-readonly-form-field", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "formatNumber": { "alias": "formatNumber"; "required": false; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; }; "roundValue": { "alias": "roundDisplayValue"; "required": false; }; "autofillDecimals": { "alias": "autofillDecimals"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "unitPosition": { "alias": "unitPosition"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "id": { "alias": "id"; "required": false; }; "shrinkIfEmpty": { "alias": "shrinkIfEmpty"; "required": false; }; }, {}, never, never, false, never>;
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReadOnlyFormFieldComponent, "mad-readonly-form-field", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "formatNumber": { "alias": "formatNumber"; "required": false; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; }; "roundValue": { "alias": "roundDisplayValue"; "required": false; }; "autofillDecimals": { "alias": "autofillDecimals"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "unitPosition": { "alias": "unitPosition"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "id": { "alias": "id"; "required": false; }; "shrinkIfEmpty": { "alias": "shrinkIfEmpty"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "multilineAutoSize": { "alias": "multilineAutoSize"; "required": false; }; }, { "suffixClickedEmitter": "suffixClickedEmitter"; "prefixClickedEmitter": "prefixClickedEmitter"; }, never, never, false, never>;
|
|
38
55
|
}
|
|
39
56
|
//# sourceMappingURL=readonly-form-field.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"readonly-form-field.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/readonly/readonly-form-field/readonly-form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EAEjB,UAAU,
|
|
1
|
+
{"version":3,"file":"readonly-form-field.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/readonly/readonly-form-field/readonly-form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EAEjB,UAAU,EACV,YAAY,EAEZ,SAAS,EAET,SAAS,EACT,aAAa,EAEd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;;AAE9E;;;;GAIG;AAEH,qBAKa,0BAA2B,YAAW,SAAS,EAAE,gBAAgB;IA6ChE,OAAO,CAAC,cAAc;IAAqB,OAAO,CAAC,QAAQ;IAAa,OAAO,CAAC,mBAAmB;IA3C/G,eAAe,EAAE,UAAU,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,OAAO,GAAG,MAAM,CAAU;IAClC,YAAY,UAAS;IACpB,aAAa,SAAK;IACd,UAAU,UAAS;IACpB,gBAAgB,UAAS;IACrC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAU;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjD,SAAS,UAAS;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IAOX,aAAa,UAAS;IAC/B;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC;IACxB;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC;IACxB;;OAEG;IACM,iBAAiB,UAAS;IACzB,oBAAoB,oBAAsB;IAC1C,oBAAoB,oBAAsB;IAC9B,OAAO,EAAE,UAAU,CAAC;IAC1C,YAAY,EAAE,iBAAiB,CAE7B;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,QAAQ,CAAkB;gBAEd,cAAc,EAAE,iBAAiB,EAAU,QAAQ,EAAE,SAAS,EAAU,mBAAmB,EAAE,mBAAmB;IAGpI,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAiBnC,kBAAkB,IAAI,IAAI;IAI1B,aAAa;IAIb,aAAa;IAIb,OAAO,CAAC,gBAAgB;yCA7Eb,0BAA0B;2CAA1B,0BAA0B;CA+HtC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
|
4
4
|
* Wraps a mat-form-field to replace it by a readOnly representation if necessary
|
|
@@ -45,6 +45,21 @@ export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterV
|
|
|
45
45
|
* Otherwise, the defined rows-value will be used
|
|
46
46
|
*/
|
|
47
47
|
shrinkIfEmpty: boolean;
|
|
48
|
+
hideIconInReadOnlyMode: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* suffix iocon
|
|
51
|
+
*/
|
|
52
|
+
suffix: string;
|
|
53
|
+
/**
|
|
54
|
+
* prefix iocon
|
|
55
|
+
*/
|
|
56
|
+
prefix: string;
|
|
57
|
+
/**
|
|
58
|
+
* if cdkTextareaAutosize is active for textareas
|
|
59
|
+
*/
|
|
60
|
+
multilineAutoSize: boolean;
|
|
61
|
+
suffixClickedEmitter: EventEmitter<any>;
|
|
62
|
+
prefixClickedEmitter: EventEmitter<any>;
|
|
48
63
|
/**
|
|
49
64
|
* Automatically taken from the contained <mat-label>
|
|
50
65
|
*/
|
|
@@ -57,6 +72,8 @@ export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterV
|
|
|
57
72
|
ngAfterViewChecked(): void;
|
|
58
73
|
ngOnChanges(_: SimpleChanges): void;
|
|
59
74
|
getLabel(): string;
|
|
75
|
+
suffixClicked(): void;
|
|
76
|
+
prefixClicked(): void;
|
|
60
77
|
private doRendering;
|
|
61
78
|
private extractLabel;
|
|
62
79
|
private correctWidth;
|
|
@@ -67,6 +84,6 @@ export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterV
|
|
|
67
84
|
private isTextOverflown;
|
|
68
85
|
private calculateToolTipText;
|
|
69
86
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReadOnlyFormFieldWrapperComponent, never>;
|
|
70
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ReadOnlyFormFieldWrapperComponent, "mad-readonly-form-field-wrapper", never, { "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "formatNumber": { "alias": "formatNumber"; "required": false; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; }; "roundValue": { "alias": "roundDisplayValue"; "required": false; }; "autofillDecimals": { "alias": "autofillDecimals"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "unitPosition": { "alias": "unitPosition"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shrinkIfEmpty": { "alias": "shrinkIfEmpty"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
87
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ReadOnlyFormFieldWrapperComponent, "mad-readonly-form-field-wrapper", never, { "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "formatNumber": { "alias": "formatNumber"; "required": false; }; "decimalPlaces": { "alias": "decimalPlaces"; "required": false; }; "roundValue": { "alias": "roundDisplayValue"; "required": false; }; "autofillDecimals": { "alias": "autofillDecimals"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "unitPosition": { "alias": "unitPosition"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "shrinkIfEmpty": { "alias": "shrinkIfEmpty"; "required": false; }; "hideIconInReadOnlyMode": { "alias": "hideIconInReadOnlyMode"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "multilineAutoSize": { "alias": "multilineAutoSize"; "required": false; }; }, { "suffixClickedEmitter": "suffixClickedEmitter"; "prefixClickedEmitter": "prefixClickedEmitter"; }, never, ["*"], false, never>;
|
|
71
88
|
}
|
|
72
89
|
//# sourceMappingURL=readonly-form-field-wrapper.component.d.ts.map
|
package/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"readonly-form-field-wrapper.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EAEjB,UAAU,
|
|
1
|
+
{"version":3,"file":"readonly-form-field-wrapper.component.d.ts","sourceRoot":"","sources":["../../../../../projects/material-addons/src/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EAEjB,UAAU,EAAE,YAAY,EAExB,SAAS,EACT,MAAM,EACN,aAAa,EAEd,MAAM,eAAe,CAAC;;AAEvB;;;;GAIG;AACH,qBAKa,iCAAkC,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IAqE9F,OAAO,CAAC,cAAc;IAAqB,OAAO,CAAC,UAAU;IAnEzE,eAAe,EAAE,UAAU,CAAC;IAE5B,sBAAsB,EAAE,UAAU,CAAC;IAEnC;;;OAGG;IACM,QAAQ,UAAQ;IAEzB;;;OAGG;IACa,KAAK,EAAE,GAAG,CAAC;IAEP,SAAS,EAAE,OAAO,GAAG,MAAM,CAAU;IAClC,YAAY,UAAS;IACpB,aAAa,SAAK;IACd,UAAU,UAAS;IACpB,gBAAgB,UAAS;IACrC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnB,YAAY,EAAE,OAAO,GAAG,MAAM,CAAU;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjD,EAAE,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACM,SAAS,UAAS;IAE3B;;OAEG;IACM,IAAI,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACM,aAAa,UAAS;IACtB,sBAAsB,UAAS;IACxC;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC;IACxB;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC;IACxB;;OAEG;IACM,iBAAiB,UAAS;IACzB,oBAAoB,oBAAsB;IAC1C,oBAAoB,oBAAsB;IAEpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,sBAAsB,UAAS;IAC/B,WAAW,EAAE,MAAM,CAAC;gBAEA,cAAc,EAAE,iBAAiB,EAAU,UAAU,EAAE,UAAU;IAErF,QAAQ,IAAI,IAAI;IAIhB,eAAe,IAAI,IAAI;IAKvB,kBAAkB,IAAI,IAAI;IAK1B,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAInC,QAAQ,IAAI,MAAM;IAOlB,aAAa;IAIb,aAAa;IAIb,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,qBAAqB;IAY7B,OAAO,CAAC,yBAAyB;IAWjC,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,gCAAgC;IAIxC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,oBAAoB;yCAnLjB,iCAAiC;2CAAjC,iCAAiC;CA0L7C"}
|
|
@@ -7,9 +7,10 @@ import * as i5 from "@angular/material/form-field";
|
|
|
7
7
|
import * as i6 from "@angular/material/input";
|
|
8
8
|
import * as i7 from "@angular/forms";
|
|
9
9
|
import * as i8 from "@angular/material/tooltip";
|
|
10
|
+
import * as i9 from "@angular/material/icon";
|
|
10
11
|
export declare class ReadOnlyFormFieldModule {
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReadOnlyFormFieldModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ReadOnlyFormFieldModule, [typeof i1.ReadOnlyFormFieldComponent, typeof i2.ReadOnlyFormFieldWrapperComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.FormsModule, typeof i8.MatTooltipModule], [typeof i1.ReadOnlyFormFieldComponent, typeof i2.ReadOnlyFormFieldWrapperComponent]>;
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ReadOnlyFormFieldModule, [typeof i1.ReadOnlyFormFieldComponent, typeof i2.ReadOnlyFormFieldWrapperComponent], [typeof i3.CommonModule, typeof i4.RouterModule, typeof i5.MatFormFieldModule, typeof i6.MatInputModule, typeof i7.FormsModule, typeof i8.MatTooltipModule, typeof i9.MatIconModule], [typeof i1.ReadOnlyFormFieldComponent, typeof i2.ReadOnlyFormFieldWrapperComponent]>;
|
|
13
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<ReadOnlyFormFieldModule>;
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=readonly-form-field.module.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"readonly-form-field.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/readonly/readonly-form-field.module.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"readonly-form-field.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/readonly/readonly-form-field.module.ts"],"names":[],"mappings":";;;;;;;;;;AAWA,qBAKa,uBAAuB;yCAAvB,uBAAuB;0CAAvB,uBAAuB;0CAAvB,uBAAuB;CAAG"}
|
package/package.json
CHANGED
|
@@ -336,3 +336,18 @@ mad-link-button {
|
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
+
// needed for the padding fix when subscriptSizing: 'dynamic'
|
|
340
|
+
mat-form-field .mat-mdc-form-field {
|
|
341
|
+
&-subscript-wrapper {
|
|
342
|
+
margin-bottom: 1.25em;
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
// the label of the outline input is set into the padding of the form-field-component
|
|
347
|
+
.mat-form-field-appearance-outline {
|
|
348
|
+
margin-top: 8px;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.pointer {
|
|
352
|
+
cursor: pointer;
|
|
353
|
+
}
|