@eqproject/eqp-dynamic-module 2.0.2 → 2.0.4

package/fesm2020/eqproject-eqp-dynamic-module.mjs

@@ -72,17 +72,18 @@ class Context {
 class ContextUser {
 }
 
-class dynamicModuleCompileConfig {
-    constructor(showTitle = true, userMode = true, showSaveButton = true, userID = "0") {
+class DynamicModuleCompileConfig {
+    constructor(showTitle = true, showSaveButton = true, showBackButton = true, userID = "0") {
         this.showTitle = showTitle;
-        this.userMode = userMode;
         this.showSaveButton = showSaveButton;
+        this.showBackButton = showBackButton;
         this.userID = userID;
     }
 }
 
-class listFormRecordActionsDefault {
-    constructor(view = true, edit = true, duplicate = true, del = true) {
+class DynamicModuleListFormRecordActionsDefault {
+    constructor(add = true, view = true, edit = true, duplicate = true, del = true) {
+        this.add = add;
         this.view = view;
         this.edit = edit;
         this.duplicate = duplicate;
@@ -90,23 +91,19 @@ class listFormRecordActionsDefault {
     }
 }
 
-class dynamicModuleListConfig {
-    constructor(showTitle = true, values = null, defaultListActions = new listFormRecordActionsDefault()) {
+class DynamicModuleListConfig {
+    constructor(showTitle = true, values = null, defaultListActions = new DynamicModuleListFormRecordActionsDefault()) {
         /**
          * Show/Hide module name in COMPILE/LIST
          */
         this.showTitle = true;
-        /**
-         * Lista delle azioni di default da mostrare per visualizzare/modificare/duplicare/eliminare in LIST MODE
-         */
-        this.defaultListActions = new listFormRecordActionsDefault();
         this.showTitle = showTitle;
         this.values = values;
         this.defaultListActions = defaultListActions;
     }
 }
 
-class dynamicModuleRepairConfig {
+class DynamicModuleRepairConfig {
     constructor(formJson) {
         /*
          * stringa da passare in REPAIR MODE
@@ -116,12 +113,12 @@ class dynamicModuleRepairConfig {
     }
 }
 
-var DynamicMoDuleViewModeEnum;
-(function (DynamicMoDuleViewModeEnum) {
-    DynamicMoDuleViewModeEnum[DynamicMoDuleViewModeEnum["COMPILE"] = 1] = "COMPILE";
-    DynamicMoDuleViewModeEnum[DynamicMoDuleViewModeEnum["LIST"] = 2] = "LIST";
-    DynamicMoDuleViewModeEnum[DynamicMoDuleViewModeEnum["REPAIR"] = 3] = "REPAIR";
-})(DynamicMoDuleViewModeEnum || (DynamicMoDuleViewModeEnum = {}));
+var DynamicModuleViewModeEnum$1;
+(function (DynamicModuleViewModeEnum) {
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["COMPILE"] = 1] = "COMPILE";
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["LIST"] = 2] = "LIST";
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["REPAIR"] = 3] = "REPAIR";
+})(DynamicModuleViewModeEnum$1 || (DynamicModuleViewModeEnum$1 = {}));
 
 class EndPointConfiguration {
 }
@@ -832,7 +829,7 @@ var DateTimeTypeEnum;
 
 class ListFormRecordComponent {
     constructor() {
-        this.defaultListActions = new listFormRecordActionsDefault();
+        this.defaultListActions = new DynamicModuleListFormRecordActionsDefault();
         this.showTitle = true;
         this.columns = new Array();
         this.onAddViewEditRecord = new EventEmitter();
@@ -1031,10 +1028,10 @@ class ListFormRecordComponent {
     }
 }
 ListFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ListFormRecordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ListFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ListFormRecordComponent, selector: "list-form-record", inputs: { configurations: "configurations", form: "form" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", onDuplicateRecord: "onDuplicateRecord" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eqp-dynamic-module-title\">\r\n    <div class=\"col-md-6\">\r\n        <h4 *ngIf=\"showTitle\"><b>Elenco {{form.Name}}</b></h4>\r\n    </div>\r\n    <div class=\"col-md-6 text-right\">\r\n        <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddViewEditRecord.emit(null)\">\r\n            <mat-icon>add</mat-icon>\r\n            <span style=\"margin-left: 10px;\">Aggiungi</span>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\r\n<eqp-table #tableRecords [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}\n"], 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: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.EqpTableComponent, selector: "eqp-table" }] });
+ListFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ListFormRecordComponent, selector: "list-form-record", inputs: { configurations: "configurations", form: "form" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", onDuplicateRecord: "onDuplicateRecord" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eqp-dynamic-module-title\">\r\n    <div class=\"col-md-6\">\r\n        <h4 *ngIf=\"showTitle\"><b>Elenco {{form.Name}}</b></h4>\r\n    </div>\r\n    <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n        <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddViewEditRecord.emit(null)\">\r\n            <mat-icon>add</mat-icon>\r\n            <span style=\"margin-left: 10px;\">Aggiungi</span>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<eqp-table #tableRecords [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}\n"], 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: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.EqpTableComponent, selector: "eqp-table" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ListFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'list-form-record', template: "<div class=\"row eqp-dynamic-module-title\">\r\n    <div class=\"col-md-6\">\r\n        <h4 *ngIf=\"showTitle\"><b>Elenco {{form.Name}}</b></h4>\r\n    </div>\r\n    <div class=\"col-md-6 text-right\">\r\n        <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddViewEditRecord.emit(null)\">\r\n            <mat-icon>add</mat-icon>\r\n            <span style=\"margin-left: 10px;\">Aggiungi</span>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\r\n<eqp-table #tableRecords [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}\n"] }]
+            args: [{ selector: 'list-form-record', template: "<div class=\"row eqp-dynamic-module-title\">\r\n    <div class=\"col-md-6\">\r\n        <h4 *ngIf=\"showTitle\"><b>Elenco {{form.Name}}</b></h4>\r\n    </div>\r\n    <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n        <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddViewEditRecord.emit(null)\">\r\n            <mat-icon>add</mat-icon>\r\n            <span style=\"margin-left: 10px;\">Aggiungi</span>\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<eqp-table #tableRecords [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table>", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { configurations: [{
                 type: Input
             }], form: [{
@@ -2054,7 +2051,7 @@ class DynamicModuleFieldFixComponent {
     constructor(dialog) {
         this.dialog = dialog;
         this.recordChange = new EventEmitter();
-        this.configList = new dynamicModuleListConfig();
+        this.configList = new DynamicModuleListConfig();
         this.FieldTypeEnum = FieldTypeEnum;
         this.onlyViewInnerFormRecord = false;
     }
@@ -2066,7 +2063,7 @@ class DynamicModuleFieldFixComponent {
     ngOnInit() {
         this.configList.values = this.record[this.field.Name];
         this.configList.showTitle = true;
-        this.configList.defaultListActions = new listFormRecordActionsDefault();
+        this.configList.defaultListActions = new DynamicModuleListFormRecordActionsDefault();
     }
     /**
      * Metodo invocato al cambio del valore di ogni proprietà dell'oggetto record.
@@ -2175,6 +2172,7 @@ class AddFormRecordComponent {
         this.form = new Form();
         this.showTitle = true;
         this.showSaveButton = true;
+        this.showBackButton = true;
         this.userMode = true;
         this.fieldGroups = {};
         this.FormScalarTypeEnum = FormScalarTypeEnum;
@@ -2184,7 +2182,7 @@ class AddFormRecordComponent {
     ngOnInit() {
         this.showTitle = this.configurations.showTitle;
         this.showSaveButton = this.configurations.showSaveButton;
-        this.userMode = this.configurations.userMode;
+        this.showBackButton = this.configurations.showBackButton;
         if (this.record == null) {
             this.record = new Record();
         }
@@ -2263,10 +2261,10 @@ class AddFormRecordComponent {
     }
 }
 AddFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AddFormRecordComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-AddFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: AddFormRecordComponent, selector: "add-form-record", inputs: { configurations: "configurations", form: "form", record: "record", onlyView: "onlyView" }, outputs: { saveRecordEvent: "saveRecordEvent" }, viewQueries: [{ propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"row eqp-dynamic-module-title\" *ngIf=\"showTitle\">\r\n    <div class=\"col-md-12\">\r\n        <h4><b>{{form.Name}}</b></h4>\r\n    </div>\r\n</div>\r\n\r\n<form [formGroup]=\"formForm\">\r\n\r\n    <!-- VISUALIZZAZIONE SEMPLICE -->\r\n    <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" \r\n        [ngTemplateOutlet]=\"fieldTemplates\"\r\n        [ngTemplateOutletContext]=\"{ fields: form.Fields }\">\r\n    </ng-container>\r\n\r\n    <!-- VISUALIZZAZIONE A STEPPER -->\r\n    <mat-horizontal-stepper linear *ngIf=\"form.FormScalarType == FormScalarTypeEnum['A step']\">\r\n        <mat-step *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <ng-template matStepLabel>\r\n                {{group.Name}}\r\n            </ng-template>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-step>\r\n    </mat-horizontal-stepper>\r\n\r\n    <!-- VISUALIZZAZIONE A TAB -->\r\n    <mat-tab-group *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In tab']\">\r\n        <mat-tab *ngFor=\"let group of form.FormFieldsGroups\" [label]=\"group.Name\">\r\n            <div class=\"mt-3\">\r\n                <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                    [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n                </ng-container>\r\n            </div>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n\r\n    <!-- VISUALIZZAZIONE AD ACCORDION -->\r\n    <mat-accordion multi *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In accordion']\">\r\n        <mat-expansion-panel *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{group.Name}}\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\n</form>\r\n\r\n<div class=\"row mt-2\" *ngIf=\"userMode\">\r\n    <div class=\"col-sm-12 text-right\">\r\n        <button class=\"mr-2\" mat-raised-button type=\"button\"\r\n            (click)=\"saveOrExitForm(true)\">\r\n            Annulla\r\n        </button>\r\n        <button class=\"mr-2\" mat-raised-button color=\"primary\"  type=\"button\"\r\n            *ngIf=\"showSaveButton\"\r\n            (click)=\"saveOrExitForm(false)\"\r\n            [disabled]=\"formForm.invalid || formForm.disabled\">\r\n            Salva\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\">\r\n        <div class=\"mt-2\" \r\n            *ngFor=\"let field of fields\" \r\n            [hidden]=\"!field.InListView\" \r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-field-fix #fieldTemplate \r\n                [field]=\"field\" \r\n                [form]=\"form\" \r\n                [record]=\"record\"\r\n                (recordChange)=\"onRecordChange()\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", 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: "component", type: i9.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i9.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i9.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i4$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i4$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "directive", type: i5$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i5$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicModuleFieldFixComponent, selector: "dynamic-module-field-fix", inputs: ["field", "form", "record"], outputs: ["recordChange"] }] });
+AddFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: AddFormRecordComponent, selector: "add-form-record", inputs: { configurations: "configurations", form: "form", record: "record", onlyView: "onlyView" }, outputs: { saveRecordEvent: "saveRecordEvent" }, viewQueries: [{ propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"row eqp-dynamic-module-title\" *ngIf=\"showTitle\">\r\n    <div class=\"col-md-12\">\r\n        <h4><b>{{form.Name}}</b></h4>\r\n    </div>\r\n</div>\r\n\r\n<form [formGroup]=\"formForm\">\r\n\r\n    <!-- VISUALIZZAZIONE SEMPLICE -->\r\n    <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" \r\n        [ngTemplateOutlet]=\"fieldTemplates\"\r\n        [ngTemplateOutletContext]=\"{ fields: form.Fields }\">\r\n    </ng-container>\r\n\r\n    <!-- VISUALIZZAZIONE A STEPPER -->\r\n    <mat-horizontal-stepper linear *ngIf=\"form.FormScalarType == FormScalarTypeEnum['A step']\">\r\n        <mat-step *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <ng-template matStepLabel>\r\n                {{group.Name}}\r\n            </ng-template>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-step>\r\n    </mat-horizontal-stepper>\r\n\r\n    <!-- VISUALIZZAZIONE A TAB -->\r\n    <mat-tab-group *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In tab']\">\r\n        <mat-tab *ngFor=\"let group of form.FormFieldsGroups\" [label]=\"group.Name\">\r\n            <div class=\"mt-3\">\r\n                <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                    [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n                </ng-container>\r\n            </div>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n\r\n    <!-- VISUALIZZAZIONE AD ACCORDION -->\r\n    <mat-accordion multi *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In accordion']\">\r\n        <mat-expansion-panel *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{group.Name}}\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\n</form>\r\n\r\n<div class=\"row mt-2\" *ngIf=\"showBackButton || showSaveButton\">\r\n    <div class=\"col-sm-12 text-right\">\r\n        <button class=\"mr-2\" mat-raised-button type=\"button\"\r\n            *ngIf=\"showBackButton\"\r\n            (click)=\"saveOrExitForm(true)\">\r\n            Annulla\r\n        </button>\r\n        <button class=\"mr-2\" mat-raised-button color=\"primary\"  type=\"button\"\r\n            *ngIf=\"showSaveButton\"\r\n            (click)=\"saveOrExitForm(false)\"\r\n            [disabled]=\"formForm.invalid || formForm.disabled\">\r\n            Salva\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\">\r\n        <div class=\"mt-2\" \r\n            *ngFor=\"let field of fields\" \r\n            [hidden]=\"!field.InListView\" \r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-field-fix #fieldTemplate \r\n                [field]=\"field\" \r\n                [form]=\"form\" \r\n                [record]=\"record\"\r\n                (recordChange)=\"onRecordChange()\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", 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: "component", type: i9.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i9.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i9.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i4$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i4$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "directive", type: i5$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i5$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicModuleFieldFixComponent, selector: "dynamic-module-field-fix", inputs: ["field", "form", "record"], outputs: ["recordChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AddFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'add-form-record', template: "<div class=\"row eqp-dynamic-module-title\" *ngIf=\"showTitle\">\r\n    <div class=\"col-md-12\">\r\n        <h4><b>{{form.Name}}</b></h4>\r\n    </div>\r\n</div>\r\n\r\n<form [formGroup]=\"formForm\">\r\n\r\n    <!-- VISUALIZZAZIONE SEMPLICE -->\r\n    <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" \r\n        [ngTemplateOutlet]=\"fieldTemplates\"\r\n        [ngTemplateOutletContext]=\"{ fields: form.Fields }\">\r\n    </ng-container>\r\n\r\n    <!-- VISUALIZZAZIONE A STEPPER -->\r\n    <mat-horizontal-stepper linear *ngIf=\"form.FormScalarType == FormScalarTypeEnum['A step']\">\r\n        <mat-step *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <ng-template matStepLabel>\r\n                {{group.Name}}\r\n            </ng-template>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-step>\r\n    </mat-horizontal-stepper>\r\n\r\n    <!-- VISUALIZZAZIONE A TAB -->\r\n    <mat-tab-group *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In tab']\">\r\n        <mat-tab *ngFor=\"let group of form.FormFieldsGroups\" [label]=\"group.Name\">\r\n            <div class=\"mt-3\">\r\n                <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                    [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n                </ng-container>\r\n            </div>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n\r\n    <!-- VISUALIZZAZIONE AD ACCORDION -->\r\n    <mat-accordion multi *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In accordion']\">\r\n        <mat-expansion-panel *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{group.Name}}\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\n</form>\r\n\r\n<div class=\"row mt-2\" *ngIf=\"userMode\">\r\n    <div class=\"col-sm-12 text-right\">\r\n        <button class=\"mr-2\" mat-raised-button type=\"button\"\r\n            (click)=\"saveOrExitForm(true)\">\r\n            Annulla\r\n        </button>\r\n        <button class=\"mr-2\" mat-raised-button color=\"primary\"  type=\"button\"\r\n            *ngIf=\"showSaveButton\"\r\n            (click)=\"saveOrExitForm(false)\"\r\n            [disabled]=\"formForm.invalid || formForm.disabled\">\r\n            Salva\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\">\r\n        <div class=\"mt-2\" \r\n            *ngFor=\"let field of fields\" \r\n            [hidden]=\"!field.InListView\" \r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-field-fix #fieldTemplate \r\n                [field]=\"field\" \r\n                [form]=\"form\" \r\n                [record]=\"record\"\r\n                (recordChange)=\"onRecordChange()\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>" }]
+            args: [{ selector: 'add-form-record', template: "<div class=\"row eqp-dynamic-module-title\" *ngIf=\"showTitle\">\r\n    <div class=\"col-md-12\">\r\n        <h4><b>{{form.Name}}</b></h4>\r\n    </div>\r\n</div>\r\n\r\n<form [formGroup]=\"formForm\">\r\n\r\n    <!-- VISUALIZZAZIONE SEMPLICE -->\r\n    <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" \r\n        [ngTemplateOutlet]=\"fieldTemplates\"\r\n        [ngTemplateOutletContext]=\"{ fields: form.Fields }\">\r\n    </ng-container>\r\n\r\n    <!-- VISUALIZZAZIONE A STEPPER -->\r\n    <mat-horizontal-stepper linear *ngIf=\"form.FormScalarType == FormScalarTypeEnum['A step']\">\r\n        <mat-step *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <ng-template matStepLabel>\r\n                {{group.Name}}\r\n            </ng-template>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-step>\r\n    </mat-horizontal-stepper>\r\n\r\n    <!-- VISUALIZZAZIONE A TAB -->\r\n    <mat-tab-group *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In tab']\">\r\n        <mat-tab *ngFor=\"let group of form.FormFieldsGroups\" [label]=\"group.Name\">\r\n            <div class=\"mt-3\">\r\n                <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                    [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n                </ng-container>\r\n            </div>\r\n        </mat-tab>\r\n    </mat-tab-group>\r\n\r\n    <!-- VISUALIZZAZIONE AD ACCORDION -->\r\n    <mat-accordion multi *ngIf=\"form.FormScalarType == FormScalarTypeEnum['In accordion']\">\r\n        <mat-expansion-panel *ngFor=\"let group of form.FormFieldsGroups\">\r\n            <mat-expansion-panel-header>\r\n                <mat-panel-title>\r\n                    {{group.Name}}\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n\r\n            <ng-container [ngTemplateOutlet]=\"fieldTemplates\"\r\n                [ngTemplateOutletContext]=\"{ fields: fieldGroups[group.Name] }\">\r\n            </ng-container>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\n</form>\r\n\r\n<div class=\"row mt-2\" *ngIf=\"showBackButton || showSaveButton\">\r\n    <div class=\"col-sm-12 text-right\">\r\n        <button class=\"mr-2\" mat-raised-button type=\"button\"\r\n            *ngIf=\"showBackButton\"\r\n            (click)=\"saveOrExitForm(true)\">\r\n            Annulla\r\n        </button>\r\n        <button class=\"mr-2\" mat-raised-button color=\"primary\"  type=\"button\"\r\n            *ngIf=\"showSaveButton\"\r\n            (click)=\"saveOrExitForm(false)\"\r\n            [disabled]=\"formForm.invalid || formForm.disabled\">\r\n            Salva\r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n<!-- TEMPLATE PER LA VISUALIZZAZIONE DEI CAMPI DELLA FORM -->\r\n<ng-template #fieldTemplates let-fields='fields'>\r\n    <div class=\"row\">\r\n        <div class=\"mt-2\" \r\n            *ngFor=\"let field of fields\" \r\n            [hidden]=\"!field.InListView\" \r\n            [ngClass]=\"utilityService.getFieldSyleClass(field)\">\r\n            <dynamic-module-field-fix #fieldTemplate \r\n                [field]=\"field\" \r\n                [form]=\"form\" \r\n                [record]=\"record\"\r\n                (recordChange)=\"onRecordChange()\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: UtilityHelperService }]; }, propDecorators: { configurations: [{
                 type: Input
             }], form: [{
@@ -2331,13 +2329,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 class EqpDynamicModuleComponent {
     constructor(utilityHelperService) {
         this.utilityHelperService = utilityHelperService;
-        this.starterViewMode = DynamicMoDuleViewModeEnum.LIST;
+        this.starterViewMode = DynamicModuleViewModeEnum$1.LIST;
         this.userID = "0";
         this.showTitle = true;
-        this.userMode = false;
+        this.showBackButton = true;
         this.showSaveButton = true;
         this.values = null;
         this.FormJSON = "";
+        this.defaultListActions = new DynamicModuleListFormRecordActionsDefault();
         this.context = new Context();
         /**
          * Url del server da chiamare per recuperare, salvare o eliminare i record.
@@ -2357,7 +2356,7 @@ class EqpDynamicModuleComponent {
          */
         this.endPointConfiguration = null;
         //@Input() form: Form = new Form();
-        // defaultListActions: listFormRecordActionsDefault = new listFormRecordActionsDefault();
+        // defaultListActions: dynamicModuleListFormRecordActionsDefault = new dynamicModuleListFormRecordActionsDefault();
         // FormJSON: string = "";
         /**
          * Eventi emessi quando si salva, elimina o duplica un record
@@ -2377,13 +2376,13 @@ class EqpDynamicModuleComponent {
         this.form = new Form();
         this.lastform = new Form();
         this.FormTypeEnum = FormTypeEnum;
-        this.DynamicMoDuleViewModeEnum = DynamicMoDuleViewModeEnum;
+        this.DynamicModuleViewModeEnum = DynamicModuleViewModeEnum$1;
         this.loader = false;
     }
     async ngOnInit() {
-        this.dynamicModuleCompileConfig = new dynamicModuleCompileConfig(this.showTitle, this.userMode, this.showSaveButton, this.userID);
-        this.dynamicModuleListConfig = new dynamicModuleListConfig(this.showTitle, this.values);
-        this.dynamicModuleRepairConfig = new dynamicModuleRepairConfig(this.FormJSON);
+        this.dynamicModuleCompileConfig = new DynamicModuleCompileConfig(this.showTitle, this.showSaveButton, this.showBackButton, this.userID);
+        this.dynamicModuleListConfig = new DynamicModuleListConfig(this.showTitle, this.values, this.defaultListActions);
+        this.dynamicModuleRepairConfig = new DynamicModuleRepairConfig(this.FormJSON);
         this.context = this.configurations.context;
         this.baseServerUrl =
             this.configurations.baseServerUrl;
@@ -2398,9 +2397,17 @@ class EqpDynamicModuleComponent {
             // prende il form e imposta la viewmode corretta
             await this.getFormByID();
         }
-        this.loader = true;
     }
-    ngAfterViewInit() { }
+    ngAfterViewInit() {
+        if (this.starterViewMode == DynamicModuleViewModeEnum$1.COMPILE) {
+            // da vedere in getFormByID
+            setTimeout(() => this.onAddViewEditRecord(null), 1000);
+        }
+        else {
+            this.viewMode = this.starterViewMode;
+            this.loader = true;
+        }
+    }
     getFormByID(id = this.formID) {
         const dynamicModuleParams = new Array();
         dynamicModuleParams.push({
@@ -2412,10 +2419,10 @@ class EqpDynamicModuleComponent {
             this.lastform = res;
             this.form = res;
             this.getRecordsByFormID();
-            if (this.starterViewMode == DynamicMoDuleViewModeEnum.COMPILE) {
-                this.onAddViewEditRecord(null);
-            }
-            this.viewMode = this.starterViewMode;
+            // if (this.starterViewMode == DynamicModuleViewModeEnum.COMPILE) {
+            //   this.onAddViewEditRecord(null);
+            // }
+            // this.viewMode = this.starterViewMode;
         }, (err) => { });
     }
     /**
@@ -2505,13 +2512,15 @@ class EqpDynamicModuleComponent {
                         this.selectedRecord.ID = res.ID;
                         this.selectedRecord.EntID = res.EntID;
                         this.selectedRecord.userID = res.userID;
-                        this.viewMode = DynamicMoDuleViewModeEnum.COMPILE;
+                        this.viewMode = DynamicModuleViewModeEnum$1.COMPILE;
+                        this.loader = true;
                     });
                 });
             }
             else {
                 this.selectedRecord = JSON.parse(JSON.stringify(event.record));
-                this.viewMode = DynamicMoDuleViewModeEnum.COMPILE;
+                this.viewMode = DynamicModuleViewModeEnum$1.COMPILE;
+                this.loader = true;
             }
         }
         else {
@@ -2525,11 +2534,12 @@ class EqpDynamicModuleComponent {
                 this.form = res;
                 this.selectedRecord = null;
                 this.onlyView = false;
-                this.viewMode = DynamicMoDuleViewModeEnum.COMPILE;
+                this.viewMode = DynamicModuleViewModeEnum$1.COMPILE;
+                this.loader = true;
             }, (err) => { });
             // this.selectedRecord = null;
             // this.onlyView = false;
-            // this.viewMode = DynamicMoDuleViewModeEnum.COMPILE;
+            // this.viewMode = DynamicModuleViewModeEnum.COMPILE;
         }
     }
     /**
@@ -2558,12 +2568,14 @@ class EqpDynamicModuleComponent {
             this.utilityHelperService.RunEndPointCall(this.endPointConfiguration.Records.SaveEndPoint, dynamicModuleParams, (res) => {
                 this.getRecordsByFormID();
                 this.afterSaveRecord.emit(event);
-                this.viewMode = DynamicMoDuleViewModeEnum.LIST;
+                this.viewMode = DynamicModuleViewModeEnum$1.LIST;
+                this.loader = true;
             });
         }
         else {
             this.saveRecord.emit(event);
-            this.viewMode = DynamicMoDuleViewModeEnum.LIST;
+            this.viewMode = DynamicModuleViewModeEnum$1.LIST;
+            this.loader = true;
         }
     }
     /**
@@ -2625,10 +2637,10 @@ class EqpDynamicModuleComponent {
     }
 }
 EqpDynamicModuleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: EqpDynamicModuleComponent, deps: [{ token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-EqpDynamicModuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: EqpDynamicModuleComponent, selector: "eqp-dynamic-module", inputs: { configurations: "configurations", formID: "formID", starterViewMode: "starterViewMode", userID: "userID", showTitle: "showTitle", userMode: "userMode", showSaveButton: "showSaveButton", values: "values", FormJSON: "FormJSON" }, outputs: { saveRecord: "saveRecord", deleteRecord: "deleteRecord", duplicateRecord: "duplicateRecord", SaveJSON: "SaveJSON", afterSaveRecord: "afterSaveRecord", afterDeleteRecord: "afterDeleteRecord", afterDuplicateRecord: "afterDuplicateRecord" }, ngImport: i0, template: "<eqp-dynamic-module-spinner></eqp-dynamic-module-spinner>\r\n<add-form-record\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.COMPILE\"\r\n  [form]=\"form\"\r\n  [record]=\"selectedRecord\"\r\n  [onlyView]=\"onlyView\"\r\n\r\n  [configurations]=\"dynamicModuleCompileConfig\"\r\n\r\n  (saveRecordEvent)=\"onSaveRecord($event)\"\r\n>\r\n</add-form-record>\r\n\r\n<list-form-record\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.LIST && dynamicModuleListConfig.values\"\r\n  [form]=\"lastform\"\r\n\r\n  [configurations]=\"dynamicModuleListConfig\"\r\n  \r\n  (onAddViewEditRecord)=\"onAddViewEditRecord($event)\"\r\n  (onDeleteRecord)=\"onDeleteRecord($event)\"\r\n  (onDuplicateRecord)=\"onDuplicateRecord($event)\"\r\n>\r\n</list-form-record>\r\n\r\n<repair-form-fields\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.REPAIR\"\r\n\r\n  [configurations]=\"dynamicModuleRepairConfig\"\r\n  \r\n  (onSaveJson)=\"onSaveJson($event)\"\r\n>\r\n</repair-form-fields>\r\n", styles: ["::ng-deep mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListFormRecordComponent, selector: "list-form-record", inputs: ["configurations", "form"], outputs: ["onAddViewEditRecord", "onDeleteRecord", "onDuplicateRecord"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "form", "record", "onlyView"], outputs: ["saveRecordEvent"] }, { kind: "component", type: SpinnerComponent, selector: "eqp-dynamic-module-spinner" }, { kind: "component", type: RepairFormFieldsComponent, selector: "repair-form-fields", inputs: ["configurations"], outputs: ["onSaveJson"] }] });
+EqpDynamicModuleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: EqpDynamicModuleComponent, selector: "eqp-dynamic-module", inputs: { configurations: "configurations", formID: "formID", starterViewMode: "starterViewMode", userID: "userID", showTitle: "showTitle", showBackButton: "showBackButton", showSaveButton: "showSaveButton", values: "values", FormJSON: "FormJSON", defaultListActions: "defaultListActions" }, outputs: { saveRecord: "saveRecord", deleteRecord: "deleteRecord", duplicateRecord: "duplicateRecord", SaveJSON: "SaveJSON", afterSaveRecord: "afterSaveRecord", afterDeleteRecord: "afterDeleteRecord", afterDuplicateRecord: "afterDuplicateRecord" }, ngImport: i0, template: "<eqp-dynamic-module-spinner></eqp-dynamic-module-spinner>\r\n<add-form-record\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.COMPILE\"\r\n  [form]=\"form\"\r\n  [record]=\"selectedRecord\"\r\n  [onlyView]=\"onlyView\"\r\n\r\n  [configurations]=\"dynamicModuleCompileConfig\"\r\n\r\n  (saveRecordEvent)=\"onSaveRecord($event)\"\r\n>\r\n</add-form-record>\r\n\r\n<list-form-record\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.LIST && dynamicModuleListConfig.values\"\r\n  [form]=\"lastform\"\r\n\r\n  [configurations]=\"dynamicModuleListConfig\"\r\n  \r\n  (onAddViewEditRecord)=\"onAddViewEditRecord($event)\"\r\n  (onDeleteRecord)=\"onDeleteRecord($event)\"\r\n  (onDuplicateRecord)=\"onDuplicateRecord($event)\"\r\n>\r\n</list-form-record>\r\n\r\n<repair-form-fields\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.REPAIR\"\r\n\r\n  [configurations]=\"dynamicModuleRepairConfig\"\r\n  \r\n  (onSaveJson)=\"onSaveJson($event)\"\r\n>\r\n</repair-form-fields>\r\n", styles: ["::ng-deep mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListFormRecordComponent, selector: "list-form-record", inputs: ["configurations", "form"], outputs: ["onAddViewEditRecord", "onDeleteRecord", "onDuplicateRecord"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "form", "record", "onlyView"], outputs: ["saveRecordEvent"] }, { kind: "component", type: SpinnerComponent, selector: "eqp-dynamic-module-spinner" }, { kind: "component", type: RepairFormFieldsComponent, selector: "repair-form-fields", inputs: ["configurations"], outputs: ["onSaveJson"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: EqpDynamicModuleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "eqp-dynamic-module", template: "<eqp-dynamic-module-spinner></eqp-dynamic-module-spinner>\r\n<add-form-record\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.COMPILE\"\r\n  [form]=\"form\"\r\n  [record]=\"selectedRecord\"\r\n  [onlyView]=\"onlyView\"\r\n\r\n  [configurations]=\"dynamicModuleCompileConfig\"\r\n\r\n  (saveRecordEvent)=\"onSaveRecord($event)\"\r\n>\r\n</add-form-record>\r\n\r\n<list-form-record\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.LIST && dynamicModuleListConfig.values\"\r\n  [form]=\"lastform\"\r\n\r\n  [configurations]=\"dynamicModuleListConfig\"\r\n  \r\n  (onAddViewEditRecord)=\"onAddViewEditRecord($event)\"\r\n  (onDeleteRecord)=\"onDeleteRecord($event)\"\r\n  (onDuplicateRecord)=\"onDuplicateRecord($event)\"\r\n>\r\n</list-form-record>\r\n\r\n<repair-form-fields\r\n  *ngIf=\"viewMode == DynamicMoDuleViewModeEnum.REPAIR\"\r\n\r\n  [configurations]=\"dynamicModuleRepairConfig\"\r\n  \r\n  (onSaveJson)=\"onSaveJson($event)\"\r\n>\r\n</repair-form-fields>\r\n", styles: ["::ng-deep mat-form-field{width:100%}\n"] }]
+            args: [{ selector: "eqp-dynamic-module", template: "<eqp-dynamic-module-spinner></eqp-dynamic-module-spinner>\r\n<add-form-record\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.COMPILE\"\r\n  [form]=\"form\"\r\n  [record]=\"selectedRecord\"\r\n  [onlyView]=\"onlyView\"\r\n\r\n  [configurations]=\"dynamicModuleCompileConfig\"\r\n\r\n  (saveRecordEvent)=\"onSaveRecord($event)\"\r\n>\r\n</add-form-record>\r\n\r\n<list-form-record\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.LIST && dynamicModuleListConfig.values\"\r\n  [form]=\"lastform\"\r\n\r\n  [configurations]=\"dynamicModuleListConfig\"\r\n  \r\n  (onAddViewEditRecord)=\"onAddViewEditRecord($event)\"\r\n  (onDeleteRecord)=\"onDeleteRecord($event)\"\r\n  (onDuplicateRecord)=\"onDuplicateRecord($event)\"\r\n>\r\n</list-form-record>\r\n\r\n<repair-form-fields\r\n  *ngIf=\"loader && viewMode == DynamicModuleViewModeEnum.REPAIR\"\r\n\r\n  [configurations]=\"dynamicModuleRepairConfig\"\r\n  \r\n  (onSaveJson)=\"onSaveJson($event)\"\r\n>\r\n</repair-form-fields>\r\n", styles: ["::ng-deep mat-form-field{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: UtilityHelperService }]; }, propDecorators: { configurations: [{
                 type: Input
             }], formID: [{
@@ -2639,7 +2651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                 type: Input
             }], showTitle: [{
                 type: Input
-            }], userMode: [{
+            }], showBackButton: [{
                 type: Input
             }], showSaveButton: [{
                 type: Input
@@ -2647,6 +2659,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                 type: Input
             }], FormJSON: [{
                 type: Input
+            }], defaultListActions: [{
+                type: Input
             }], saveRecord: [{
                 type: Output
             }], deleteRecord: [{
@@ -2869,11 +2883,11 @@ class DynamicModuleConfiguratorSpecificConfig {
     }
 }
 
-class dynamicModuleGeneralConfig {
+class DynamicModuleGeneralConfig {
     /**
      * imposta la modalità di lavoro del componente COMPILE/LIST/REPAIR
      */
-    // starterViewMode: DynamicMoDuleViewModeEnum = DynamicMoDuleViewModeEnum.LIST;
+    // starterViewMode: DynamicModuleViewModeEnum = DynamicModuleViewModeEnum.LIST;
     /**
      * Specifica del form da visualizzare DynaForms.ID
      */
@@ -2905,7 +2919,7 @@ class dynamicModuleGeneralConfig {
 }
 
 class DynamicModuleConfiguratorConfig {
-    constructor(general = new dynamicModuleGeneralConfig(), specific = new DynamicModuleConfiguratorSpecificConfig()) {
+    constructor(general = new DynamicModuleGeneralConfig(), specific = new DynamicModuleConfiguratorSpecificConfig()) {
         this.dynamicModuleGeneralConfig = general;
         this.dynamicModuleConfiguratorSpecificConfig = specific;
     }
@@ -4026,7 +4040,7 @@ class EqpDynamicModuleConfiguratorComponent {
         this.UserID = 36;
         this.innerFormManagment = false;
         /* CONFIGURAZIONE PER VISUALIZZAZIONE FORM CREATA */
-        this.viewConfig = new dynamicModuleCompileConfig(true, false, false, '0');
+        this.viewConfig = new DynamicModuleCompileConfig(true, false, false, '0');
         this.formCompleted = false;
         //#region Enumeratori usati nell'html
         this.FormTypeEnum = FormTypeEnum;
@@ -4672,7 +4686,7 @@ class DynamicModuleFieldComponent {
     constructor(dialog) {
         this.dialog = dialog;
         this.recordChange = new EventEmitter();
-        this.configList = new dynamicModuleListConfig();
+        this.configList = new DynamicModuleListConfig();
         this.FieldTypeEnum = FieldTypeEnum;
         this.onlyViewInnerFormRecord = false;
     }
@@ -4684,7 +4698,7 @@ class DynamicModuleFieldComponent {
     ngOnInit() {
         this.configList.values = this.record[this.field.Name];
         this.configList.showTitle = true;
-        this.configList.defaultListActions = new listFormRecordActionsDefault();
+        this.configList.defaultListActions = new DynamicModuleListFormRecordActionsDefault();
     }
     /**
      * Metodo invocato al cambio del valore di ogni proprietà dell'oggetto record.
@@ -4879,6 +4893,13 @@ class DynamicModuleConfig {
     }
 }
 
+var DynamicModuleViewModeEnum;
+(function (DynamicModuleViewModeEnum) {
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["COMPILE"] = 1] = "COMPILE";
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["LIST"] = 2] = "LIST";
+    DynamicModuleViewModeEnum[DynamicModuleViewModeEnum["REPAIR"] = 3] = "REPAIR";
+})(DynamicModuleViewModeEnum || (DynamicModuleViewModeEnum = {}));
+
 /**
  * Rappresenta l'entità su cui vengono eseguite le operazioni di salvataggio.
  */
@@ -4911,5 +4932,5 @@ class TextareaField extends BaseField {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionOnRecord, AddFormFieldComponent, AddFormRecordComponent, ArrayValidators, AttachmentField, AttachmentFieldTemplateComponent, AvailableFileExtensions, AvailableImageExtensions, BaseField, BaseObj, BoolPresentantioEnum, BooleanField, BooleanFieldTemplateComponent, ButtonImage, ColSpanSizesEnum, Context, ContextUser, DateField, DateFieldTemplateComponent, DateTimeTypeEnum, DynRecord, DynamicModuleConfig, DynamicModuleConfiguratorConfig, DynamicModuleConfiguratorSpecificConfig, DynamicModuleFieldComponent, EndPointConfiguration, EndPointData, EndPointDataParams, Entity, EqpDynamicModuleComponent, EqpDynamicModuleConfiguratorComponent, EqpDynamicModuleDialogService, EqpDynamicModuleModule, FieldTypeEnum, Form, FormFieldGroup, FormScalarTypeEnum, FormTypeEnum, ImageField, ImageFieldTemplateComponent, ListFormRecordComponent, ListPresentationEnum, ListValueField, ListValueFieldTemplateComponent, LookupField, NumericField, NumericFieldTemplateComponent, ParamTypeEnum, Record, RepairFormFieldsComponent, RequestMethodEnum, SpinnerService, TelRegex, TextField, TextFieldTemplateComponent, TextMaskEnum, TextareaField, TextareaFieldTemplateComponent, UrlRegex, UtilityHelperService, dynamicModuleCompileConfig, dynamicModuleGeneralConfig, dynamicModuleListConfig, dynamicModuleRepairConfig };
+export { ActionOnRecord, AddFormFieldComponent, AddFormRecordComponent, ArrayValidators, AttachmentField, AttachmentFieldTemplateComponent, AvailableFileExtensions, AvailableImageExtensions, BaseField, BaseObj, BoolPresentantioEnum, BooleanField, BooleanFieldTemplateComponent, ButtonImage, ColSpanSizesEnum, Context, ContextUser, DateField, DateFieldTemplateComponent, DateTimeTypeEnum, DynRecord, DynamicModuleCompileConfig, DynamicModuleConfig, DynamicModuleConfiguratorConfig, DynamicModuleConfiguratorSpecificConfig, DynamicModuleFieldComponent, DynamicModuleGeneralConfig, DynamicModuleListConfig, DynamicModuleListFormRecordActionsDefault, DynamicModuleRepairConfig, DynamicModuleViewModeEnum, EndPointConfiguration, EndPointData, EndPointDataParams, Entity, EqpDynamicModuleComponent, EqpDynamicModuleConfiguratorComponent, EqpDynamicModuleDialogService, EqpDynamicModuleModule, FieldTypeEnum, Form, FormFieldGroup, FormScalarTypeEnum, FormTypeEnum, ImageField, ImageFieldTemplateComponent, ListFormRecordComponent, ListPresentationEnum, ListValueField, ListValueFieldTemplateComponent, LookupField, NumericField, NumericFieldTemplateComponent, ParamTypeEnum, Record, RepairFormFieldsComponent, RequestMethodEnum, SpinnerService, TelRegex, TextField, TextFieldTemplateComponent, TextMaskEnum, TextareaField, TextareaFieldTemplateComponent, UrlRegex, UtilityHelperService };
 //# sourceMappingURL=eqproject-eqp-dynamic-module.mjs.map