ngx-render-material-forms 1.1.7 → 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 +3 -12
- package/esm2020/lib/ngx-render-material-forms.module.mjs +19 -9
- package/fesm2015/ngx-render-material-forms.js +60 -36
- package/fesm2015/ngx-render-material-forms.mjs.map +1 -1
- package/fesm2020/ngx-render-material-forms.js +60 -36
- 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
|
}
|
|
@@ -2623,7 +2616,7 @@ MaterialSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
2623
2616
|
<mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
|
|
2624
2617
|
</mat-form-field>
|
|
2625
2618
|
</ng-template>
|
|
2626
|
-
`, isInline: true, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i4$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "indexAndLengthScreenReaderText", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toogleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { 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"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
2619
|
+
`, isInline: true, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important;padding-top:10px!important;padding-bottom:10px!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i4$3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i7.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i7.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i7.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i8.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "indexAndLengthScreenReaderText", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toogleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { 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"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
2627
2620
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialSelectComponent, decorators: [{
|
|
2628
2621
|
type: Component,
|
|
2629
2622
|
args: [{ selector: 'mat-formio-select', template: `
|
|
@@ -2675,7 +2668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
2675
2668
|
<mat-error *ngIf="instance.error">{{ instance.error.message }}</mat-error>
|
|
2676
2669
|
</mat-form-field>
|
|
2677
2670
|
</ng-template>
|
|
2678
|
-
`, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\n"] }]
|
|
2671
|
+
`, styles: [".example-viewport{height:200px}.product-picker{overflow-x:hidden}.virtual-full-view{height:auto!important;white-space:normal!important;line-height:1.4!important;text-overflow:initial!important;min-height:48px!important;overflow:visible!important;overflow:initial!important;padding-top:10px!important;padding-bottom:10px!important}::ng-deep .product-picker .cdk-virtual-scroll-content-wrapper{width:100%!important}.virtual-full-view .mat-pseudo-checkbox{align-self:top!important}\n"] }]
|
|
2679
2672
|
}], propDecorators: { multiSelect: [{
|
|
2680
2673
|
type: ViewChild,
|
|
2681
2674
|
args: ['multiSelect', { static: true }]
|
|
@@ -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;
|
|
@@ -3332,7 +3348,7 @@ MaterialWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
|
|
|
3332
3348
|
<button *ngIf="instance.hasButton('submit')" mat-raised-button color="primary" (click)="submit()">Submit</button>
|
|
3333
3349
|
</div>
|
|
3334
3350
|
</mat-step>
|
|
3335
|
-
</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$
|
|
3351
|
+
</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"] }] });
|
|
3336
3352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialWizardComponent, decorators: [{
|
|
3337
3353
|
type: Component,
|
|
3338
3354
|
args: [{ selector: 'mat-formio-wizard', template: `
|
|
@@ -3488,7 +3504,7 @@ class FormioComponent extends FormioBaseComponent {
|
|
|
3488
3504
|
return form.instance;
|
|
3489
3505
|
}
|
|
3490
3506
|
}
|
|
3491
|
-
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$
|
|
3507
|
+
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 });
|
|
3492
3508
|
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: `
|
|
3493
3509
|
<mat-spinner *ngIf="isLoading"></mat-spinner>
|
|
3494
3510
|
<div *ngIf="!this.options?.disableAlerts">
|
|
@@ -3502,7 +3518,7 @@ FormioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
3502
3518
|
<div fxLayout="column" fxLayoutGap="1em">
|
|
3503
3519
|
<ng-template #formio></ng-template>
|
|
3504
3520
|
</div>
|
|
3505
|
-
`, 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$
|
|
3521
|
+
`, 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"] }] });
|
|
3506
3522
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: FormioComponent, decorators: [{
|
|
3507
3523
|
type: Component,
|
|
3508
3524
|
args: [{ selector: 'mat-formio', template: `
|
|
@@ -3520,7 +3536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3520
3536
|
</div>
|
|
3521
3537
|
`, 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"] }]
|
|
3522
3538
|
}], ctorParameters: function () {
|
|
3523
|
-
return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$
|
|
3539
|
+
return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$2.FormioAppConfig, decorators: [{
|
|
3524
3540
|
type: Optional
|
|
3525
3541
|
}] }];
|
|
3526
3542
|
}, propDecorators: { formioViewContainer: [{
|
|
@@ -3573,7 +3589,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3573
3589
|
MaterialCalendarComponent,
|
|
3574
3590
|
FormioFormFieldComponent,
|
|
3575
3591
|
LabelComponent,
|
|
3576
|
-
MaskDirective
|
|
3592
|
+
MaskDirective,
|
|
3593
|
+
ConfirmationDialogComponent], imports: [CommonModule,
|
|
3577
3594
|
FormsModule,
|
|
3578
3595
|
ReactiveFormsModule,
|
|
3579
3596
|
MatInputModule,
|
|
@@ -3599,7 +3616,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3599
3616
|
MatCardModule,
|
|
3600
3617
|
DragDropModule,
|
|
3601
3618
|
ScrollingModule,
|
|
3602
|
-
NgxMatSelectSearchModule
|
|
3619
|
+
NgxMatSelectSearchModule,
|
|
3620
|
+
MatDialogModule], exports: [NgxRenderMaterialFormsComponent,
|
|
3603
3621
|
FormioComponent,
|
|
3604
3622
|
MatInputModule,
|
|
3605
3623
|
MatFormFieldModule,
|
|
@@ -3622,7 +3640,8 @@ NgxRenderMaterialFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
|
|
|
3622
3640
|
MatStepperModule,
|
|
3623
3641
|
FlexLayoutModule,
|
|
3624
3642
|
ScrollingModule,
|
|
3625
|
-
NgxMatSelectSearchModule
|
|
3643
|
+
NgxMatSelectSearchModule,
|
|
3644
|
+
MatDialogModule] });
|
|
3626
3645
|
NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NgxRenderMaterialFormsModule, imports: [CommonModule,
|
|
3627
3646
|
FormsModule,
|
|
3628
3647
|
ReactiveFormsModule,
|
|
@@ -3649,7 +3668,8 @@ NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
|
|
|
3649
3668
|
MatCardModule,
|
|
3650
3669
|
DragDropModule,
|
|
3651
3670
|
ScrollingModule,
|
|
3652
|
-
NgxMatSelectSearchModule,
|
|
3671
|
+
NgxMatSelectSearchModule,
|
|
3672
|
+
MatDialogModule, MatInputModule,
|
|
3653
3673
|
MatFormFieldModule,
|
|
3654
3674
|
MatCheckboxModule,
|
|
3655
3675
|
MatRadioModule,
|
|
@@ -3670,7 +3690,8 @@ NgxRenderMaterialFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
|
|
|
3670
3690
|
MatStepperModule,
|
|
3671
3691
|
FlexLayoutModule,
|
|
3672
3692
|
ScrollingModule,
|
|
3673
|
-
NgxMatSelectSearchModule
|
|
3693
|
+
NgxMatSelectSearchModule,
|
|
3694
|
+
MatDialogModule] });
|
|
3674
3695
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NgxRenderMaterialFormsModule, decorators: [{
|
|
3675
3696
|
type: NgModule,
|
|
3676
3697
|
args: [{
|
|
@@ -3714,7 +3735,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3714
3735
|
MaterialCalendarComponent,
|
|
3715
3736
|
FormioFormFieldComponent,
|
|
3716
3737
|
LabelComponent,
|
|
3717
|
-
MaskDirective
|
|
3738
|
+
MaskDirective,
|
|
3739
|
+
ConfirmationDialogComponent
|
|
3718
3740
|
],
|
|
3719
3741
|
imports: [
|
|
3720
3742
|
CommonModule,
|
|
@@ -3743,7 +3765,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3743
3765
|
MatCardModule,
|
|
3744
3766
|
DragDropModule,
|
|
3745
3767
|
ScrollingModule,
|
|
3746
|
-
NgxMatSelectSearchModule
|
|
3768
|
+
NgxMatSelectSearchModule,
|
|
3769
|
+
MatDialogModule
|
|
3747
3770
|
],
|
|
3748
3771
|
exports: [
|
|
3749
3772
|
NgxRenderMaterialFormsComponent,
|
|
@@ -3769,7 +3792,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
3769
3792
|
MatStepperModule,
|
|
3770
3793
|
FlexLayoutModule,
|
|
3771
3794
|
ScrollingModule,
|
|
3772
|
-
NgxMatSelectSearchModule
|
|
3795
|
+
NgxMatSelectSearchModule,
|
|
3796
|
+
MatDialogModule
|
|
3773
3797
|
],
|
|
3774
3798
|
entryComponents: [
|
|
3775
3799
|
MaterialButtonComponent,
|