@eqproject/eqp-dynamic-module 2.8.25 → 2.8.26

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

@@ -2173,14 +2173,21 @@ class HListFormRecordComponent {
     filterDataAnswers() {
         setTimeout(() => {
             this.filteredAnswers = [];
+            if (!this.minDate) {
+                // Converto le date di AnswerDate in oggetti Date e ordino
+                const dates = this.configurations.values.map(value => new Date(value.AnswerDate));
+                // Trovo la data più recente (max) e la più vecchia (min)
+                this.minDate = new Date(Math.min(...dates.map(date => date.getTime())));
+            }
+            if (!this.maxDate) {
+                // Converto le date di AnswerDate in oggetti Date e ordino
+                const dates = this.configurations.values.map(value => new Date(value.AnswerDate));
+                // Trovo la data più recente (max) e la più vecchia (min)
+                this.maxDate = new Date(Math.max(...dates.map(date => date.getTime())));
+            }
             this.maxDate.setHours(23, 59, 59, 59);
-            this.configurations.values.forEach((value) => {
-                if (new Date(value.AnswerDate) >= this.minDate && new Date(value.AnswerDate) <= this.maxDate) {
-                    this.filteredAnswers.push(value);
-                }
-            });
+            this.filteredAnswers = this.configurations.values.filter(value => new Date(value.AnswerDate) >= this.minDate && new Date(value.AnswerDate) <= this.maxDate);
             this.displayedColumns = ["property", ...this.filteredAnswers.map((_, i) => `col${i}`)];
-            // this.loadedTable = true;
         }, 100);
     }
     //#endregion filterDataAnswers
@@ -2195,14 +2202,66 @@ class HListFormRecordComponent {
     }
     //#endregion setMinMaxDates
     //#region printValue
-    printValue(fieldType, value, fieldconfig) {
-        // return value;
-        // PREPARO IL VALUEPAIRS
+    printValue(fieldType, value, fieldconfig, record) {
         switch (fieldType) {
             case FieldTypeEnum["Elenco generico"]:
                 {
-                    return value;
-                    break;
+                    if (!value) {
+                        return "N/A";
+                    }
+                    let output;
+                    let ValuePairs = [];
+                    // PREPARO/LEGGO I VALUEPAIRS
+                    if (fieldconfig.Formula != null && fieldconfig.Formula) {
+                        var temp = UtilityHelperService.EvaluateFieldFormula(fieldconfig.Formula, record, null);
+                        if (typeof temp === 'string') {
+                            let temp2 = temp.split(";");
+                            temp = [];
+                            temp2.forEach(item => {
+                                const arrItem = item.split("|");
+                                if (arrItem.length > 1) {
+                                    temp[arrItem[1].trim()] = arrItem[0].trim();
+                                }
+                                else {
+                                    temp[arrItem[0].trim()] = arrItem[0].trim();
+                                }
+                            });
+                        }
+                        for (let key2 in temp) {
+                            ValuePairs[temp[key2]] = key2;
+                        }
+                    }
+                    else if (fieldconfig.ValuePairs != null && fieldconfig.ValuePairs.length > 0) {
+                        // va bene così
+                        ValuePairs = JSON.parse(JSON.stringify(fieldconfig.ValuePairs));
+                    }
+                    else if (fieldconfig.ValueString != null && fieldconfig.ValueString != "") {
+                        // va presa la strigna e rimappata nel diario
+                        ValuePairs = GlobalService.stringToValuePairs(fieldconfig.ValueString);
+                    }
+                    // INVERTO I VALUEPAIRS CHIAVE/VALORE IN VALROE/CHIAVE
+                    let inverted = {};
+                    //GlobalService.debugLog("(<ListValueField>foundObject).ValuePairs", (<ListValueField>field).ValuePairs);
+                    // ValuePairs: {Si: 'Si', No: 'No'}
+                    for (let key in ValuePairs) {
+                        inverted[ValuePairs[key]] = key;
+                    }
+                    ValuePairs = inverted;
+                    // LEGGO I VALORI CHE VOGLIO STAMPARE 
+                    if (record[fieldconfig.Name] != null && fieldconfig.IsMultiChoiche) {
+                        // caso MULTISCELTA
+                        let outValue = "";
+                        record[fieldconfig.Name].forEach((element, i) => {
+                            outValue += ValuePairs[element];
+                            outValue += i == record[fieldconfig.Name].length - 1 ? "" : ", ";
+                        });
+                        output = outValue;
+                    }
+                    else {
+                        // caso SCELTA SINGOLA
+                        output = ValuePairs[record[fieldconfig.Name]];
+                    }
+                    return output;
                 }
                 ;
             case FieldTypeEnum["Campo numerico"]:
@@ -2342,10 +2401,10 @@ class HListFormRecordComponent {
     }
 }
 HListFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HListFormRecordComponent, deps: [{ token: UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i2$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-HListFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HListFormRecordComponent, selector: "hlist-form-record", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", formID: "formID", form: "form", externalButtons: "externalButtons" }, outputs: { onViewRecord: "onViewRecord", onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", onAfterDeleteRecord: "onAfterDeleteRecord" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-form-record\">\r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"loadedFilters && showTitle\"\r\n      >Elenco {{ form.Name }}</mat-card-title\r\n    >\r\n    <!-- <mat-card-actions>\r\n      <button\r\n        class=\"btn btn-primary\"\r\n        mat-raised-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"onAddViewEditRecord.emit(null)\"\r\n      >\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  <mat-card-content>\r\n    <!--#region FILTERS -->\r\n    <div class=\"row\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModelInput)]=\"minDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModelInput)]=\"maxDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <mat-form-field>\r\n          <mat-label>Selezione dei campi</mat-label>\r\n          <mat-select (selectionChange)=\"onSelectionChange($event)\" multiple>\r\n            <mat-option *ngFor=\"let property of properties\" [value]=\"property\">\r\n              {{ propertiesLabel[property.label] }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <!-- <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <button\r\n          [disabled]=\"\r\n            selectedProperties == null || selectedProperties.length == 0\r\n          \"\r\n          class=\"btn btn-graph-generate button-next me-2\"\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"filterDataAnswers()\"\r\n        >\r\n          Genera\r\n        </button>\r\n      </div> -->\r\n    </div>\r\n    <!--#endregion FILTERS -->\r\n\r\n    <!--#region TABLE -->\r\n    <div class=\"table-container\">\r\n      <table\r\n        mat-table\r\n        [dataSource]=\"selectedProperties\"\r\n        class=\"mat-elevation-z8 mat-table-fixed\"\r\n      >\r\n        <!-- Colonna fissa per le propriet\u00E0 -->\r\n        <ng-container matColumnDef=\"property\" sticky>\r\n          <th mat-header-cell *matHeaderCellDef class=\"sticky-column\">\r\n            Data Inserimento\r\n          </th>\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let selectedProperties\"\r\n            class=\"sticky-column\"\r\n          >\r\n            {{ propertiesLabel[selectedProperties.label] }}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Genera dinamicamente le colonne per ogni risposta -->\r\n        <ng-container\r\n          *ngFor=\"let value of filteredAnswers; let i = index\"\r\n          [matColumnDef]=\"'col' + i\"\r\n        >\r\n          <th mat-header-cell *matHeaderCellDef>\r\n            {{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}\r\n          </th>\r\n          <!-- <th mat-header-cell *matHeaderCellDef> {{ value.AnswerDate | date:'dd/MM/yyyy HH:mm' }} </th> -->\r\n          <td mat-cell *matCellDef=\"let selectedProperties\">\r\n            {{\r\n              selectedProperties.label === \"AnswerDate\"\r\n                ? (value.AnswerDate | date : \"dd/MM/yyyy HH:mm\")\r\n                : printValue(selectedProperties.type, value[selectedProperties.label], selectedProperties.config) ?? \"N/A\"\r\n            }}\r\n             <!-- - \r\n            {{selectedProperties.type}}\r\n            {{selectedProperties.label}} -->\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Header della tabella -->\r\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n\r\n        <!-- Righe della tabella -->\r\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n      </table>\r\n    </div>\r\n    <!--#region TABLE -->\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n    <!-- <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar> -->\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- <div class=\"row eqp-dynamic-module-title list-form-record-header\">\r\n  <div class=\"col-md-6\">\r\n    <h4 *ngIf=\"showTitle\">\r\n      <b>Elenco {{ form.Name }}</b>\r\n    </h4>\r\n  </div>\r\n  <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n    <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\"\r\n      (click)=\"onAddViewEditRecord.emit(null)\">\r\n      <mat-icon>add</mat-icon>\r\n      <span style=\"margin-left: 10px\">Aggiungi</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<eqp-table class=\"list-form-record-table\" #tableRecords *ngIf=\"loader && configurations.values\"\r\n  [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table> -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}.table-container{max-width:100%;overflow-x:auto;border:1px solid #ddd}.sticky-column{position:sticky;left:0;background:white;z-index:10;box-shadow:2px 0 5px #0000001a}.mat-table-fixed{width:-moz-max-content;width:max-content;min-width:100%;table-layout:fixed}th,td{text-align:center;padding:10px;min-width:100px;max-width:200px}\n"], dependencies: [{ 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: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { 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: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { 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: i8.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "ngModelInput", "formGroupInput", "formControlNameInput", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates", "highLightedAriaFormat"], outputs: ["ngModelInputChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
+HListFormRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HListFormRecordComponent, selector: "hlist-form-record", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", formID: "formID", form: "form", externalButtons: "externalButtons" }, outputs: { onViewRecord: "onViewRecord", onAddViewEditRecord: "onAddViewEditRecord", onDeleteRecord: "onDeleteRecord", onAfterDeleteRecord: "onAfterDeleteRecord" }, viewQueries: [{ propertyName: "tableRecords", first: true, predicate: ["tableRecords"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-card class=\"list-form-record\">\r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"loadedFilters && showTitle\"\r\n      >Elenco {{ form.Name }}</mat-card-title\r\n    >\r\n    <!-- <mat-card-actions>\r\n      <button\r\n        class=\"btn btn-primary\"\r\n        mat-raised-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"onAddViewEditRecord.emit(null)\"\r\n      >\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  <mat-card-content>\r\n    <!--#region FILTERS -->\r\n    <div class=\"row\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModelInput)]=\"minDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModelInput)]=\"maxDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <mat-form-field>\r\n          <mat-label>Selezione dei campi</mat-label>\r\n          <mat-select (selectionChange)=\"onSelectionChange($event)\" multiple>\r\n            <mat-option *ngFor=\"let property of properties\" [value]=\"property\">\r\n              {{ propertiesLabel[property.label] }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <!-- <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <button\r\n          [disabled]=\"\r\n            selectedProperties == null || selectedProperties.length == 0\r\n          \"\r\n          class=\"btn btn-graph-generate button-next me-2\"\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"filterDataAnswers()\"\r\n        >\r\n          Genera\r\n        </button>\r\n      </div> -->\r\n    </div>\r\n    <!--#endregion FILTERS -->\r\n\r\n    <!--#region TABLE -->\r\n    <div class=\"table-container mt-3 mb-2\" *ngIf=\"filteredAnswers && filteredAnswers.length > 0; else no_answers\">\r\n      <table\r\n        mat-table\r\n        [dataSource]=\"selectedProperties\"\r\n        class=\"mat-elevation-z8 mat-table-fixed\"\r\n      >\r\n        <!-- Colonna fissa per le propriet\u00E0 -->\r\n        <ng-container matColumnDef=\"property\" sticky>\r\n          <th mat-header-cell *matHeaderCellDef class=\"sticky-column\">\r\n            Data Inserimento\r\n          </th>\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let selectedProperties\"\r\n            class=\"sticky-column\"\r\n          >\r\n            {{ propertiesLabel[selectedProperties.label] }}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Genera dinamicamente le colonne per ogni risposta -->\r\n        <ng-container\r\n          *ngFor=\"let value of filteredAnswers; let i = index\"\r\n          [matColumnDef]=\"'col' + i\"\r\n        >\r\n          <th mat-header-cell *matHeaderCellDef>\r\n            {{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}\r\n          </th>\r\n          <!-- <th mat-header-cell *matHeaderCellDef> {{ value.AnswerDate | date:'dd/MM/yyyy HH:mm' }} </th> -->\r\n          <td mat-cell *matCellDef=\"let selectedProperties\">\r\n            {{\r\n              selectedProperties.label === \"AnswerDate\"\r\n                ? (value.AnswerDate | date : \"dd/MM/yyyy HH:mm\")\r\n                : printValue(selectedProperties.type, value[selectedProperties.label], selectedProperties.config, value) ?? \"N/A\"\r\n            }}\r\n             <!-- - \r\n            {{selectedProperties.type}}\r\n            {{selectedProperties.label}} -->\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Header della tabella -->\r\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n\r\n        <!-- Righe della tabella -->\r\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n      </table>\r\n    </div>\r\n    \r\n    <ng-template #no_answers>\r\n      <div class=\"mt-3 mb-2 text-center\">\r\n        <span>\r\n          Non ci sono risposte \r\n        </span>\r\n      </div>\r\n    </ng-template>\r\n    <!--#region TABLE -->\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n    <!-- <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar> -->\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- <div class=\"row eqp-dynamic-module-title list-form-record-header\">\r\n  <div class=\"col-md-6\">\r\n    <h4 *ngIf=\"showTitle\">\r\n      <b>Elenco {{ form.Name }}</b>\r\n    </h4>\r\n  </div>\r\n  <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n    <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\"\r\n      (click)=\"onAddViewEditRecord.emit(null)\">\r\n      <mat-icon>add</mat-icon>\r\n      <span style=\"margin-left: 10px\">Aggiungi</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<eqp-table class=\"list-form-record-table\" #tableRecords *ngIf=\"loader && configurations.values\"\r\n  [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table> -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}.table-container{max-width:100%;overflow-x:auto;border:1px solid #ddd}.sticky-column{position:sticky;left:0;background:white;z-index:10;box-shadow:2px 0 5px #0000001a}.mat-table-fixed{width:-moz-max-content;width:max-content;min-width:100%;table-layout:fixed}th,td{text-align:center;padding:10px;min-width:100px;max-width:200px}\n"], dependencies: [{ 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: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { 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: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { 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: i8.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "ngModelInput", "formGroupInput", "formControlNameInput", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates", "highLightedAriaFormat"], outputs: ["ngModelInputChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HListFormRecordComponent, decorators: [{
             type: Component,
-            args: [{ selector: "hlist-form-record", template: "<mat-card class=\"list-form-record\">\r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"loadedFilters && showTitle\"\r\n      >Elenco {{ form.Name }}</mat-card-title\r\n    >\r\n    <!-- <mat-card-actions>\r\n      <button\r\n        class=\"btn btn-primary\"\r\n        mat-raised-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"onAddViewEditRecord.emit(null)\"\r\n      >\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  <mat-card-content>\r\n    <!--#region FILTERS -->\r\n    <div class=\"row\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModelInput)]=\"minDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModelInput)]=\"maxDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <mat-form-field>\r\n          <mat-label>Selezione dei campi</mat-label>\r\n          <mat-select (selectionChange)=\"onSelectionChange($event)\" multiple>\r\n            <mat-option *ngFor=\"let property of properties\" [value]=\"property\">\r\n              {{ propertiesLabel[property.label] }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <!-- <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <button\r\n          [disabled]=\"\r\n            selectedProperties == null || selectedProperties.length == 0\r\n          \"\r\n          class=\"btn btn-graph-generate button-next me-2\"\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"filterDataAnswers()\"\r\n        >\r\n          Genera\r\n        </button>\r\n      </div> -->\r\n    </div>\r\n    <!--#endregion FILTERS -->\r\n\r\n    <!--#region TABLE -->\r\n    <div class=\"table-container\">\r\n      <table\r\n        mat-table\r\n        [dataSource]=\"selectedProperties\"\r\n        class=\"mat-elevation-z8 mat-table-fixed\"\r\n      >\r\n        <!-- Colonna fissa per le propriet\u00E0 -->\r\n        <ng-container matColumnDef=\"property\" sticky>\r\n          <th mat-header-cell *matHeaderCellDef class=\"sticky-column\">\r\n            Data Inserimento\r\n          </th>\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let selectedProperties\"\r\n            class=\"sticky-column\"\r\n          >\r\n            {{ propertiesLabel[selectedProperties.label] }}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Genera dinamicamente le colonne per ogni risposta -->\r\n        <ng-container\r\n          *ngFor=\"let value of filteredAnswers; let i = index\"\r\n          [matColumnDef]=\"'col' + i\"\r\n        >\r\n          <th mat-header-cell *matHeaderCellDef>\r\n            {{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}\r\n          </th>\r\n          <!-- <th mat-header-cell *matHeaderCellDef> {{ value.AnswerDate | date:'dd/MM/yyyy HH:mm' }} </th> -->\r\n          <td mat-cell *matCellDef=\"let selectedProperties\">\r\n            {{\r\n              selectedProperties.label === \"AnswerDate\"\r\n                ? (value.AnswerDate | date : \"dd/MM/yyyy HH:mm\")\r\n                : printValue(selectedProperties.type, value[selectedProperties.label], selectedProperties.config) ?? \"N/A\"\r\n            }}\r\n             <!-- - \r\n            {{selectedProperties.type}}\r\n            {{selectedProperties.label}} -->\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Header della tabella -->\r\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n\r\n        <!-- Righe della tabella -->\r\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n      </table>\r\n    </div>\r\n    <!--#region TABLE -->\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n    <!-- <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar> -->\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- <div class=\"row eqp-dynamic-module-title list-form-record-header\">\r\n  <div class=\"col-md-6\">\r\n    <h4 *ngIf=\"showTitle\">\r\n      <b>Elenco {{ form.Name }}</b>\r\n    </h4>\r\n  </div>\r\n  <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n    <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\"\r\n      (click)=\"onAddViewEditRecord.emit(null)\">\r\n      <mat-icon>add</mat-icon>\r\n      <span style=\"margin-left: 10px\">Aggiungi</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<eqp-table class=\"list-form-record-table\" #tableRecords *ngIf=\"loader && configurations.values\"\r\n  [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table> -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}.table-container{max-width:100%;overflow-x:auto;border:1px solid #ddd}.sticky-column{position:sticky;left:0;background:white;z-index:10;box-shadow:2px 0 5px #0000001a}.mat-table-fixed{width:-moz-max-content;width:max-content;min-width:100%;table-layout:fixed}th,td{text-align:center;padding:10px;min-width:100px;max-width:200px}\n"] }]
+            args: [{ selector: "hlist-form-record", template: "<mat-card class=\"list-form-record\">\r\n  <mat-card-header class=\"align-items-center justify-content-between\">\r\n    <mat-card-title *ngIf=\"loadedFilters && showTitle\"\r\n      >Elenco {{ form.Name }}</mat-card-title\r\n    >\r\n    <!-- <mat-card-actions>\r\n      <button\r\n        class=\"btn btn-primary\"\r\n        mat-raised-button\r\n        color=\"primary\"\r\n        type=\"button\"\r\n        (click)=\"onAddViewEditRecord.emit(null)\"\r\n      >\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  <mat-card-content>\r\n    <!--#region FILTERS -->\r\n    <div class=\"row\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModelInput)]=\"minDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModelInput)]=\"maxDate\"\r\n          (ngModelInputChange)=\"filterDataAnswers()\"\r\n          [pickerMode]=\"modes.DATEPICKER\"\r\n          [outputFormat]=\"'DD/MM/YYYY'\"\r\n          [showSeconds]=\"false\"\r\n        >\r\n        </tmw-datetimepicker>\r\n      </div>\r\n      <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <mat-form-field>\r\n          <mat-label>Selezione dei campi</mat-label>\r\n          <mat-select (selectionChange)=\"onSelectionChange($event)\" multiple>\r\n            <mat-option *ngFor=\"let property of properties\" [value]=\"property\">\r\n              {{ propertiesLabel[property.label] }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <!-- <div class=\"col-sm-12 col-md-3 mt-2\">\r\n        <button\r\n          [disabled]=\"\r\n            selectedProperties == null || selectedProperties.length == 0\r\n          \"\r\n          class=\"btn btn-graph-generate button-next me-2\"\r\n          mat-raised-button\r\n          color=\"primary\"\r\n          (click)=\"filterDataAnswers()\"\r\n        >\r\n          Genera\r\n        </button>\r\n      </div> -->\r\n    </div>\r\n    <!--#endregion FILTERS -->\r\n\r\n    <!--#region TABLE -->\r\n    <div class=\"table-container mt-3 mb-2\" *ngIf=\"filteredAnswers && filteredAnswers.length > 0; else no_answers\">\r\n      <table\r\n        mat-table\r\n        [dataSource]=\"selectedProperties\"\r\n        class=\"mat-elevation-z8 mat-table-fixed\"\r\n      >\r\n        <!-- Colonna fissa per le propriet\u00E0 -->\r\n        <ng-container matColumnDef=\"property\" sticky>\r\n          <th mat-header-cell *matHeaderCellDef class=\"sticky-column\">\r\n            Data Inserimento\r\n          </th>\r\n          <td\r\n            mat-cell\r\n            *matCellDef=\"let selectedProperties\"\r\n            class=\"sticky-column\"\r\n          >\r\n            {{ propertiesLabel[selectedProperties.label] }}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Genera dinamicamente le colonne per ogni risposta -->\r\n        <ng-container\r\n          *ngFor=\"let value of filteredAnswers; let i = index\"\r\n          [matColumnDef]=\"'col' + i\"\r\n        >\r\n          <th mat-header-cell *matHeaderCellDef>\r\n            {{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}\r\n          </th>\r\n          <!-- <th mat-header-cell *matHeaderCellDef> {{ value.AnswerDate | date:'dd/MM/yyyy HH:mm' }} </th> -->\r\n          <td mat-cell *matCellDef=\"let selectedProperties\">\r\n            {{\r\n              selectedProperties.label === \"AnswerDate\"\r\n                ? (value.AnswerDate | date : \"dd/MM/yyyy HH:mm\")\r\n                : printValue(selectedProperties.type, value[selectedProperties.label], selectedProperties.config, value) ?? \"N/A\"\r\n            }}\r\n             <!-- - \r\n            {{selectedProperties.type}}\r\n            {{selectedProperties.label}} -->\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Header della tabella -->\r\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n\r\n        <!-- Righe della tabella -->\r\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\r\n      </table>\r\n    </div>\r\n    \r\n    <ng-template #no_answers>\r\n      <div class=\"mt-3 mb-2 text-center\">\r\n        <span>\r\n          Non ci sono risposte \r\n        </span>\r\n      </div>\r\n    </ng-template>\r\n    <!--#region TABLE -->\r\n  </mat-card-content>\r\n  <mat-card-footer>\r\n    <!-- <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar> -->\r\n  </mat-card-footer>\r\n</mat-card>\r\n\r\n<!-- <div class=\"row eqp-dynamic-module-title list-form-record-header\">\r\n  <div class=\"col-md-6\">\r\n    <h4 *ngIf=\"showTitle\">\r\n      <b>Elenco {{ form.Name }}</b>\r\n    </h4>\r\n  </div>\r\n  <div class=\"col-md-6 text-right\" *ngIf=\"defaultListActions.add\">\r\n    <button class=\"btn btn-primary\" mat-raised-button color=\"primary\" type=\"button\"\r\n      (click)=\"onAddViewEditRecord.emit(null)\">\r\n      <mat-icon>add</mat-icon>\r\n      <span style=\"margin-left: 10px\">Aggiungi</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<eqp-table class=\"list-form-record-table\" #tableRecords *ngIf=\"loader && configurations.values\"\r\n  [data]=\"configurations.values\" [columns]=\"columns\"></eqp-table> -->\r\n", styles: ["::ng-deep .error-color{color:var(--danger)}::ng-deep .success-color{color:var(--success)}.table-container{max-width:100%;overflow-x:auto;border:1px solid #ddd}.sticky-column{position:sticky;left:0;background:white;z-index:10;box-shadow:2px 0 5px #0000001a}.mat-table-fixed{width:-moz-max-content;width:max-content;min-width:100%;table-layout:fixed}th,td{text-align:center;padding:10px;min-width:100px;max-width:200px}\n"] }]
         }], ctorParameters: function () { return [{ type: UtilityHelperService }, { type: i0.ChangeDetectorRef }, { type: i2$1.DatePipe }]; }, propDecorators: { configurations: [{
                 type: Input
             }], endPointConfiguration: [{