@ajsf/material 0.8.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/material-design-framework.module.mjs +4 -12
- package/esm2020/lib/widgets/flex-layout-root.component.mjs +40 -18
- package/esm2020/lib/widgets/flex-layout-section.component.mjs +51 -43
- package/fesm2015/ajsf-material.mjs +109 -97
- package/fesm2015/ajsf-material.mjs.map +1 -1
- package/fesm2020/ajsf-material.mjs +109 -97
- package/fesm2020/ajsf-material.mjs.map +1 -1
- package/lib/material-design-framework.module.d.ts +23 -25
- package/lib/widgets/flex-layout-root.component.d.ts +6 -0
- package/lib/widgets/flex-layout-section.component.d.ts +4 -0
- package/package.json +4 -5
- package/esm2020/lib/angular-flex-monkey-patch.mjs +0 -12
- package/lib/angular-flex-monkey-patch.d.ts +0 -1
|
@@ -4,50 +4,46 @@ import * as i1 from '@ajsf/core';
|
|
|
4
4
|
import { hasOwn, buildTitleMap, isDefined, isArray, Framework, WidgetLibraryModule, JsonSchemaFormModule, JsonSchemaFormService, FrameworkLibraryService, WidgetLibraryService } from '@ajsf/core';
|
|
5
5
|
import * as i2 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
|
-
import * as i3 from '@angular/
|
|
8
|
-
import * as i4 from '@angular/flex-layout/extended';
|
|
9
|
-
import * as i5 from '@angular/material/card';
|
|
7
|
+
import * as i3 from '@angular/material/card';
|
|
10
8
|
import { MatCardModule } from '@angular/material/card';
|
|
11
|
-
import * as
|
|
9
|
+
import * as i4 from '@angular/material/expansion';
|
|
12
10
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
13
|
-
import * as
|
|
11
|
+
import * as i5 from '@angular/material/form-field';
|
|
14
12
|
import { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule } from '@angular/material/form-field';
|
|
15
13
|
import * as i3$1 from '@angular/material/button';
|
|
16
14
|
import { MatButtonModule } from '@angular/material/button';
|
|
17
|
-
import * as i4$
|
|
15
|
+
import * as i4$1 from '@angular/material/icon';
|
|
18
16
|
import { MatIconModule } from '@angular/material/icon';
|
|
19
17
|
import * as i3$2 from '@angular/material/button-toggle';
|
|
20
18
|
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
21
19
|
import * as i3$3 from '@angular/forms';
|
|
22
20
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
23
|
-
import * as i4$
|
|
21
|
+
import * as i4$2 from '@angular/material/checkbox';
|
|
24
22
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
25
|
-
import * as i6
|
|
23
|
+
import * as i6 from '@angular/material/slide-toggle';
|
|
26
24
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
27
|
-
import * as i4$
|
|
25
|
+
import * as i4$3 from '@angular/material/datepicker';
|
|
28
26
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
29
27
|
import * as i5$1 from '@angular/material/input';
|
|
30
28
|
import { MatInputModule } from '@angular/material/input';
|
|
31
29
|
import cloneDeep from 'lodash/cloneDeep';
|
|
32
|
-
import * as i4$
|
|
30
|
+
import * as i4$4 from '@angular/material/autocomplete';
|
|
33
31
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
34
|
-
import * as i4$
|
|
32
|
+
import * as i4$5 from '@angular/material/core';
|
|
35
33
|
import { MatNativeDateModule } from '@angular/material/core';
|
|
36
34
|
import * as i5$2 from '@angular/material/radio';
|
|
37
35
|
import { MatRadioModule } from '@angular/material/radio';
|
|
38
|
-
import * as i6$
|
|
36
|
+
import * as i6$1 from '@angular/material/select';
|
|
39
37
|
import { MatSelectModule } from '@angular/material/select';
|
|
40
38
|
import * as i5$3 from '@angular/material/slider';
|
|
41
39
|
import { MatSliderModule } from '@angular/material/slider';
|
|
42
40
|
import * as i3$4 from '@angular/material/tabs';
|
|
43
41
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
44
|
-
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
45
42
|
import { MatChipsModule } from '@angular/material/chips';
|
|
46
43
|
import { MatStepperModule } from '@angular/material/stepper';
|
|
47
44
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
48
45
|
import { MatMenuModule } from '@angular/material/menu';
|
|
49
46
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
50
|
-
import { MediaMarshaller } from '@angular/flex-layout/core';
|
|
51
47
|
|
|
52
48
|
class FlexLayoutRootComponent {
|
|
53
49
|
constructor(jsf) {
|
|
@@ -57,6 +53,25 @@ class FlexLayoutRootComponent {
|
|
|
57
53
|
removeItem(item) {
|
|
58
54
|
this.jsf.removeItem(item);
|
|
59
55
|
}
|
|
56
|
+
getFlexBasis(node) {
|
|
57
|
+
return (node?.options || {}).fxFlex || this.getFlexAttribute(node, 'flex-basis');
|
|
58
|
+
}
|
|
59
|
+
getMaxWidth(node) {
|
|
60
|
+
const fxFlex = (node?.options || {}).fxFlex;
|
|
61
|
+
return fxFlex && `${fxFlex}`.trim().endsWith('%') ? fxFlex : null;
|
|
62
|
+
}
|
|
63
|
+
getAlignSelf(node) {
|
|
64
|
+
const options = node?.options || {};
|
|
65
|
+
return options['align-self'] ||
|
|
66
|
+
FlexLayoutRootComponent.SELF_ALIGN[options.fxFlexAlign] || null;
|
|
67
|
+
}
|
|
68
|
+
getOrder(node) {
|
|
69
|
+
const options = node?.options || {};
|
|
70
|
+
return options.order || options.fxFlexOrder || null;
|
|
71
|
+
}
|
|
72
|
+
getOffset(node) {
|
|
73
|
+
return (node?.options || {}).fxFlexOffset || null;
|
|
74
|
+
}
|
|
60
75
|
// Set attributes for flexbox child
|
|
61
76
|
// (container attributes are set in flex-layout-section.component)
|
|
62
77
|
getFlexAttribute(node, attribute) {
|
|
@@ -68,24 +83,30 @@ class FlexLayoutRootComponent {
|
|
|
68
83
|
return this.jsf.evaluateCondition(layoutNode, this.dataIndex);
|
|
69
84
|
}
|
|
70
85
|
}
|
|
86
|
+
// fxFlex="30%" and friends used to come from @angular/flex-layout, which is
|
|
87
|
+
// deprecated and has no Angular 16+ release. These translate the same option
|
|
88
|
+
// values to the CSS the directives were compiling to, so schemas that set
|
|
89
|
+
// fxFlex, fxFlexOrder, fxFlexOffset or fxFlexAlign keep working unchanged.
|
|
90
|
+
FlexLayoutRootComponent.SELF_ALIGN = {
|
|
91
|
+
start: 'flex-start', end: 'flex-end', center: 'center',
|
|
92
|
+
baseline: 'baseline', stretch: 'stretch',
|
|
93
|
+
};
|
|
71
94
|
FlexLayoutRootComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutRootComponent, deps: [{ token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
95
|
FlexLayoutRootComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: FlexLayoutRootComponent, selector: "flex-layout-root-widget", inputs: { dataIndex: "dataIndex", layoutIndex: "layoutIndex", layout: "layout", isFlexItem: "isFlexItem" }, ngImport: i0, template: `
|
|
73
96
|
<div *ngFor="let layoutNode of layout; let i = index"
|
|
74
97
|
[class.form-flex-item]="isFlexItem"
|
|
75
98
|
[style.flex-grow]="getFlexAttribute(layoutNode, 'flex-grow')"
|
|
76
99
|
[style.flex-shrink]="getFlexAttribute(layoutNode, 'flex-shrink')"
|
|
77
|
-
[style.flex-basis]="
|
|
78
|
-
[style.align-self]="(layoutNode
|
|
79
|
-
[style.order]="layoutNode
|
|
80
|
-
[
|
|
81
|
-
[
|
|
82
|
-
[fxFlexOffset]="layoutNode?.options?.fxFlexOffset"
|
|
83
|
-
[fxFlexAlign]="layoutNode?.options?.fxFlexAlign">
|
|
100
|
+
[style.flex-basis]="getFlexBasis(layoutNode)"
|
|
101
|
+
[style.align-self]="getAlignSelf(layoutNode)"
|
|
102
|
+
[style.order]="getOrder(layoutNode)"
|
|
103
|
+
[style.max-width]="getMaxWidth(layoutNode)"
|
|
104
|
+
[style.margin-left]="getOffset(layoutNode)">
|
|
84
105
|
<select-framework-widget *ngIf="showWidget(layoutNode)"
|
|
85
106
|
[dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"
|
|
86
107
|
[layoutIndex]="(layoutIndex || []).concat(i)"
|
|
87
108
|
[layoutNode]="layoutNode"></select-framework-widget>
|
|
88
|
-
|
|
109
|
+
</div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.SelectFrameworkComponent, selector: "select-framework-widget", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
|
|
89
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutRootComponent, decorators: [{
|
|
90
111
|
type: Component,
|
|
91
112
|
args: [{
|
|
@@ -96,18 +117,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
96
117
|
[class.form-flex-item]="isFlexItem"
|
|
97
118
|
[style.flex-grow]="getFlexAttribute(layoutNode, 'flex-grow')"
|
|
98
119
|
[style.flex-shrink]="getFlexAttribute(layoutNode, 'flex-shrink')"
|
|
99
|
-
[style.flex-basis]="
|
|
100
|
-
[style.align-self]="(layoutNode
|
|
101
|
-
[style.order]="layoutNode
|
|
102
|
-
[
|
|
103
|
-
[
|
|
104
|
-
[fxFlexOffset]="layoutNode?.options?.fxFlexOffset"
|
|
105
|
-
[fxFlexAlign]="layoutNode?.options?.fxFlexAlign">
|
|
120
|
+
[style.flex-basis]="getFlexBasis(layoutNode)"
|
|
121
|
+
[style.align-self]="getAlignSelf(layoutNode)"
|
|
122
|
+
[style.order]="getOrder(layoutNode)"
|
|
123
|
+
[style.max-width]="getMaxWidth(layoutNode)"
|
|
124
|
+
[style.margin-left]="getOffset(layoutNode)">
|
|
106
125
|
<select-framework-widget *ngIf="showWidget(layoutNode)"
|
|
107
126
|
[dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"
|
|
108
127
|
[layoutIndex]="(layoutIndex || []).concat(i)"
|
|
109
128
|
[layoutNode]="layoutNode"></select-framework-widget>
|
|
110
|
-
|
|
129
|
+
</div>`,
|
|
111
130
|
changeDetection: ChangeDetectionStrategy.Default,
|
|
112
131
|
}]
|
|
113
132
|
}], ctorParameters: function () { return [{ type: i1.JsonSchemaFormService }]; }, propDecorators: { dataIndex: [{
|
|
@@ -161,6 +180,16 @@ class FlexLayoutSectionComponent {
|
|
|
161
180
|
this.expanded = !this.expanded;
|
|
162
181
|
}
|
|
163
182
|
}
|
|
183
|
+
fxAlign(position) {
|
|
184
|
+
const value = `${(this.options || {}).fxLayoutAlign || ''}`.trim().split(/\s+/)[position];
|
|
185
|
+
return FlexLayoutSectionComponent.ALIGN[value] || null;
|
|
186
|
+
}
|
|
187
|
+
getJustifyContent() {
|
|
188
|
+
return this.getFlexAttribute('justify-content') || this.fxAlign(0);
|
|
189
|
+
}
|
|
190
|
+
getAlignItems() {
|
|
191
|
+
return this.getFlexAttribute('align-items') || this.fxAlign(1);
|
|
192
|
+
}
|
|
164
193
|
// Set attributes for flexbox container
|
|
165
194
|
// (child attributes are set in flex-layout-root.component)
|
|
166
195
|
getFlexAttribute(attribute) {
|
|
@@ -182,12 +211,20 @@ class FlexLayoutSectionComponent {
|
|
|
182
211
|
case 'align-items':
|
|
183
212
|
case 'align-content':
|
|
184
213
|
return this.options[attribute];
|
|
185
|
-
case 'layout':
|
|
186
|
-
return (this.options.fxLayout || 'row') +
|
|
187
|
-
this.options.fxLayoutWrap ? ' ' + this.options.fxLayoutWrap : '';
|
|
188
214
|
}
|
|
189
215
|
}
|
|
190
216
|
}
|
|
217
|
+
// fxLayoutAlign="start center" used to come from @angular/flex-layout, which
|
|
218
|
+
// is deprecated and has no Angular 16+ release. These map the same option
|
|
219
|
+
// values onto justify-content and align-items, so schemas setting
|
|
220
|
+
// fxLayoutAlign or fxLayoutGap keep working unchanged. The existing
|
|
221
|
+
// [style.display], [style.flex-direction] and [style.flex-wrap] bindings
|
|
222
|
+
// already cover what fxLayout did.
|
|
223
|
+
FlexLayoutSectionComponent.ALIGN = {
|
|
224
|
+
start: 'flex-start', end: 'flex-end', center: 'center',
|
|
225
|
+
'space-between': 'space-between', 'space-around': 'space-around',
|
|
226
|
+
'space-evenly': 'space-evenly', stretch: 'stretch', baseline: 'baseline',
|
|
227
|
+
};
|
|
191
228
|
FlexLayoutSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutSectionComponent, deps: [{ token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component });
|
|
192
229
|
FlexLayoutSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: FlexLayoutSectionComponent, selector: "flex-layout-section-widget", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, ngImport: i0, template: `
|
|
193
230
|
<div *ngIf="containerType === 'div'"
|
|
@@ -211,10 +248,9 @@ FlexLayoutSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
211
248
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
212
249
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
213
250
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
214
|
-
[
|
|
215
|
-
[
|
|
216
|
-
[
|
|
217
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
251
|
+
[style.gap]="options?.fxLayoutGap"
|
|
252
|
+
[style.justify-content]="getJustifyContent()"
|
|
253
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
218
254
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
219
255
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
220
256
|
</div>
|
|
@@ -241,10 +277,9 @@ FlexLayoutSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
241
277
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
242
278
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
243
279
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
244
|
-
[
|
|
245
|
-
[
|
|
246
|
-
[
|
|
247
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
280
|
+
[style.gap]="options?.fxLayoutGap"
|
|
281
|
+
[style.justify-content]="getJustifyContent()"
|
|
282
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
248
283
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
249
284
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
250
285
|
</fieldset>
|
|
@@ -274,10 +309,9 @@ FlexLayoutSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
274
309
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
275
310
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
276
311
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
277
|
-
[
|
|
278
|
-
[
|
|
279
|
-
[
|
|
280
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
312
|
+
[style.gap]="options?.fxLayoutGap"
|
|
313
|
+
[style.justify-content]="getJustifyContent()"
|
|
314
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
281
315
|
</fieldset>
|
|
282
316
|
</mat-card-content>
|
|
283
317
|
<mat-card-footer>
|
|
@@ -311,14 +345,13 @@ FlexLayoutSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
311
345
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
312
346
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
313
347
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
314
|
-
[
|
|
315
|
-
[
|
|
316
|
-
[
|
|
317
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
348
|
+
[style.gap]="options?.fxLayoutGap"
|
|
349
|
+
[style.justify-content]="getJustifyContent()"
|
|
350
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
318
351
|
</fieldset>
|
|
319
352
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
320
353
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
321
|
-
</mat-expansion-panel>`, isInline: true, styles: ["fieldset{border:0;margin:0;padding:0}.legend{font-weight:700}.expandable>.legend:before{content:\"\\25b6\";padding-right:.3em}.expanded>.legend:before{content:\"\\25bc\";padding-right:.2em}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "
|
|
354
|
+
</mat-expansion-panel>`, isInline: true, styles: ["fieldset{border:0;margin:0;padding:0}.legend{font-weight:700}.expandable>.legend:before{content:\"\\25b6\";padding-right:.3em}.expanded>.legend:before{content:\"\\25bc\";padding-right:.2em}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i3.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: FlexLayoutRootComponent, selector: "flex-layout-root-widget", inputs: ["dataIndex", "layoutIndex", "layout", "isFlexItem"] }] });
|
|
322
355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FlexLayoutSectionComponent, decorators: [{
|
|
323
356
|
type: Component,
|
|
324
357
|
args: [{ selector: 'flex-layout-section-widget', template: `
|
|
@@ -343,10 +376,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
343
376
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
344
377
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
345
378
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
346
|
-
[
|
|
347
|
-
[
|
|
348
|
-
[
|
|
349
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
379
|
+
[style.gap]="options?.fxLayoutGap"
|
|
380
|
+
[style.justify-content]="getJustifyContent()"
|
|
381
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
350
382
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
351
383
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
352
384
|
</div>
|
|
@@ -373,10 +405,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
373
405
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
374
406
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
375
407
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
376
|
-
[
|
|
377
|
-
[
|
|
378
|
-
[
|
|
379
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
408
|
+
[style.gap]="options?.fxLayoutGap"
|
|
409
|
+
[style.justify-content]="getJustifyContent()"
|
|
410
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
380
411
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
381
412
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
382
413
|
</fieldset>
|
|
@@ -406,10 +437,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
406
437
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
407
438
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
408
439
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
409
|
-
[
|
|
410
|
-
[
|
|
411
|
-
[
|
|
412
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
440
|
+
[style.gap]="options?.fxLayoutGap"
|
|
441
|
+
[style.justify-content]="getJustifyContent()"
|
|
442
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
413
443
|
</fieldset>
|
|
414
444
|
</mat-card-content>
|
|
415
445
|
<mat-card-footer>
|
|
@@ -443,10 +473,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
443
473
|
[style.justify-content]="getFlexAttribute('justify-content')"
|
|
444
474
|
[style.align-items]="getFlexAttribute('align-items')"
|
|
445
475
|
[style.align-content]="getFlexAttribute('align-content')"
|
|
446
|
-
[
|
|
447
|
-
[
|
|
448
|
-
[
|
|
449
|
-
[attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>
|
|
476
|
+
[style.gap]="options?.fxLayoutGap"
|
|
477
|
+
[style.justify-content]="getJustifyContent()"
|
|
478
|
+
[style.align-items]="getAlignItems()"></flex-layout-root-widget>
|
|
450
479
|
</fieldset>
|
|
451
480
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
452
481
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
@@ -562,7 +591,7 @@ MaterialButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
562
591
|
<mat-icon *ngIf="options?.icon" class="mat-24">{{options?.icon}}</mat-icon>
|
|
563
592
|
<span *ngIf="options?.title" [innerHTML]="options?.title"></span>
|
|
564
593
|
</button>
|
|
565
|
-
</div>`, isInline: true, styles: ["button{margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$
|
|
594
|
+
</div>`, isInline: true, styles: ["button{margin-top:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
566
595
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialButtonComponent, decorators: [{
|
|
567
596
|
type: Component,
|
|
568
597
|
args: [{ selector: 'material-button-widget', template: `
|
|
@@ -634,7 +663,7 @@ MaterialButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
634
663
|
</mat-button-toggle-group>
|
|
635
664
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
636
665
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
637
|
-
</div>`, isInline: true, styles: ["mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type:
|
|
666
|
+
</div>`, isInline: true, styles: ["mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
638
667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialButtonGroupComponent, decorators: [{
|
|
639
668
|
type: Component,
|
|
640
669
|
args: [{ selector: 'material-button-group-widget', template: `
|
|
@@ -760,7 +789,7 @@ MaterialCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
760
789
|
[innerHTML]="options?.title"></span>
|
|
761
790
|
</mat-slide-toggle>
|
|
762
791
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
763
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: [".checkbox-name{white-space:nowrap}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$
|
|
792
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: [".checkbox-name{white-space:nowrap}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }] });
|
|
764
793
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialCheckboxComponent, decorators: [{
|
|
765
794
|
type: Component,
|
|
766
795
|
args: [{ selector: 'material-checkbox-widget', template: `
|
|
@@ -906,7 +935,7 @@ MaterialCheckboxesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
906
935
|
</ul>
|
|
907
936
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
908
937
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
909
|
-
</div>`, isInline: true, styles: [".title{font-weight:700}.checkbox-list{list-style-type:none}.horizontal-list>li{display:inline-block;margin-right:10px;zoom:1}.checkbox-name{white-space:nowrap}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$
|
|
938
|
+
</div>`, isInline: true, styles: [".title{font-weight:700}.checkbox-list{list-style-type:none}.horizontal-list>li{display:inline-block;margin-right:10px;zoom:1}.checkbox-name{white-space:nowrap}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
910
939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialCheckboxesComponent, decorators: [{
|
|
911
940
|
type: Component,
|
|
912
941
|
args: [{ selector: 'material-checkboxes-widget', template: `
|
|
@@ -1049,7 +1078,7 @@ MaterialDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
1049
1078
|
</mat-form-field>
|
|
1050
1079
|
<mat-datepicker #picker ></mat-datepicker>
|
|
1051
1080
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1052
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$
|
|
1081
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
1053
1082
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialDatepickerComponent, decorators: [{
|
|
1054
1083
|
type: Component,
|
|
1055
1084
|
args: [{ selector: 'material-datepicker-widget', template: `
|
|
@@ -1314,7 +1343,7 @@ MaterialInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1314
1343
|
</mat-autocomplete>
|
|
1315
1344
|
</mat-form-field>
|
|
1316
1345
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1317
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$
|
|
1346
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
1318
1347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialInputComponent, decorators: [{
|
|
1319
1348
|
type: Component,
|
|
1320
1349
|
args: [{ selector: 'material-input-widget', template: `
|
|
@@ -1455,7 +1484,7 @@ MaterialNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1455
1484
|
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
1456
1485
|
</mat-form-field>
|
|
1457
1486
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1458
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type:
|
|
1487
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
1459
1488
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialNumberComponent, decorators: [{
|
|
1460
1489
|
type: Component,
|
|
1461
1490
|
args: [{ selector: 'material-number-widget', template: `
|
|
@@ -1613,7 +1642,7 @@ MaterialRadiosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1613
1642
|
</mat-radio-group>
|
|
1614
1643
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1615
1644
|
[innerHTML]="options?.errorMessage"></mat-error>
|
|
1616
|
-
</div>`, isInline: true, styles: ["mat-radio-group{display:inline-flex}mat-radio-button{margin:2px}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type:
|
|
1645
|
+
</div>`, isInline: true, styles: ["mat-radio-group{display:inline-flex}mat-radio-button{margin:2px}mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "directive", type: i5$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i5$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
|
|
1617
1646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialRadiosComponent, decorators: [{
|
|
1618
1647
|
type: Component,
|
|
1619
1648
|
args: [{ selector: 'material-radios-widget', template: `
|
|
@@ -1756,7 +1785,7 @@ MaterialSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1756
1785
|
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
1757
1786
|
</mat-form-field>
|
|
1758
1787
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1759
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$
|
|
1788
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i4$5.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }] });
|
|
1760
1789
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialSelectComponent, decorators: [{
|
|
1761
1790
|
type: Component,
|
|
1762
1791
|
args: [{ selector: 'material-select-widget', template: `
|
|
@@ -1883,7 +1912,7 @@ MaterialSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
1883
1912
|
(blur)="options.showErrors = true"
|
|
1884
1913
|
(change)="updateValue($event)"></mat-slider>
|
|
1885
1914
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
1886
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type:
|
|
1915
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5$3.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }] });
|
|
1887
1916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialSliderComponent, decorators: [{
|
|
1888
1917
|
type: Component,
|
|
1889
1918
|
args: [{ selector: 'material-slider-widget', template: `
|
|
@@ -2094,7 +2123,7 @@ MaterialTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
2094
2123
|
align="end" [innerHTML]="options?.description"></mat-hint>
|
|
2095
2124
|
</mat-form-field>
|
|
2096
2125
|
<mat-error *ngIf="options?.showErrors && options?.errorMessage"
|
|
2097
|
-
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type:
|
|
2126
|
+
[innerHTML]="options?.errorMessage"></mat-error>`, isInline: true, styles: ["mat-error{font-size:75%;margin-top:-1rem;margin-bottom:.5rem}::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix{width:auto;width:initial}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.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: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$3.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
|
|
2098
2127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialTextareaComponent, decorators: [{
|
|
2099
2128
|
type: Component,
|
|
2100
2129
|
args: [{ selector: 'material-textarea-widget', template: `
|
|
@@ -2221,17 +2250,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
2221
2250
|
type: Injectable
|
|
2222
2251
|
}] });
|
|
2223
2252
|
|
|
2224
|
-
function fixAngularFlex() {
|
|
2225
|
-
// monkey patch based on errors in console - https://github.com/angular/flex-layout/issues/1011
|
|
2226
|
-
const MediaMarshallerUpdateElement = MediaMarshaller.prototype.updateElement;
|
|
2227
|
-
MediaMarshaller.prototype.updateElement = function (element, key, value) {
|
|
2228
|
-
if (key === 'layout-gap' && (value === null || value === undefined)) {
|
|
2229
|
-
value = '0px';
|
|
2230
|
-
}
|
|
2231
|
-
MediaMarshallerUpdateElement.apply(this, [element, key, value]);
|
|
2232
|
-
};
|
|
2233
|
-
}
|
|
2234
|
-
|
|
2235
2253
|
/**
|
|
2236
2254
|
* unused @angular/material modules:
|
|
2237
2255
|
* MatDialogModule, MatGridListModule, MatListModule, MatMenuModule,
|
|
@@ -2248,15 +2266,11 @@ const ANGULAR_MATERIAL_MODULES = [
|
|
|
2248
2266
|
MatToolbarModule, MatMenuModule, MatToolbarModule,
|
|
2249
2267
|
];
|
|
2250
2268
|
class MaterialDesignFrameworkModule {
|
|
2251
|
-
constructor() {
|
|
2252
|
-
fixAngularFlex();
|
|
2253
|
-
}
|
|
2254
2269
|
}
|
|
2255
2270
|
MaterialDesignFrameworkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialDesignFrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2256
2271
|
MaterialDesignFrameworkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MaterialDesignFrameworkModule, declarations: [FlexLayoutRootComponent, FlexLayoutSectionComponent, MaterialAddReferenceComponent, MaterialOneOfComponent, MaterialButtonComponent, MaterialButtonGroupComponent, MaterialCheckboxComponent, MaterialCheckboxesComponent, MaterialChipListComponent, MaterialDatepickerComponent, MaterialFileComponent, MaterialInputComponent, MaterialNumberComponent, MaterialRadiosComponent, MaterialSelectComponent, MaterialSliderComponent, MaterialStepperComponent, MaterialTabsComponent, MaterialTextareaComponent, MaterialDesignFrameworkComponent], imports: [CommonModule,
|
|
2257
2272
|
FormsModule,
|
|
2258
|
-
ReactiveFormsModule,
|
|
2259
|
-
FlexLayoutModule, MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule,
|
|
2273
|
+
ReactiveFormsModule, MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule,
|
|
2260
2274
|
MatCheckboxModule, MatChipsModule, MatDatepickerModule, MatExpansionModule,
|
|
2261
2275
|
MatFormFieldModule, MatIconModule, MatInputModule, MatNativeDateModule,
|
|
2262
2276
|
MatRadioModule, MatSelectModule, MatSliderModule, MatSlideToggleModule,
|
|
@@ -2270,8 +2284,7 @@ MaterialDesignFrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12
|
|
|
2270
2284
|
{ provide: Framework, useClass: MaterialDesignFramework, multi: true },
|
|
2271
2285
|
], imports: [CommonModule,
|
|
2272
2286
|
FormsModule,
|
|
2273
|
-
ReactiveFormsModule,
|
|
2274
|
-
FlexLayoutModule, ANGULAR_MATERIAL_MODULES, WidgetLibraryModule,
|
|
2287
|
+
ReactiveFormsModule, ANGULAR_MATERIAL_MODULES, WidgetLibraryModule,
|
|
2275
2288
|
JsonSchemaFormModule, JsonSchemaFormModule] });
|
|
2276
2289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MaterialDesignFrameworkModule, decorators: [{
|
|
2277
2290
|
type: NgModule,
|
|
@@ -2280,7 +2293,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
2280
2293
|
CommonModule,
|
|
2281
2294
|
FormsModule,
|
|
2282
2295
|
ReactiveFormsModule,
|
|
2283
|
-
FlexLayoutModule,
|
|
2284
2296
|
...ANGULAR_MATERIAL_MODULES,
|
|
2285
2297
|
WidgetLibraryModule,
|
|
2286
2298
|
JsonSchemaFormModule,
|
|
@@ -2299,7 +2311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
2299
2311
|
{ provide: Framework, useClass: MaterialDesignFramework, multi: true },
|
|
2300
2312
|
]
|
|
2301
2313
|
}]
|
|
2302
|
-
}]
|
|
2314
|
+
}] });
|
|
2303
2315
|
|
|
2304
2316
|
/*
|
|
2305
2317
|
* Public API Surface of @ajsf/material-framework
|