ngx-render-material-forms 1.1.8 → 1.1.9
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/components/confirmation-dialog/confirmation-dialog.component.mjs +18 -0
- package/esm2020/lib/components/datagrid/datagrid.component.mjs +29 -18
- package/esm2020/lib/components/select/select.component.mjs +1 -10
- package/esm2020/lib/ngx-render-material-forms.module.mjs +19 -9
- package/fesm2015/ngx-render-material-forms.js +58 -34
- package/fesm2015/ngx-render-material-forms.mjs.map +1 -1
- package/fesm2020/ngx-render-material-forms.js +58 -34
- package/fesm2020/ngx-render-material-forms.mjs.map +1 -1
- package/lib/components/confirmation-dialog/confirmation-dialog.component.d.ts +10 -0
- package/lib/components/datagrid/datagrid.component.d.ts +6 -0
- package/lib/ngx-render-material-forms.module.d.ts +27 -25
- package/package.json +1 -1
|
@@ -25,16 +25,18 @@ import * as i4 from '@angular/material/card';
|
|
|
25
25
|
import { MatCardModule } from '@angular/material/card';
|
|
26
26
|
import * as i2$3 from '@angular/material/tabs';
|
|
27
27
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
28
|
-
import * as
|
|
28
|
+
import * as i4$7 from '@angular/material/table';
|
|
29
29
|
import { MatTableDataSource, MatTableModule } from '@angular/material/table';
|
|
30
30
|
import * as i5$2 from '@angular/material/datepicker';
|
|
31
31
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
32
|
-
import * as i3$
|
|
32
|
+
import * as i3$3 from '@angular/material/progress-spinner';
|
|
33
33
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
34
34
|
import * as i4$1 from '@angular/material/icon';
|
|
35
35
|
import { MatIconModule } from '@angular/material/icon';
|
|
36
36
|
import * as i5$1 from '@angular/material/core';
|
|
37
37
|
import { MatNativeDateModule } from '@angular/material/core';
|
|
38
|
+
import * as i1$1 from '@angular/material/dialog';
|
|
39
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
38
40
|
import Webform from 'formiojs/Webform.js';
|
|
39
41
|
import FormioComponent$2 from 'formiojs/components/_classes/component/Component.js';
|
|
40
42
|
import TextFieldComponent from 'formiojs/components/textfield/TextField.js';
|
|
@@ -84,7 +86,7 @@ import * as i8 from 'ngx-mat-select-search';
|
|
|
84
86
|
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
|
|
85
87
|
import WellComponent from 'formiojs/components/well/Well.js';
|
|
86
88
|
import DataGridComponent from 'formiojs/components/datagrid/DataGrid.js';
|
|
87
|
-
import * as
|
|
89
|
+
import * as i8$1 from '@angular/cdk/drag-drop';
|
|
88
90
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
89
91
|
import EditGridComponent from 'formiojs/components/editgrid/EditGrid.js';
|
|
90
92
|
import Components$2 from 'formiojs/components/Components';
|
|
@@ -92,9 +94,9 @@ import isString from 'lodash/isString';
|
|
|
92
94
|
import TableComponent from 'formiojs/components/table/Table.js';
|
|
93
95
|
import Wizard from 'formiojs/Wizard';
|
|
94
96
|
import Displays from 'formiojs/displays/Displays';
|
|
95
|
-
import * as i3$
|
|
97
|
+
import * as i3$2 from '@angular/material/stepper';
|
|
96
98
|
import { MatStepperModule } from '@angular/material/stepper';
|
|
97
|
-
import * as i1$
|
|
99
|
+
import * as i1$2 from '@formio/angular';
|
|
98
100
|
import { FormioBaseComponent } from '@formio/angular';
|
|
99
101
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
100
102
|
|
|
@@ -2546,8 +2548,6 @@ class MaterialSelectComponent extends MaterialComponent {
|
|
|
2546
2548
|
}
|
|
2547
2549
|
ngOnInit() {
|
|
2548
2550
|
/*new logic */
|
|
2549
|
-
//this.websiteMultiCtrl.setValue(this.websites[1]);
|
|
2550
|
-
//this.filteredOptions.next(this.websites.slice());
|
|
2551
2551
|
this.websiteMultiFilterCtrl.valueChanges
|
|
2552
2552
|
.pipe(takeUntil(this._onDestroy))
|
|
2553
2553
|
.subscribe(() => {
|
|
@@ -2562,13 +2562,6 @@ class MaterialSelectComponent extends MaterialComponent {
|
|
|
2562
2562
|
});
|
|
2563
2563
|
this.filteredOptions = this.selectOptions;
|
|
2564
2564
|
}
|
|
2565
|
-
// onFilter(value) {
|
|
2566
|
-
// this.filteredOptions = this.selectOptions.then((options) => {
|
|
2567
|
-
// const filtered = options.filter((option) => option.label.toLowerCase().indexOf(value.toLowerCase()) !== -1);
|
|
2568
|
-
// this.filteredOptionsLength = filtered.length;
|
|
2569
|
-
// return filtered;
|
|
2570
|
-
// })
|
|
2571
|
-
// }
|
|
2572
2565
|
compareObjects(o1, o2) {
|
|
2573
2566
|
return _.isEqual(o1, o2);
|
|
2574
2567
|
}
|
|
@@ -2724,9 +2717,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
2724
2717
|
}] });
|
|
2725
2718
|
WellComponent.MaterialComponent = MaterialWellComponent;
|
|
2726
2719
|
|
|
2720
|
+
class ConfirmationDialogComponent {
|
|
2721
|
+
constructor(dialogRef) {
|
|
2722
|
+
this.dialogRef = dialogRef;
|
|
2723
|
+
}
|
|
2724
|
+
ngOnInit() {
|
|
2725
|
+
}
|
|
2726
|
+
}
|
|
2727
|
+
ConfirmationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2728
|
+
ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ConfirmationDialogComponent, selector: "NgxMat-confirmation-dialog", ngImport: i0, template: "<div class=\"dialog-container\">\n<h2 mat-dialog-title>Alert</h2>\n<mat-dialog-content class=\"data-grid-popup-body\">\n Are you sure you want to delete this Product?\n</mat-dialog-content>\n<mat-dialog-actions class=\"data-grid-popup-footer\">\n <button mat-button [mat-dialog-close]=\"true\">Yes</button>\n <button mat-button [mat-dialog-close]=\"false\">No</button>\n</mat-dialog-actions>\n</div>", styles: [""], dependencies: [{ kind: "component", type: i2$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: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
|
|
2729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
2730
|
+
type: Component,
|
|
2731
|
+
args: [{ selector: 'NgxMat-confirmation-dialog', template: "<div class=\"dialog-container\">\n<h2 mat-dialog-title>Alert</h2>\n<mat-dialog-content class=\"data-grid-popup-body\">\n Are you sure you want to delete this Product?\n</mat-dialog-content>\n<mat-dialog-actions class=\"data-grid-popup-footer\">\n <button mat-button [mat-dialog-close]=\"true\">Yes</button>\n <button mat-button [mat-dialog-close]=\"false\">No</button>\n</mat-dialog-actions>\n</div>" }]
|
|
2732
|
+
}], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }]; } });
|
|
2733
|
+
|
|
2727
2734
|
class MaterialDataGridComponent extends MaterialNestedComponent {
|
|
2728
|
-
constructor() {
|
|
2729
|
-
super(
|
|
2735
|
+
constructor(element, ref, dialog) {
|
|
2736
|
+
super(element, ref);
|
|
2737
|
+
this.element = element;
|
|
2738
|
+
this.ref = ref;
|
|
2739
|
+
this.dialog = dialog;
|
|
2730
2740
|
this.dataSource = new MatTableDataSource();
|
|
2731
2741
|
}
|
|
2732
2742
|
getColumnLabel(column) {
|
|
@@ -2776,9 +2786,15 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
|
|
|
2776
2786
|
}
|
|
2777
2787
|
}
|
|
2778
2788
|
removeRow(index) {
|
|
2779
|
-
this.
|
|
2780
|
-
|
|
2781
|
-
|
|
2789
|
+
const dialogRef = this.dialog.open(ConfirmationDialogComponent);
|
|
2790
|
+
dialogRef.afterClosed().subscribe(result => {
|
|
2791
|
+
if (result) {
|
|
2792
|
+
// User confirmed, proceed with deletion
|
|
2793
|
+
this.instance.removeRow(index);
|
|
2794
|
+
this.dataSource.data.splice(index, 1);
|
|
2795
|
+
this.dataSource.data = [...this.dataSource.data];
|
|
2796
|
+
}
|
|
2797
|
+
});
|
|
2782
2798
|
}
|
|
2783
2799
|
dropTable(event) {
|
|
2784
2800
|
const prevIndex = this.dataSource.data.findIndex((d) => d === event.item.data);
|
|
@@ -2802,7 +2818,7 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
|
|
|
2802
2818
|
super.setValue(value);
|
|
2803
2819
|
}
|
|
2804
2820
|
}
|
|
2805
|
-
MaterialDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, deps:
|
|
2821
|
+
MaterialDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
2806
2822
|
MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialDataGridComponent, selector: "mat-formio-datagrid", usesInheritance: true, ngImport: i0, template: `
|
|
2807
2823
|
<mat-formio-form-field [instance]="instance"
|
|
2808
2824
|
[componentTemplate]="componentTemplate"
|
|
@@ -2874,7 +2890,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
2874
2890
|
<span [instance]="instance" matFormioLabel></span>
|
|
2875
2891
|
</mat-card-title>
|
|
2876
2892
|
</ng-template>
|
|
2877
|
-
`, isInline: true, styles: [".datagrid-row{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$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:
|
|
2893
|
+
`, isInline: true, styles: [".datagrid-row{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$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$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i8$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8$1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
|
|
2878
2894
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, decorators: [{
|
|
2879
2895
|
type: Component,
|
|
2880
2896
|
args: [{ selector: 'mat-formio-datagrid', template: `
|
|
@@ -2949,7 +2965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
2949
2965
|
</mat-card-title>
|
|
2950
2966
|
</ng-template>
|
|
2951
2967
|
`, styles: [".datagrid-row{height:auto}\n"] }]
|
|
2952
|
-
}] });
|
|
2968
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.MatDialog }]; } });
|
|
2953
2969
|
DataGridComponent.MaterialComponent = MaterialDataGridComponent;
|
|
2954
2970
|
|
|
2955
2971
|
var EditRowState;
|
|
@@ -3335,7 +3351,7 @@ MaterialWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
3335
3351
|
<button *ngIf="instance.hasButton('submit')" mat-raised-button color="primary" (click)="submit()">Submit</button>
|
|
3336
3352
|
</div>
|
|
3337
3353
|
</mat-step>
|
|
3338
|
-
</mat-horizontal-stepper>`, isInline: true, styles: [":host .navigation-button-row{margin-top:8px}\n", ":host .navigation-button-row button{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$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: i3$
|
|
3354
|
+
</mat-horizontal-stepper>`, isInline: true, styles: [":host .navigation-button-row{margin-top:8px}\n", ":host .navigation-button-row button{margin-right:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$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: i3$2.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "component", type: i3$2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }] });
|
|
3339
3355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialWizardComponent, decorators: [{
|
|
3340
3356
|
type: Component,
|
|
3341
3357
|
args: [{ selector: 'mat-formio-wizard', template: `
|
|
@@ -3491,7 +3507,7 @@ class FormioComponent extends FormioBaseComponent {
|
|
|
3491
3507
|
return form.instance;
|
|
3492
3508
|
}
|
|
3493
3509
|
}
|
|
3494
|
-
FormioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$
|
|
3510
|
+
FormioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$2.FormioAppConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
3495
3511
|
FormioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: FormioComponent, selector: "mat-formio", viewQueries: [{ propertyName: "formioViewContainer", first: true, predicate: ["formio"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
3496
3512
|
<mat-spinner *ngIf="isLoading"></mat-spinner>
|
|
3497
3513
|
<div *ngIf="!this.options?.disableAlerts">
|
|
@@ -3505,7 +3521,7 @@ FormioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
3505
3521
|
<div fxLayout="column" fxLayoutGap="1em">
|
|
3506
3522
|
<ng-template #formio></ng-template>
|
|
3507
3523
|
</div>
|
|
3508
|
-
`, isInline: true, styles: [".alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}::ng-deep mat-card{box-sizing:border-box;-moz-box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$
|
|
3524
|
+
`, isInline: true, styles: [".alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}::ng-deep mat-card{box-sizing:border-box;-moz-box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }] });
|
|
3509
3525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioComponent, decorators: [{
|
|
3510
3526
|
type: Component,
|
|
3511
3527
|
args: [{ selector: 'mat-formio', template: `
|
|
@@ -3522,7 +3538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3522
3538
|
<ng-template #formio></ng-template>
|
|
3523
3539
|
</div>
|
|
3524
3540
|
`, styles: [".alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:.5rem;border:1px solid transparent;border-radius:.25rem}::ng-deep mat-card{box-sizing:border-box;-moz-box-sizing:border-box}\n"] }]
|
|
3525
|
-
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$
|
|
3541
|
+
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$2.FormioAppConfig, decorators: [{
|
|
3526
3542
|
type: Optional
|
|
3527
3543
|
}] }]; }, propDecorators: { formioViewContainer: [{
|
|
3528
3544
|
type: ViewChild,
|
|
@@ -3574,7 +3590,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3574
3590
|
MaterialCalendarComponent,
|
|
3575
3591
|
FormioFormFieldComponent,
|
|
3576
3592
|
LabelComponent,
|
|
3577
|
-
MaskDirective
|
|
3593
|
+
MaskDirective,
|
|
3594
|
+
ConfirmationDialogComponent], imports: [CommonModule,
|
|
3578
3595
|
FormsModule,
|
|
3579
3596
|
ReactiveFormsModule,
|
|
3580
3597
|
MatInputModule,
|
|
@@ -3600,7 +3617,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3600
3617
|
MatCardModule,
|
|
3601
3618
|
DragDropModule,
|
|
3602
3619
|
ScrollingModule,
|
|
3603
|
-
NgxMatSelectSearchModule
|
|
3620
|
+
NgxMatSelectSearchModule,
|
|
3621
|
+
MatDialogModule], exports: [NgxRenderMaterialFormsComponent,
|
|
3604
3622
|
FormioComponent,
|
|
3605
3623
|
MatInputModule,
|
|
3606
3624
|
MatFormFieldModule,
|
|
@@ -3623,7 +3641,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3623
3641
|
MatStepperModule,
|
|
3624
3642
|
FlexLayoutModule,
|
|
3625
3643
|
ScrollingModule,
|
|
3626
|
-
NgxMatSelectSearchModule
|
|
3644
|
+
NgxMatSelectSearchModule,
|
|
3645
|
+
MatDialogModule] });
|
|
3627
3646
|
NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NgxRenderMaterialFormsModule, imports: [CommonModule,
|
|
3628
3647
|
FormsModule,
|
|
3629
3648
|
ReactiveFormsModule,
|
|
@@ -3650,7 +3669,8 @@ NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
|
|
|
3650
3669
|
MatCardModule,
|
|
3651
3670
|
DragDropModule,
|
|
3652
3671
|
ScrollingModule,
|
|
3653
|
-
NgxMatSelectSearchModule,
|
|
3672
|
+
NgxMatSelectSearchModule,
|
|
3673
|
+
MatDialogModule, MatInputModule,
|
|
3654
3674
|
MatFormFieldModule,
|
|
3655
3675
|
MatCheckboxModule,
|
|
3656
3676
|
MatRadioModule,
|
|
@@ -3671,7 +3691,8 @@ NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
|
|
|
3671
3691
|
MatStepperModule,
|
|
3672
3692
|
FlexLayoutModule,
|
|
3673
3693
|
ScrollingModule,
|
|
3674
|
-
NgxMatSelectSearchModule
|
|
3694
|
+
NgxMatSelectSearchModule,
|
|
3695
|
+
MatDialogModule] });
|
|
3675
3696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NgxRenderMaterialFormsModule, decorators: [{
|
|
3676
3697
|
type: NgModule,
|
|
3677
3698
|
args: [{
|
|
@@ -3715,7 +3736,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3715
3736
|
MaterialCalendarComponent,
|
|
3716
3737
|
FormioFormFieldComponent,
|
|
3717
3738
|
LabelComponent,
|
|
3718
|
-
MaskDirective
|
|
3739
|
+
MaskDirective,
|
|
3740
|
+
ConfirmationDialogComponent
|
|
3719
3741
|
],
|
|
3720
3742
|
imports: [
|
|
3721
3743
|
CommonModule,
|
|
@@ -3744,7 +3766,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3744
3766
|
MatCardModule,
|
|
3745
3767
|
DragDropModule,
|
|
3746
3768
|
ScrollingModule,
|
|
3747
|
-
NgxMatSelectSearchModule
|
|
3769
|
+
NgxMatSelectSearchModule,
|
|
3770
|
+
MatDialogModule
|
|
3748
3771
|
],
|
|
3749
3772
|
exports: [
|
|
3750
3773
|
NgxRenderMaterialFormsComponent,
|
|
@@ -3770,7 +3793,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3770
3793
|
MatStepperModule,
|
|
3771
3794
|
FlexLayoutModule,
|
|
3772
3795
|
ScrollingModule,
|
|
3773
|
-
NgxMatSelectSearchModule
|
|
3796
|
+
NgxMatSelectSearchModule,
|
|
3797
|
+
MatDialogModule
|
|
3774
3798
|
],
|
|
3775
3799
|
entryComponents: [
|
|
3776
3800
|
MaterialButtonComponent,
|