@eqproject/eqp-dynamic-module 2.9.16 → 2.9.18

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

@@ -5621,34 +5621,33 @@ class ActionButtonFieldTemplateComponent {
         this.evaluateFormulasAndFireTrigger(fireTrigger);
     }
     evaluateFormulasAndFireTrigger(triggerToFire) {
-        // Il trigger va sparato. Valuto le funzioni interne
-        var formulas = JSON.parse(JSON.stringify(triggerToFire.formulas));
+        const formulas = JSON.parse(JSON.stringify(triggerToFire.formulas));
+        const evaluatedFormulas = {}; // Oggetto associativo
         GlobalService.debugLog("checkTriggers - evaluate formulas ", formulas);
-        if (formulas != null && Object.keys(formulas).length > 0) {
+        if (formulas && Object.keys(formulas).length > 0) {
             Object.keys(formulas).forEach((key) => {
-                var formula = formulas[key].value;
-                GlobalService.debugLog("checkTriggers - formulas[key] ", formulas[key]);
-                var temp;
-                if (formulas[key].type == TriggerPropertyTypeEnum.DMMODULE) {
+                const formulaObj = formulas[key];
+                const formula = formulaObj.value;
+                let temp;
+                GlobalService.debugLog("checkTriggers - formulas[key] ", formulaObj);
+                if (formulaObj.type === TriggerPropertyTypeEnum.DMMODULE) {
                     temp = formula;
                 }
                 else {
                     temp = UtilityHelperService.EvaluateFieldFormula(formula, this.record, null);
                 }
-                formulas[key] = temp;
+                evaluatedFormulas[formulaObj.key] = temp;
             });
         }
-        // Le formule inviate in input al modulo dinamico, valutate nel contesto del trigger e del record
-        triggerToFire.formulas = formulas;
-        // Sparo il trigger all'esterno
+        triggerToFire.formulas = evaluatedFormulas;
         this.fireTrigger.emit(triggerToFire);
     }
 }
 ActionButtonFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionButtonFieldTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionButtonFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionButtonFieldTemplateComponent, selector: "action-button-field-template", inputs: { field: "field", record: "record", inConfig: "inConfig" }, outputs: { fireTrigger: "fireTrigger" }, ngImport: i0, template: "<button [ngStyle]=\"FieldstyleObj\" class=\"btn btn-primary\" (click)=\"generateAction(field)\">\r\n    {{field.ButtonLabel}}\r\n</button>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ActionButtonFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionButtonFieldTemplateComponent, selector: "action-button-field-template", inputs: { field: "field", record: "record", inConfig: "inConfig" }, outputs: { fireTrigger: "fireTrigger" }, ngImport: i0, template: "<button [ngStyle]=\"FieldstyleObj\" class=\"btn btn-primary\" (click)=\"generateAction(field)\">\r\n    <mat-icon *ngIf=\"field.Icon\">{{field.Icon}}</mat-icon> {{field.ButtonLabel}}\r\n</button>", styles: [""], dependencies: [{ kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionButtonFieldTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'action-button-field-template', template: "<button [ngStyle]=\"FieldstyleObj\" class=\"btn btn-primary\" (click)=\"generateAction(field)\">\r\n    {{field.ButtonLabel}}\r\n</button>" }]
+            args: [{ selector: 'action-button-field-template', template: "<button [ngStyle]=\"FieldstyleObj\" class=\"btn btn-primary\" (click)=\"generateAction(field)\">\r\n    <mat-icon *ngIf=\"field.Icon\">{{field.Icon}}</mat-icon> {{field.ButtonLabel}}\r\n</button>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { field: [{
                 type: Input
             }], record: [{
@@ -6819,10 +6818,10 @@ class AddFormRecordComponent {
     }
 }
 AddFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddFormRecordComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: UtilityHelperService }, { token: i2$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-AddFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddFormRecordComponent, selector: "add-form-record", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", orgaID: "orgaID", formID: "formID", form: "form", record: "record", onlyView: "onlyView", isDuplicate: "isDuplicate", inConfig: "inConfig", showAllFields: "showAllFields", showTitle: "showTitle", actionButtons: "actionButtons", QueryEditorComponent: "QueryEditorComponent" }, outputs: { saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", out: "out", fireTrigger: "fireTrigger" }, viewQueries: [{ propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle || visibleActionButtons.length > 0\">\r\n        <div *ngIf=\"showTitle\">\r\n            <span>{{form.Name}}</span>\r\n        </div>\r\n        <div *ngIf=\"visibleActionButtons.length > 0\">\r\n            <button class=\"btn btn-primary mr-2\" *ngFor=\"let actionButton of visibleActionButtons\" (click)=\"generateAction(actionButton)\">\r\n                {{actionButton.ButtonLabel}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\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            class=\"add-form-record-stepper\" (selectionChange)=\"onStepChange($event)\">\r\n            <mat-step *ngFor=\"let group of form.FormFieldsGroups; let i = index; let first = first; let last = last\">\r\n              \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\r\n                <div class=\"mt-2 d-flex justify-content-end add-form-record-buttons\">\r\n                    <button *ngIf=\"!first\" class=\"mr-2 previous\" mat-raised-button matStepperPrevious>\r\n                        Precedente\r\n                    </button>\r\n                    <button *ngIf=\"!last\" class=\"button-next\" color=\"primary\" mat-raised-button matStepperNext>\r\n                        Successivo\r\n                    </button>\r\n                    <button *ngIf=\"last && showSaveButton\" (click)=\"saveOrExitForm(false)\" class=\"button-next\" [disabled]=\"formForm.invalid || formForm.disabled\"\r\n                        color=\"primary\" mat-raised-button>\r\n                        Salva\r\n                    </button>\r\n                </div>\r\n\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']\" class=\"add-form-record-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            class=\"add-form-record-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 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 text-right\">\r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" *ngIf=\"showBackButton\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showSaveButton\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"formForm.invalid || formForm.disabled || isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n\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\" *ngIf=\"formloaded\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field, showAllFields)\">\r\n            <dynamic-module-field-fix #fieldTemplate [field]=\"field\" [QueryEditorComponent]=\"QueryEditorComponent\" [form]=\"form\" [record]=\"record\" [configurations]=\"configurations\" [endPointConfiguration]=\"endPointConfiguration\" [userID]=\"userID\" [inConfig]=\"inConfig\"\r\n                (recordChange)=\"onRecordChange()\" (fireTrigger)=\"onFireTrigger($event)\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".visibility_hidden{display:none}.visibility_transparent{visibility:hidden}.eqp-dynamic-module-title>*{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content;align-items:center}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i12.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i12.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i12.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: "directive", type: i12.MatStepperNext, selector: "button[matStepperNext]", inputs: ["type"] }, { kind: "directive", type: i12.MatStepperPrevious, selector: "button[matStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i8$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicModuleFieldFixComponent, selector: "dynamic-module-field-fix", inputs: ["configurations", "endPointConfiguration", "field", "form", "record", "inConfig", "userID", "QueryEditorComponent"], outputs: ["recordChange", "out", "fireTrigger"] }] });
+AddFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddFormRecordComponent, selector: "add-form-record", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", orgaID: "orgaID", formID: "formID", form: "form", record: "record", onlyView: "onlyView", isDuplicate: "isDuplicate", inConfig: "inConfig", showAllFields: "showAllFields", showTitle: "showTitle", actionButtons: "actionButtons", QueryEditorComponent: "QueryEditorComponent" }, outputs: { saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", out: "out", fireTrigger: "fireTrigger" }, viewQueries: [{ propertyName: "fieldTemplate", predicate: ["fieldTemplate"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle || visibleActionButtons.length > 0\">\r\n        <div *ngIf=\"showTitle\">\r\n            <span>{{form.Name}}</span>\r\n        </div>\r\n        <div *ngIf=\"visibleActionButtons.length > 0\">\r\n            <button class=\"btn btn-primary mr-2\" *ngFor=\"let actionButton of visibleActionButtons\" (click)=\"generateAction(actionButton)\">\r\n                <mat-icon *ngIf=\"actionButton.Icon\">{{actionButton.Icon}}</mat-icon> {{actionButton.ButtonLabel}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\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            class=\"add-form-record-stepper\" (selectionChange)=\"onStepChange($event)\">\r\n            <mat-step *ngFor=\"let group of form.FormFieldsGroups; let i = index; let first = first; let last = last\">\r\n              \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\r\n                <div class=\"mt-2 d-flex justify-content-end add-form-record-buttons\">\r\n                    <button *ngIf=\"!first\" class=\"mr-2 previous\" mat-raised-button matStepperPrevious>\r\n                        Precedente\r\n                    </button>\r\n                    <button *ngIf=\"!last\" class=\"button-next\" color=\"primary\" mat-raised-button matStepperNext>\r\n                        Successivo\r\n                    </button>\r\n                    <button *ngIf=\"last && showSaveButton\" (click)=\"saveOrExitForm(false)\" class=\"button-next\" [disabled]=\"formForm.invalid || formForm.disabled\"\r\n                        color=\"primary\" mat-raised-button>\r\n                        Salva\r\n                    </button>\r\n                </div>\r\n\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']\" class=\"add-form-record-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            class=\"add-form-record-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 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 text-right\">\r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" *ngIf=\"showBackButton\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showSaveButton\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"formForm.invalid || formForm.disabled || isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n\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\" *ngIf=\"formloaded\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field, showAllFields)\">\r\n            <dynamic-module-field-fix #fieldTemplate [field]=\"field\" [QueryEditorComponent]=\"QueryEditorComponent\" [form]=\"form\" [record]=\"record\" [configurations]=\"configurations\" [endPointConfiguration]=\"endPointConfiguration\" [userID]=\"userID\" [inConfig]=\"inConfig\"\r\n                (recordChange)=\"onRecordChange()\" (fireTrigger)=\"onFireTrigger($event)\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".visibility_hidden{display:none}.visibility_transparent{visibility:hidden}.eqp-dynamic-module-title>*{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content;align-items:center}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i12.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i12.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i12.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: "directive", type: i12.MatStepperNext, selector: "button[matStepperNext]", inputs: ["type"] }, { kind: "directive", type: i12.MatStepperPrevious, selector: "button[matStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i8$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicModuleFieldFixComponent, selector: "dynamic-module-field-fix", inputs: ["configurations", "endPointConfiguration", "field", "form", "record", "inConfig", "userID", "QueryEditorComponent"], outputs: ["recordChange", "out", "fireTrigger"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: "add-form-record", template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle || visibleActionButtons.length > 0\">\r\n        <div *ngIf=\"showTitle\">\r\n            <span>{{form.Name}}</span>\r\n        </div>\r\n        <div *ngIf=\"visibleActionButtons.length > 0\">\r\n            <button class=\"btn btn-primary mr-2\" *ngFor=\"let actionButton of visibleActionButtons\" (click)=\"generateAction(actionButton)\">\r\n                {{actionButton.ButtonLabel}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\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            class=\"add-form-record-stepper\" (selectionChange)=\"onStepChange($event)\">\r\n            <mat-step *ngFor=\"let group of form.FormFieldsGroups; let i = index; let first = first; let last = last\">\r\n              \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\r\n                <div class=\"mt-2 d-flex justify-content-end add-form-record-buttons\">\r\n                    <button *ngIf=\"!first\" class=\"mr-2 previous\" mat-raised-button matStepperPrevious>\r\n                        Precedente\r\n                    </button>\r\n                    <button *ngIf=\"!last\" class=\"button-next\" color=\"primary\" mat-raised-button matStepperNext>\r\n                        Successivo\r\n                    </button>\r\n                    <button *ngIf=\"last && showSaveButton\" (click)=\"saveOrExitForm(false)\" class=\"button-next\" [disabled]=\"formForm.invalid || formForm.disabled\"\r\n                        color=\"primary\" mat-raised-button>\r\n                        Salva\r\n                    </button>\r\n                </div>\r\n\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']\" class=\"add-form-record-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            class=\"add-form-record-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 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 text-right\">\r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" *ngIf=\"showBackButton\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showSaveButton\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"formForm.invalid || formForm.disabled || isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n\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\" *ngIf=\"formloaded\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field, showAllFields)\">\r\n            <dynamic-module-field-fix #fieldTemplate [field]=\"field\" [QueryEditorComponent]=\"QueryEditorComponent\" [form]=\"form\" [record]=\"record\" [configurations]=\"configurations\" [endPointConfiguration]=\"endPointConfiguration\" [userID]=\"userID\" [inConfig]=\"inConfig\"\r\n                (recordChange)=\"onRecordChange()\" (fireTrigger)=\"onFireTrigger($event)\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".visibility_hidden{display:none}.visibility_transparent{visibility:hidden}.eqp-dynamic-module-title>*{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content;align-items:center}\n"] }]
+            args: [{ selector: "add-form-record", template: "<ng-container *ngIf=\"loader\">\r\n\r\n    <div class=\"row eqp-dynamic-module-title add-form-record-header\" *ngIf=\"showTitle || visibleActionButtons.length > 0\">\r\n        <div *ngIf=\"showTitle\">\r\n            <span>{{form.Name}}</span>\r\n        </div>\r\n        <div *ngIf=\"visibleActionButtons.length > 0\">\r\n            <button class=\"btn btn-primary mr-2\" *ngFor=\"let actionButton of visibleActionButtons\" (click)=\"generateAction(actionButton)\">\r\n                <mat-icon *ngIf=\"actionButton.Icon\">{{actionButton.Icon}}</mat-icon> {{actionButton.ButtonLabel}}\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <form [formGroup]=\"formForm\" class=\"add-form-record-form\">\r\n\r\n        <!-- VISUALIZZAZIONE SEMPLICE -->\r\n        <ng-container *ngIf=\"form.FormScalarType == FormScalarTypeEnum.Semplice\" [ngTemplateOutlet]=\"fieldTemplates\"\r\n            [ngTemplateOutletContext]=\"{ fields: form.Fields }\" class=\"add-form-record-semplice\">\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            class=\"add-form-record-stepper\" (selectionChange)=\"onStepChange($event)\">\r\n            <mat-step *ngFor=\"let group of form.FormFieldsGroups; let i = index; let first = first; let last = last\">\r\n              \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\r\n                <div class=\"mt-2 d-flex justify-content-end add-form-record-buttons\">\r\n                    <button *ngIf=\"!first\" class=\"mr-2 previous\" mat-raised-button matStepperPrevious>\r\n                        Precedente\r\n                    </button>\r\n                    <button *ngIf=\"!last\" class=\"button-next\" color=\"primary\" mat-raised-button matStepperNext>\r\n                        Successivo\r\n                    </button>\r\n                    <button *ngIf=\"last && showSaveButton\" (click)=\"saveOrExitForm(false)\" class=\"button-next\" [disabled]=\"formForm.invalid || formForm.disabled\"\r\n                        color=\"primary\" mat-raised-button>\r\n                        Salva\r\n                    </button>\r\n                </div>\r\n\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']\" class=\"add-form-record-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            class=\"add-form-record-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 add-form-record-buttons\"\r\n        *ngIf=\"(showBackButton || showSaveButton) && form.FormScalarType != FormScalarTypeEnum['A step']\">\r\n        <div class=\"col-sm-12 text-right\">\r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" *ngIf=\"showBackButton\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\" *ngIf=\"showSaveButton\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"formForm.invalid || formForm.disabled || isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n\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\" *ngIf=\"formloaded\">\r\n        <div class=\"mt-2\" *ngFor=\"let field of fields\"\r\n            [ngClass]=\"utilityService.getFieldSyleClass(field, showAllFields)\">\r\n            <dynamic-module-field-fix #fieldTemplate [field]=\"field\" [QueryEditorComponent]=\"QueryEditorComponent\" [form]=\"form\" [record]=\"record\" [configurations]=\"configurations\" [endPointConfiguration]=\"endPointConfiguration\" [userID]=\"userID\" [inConfig]=\"inConfig\"\r\n                (recordChange)=\"onRecordChange()\" (fireTrigger)=\"onFireTrigger($event)\">\r\n            </dynamic-module-field-fix>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".visibility_hidden{display:none}.visibility_transparent{visibility:hidden}.eqp-dynamic-module-title>*{display:flex;flex-direction:row;justify-content:flex-start;width:-moz-fit-content;width:fit-content;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: UtilityHelperService }, { type: i2$1.DatePipe }]; }, propDecorators: { configurations: [{
                 type: Input
             }], endPointConfiguration: [{
@@ -8226,10 +8225,10 @@ class ListViewFormRecordComponent {
     }
 }
 ListViewFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, deps: [{ token: UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i1$3.MatDialog }, { token: i3$5.Router }, { token: dbDateService }, { token: i2$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-ListViewFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: { configurations: "configurations", compileConfigurations: "compileConfigurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", orgaID: "orgaID", form: "form", defaultListViewFunction: "defaultListViewFunction", externalButtons: "externalButtons", actionButtons: "actionButtons", onlyView: "onlyView", records: "records", highlightFilter: "highlightFilter", QueryEditorComponent: "QueryEditorComponent" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", dragStarted: "dragStarted", dragReleased: "dragReleased", out: "out", fireTrigger: "fireTrigger", clickDragIndicator: "clickDragIndicator" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }, { propertyName: "openAddDialog", first: true, predicate: ["openAddDialog"], descendants: true }, { propertyName: "openGraphDialog", first: true, predicate: ["openGraphDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"this.configurations.showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"this.configurations.showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n\r\n      <span *ngIf=\"visibleActionButtons.length > 0\">\r\n        <button \r\n          *ngFor=\"let actionButton in visibleActionButtons\" (click)=\"generateAction(actionButton)\"\r\n          class=\"btn btn-primary mr-2\" \r\n          mat-raised-button \r\n          color=\"primary\" \r\n          type=\"button\">\r\n          <span style=\"margin-left: 10px\">{{actionButton.label}}</span>\r\n        </button>\r\n      </span>    \r\n\r\n      <button \r\n        *ngIf=\"isListView\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openTabellar()\">\r\n        <mat-icon>table</mat-icon>\r\n        <span style=\"margin-left: 10px\">Tabellare</span>\r\n      </button>\r\n\r\n      <button \r\n        *ngIf=\"isTabellar\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openListView()\">\r\n        <mat-icon>list</mat-icon>\r\n        <span style=\"margin-left: 10px\">Lista</span>\r\n      </button>      \r\n\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAll()\"\r\n        *ngIf=\"isListView\">\r\n        <mat-icon *ngIf=\"!isFullOpened\">expand_more</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"!isFullOpened\">Apri tutto</span>\r\n\r\n        <mat-icon *ngIf=\"isFullOpened && isListView\">expand_less</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"isFullOpened\">Chiudi tutto</span>\r\n      </button>      \r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n\r\n    <div *ngIf=\"isTabellar\">\r\n      \r\n<hlist-form-record\r\nclass=\"dynamic-module-hlist\"\r\n[formID]=\"formID\"\r\n\r\n[endPointConfiguration]=\"endPointConfiguration\"\r\n[actionButtons]=\"actionButtons\"\r\n\r\n[configurations]=\"configurations\"\r\n[externalButtons]=\"externalButtons\"\r\n\r\n>\r\n</hlist-form-record>\r\n\r\n      <!-- <div class=\"row\">\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                [(ngModelInput)]=\"minperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                [(ngModelInput)]=\"maxperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <eqp-select [arrayData]=\"tabellarFields\" [(ngModelInput)]=\"selectedTabellarFields\" [placeholder]=\"'Selezione dei campi'\"\r\n            [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'TextDescription'\" [isMultiSelect]=\"true\" class=\"eqp-form-field\">\r\n            </eqp-select>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <button\r\n            [disabled]=\"selectedTabellarFields == null || selectedTabellarFields.length == 0\"\r\n            class=\"btn btn-graph-generate button-next me-2\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            (click)=\"generateTabellar()\"\r\n            >\r\n            Genera\r\n          </button>\r\n        </div>                   \r\n      </div> -->\r\n\r\n      <eqp-table id=\"tabellar\" class=\"list-form-record-table\" #tableRecords *ngIf=\"tabellarConditionLoaded\" [highlightColor]=\"'transparent'\"\r\n      [data]=\"tabellarValues\" [columns]=\"tabellarColumns\" [matPaginatorSize]=\"1000\" [matPaginatorLength]=\"[1000]\"></eqp-table>\r\n    </div>\r\n\r\n\r\n\r\n    <mat-accordion  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\" *ngIf=\"isListView\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header \r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title *ngIf=\"configurations.isDraggableListView\">\r\n            <!-- <mat-icon (click)=\"onClickDragIndicator([panel.record,form])\" class=\"click-icon\" *ngIf=\"configurations.isDraggableListView\">drag_indicator</mat-icon> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }} -->\r\n            <i class=\"drag-icon fa-solid fa-file-export\" (click)=\"onClickDragIndicator([panel.record,form])\" *ngIf=\"configurations.isDraggableListView\"></i> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"!configurations.isDraggableListView\">\r\n            {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>          \r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              id=\"p-{{panel.record.ID}}-{{button.icon}}\"\r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n\r\n          <lib-single-record\r\n            *ngIf=\"libSingleLoaded\"\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            [actionButtons]=\"actionButtons\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!--#region DIALOG AGGIUNTA RISPOSTA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n        [isDuplicate]=\"isDuplicating\"\r\n        [showTitle]=\"this.configurations.showTitle\"\r\n        \r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [actionButtons]=\"actionButtons\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [actionButtons]=\"actionButtons\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}.drag-icon{cursor:move;margin-right:10px}.click-icon{cursor:pointer;margin-right:10px}table{border-collapse:collapse}table td{border:1px solid black}table th{border:1px solid black;background-color:gray;color:#fff}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.EqpTableComponent, selector: "eqp-table" }, { kind: "directive", type: i7$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: "component", type: HListFormRecordComponent, selector: "hlist-form-record", inputs: ["configurations", "endPointConfiguration", "formID", "form", "externalButtons", "actionButtons"], outputs: ["onViewRecord", "onAddViewEditRecord", "onDeleteRecord", "onAfterDeleteRecord"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: GraphsComponent, selector: "graphs", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form", "actionButtons"], outputs: ["fireTrigger"] }] });
+ListViewFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListViewFormRecordComponent, selector: "list-view-form-record", inputs: { configurations: "configurations", compileConfigurations: "compileConfigurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", orgaID: "orgaID", form: "form", defaultListViewFunction: "defaultListViewFunction", externalButtons: "externalButtons", actionButtons: "actionButtons", onlyView: "onlyView", records: "records", highlightFilter: "highlightFilter", QueryEditorComponent: "QueryEditorComponent" }, outputs: { onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", dragStarted: "dragStarted", dragReleased: "dragReleased", out: "out", fireTrigger: "fireTrigger", clickDragIndicator: "clickDragIndicator" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }, { propertyName: "openAddDialog", first: true, predicate: ["openAddDialog"], descendants: true }, { propertyName: "openGraphDialog", first: true, predicate: ["openGraphDialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"this.configurations.showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"this.configurations.showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n\r\n      <span *ngIf=\"visibleActionButtons.length > 0\">\r\n        <button \r\n          *ngFor=\"let actionButton in visibleActionButtons\" (click)=\"generateAction(actionButton)\"\r\n          class=\"btn btn-primary mr-2\" \r\n          mat-raised-button \r\n          color=\"primary\" \r\n          type=\"button\">\r\n          <mat-icon *ngIf=\"actionButton.Icon\">{{actionButton.Icon}}</mat-icon>\r\n          <span style=\"margin-left: 10px\">{{actionButton.label}}</span>\r\n        </button>\r\n      </span>    \r\n\r\n      <button \r\n        *ngIf=\"isListView\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openTabellar()\">\r\n        <mat-icon>table</mat-icon>\r\n        <span style=\"margin-left: 10px\">Tabellare</span>\r\n      </button>\r\n\r\n      <button \r\n        *ngIf=\"isTabellar\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openListView()\">\r\n        <mat-icon>list</mat-icon>\r\n        <span style=\"margin-left: 10px\">Lista</span>\r\n      </button>      \r\n\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAll()\"\r\n        *ngIf=\"isListView\">\r\n        <mat-icon *ngIf=\"!isFullOpened\">expand_more</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"!isFullOpened\">Apri tutto</span>\r\n\r\n        <mat-icon *ngIf=\"isFullOpened && isListView\">expand_less</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"isFullOpened\">Chiudi tutto</span>\r\n      </button>      \r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n\r\n    <div *ngIf=\"isTabellar\">\r\n      \r\n<hlist-form-record\r\nclass=\"dynamic-module-hlist\"\r\n[formID]=\"formID\"\r\n\r\n[endPointConfiguration]=\"endPointConfiguration\"\r\n[actionButtons]=\"actionButtons\"\r\n\r\n[configurations]=\"configurations\"\r\n[externalButtons]=\"externalButtons\"\r\n\r\n>\r\n</hlist-form-record>\r\n\r\n      <!-- <div class=\"row\">\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                [(ngModelInput)]=\"minperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                [(ngModelInput)]=\"maxperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <eqp-select [arrayData]=\"tabellarFields\" [(ngModelInput)]=\"selectedTabellarFields\" [placeholder]=\"'Selezione dei campi'\"\r\n            [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'TextDescription'\" [isMultiSelect]=\"true\" class=\"eqp-form-field\">\r\n            </eqp-select>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <button\r\n            [disabled]=\"selectedTabellarFields == null || selectedTabellarFields.length == 0\"\r\n            class=\"btn btn-graph-generate button-next me-2\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            (click)=\"generateTabellar()\"\r\n            >\r\n            Genera\r\n          </button>\r\n        </div>                   \r\n      </div> -->\r\n\r\n      <eqp-table id=\"tabellar\" class=\"list-form-record-table\" #tableRecords *ngIf=\"tabellarConditionLoaded\" [highlightColor]=\"'transparent'\"\r\n      [data]=\"tabellarValues\" [columns]=\"tabellarColumns\" [matPaginatorSize]=\"1000\" [matPaginatorLength]=\"[1000]\"></eqp-table>\r\n    </div>\r\n\r\n\r\n\r\n    <mat-accordion  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\" *ngIf=\"isListView\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header \r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title *ngIf=\"configurations.isDraggableListView\">\r\n            <!-- <mat-icon (click)=\"onClickDragIndicator([panel.record,form])\" class=\"click-icon\" *ngIf=\"configurations.isDraggableListView\">drag_indicator</mat-icon> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }} -->\r\n            <i class=\"drag-icon fa-solid fa-file-export\" (click)=\"onClickDragIndicator([panel.record,form])\" *ngIf=\"configurations.isDraggableListView\"></i> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"!configurations.isDraggableListView\">\r\n            {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>          \r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              id=\"p-{{panel.record.ID}}-{{button.icon}}\"\r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n\r\n          <lib-single-record\r\n            *ngIf=\"libSingleLoaded\"\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            [actionButtons]=\"actionButtons\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!--#region DIALOG AGGIUNTA RISPOSTA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n        [isDuplicate]=\"isDuplicating\"\r\n        [showTitle]=\"this.configurations.showTitle\"\r\n        \r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [actionButtons]=\"actionButtons\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [actionButtons]=\"actionButtons\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}.drag-icon{cursor:move;margin-right:10px}.click-icon{cursor:pointer;margin-right:10px}table{border-collapse:collapse}table td{border:1px solid black}table th{border:1px solid black;background-color:gray;color:#fff}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.EqpTableComponent, selector: "eqp-table" }, { kind: "directive", type: i7$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: "component", type: HListFormRecordComponent, selector: "hlist-form-record", inputs: ["configurations", "endPointConfiguration", "formID", "form", "externalButtons", "actionButtons"], outputs: ["onViewRecord", "onAddViewEditRecord", "onDeleteRecord", "onAfterDeleteRecord"] }, { kind: "component", type: AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: GraphsComponent, selector: "graphs", inputs: ["configurations", "endPointConfiguration", "userID", "formID", "form", "actionButtons"], outputs: ["fireTrigger"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: "list-view-form-record", template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"this.configurations.showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"this.configurations.showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n\r\n      <span *ngIf=\"visibleActionButtons.length > 0\">\r\n        <button \r\n          *ngFor=\"let actionButton in visibleActionButtons\" (click)=\"generateAction(actionButton)\"\r\n          class=\"btn btn-primary mr-2\" \r\n          mat-raised-button \r\n          color=\"primary\" \r\n          type=\"button\">\r\n          <span style=\"margin-left: 10px\">{{actionButton.label}}</span>\r\n        </button>\r\n      </span>    \r\n\r\n      <button \r\n        *ngIf=\"isListView\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openTabellar()\">\r\n        <mat-icon>table</mat-icon>\r\n        <span style=\"margin-left: 10px\">Tabellare</span>\r\n      </button>\r\n\r\n      <button \r\n        *ngIf=\"isTabellar\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openListView()\">\r\n        <mat-icon>list</mat-icon>\r\n        <span style=\"margin-left: 10px\">Lista</span>\r\n      </button>      \r\n\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAll()\"\r\n        *ngIf=\"isListView\">\r\n        <mat-icon *ngIf=\"!isFullOpened\">expand_more</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"!isFullOpened\">Apri tutto</span>\r\n\r\n        <mat-icon *ngIf=\"isFullOpened && isListView\">expand_less</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"isFullOpened\">Chiudi tutto</span>\r\n      </button>      \r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n\r\n    <div *ngIf=\"isTabellar\">\r\n      \r\n<hlist-form-record\r\nclass=\"dynamic-module-hlist\"\r\n[formID]=\"formID\"\r\n\r\n[endPointConfiguration]=\"endPointConfiguration\"\r\n[actionButtons]=\"actionButtons\"\r\n\r\n[configurations]=\"configurations\"\r\n[externalButtons]=\"externalButtons\"\r\n\r\n>\r\n</hlist-form-record>\r\n\r\n      <!-- <div class=\"row\">\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                [(ngModelInput)]=\"minperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                [(ngModelInput)]=\"maxperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <eqp-select [arrayData]=\"tabellarFields\" [(ngModelInput)]=\"selectedTabellarFields\" [placeholder]=\"'Selezione dei campi'\"\r\n            [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'TextDescription'\" [isMultiSelect]=\"true\" class=\"eqp-form-field\">\r\n            </eqp-select>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <button\r\n            [disabled]=\"selectedTabellarFields == null || selectedTabellarFields.length == 0\"\r\n            class=\"btn btn-graph-generate button-next me-2\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            (click)=\"generateTabellar()\"\r\n            >\r\n            Genera\r\n          </button>\r\n        </div>                   \r\n      </div> -->\r\n\r\n      <eqp-table id=\"tabellar\" class=\"list-form-record-table\" #tableRecords *ngIf=\"tabellarConditionLoaded\" [highlightColor]=\"'transparent'\"\r\n      [data]=\"tabellarValues\" [columns]=\"tabellarColumns\" [matPaginatorSize]=\"1000\" [matPaginatorLength]=\"[1000]\"></eqp-table>\r\n    </div>\r\n\r\n\r\n\r\n    <mat-accordion  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\" *ngIf=\"isListView\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header \r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title *ngIf=\"configurations.isDraggableListView\">\r\n            <!-- <mat-icon (click)=\"onClickDragIndicator([panel.record,form])\" class=\"click-icon\" *ngIf=\"configurations.isDraggableListView\">drag_indicator</mat-icon> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }} -->\r\n            <i class=\"drag-icon fa-solid fa-file-export\" (click)=\"onClickDragIndicator([panel.record,form])\" *ngIf=\"configurations.isDraggableListView\"></i> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"!configurations.isDraggableListView\">\r\n            {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>          \r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              id=\"p-{{panel.record.ID}}-{{button.icon}}\"\r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n\r\n          <lib-single-record\r\n            *ngIf=\"libSingleLoaded\"\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            [actionButtons]=\"actionButtons\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!--#region DIALOG AGGIUNTA RISPOSTA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n        [isDuplicate]=\"isDuplicating\"\r\n        [showTitle]=\"this.configurations.showTitle\"\r\n        \r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [actionButtons]=\"actionButtons\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [actionButtons]=\"actionButtons\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}.drag-icon{cursor:move;margin-right:10px}.click-icon{cursor:pointer;margin-right:10px}table{border-collapse:collapse}table td{border:1px solid black}table th{border:1px solid black;background-color:gray;color:#fff}\n"] }]
+            args: [{ selector: "list-view-form-record", template: "<mat-card class=\"list-view-form-record\">\r\n  <mat-card-header *ngIf=\"this.configurations.showTitle || defaultListActions.add\" class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"this.configurations.showTitle && loadedform\">Modulo {{ form.Name }} </mat-card-title>\r\n    <mat-card-actions *ngIf=\"defaultListActions.add || defaultListActions.graphs\">\r\n\r\n      <span *ngIf=\"visibleActionButtons.length > 0\">\r\n        <button \r\n          *ngFor=\"let actionButton in visibleActionButtons\" (click)=\"generateAction(actionButton)\"\r\n          class=\"btn btn-primary mr-2\" \r\n          mat-raised-button \r\n          color=\"primary\" \r\n          type=\"button\">\r\n          <mat-icon *ngIf=\"actionButton.Icon\">{{actionButton.Icon}}</mat-icon>\r\n          <span style=\"margin-left: 10px\">{{actionButton.label}}</span>\r\n        </button>\r\n      </span>    \r\n\r\n      <button \r\n        *ngIf=\"isListView\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openTabellar()\">\r\n        <mat-icon>table</mat-icon>\r\n        <span style=\"margin-left: 10px\">Tabellare</span>\r\n      </button>\r\n\r\n      <button \r\n        *ngIf=\"isTabellar\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openListView()\">\r\n        <mat-icon>list</mat-icon>\r\n        <span style=\"margin-left: 10px\">Lista</span>\r\n      </button>      \r\n\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAll()\"\r\n        *ngIf=\"isListView\">\r\n        <mat-icon *ngIf=\"!isFullOpened\">expand_more</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"!isFullOpened\">Apri tutto</span>\r\n\r\n        <mat-icon *ngIf=\"isFullOpened && isListView\">expand_less</mat-icon>\r\n        <span style=\"margin-left: 10px\" *ngIf=\"isFullOpened\">Chiudi tutto</span>\r\n      </button>      \r\n      <button \r\n        *ngIf=\"defaultListActions.graphs\"\r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openGraphs()\">\r\n        <mat-icon>pie_chart</mat-icon>\r\n        <span style=\"margin-left: 10px\">Grafici</span>\r\n      </button>\r\n      <button \r\n        *ngIf=\"defaultListActions.add\"\r\n        class=\"btn btn-primary\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"openAddPopup()\">\r\n        <mat-icon>add</mat-icon>\r\n        <span style=\"margin-left: 10px\">Aggiungi</span>\r\n      </button>      \r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n\r\n  \r\n  <mat-card-content>\r\n\r\n    <div *ngIf=\"isTabellar\">\r\n      \r\n<hlist-form-record\r\nclass=\"dynamic-module-hlist\"\r\n[formID]=\"formID\"\r\n\r\n[endPointConfiguration]=\"endPointConfiguration\"\r\n[actionButtons]=\"actionButtons\"\r\n\r\n[configurations]=\"configurations\"\r\n[externalButtons]=\"externalButtons\"\r\n\r\n>\r\n</hlist-form-record>\r\n\r\n      <!-- <div class=\"row\">\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                [(ngModelInput)]=\"minperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"col-sm-12 col-md-3\">\r\n            <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                [(ngModelInput)]=\"maxperiod\"\r\n                [pickerMode]=\"modes.DATEPICKER\" [outputFormat]=\"'DD/MM/YYYY'\" [showSeconds]=\"false\">\r\n            </tmw-datetimepicker>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <eqp-select [arrayData]=\"tabellarFields\" [(ngModelInput)]=\"selectedTabellarFields\" [placeholder]=\"'Selezione dei campi'\"\r\n            [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'TextDescription'\" [isMultiSelect]=\"true\" class=\"eqp-form-field\">\r\n            </eqp-select>\r\n        </div>       \r\n        <div class=\"col-sm-12 col-md-3 mt-2\">\r\n            <button\r\n            [disabled]=\"selectedTabellarFields == null || selectedTabellarFields.length == 0\"\r\n            class=\"btn btn-graph-generate button-next me-2\"\r\n            mat-raised-button\r\n            color=\"primary\"\r\n            (click)=\"generateTabellar()\"\r\n            >\r\n            Genera\r\n          </button>\r\n        </div>                   \r\n      </div> -->\r\n\r\n      <eqp-table id=\"tabellar\" class=\"list-form-record-table\" #tableRecords *ngIf=\"tabellarConditionLoaded\" [highlightColor]=\"'transparent'\"\r\n      [data]=\"tabellarValues\" [columns]=\"tabellarColumns\" [matPaginatorSize]=\"1000\" [matPaginatorLength]=\"[1000]\"></eqp-table>\r\n    </div>\r\n\r\n\r\n\r\n    <mat-accordion  #doneList=\"cdkDropList\" cdkDropList [cdkDropListConnectedTo]=\"[todoList]\" [hideToggle]=\"test\" [multi]=\"true\" class=\"df-list-view-accordion\" *ngIf=\"isListView\">\r\n      <mat-expansion-panel *ngFor=\"let panel of panels; index as i\" \r\n        [expanded]=\"panel.isOpen\"\r\n        [disabled]=\"1\" \r\n        [class]=\"panel.highlighted ? 'dm_panel_highlighted' : '0'\"\r\n      >\r\n        <mat-expansion-panel-header \r\n        (click)=\"togglePanel(panel, panel.record)\">\r\n          <mat-panel-title *ngIf=\"configurations.isDraggableListView\">\r\n            <!-- <mat-icon (click)=\"onClickDragIndicator([panel.record,form])\" class=\"click-icon\" *ngIf=\"configurations.isDraggableListView\">drag_indicator</mat-icon> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }} -->\r\n            <i class=\"drag-icon fa-solid fa-file-export\" (click)=\"onClickDragIndicator([panel.record,form])\" *ngIf=\"configurations.isDraggableListView\"></i> {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"!configurations.isDraggableListView\">\r\n            {{ !this.configurations.showTitle ? form.Name : \"\" }} v.{{ panel.record.Version }} - {{ printAdditionalInfo(panel.record) }}\r\n          </mat-panel-title>          \r\n          <!--#region BOTTONI PER LE AZIONI -->\r\n          <mat-panel-description>\r\n            <button *ngFor=\"let button of buttons\" \r\n              mat-icon-button \r\n              id=\"p-{{panel.record.ID}}-{{button.icon}}\"\r\n              class=\"record-icon {{button.extraClass}}\" \r\n              [matTooltip]=\"button.text\"\r\n              [hidden]=\"button.icon == 'file_copy' && (panels.length == 0 || panel.record.Version != panels[0].record.Version)\"\r\n              (click)=\"button.fn(panel,i,$event)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>\r\n            <button *ngFor=\"let button of externalButtons\" \r\n              mat-icon-button \r\n              class=\"record-icon {{button.extraClass}}\"\r\n              [matTooltip]=\"button.text\"\r\n              (click)=\"externalCallback($event,button.fn,panel.record)\">\r\n              <mat-icon>{{button.icon}}</mat-icon>\r\n            </button>            \r\n            <span class=\"example-spacer\"></span>\r\n            \r\n          </mat-panel-description>\r\n          <!--#endregion BOTTONI PER LE AZIONI -->\r\n        </mat-expansion-panel-header>\r\n\r\n        <!-- #region CONTENUTO -->\r\n        <ng-container *ngIf=\"panel.pageState != null\">\r\n\r\n          <lib-single-record\r\n            *ngIf=\"libSingleLoaded\"\r\n            [onlyView]=\"onlyView\"\r\n            [record] = \"panel.record\" \r\n            [endPointConfiguration] = \"endPointConfiguration\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [outCompileConfigurations]=\"outCompileConfigurations\"\r\n            [pageState]=\"panel.pageState\"\r\n            [actionButtons]=\"actionButtons\"\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n          >\r\n\r\n          </lib-single-record>\r\n        </ng-container>\r\n        <!--#endregion CONTENUTO -->\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n\r\n\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!--#region DIALOG AGGIUNTA RISPOSTA -->\r\n<ng-template #openAddDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true\">\r\n    <mat-card-content>\r\n\r\n      <add-form-record\r\n        class=\"dynamic-module-compile\"\r\n        [formID]=\"formID\"\r\n        [orgaID]=\"orgaID\"\r\n        [onlyView]=\"false\"\r\n        [record]=\"selectedRecord\"\r\n        [isDuplicate]=\"isDuplicating\"\r\n        [showTitle]=\"this.configurations.showTitle\"\r\n        \r\n        [QueryEditorComponent]=\"QueryEditorComponent\"\r\n        [endPointConfiguration]=\"endPointConfiguration\"\r\n        [userID]=\"userID\"\r\n\r\n        [configurations]=\"compileConfigurations\"\r\n        [actionButtons]=\"actionButtons\"\r\n\r\n        (out)=\"onExternalComponentOut($event)\"\r\n        (saveRecordEvent)=\"onAddSaveRecord($event)\"\r\n        (afterSaveRecordEvent)=\"onAddAfterSaveRecord($event)\"\r\n        (fireTrigger)=\"onFireTrigger($event)\"\r\n      >\r\n      </add-form-record>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG AGGIUNTA RISPOSTA -->\r\n\r\n<!--#region DIALOG VISUALIZZAZIONE GRAFICI -->\r\n<ng-template #openGraphDialog>\r\n  <mat-card class=\"card-default overlay-card card-inmodal-true graphCard\">\r\n    \r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title>\r\n      <div class=\"row eqp-dynamic-module-title graph-header\">\r\n        <div class=\"col-md-12\">\r\n            <span>Grafico {{ form.Name }} </span>\r\n        </div>\r\n      </div>\r\n    </mat-card-title>\r\n    <mat-card-actions>\r\n      <button \r\n        class=\"btn btn-primary mr-2\" \r\n        mat-raised-button \r\n        color=\"primary\" \r\n        type=\"button\"\r\n        (click)=\"closeGraphs()\">\r\n        <span class=\"material-icons\">\r\n          arrow_back\r\n          </span>\r\n        <span style=\"margin-left: 10px\">Indietro</span>\r\n      </button>\r\n    </mat-card-actions>\r\n  </mat-card-header>\r\n    <mat-card-content>\r\n\r\n      <graphs\r\n        [formID]=\"formID\"\r\n        [userID]=\"userID\"\r\n        [actionButtons]=\"actionButtons\"\r\n        [configurations] = \"outCompileConfigurations\"\r\n        [endPointConfiguration] = \"endPointConfiguration\"\r\n      >\r\n      </graphs>\r\n\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n<!--#endregion DIALOG VISUALIZZAZIONE GRAFICI -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}::ng-deep .df-list-view-accordion .mat-expansion-panel-header-description{flex-grow:0!important}::ng-deep .mat-expansion-panel-header[aria-disabled=true]{color:#0000008a}.drag-icon{cursor:move;margin-right:10px}.click-icon{cursor:pointer;margin-right:10px}table{border-collapse:collapse}table td{border:1px solid black}table th{border:1px solid black;background-color:gray;color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i1$3.MatDialog }, { type: i3$5.Router }, { type: dbDateService }, { type: i2$1.DatePipe }]; }, propDecorators: { configurations: [{
                 type: Input
             }], compileConfigurations: [{
@@ -11162,10 +11161,10 @@ class ActionButtonCreatorComponent {
     }
 }
 ActionButtonCreatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionButtonCreatorComponent, deps: [{ token: i1$3.MatDialog }, { token: UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ActionButtonCreatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionButtonCreatorComponent, selector: "action-button-creator", inputs: { form: "form", actionButton: "actionButton", actionButtonField: "actionButtonField", formulas: "formulas", endPointConfiguration: "endPointConfiguration", InField: "InField" }, outputs: { onSaveRecord: "onSaveRecord", onChangeSomething: "onChangeSomething" }, viewQueries: [{ propertyName: "dialogFormula", first: true, predicate: ["dialogFormula"], descendants: true, static: true }], ngImport: i0, template: "\r\n<mat-card class=\"add-form-field\">\r\n    <mat-card-header *ngIf=\"!InField\">\r\n        <mat-card-title>\r\n            {{actionButton != null ? \"Modifica\" : \"Aggiungi\"}} actionButton\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n    <div class=\"container-fluid containerContent padder\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Tipo Action Button</div>\r\n            <div class=\"col-9\">\r\n                <eqp-select [arrayData]=\"formulaKeys\" [(ngModelInput)]=\"selectedFormula\"\r\n                [arrayKeyProperty]=\"'key'\" [arrayValueProperty]=\"'key'\" [showCancelButton]=\"true\" (ngModelInputChange)=\"onChangeFormula($event)\">\r\n                </eqp-select>            \r\n            </div>\r\n        </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Etichetta</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Etichetta </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.ButtonLabel\" [readonly]=\"false\" [required]=\"true\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Icona (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>)</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Icona Material (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>) </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.Icon\" [readonly]=\"false\" [required]=\"true\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>   \r\n          \r\n          <div class=\"row\" *ngIf=\"!InField\">\r\n            <div class=\"col-3\">Sezioni</div>\r\n            <div class=\"col-9\">\r\n                <mat-label  class=\"pt-1\"> Sezioni </mat-label>\r\n                <eqp-select\r\n                  [enumData]=\"actionsFlag\"\r\n                  [isSearchable]=\"true\"\r\n                  [isMultiSelect] = \"true\"\r\n                  [(ngModelInput)]=\"actionButton.ShowIn\"        \r\n                  (ngModelInputChange)=\"changeSomething()\"             \r\n                >\r\n                </eqp-select>\r\n            </div>\r\n          </div>   \r\n\r\n        <div class=\"row\" *ngFor=\"let formulaField of formulaFieldsStructure\">\r\n            <div class=\"col-3\">{{formulaField.key}}</div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.STRING\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> {{formulaField.key}}</mat-label>\r\n                    <input matInput [readonly]=\"false\" [required]=\"false\" [matTooltip]=\"formulaField.tooltip\" (click)=\"openFormulaDialog(formulaField)\" [(ngModel)]=\"formulaField.value\" (ngModelChange)=\"onFormulaFieldChange(formulaField)\">\r\n                </mat-form-field>\r\n            </div>\r\n            <!-- i campi con valori(non calcolati) vincolati li mostro in una select-->\r\n\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DROPDOWN_LIST\">\r\n               \r\n                    <eqp-select\r\n                        [placeholder]=\"'Seleziona valore'\"\r\n                        [arrayData]=\"formulaField.allowedValues\"\r\n                        (ngModelInputChange)=\"onDropDownSelection($event)\"\r\n                        [(ngModelInput)]=\"formulaField.selectedAllowedValue\"\r\n                        [arrayKeyProperty]=\"'key'\"\r\n                        [arrayValueProperty]=\"'value'\"\r\n                        [isRequired]=\"false\"\r\n                        class=\"eqp-form-field eqp-coloured\">\r\n                    </eqp-select>\r\n                   \r\n            </div>\r\n            \r\n            <!-- fine gestione liste-->\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DMMODULE\">\r\n                <eqp-select [placeholder]=\"'Seleziona modulo'\" [arrayData]=\"forms\" [(ngModelInput)]=\"formulaField.object\" [isSearchable]=\"true\"\r\n                [arrayKeyProperty]=\"'ID'\" [arrayValueProperty]=\"'Name'\" [ngModelOptions]=\"{ standalone: true }\" (ngModelInputChange)=\"onEqpSelectModule($event, formulaField)\">\r\n                </eqp-select>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    </mat-card-content>\r\n    <mat-card-footer *ngIf=\"!InField\">\r\n        <div class=\"d-flex justify-content-end mt-2 mb-1 me-3\"> \r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </mat-card-footer>\r\n\r\n</mat-card>\r\n\r\n<!--DIALOG PER SEMPLIFICARE LA SCRITTURA DEL CAMPO FORMULA-->\r\n<ng-template #dialogFormula>\r\n    <eqp-dynamic-module-add-formula-component>\r\n    </eqp-dynamic-module-add-formula-component>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EqpSelectComponent, selector: "eqp-select", inputs: ["placeholder", "enumData", "enumDataToExclude", "arrayData", "arrayKeyProperty", "arrayValueProperty", "ngModelOptions", "ngModelInput", "formGroupInput", "formControlNameInput", "isRequired", "isDisabled", "isMultiLanguage", "multilanguagePrefixKey", "isAlphabeticalOrderable", "suffixIcon", "prefixIcon", "isMultiSelect", "includeFullObject", "showCancelButton", "isSearchable", "searchText", "noResultSearchText", "data"], outputs: ["ngModelInputChange"] }, { kind: "component", type: AddFormulaComponent, selector: "eqp-dynamic-module-add-formula-component" }] });
+ActionButtonCreatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionButtonCreatorComponent, selector: "action-button-creator", inputs: { form: "form", actionButton: "actionButton", actionButtonField: "actionButtonField", formulas: "formulas", endPointConfiguration: "endPointConfiguration", InField: "InField" }, outputs: { onSaveRecord: "onSaveRecord", onChangeSomething: "onChangeSomething" }, viewQueries: [{ propertyName: "dialogFormula", first: true, predicate: ["dialogFormula"], descendants: true, static: true }], ngImport: i0, template: "\r\n<mat-card class=\"add-form-field\">\r\n    <mat-card-header *ngIf=\"!InField\">\r\n        <mat-card-title>\r\n            {{actionButton != null ? \"Modifica\" : \"Aggiungi\"}} bottone azione\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n    <div class=\"container-fluid containerContent padder\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Tipo Action Button</div>\r\n            <div class=\"col-9\">\r\n                <eqp-select [arrayData]=\"formulaKeys\" [(ngModelInput)]=\"selectedFormula\"\r\n                [arrayKeyProperty]=\"'key'\" [arrayValueProperty]=\"'key'\" [showCancelButton]=\"true\" (ngModelInputChange)=\"onChangeFormula($event)\">\r\n                </eqp-select>            \r\n            </div>\r\n        </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Etichetta</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Etichetta </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.ButtonLabel\" [readonly]=\"false\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Icona (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>)</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Icona Material (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>) </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.Icon\" [readonly]=\"false\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>   \r\n          \r\n          <div class=\"row\" *ngIf=\"!InField\">\r\n            <div class=\"col-3\">Sezioni</div>\r\n            <div class=\"col-9\">\r\n                <mat-label  class=\"pt-1\"> Sezioni </mat-label>\r\n                <eqp-select\r\n                  [enumData]=\"actionsFlag\"\r\n                  [isSearchable]=\"true\"\r\n                  [isMultiSelect] = \"true\"\r\n                  [(ngModelInput)]=\"actionButton.ShowIn\"        \r\n                  (ngModelInputChange)=\"changeSomething()\"             \r\n                >\r\n                </eqp-select>\r\n            </div>\r\n          </div>   \r\n\r\n        <div class=\"row\" *ngFor=\"let formulaField of formulaFieldsStructure\">\r\n            <div class=\"col-3\">{{formulaField.key}}</div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.STRING\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> {{formulaField.key}}</mat-label>\r\n                    <input matInput [readonly]=\"false\" [required]=\"false\" [matTooltip]=\"formulaField.tooltip\" (click)=\"openFormulaDialog(formulaField)\" [(ngModel)]=\"formulaField.value\" (ngModelChange)=\"onFormulaFieldChange(formulaField)\">\r\n                </mat-form-field>\r\n            </div>\r\n            <!-- i campi con valori(non calcolati) vincolati li mostro in una select-->\r\n\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DROPDOWN_LIST\">\r\n               \r\n                    <eqp-select\r\n                        [placeholder]=\"'Seleziona valore'\"\r\n                        [arrayData]=\"formulaField.allowedValues\"\r\n                        (ngModelInputChange)=\"onDropDownSelection($event)\"\r\n                        [(ngModelInput)]=\"formulaField.selectedAllowedValue\"\r\n                        [arrayKeyProperty]=\"'key'\"\r\n                        [arrayValueProperty]=\"'value'\"\r\n                        [isRequired]=\"false\"\r\n                        class=\"eqp-form-field eqp-coloured\">\r\n                    </eqp-select>\r\n                   \r\n            </div>\r\n            \r\n            <!-- fine gestione liste-->\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DMMODULE\">\r\n                <eqp-select [placeholder]=\"'Seleziona modulo'\" [arrayData]=\"forms\" [(ngModelInput)]=\"formulaField.object\" [isSearchable]=\"true\"\r\n                [arrayKeyProperty]=\"'ID'\" [arrayValueProperty]=\"'Name'\" [ngModelOptions]=\"{ standalone: true }\" (ngModelInputChange)=\"onEqpSelectModule($event, formulaField)\">\r\n                </eqp-select>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    </mat-card-content>\r\n    <mat-card-footer *ngIf=\"!InField\">\r\n        <div class=\"d-flex justify-content-end mt-2 mb-1 me-3\"> \r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </mat-card-footer>\r\n\r\n</mat-card>\r\n\r\n<!--DIALOG PER SEMPLIFICARE LA SCRITTURA DEL CAMPO FORMULA-->\r\n<ng-template #dialogFormula>\r\n    <eqp-dynamic-module-add-formula-component>\r\n    </eqp-dynamic-module-add-formula-component>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i3$4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EqpSelectComponent, selector: "eqp-select", inputs: ["placeholder", "enumData", "enumDataToExclude", "arrayData", "arrayKeyProperty", "arrayValueProperty", "ngModelOptions", "ngModelInput", "formGroupInput", "formControlNameInput", "isRequired", "isDisabled", "isMultiLanguage", "multilanguagePrefixKey", "isAlphabeticalOrderable", "suffixIcon", "prefixIcon", "isMultiSelect", "includeFullObject", "showCancelButton", "isSearchable", "searchText", "noResultSearchText", "data"], outputs: ["ngModelInputChange"] }, { kind: "component", type: AddFormulaComponent, selector: "eqp-dynamic-module-add-formula-component" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionButtonCreatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'action-button-creator', template: "\r\n<mat-card class=\"add-form-field\">\r\n    <mat-card-header *ngIf=\"!InField\">\r\n        <mat-card-title>\r\n            {{actionButton != null ? \"Modifica\" : \"Aggiungi\"}} actionButton\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n    <div class=\"container-fluid containerContent padder\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Tipo Action Button</div>\r\n            <div class=\"col-9\">\r\n                <eqp-select [arrayData]=\"formulaKeys\" [(ngModelInput)]=\"selectedFormula\"\r\n                [arrayKeyProperty]=\"'key'\" [arrayValueProperty]=\"'key'\" [showCancelButton]=\"true\" (ngModelInputChange)=\"onChangeFormula($event)\">\r\n                </eqp-select>            \r\n            </div>\r\n        </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Etichetta</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Etichetta </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.ButtonLabel\" [readonly]=\"false\" [required]=\"true\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Icona (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>)</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Icona Material (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>) </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.Icon\" [readonly]=\"false\" [required]=\"true\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>   \r\n          \r\n          <div class=\"row\" *ngIf=\"!InField\">\r\n            <div class=\"col-3\">Sezioni</div>\r\n            <div class=\"col-9\">\r\n                <mat-label  class=\"pt-1\"> Sezioni </mat-label>\r\n                <eqp-select\r\n                  [enumData]=\"actionsFlag\"\r\n                  [isSearchable]=\"true\"\r\n                  [isMultiSelect] = \"true\"\r\n                  [(ngModelInput)]=\"actionButton.ShowIn\"        \r\n                  (ngModelInputChange)=\"changeSomething()\"             \r\n                >\r\n                </eqp-select>\r\n            </div>\r\n          </div>   \r\n\r\n        <div class=\"row\" *ngFor=\"let formulaField of formulaFieldsStructure\">\r\n            <div class=\"col-3\">{{formulaField.key}}</div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.STRING\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> {{formulaField.key}}</mat-label>\r\n                    <input matInput [readonly]=\"false\" [required]=\"false\" [matTooltip]=\"formulaField.tooltip\" (click)=\"openFormulaDialog(formulaField)\" [(ngModel)]=\"formulaField.value\" (ngModelChange)=\"onFormulaFieldChange(formulaField)\">\r\n                </mat-form-field>\r\n            </div>\r\n            <!-- i campi con valori(non calcolati) vincolati li mostro in una select-->\r\n\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DROPDOWN_LIST\">\r\n               \r\n                    <eqp-select\r\n                        [placeholder]=\"'Seleziona valore'\"\r\n                        [arrayData]=\"formulaField.allowedValues\"\r\n                        (ngModelInputChange)=\"onDropDownSelection($event)\"\r\n                        [(ngModelInput)]=\"formulaField.selectedAllowedValue\"\r\n                        [arrayKeyProperty]=\"'key'\"\r\n                        [arrayValueProperty]=\"'value'\"\r\n                        [isRequired]=\"false\"\r\n                        class=\"eqp-form-field eqp-coloured\">\r\n                    </eqp-select>\r\n                   \r\n            </div>\r\n            \r\n            <!-- fine gestione liste-->\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DMMODULE\">\r\n                <eqp-select [placeholder]=\"'Seleziona modulo'\" [arrayData]=\"forms\" [(ngModelInput)]=\"formulaField.object\" [isSearchable]=\"true\"\r\n                [arrayKeyProperty]=\"'ID'\" [arrayValueProperty]=\"'Name'\" [ngModelOptions]=\"{ standalone: true }\" (ngModelInputChange)=\"onEqpSelectModule($event, formulaField)\">\r\n                </eqp-select>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    </mat-card-content>\r\n    <mat-card-footer *ngIf=\"!InField\">\r\n        <div class=\"d-flex justify-content-end mt-2 mb-1 me-3\"> \r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </mat-card-footer>\r\n\r\n</mat-card>\r\n\r\n<!--DIALOG PER SEMPLIFICARE LA SCRITTURA DEL CAMPO FORMULA-->\r\n<ng-template #dialogFormula>\r\n    <eqp-dynamic-module-add-formula-component>\r\n    </eqp-dynamic-module-add-formula-component>\r\n</ng-template>" }]
+            args: [{ selector: 'action-button-creator', template: "\r\n<mat-card class=\"add-form-field\">\r\n    <mat-card-header *ngIf=\"!InField\">\r\n        <mat-card-title>\r\n            {{actionButton != null ? \"Modifica\" : \"Aggiungi\"}} bottone azione\r\n        </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content>\r\n\r\n    <div class=\"container-fluid containerContent padder\">\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-3\">Tipo Action Button</div>\r\n            <div class=\"col-9\">\r\n                <eqp-select [arrayData]=\"formulaKeys\" [(ngModelInput)]=\"selectedFormula\"\r\n                [arrayKeyProperty]=\"'key'\" [arrayValueProperty]=\"'key'\" [showCancelButton]=\"true\" (ngModelInputChange)=\"onChangeFormula($event)\">\r\n                </eqp-select>            \r\n            </div>\r\n        </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Etichetta</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Etichetta </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.ButtonLabel\" [readonly]=\"false\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>\r\n  \r\n          <div class=\"row\">\r\n            <div class=\"col-3\">Icona (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>)</div>\r\n            <div class=\"col-9\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> Icona Material (<a href='https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list' target=\"_blank\">lista</a>) </mat-label>\r\n                    <input matInput [(ngModel)]=\"actionButton.Icon\" [readonly]=\"false\" (keyup)=\"changeSomething()\">\r\n                </mat-form-field>\r\n            </div>\r\n          </div>   \r\n          \r\n          <div class=\"row\" *ngIf=\"!InField\">\r\n            <div class=\"col-3\">Sezioni</div>\r\n            <div class=\"col-9\">\r\n                <mat-label  class=\"pt-1\"> Sezioni </mat-label>\r\n                <eqp-select\r\n                  [enumData]=\"actionsFlag\"\r\n                  [isSearchable]=\"true\"\r\n                  [isMultiSelect] = \"true\"\r\n                  [(ngModelInput)]=\"actionButton.ShowIn\"        \r\n                  (ngModelInputChange)=\"changeSomething()\"             \r\n                >\r\n                </eqp-select>\r\n            </div>\r\n          </div>   \r\n\r\n        <div class=\"row\" *ngFor=\"let formulaField of formulaFieldsStructure\">\r\n            <div class=\"col-3\">{{formulaField.key}}</div>\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.STRING\">\r\n                <mat-form-field>\r\n                    <mat-label  class=\"pt-1\"> {{formulaField.key}}</mat-label>\r\n                    <input matInput [readonly]=\"false\" [required]=\"false\" [matTooltip]=\"formulaField.tooltip\" (click)=\"openFormulaDialog(formulaField)\" [(ngModel)]=\"formulaField.value\" (ngModelChange)=\"onFormulaFieldChange(formulaField)\">\r\n                </mat-form-field>\r\n            </div>\r\n            <!-- i campi con valori(non calcolati) vincolati li mostro in una select-->\r\n\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DROPDOWN_LIST\">\r\n               \r\n                    <eqp-select\r\n                        [placeholder]=\"'Seleziona valore'\"\r\n                        [arrayData]=\"formulaField.allowedValues\"\r\n                        (ngModelInputChange)=\"onDropDownSelection($event)\"\r\n                        [(ngModelInput)]=\"formulaField.selectedAllowedValue\"\r\n                        [arrayKeyProperty]=\"'key'\"\r\n                        [arrayValueProperty]=\"'value'\"\r\n                        [isRequired]=\"false\"\r\n                        class=\"eqp-form-field eqp-coloured\">\r\n                    </eqp-select>\r\n                   \r\n            </div>\r\n            \r\n            <!-- fine gestione liste-->\r\n            <div class=\"col-9\" *ngIf=\"formulaField.type == triggerPropertyType.DMMODULE\">\r\n                <eqp-select [placeholder]=\"'Seleziona modulo'\" [arrayData]=\"forms\" [(ngModelInput)]=\"formulaField.object\" [isSearchable]=\"true\"\r\n                [arrayKeyProperty]=\"'ID'\" [arrayValueProperty]=\"'Name'\" [ngModelOptions]=\"{ standalone: true }\" (ngModelInputChange)=\"onEqpSelectModule($event, formulaField)\">\r\n                </eqp-select>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    </mat-card-content>\r\n    <mat-card-footer *ngIf=\"!InField\">\r\n        <div class=\"d-flex justify-content-end mt-2 mb-1 me-3\"> \r\n            <button class=\"mr-2\" mat-raised-button type=\"button\" (click)=\"saveOrExitForm(true)\">\r\n                Annulla\r\n            </button>\r\n            <button class=\"mr-2\" mat-raised-button color=\"primary\" type=\"button\"\r\n                (click)=\"saveOrExitForm(false)\" [disabled]=\"isSaving\">\r\n                <span *ngIf=\"!isSaving\">Salva</span>\r\n                <span *ngIf=\"isSaving\">Salvataggio in Corso...</span>\r\n            </button>\r\n        </div>\r\n    </mat-card-footer>\r\n\r\n</mat-card>\r\n\r\n<!--DIALOG PER SEMPLIFICARE LA SCRITTURA DEL CAMPO FORMULA-->\r\n<ng-template #dialogFormula>\r\n    <eqp-dynamic-module-add-formula-component>\r\n    </eqp-dynamic-module-add-formula-component>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i1$3.MatDialog }, { type: UtilityHelperService }]; }, propDecorators: { form: [{
                 type: Input,
                 args: ["form"]