@eqproject/eqp-dynamic-module 2.10.65 → 2.10.67

package/esm2020/lib/components/private/form-records/hlist-form-record/hlist-form-record.component.mjs

@@ -783,7 +783,7 @@ export class HListFormRecordComponent {
     }
 }
 HListFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HListFormRecordComponent, deps: [{ token: i1.UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i2.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", formulaObject: "formulaObject", externalButtons: "externalButtons", actionButtons: "actionButtons" }, 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 mt-2\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModel)]=\"minDate\"\r\n          (dateChange)=\"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 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModel)]=\"maxDate\"\r\n          (dateChange)=\"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        <mat-form-field appearance=\"outline\">\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\r\n    *ngIf=\"filteredAnswers && filteredAnswers.length > 0; else no_answers\"\r\n      class=\"table-container mt-3 mb-2\"\r\n    >\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            <span *ngIf=\"value.ID != '0'\">{{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}</span>\r\n            <span *ngIf=\"value.ID == '0'\">{{ value.AnswerDate }}</span>\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(\r\n                    selectedProperties.type,\r\n                    value[selectedProperties.label],\r\n                    selectedProperties.config,\r\n                    value\r\n                  ) ?? \"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> Non ci sono risposte </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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates"], outputs: ["dateChange"] }, { kind: "pipe", type: i2.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", formulaObject: "formulaObject", externalButtons: "externalButtons", actionButtons: "actionButtons" }, 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 mt-2\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModel)]=\"minDate\"\r\n          (dateChange)=\"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 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModel)]=\"maxDate\"\r\n          (dateChange)=\"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        <mat-form-field appearance=\"outline\">\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\r\n    *ngIf=\"filteredAnswers && filteredAnswers.length > 0; else no_answers\"\r\n      class=\"table-container mt-3 mb-2\"\r\n    >\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            <span *ngIf=\"value.ID != '0'\">{{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}</span>\r\n            <span *ngIf=\"value.ID == '0'\">{{ value.AnswerDate }}</span>\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(\r\n                    selectedProperties.type,\r\n                    value[selectedProperties.label],\r\n                    selectedProperties.config,\r\n                    value\r\n                  ) ?? \"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> Non ci sono risposte </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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.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: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates", "iconsPosition", "closeIconPosition", "containerStyle", "inputStyle", "calendarButtonStyle", "clockButtonStyle", "closeButtonStyle", "useTooltip", "tooltipStyle"], outputs: ["dateChange"] }, { kind: "pipe", type: i2.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 mt-2\" *ngIf=\"loadedFilters\">\r\n      <div class=\"col-sm-12 col-md-3 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo inizio'\"\r\n          [label]=\"'Periodo inizio'\"\r\n          [(ngModel)]=\"minDate\"\r\n          (dateChange)=\"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 align-content-end\">\r\n        <tmw-datetimepicker\r\n          class=\"date\"\r\n          [placeholder]=\"'Periodo fine'\"\r\n          [label]=\"'Periodo fine'\"\r\n          [(ngModel)]=\"maxDate\"\r\n          (dateChange)=\"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        <mat-form-field appearance=\"outline\">\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\r\n    *ngIf=\"filteredAnswers && filteredAnswers.length > 0; else no_answers\"\r\n      class=\"table-container mt-3 mb-2\"\r\n    >\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            <span *ngIf=\"value.ID != '0'\">{{ value.AnswerDate | date : \"dd/MM/yyyy HH:mm\" }}</span>\r\n            <span *ngIf=\"value.ID == '0'\">{{ value.AnswerDate }}</span>\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(\r\n                    selectedProperties.type,\r\n                    value[selectedProperties.label],\r\n                    selectedProperties.config,\r\n                    value\r\n                  ) ?? \"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> Non ci sono risposte </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"] }]

package/esm2020/lib/components/private/form-records/list-view-form-record/list-view-form-record.component.mjs

@@ -867,7 +867,7 @@ export class ListViewFormRecordComponent {
     }
 }
 ListViewFormRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListViewFormRecordComponent, deps: [{ token: i1.UtilityHelperService }, { token: i0.ChangeDetectorRef }, { token: i2.MatDialog }, { token: i3.Router }, { token: i4.dbDateService }, { token: i5.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", formulaObject: "formulaObject", contestualizationParams: "contestualizationParams" }, 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\n        class=\"dynamic-module-hlist\"\r\n        [formID]=\"formID\"\r\n        [formulaObject]=\"formulaObject\"\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            [formulaObject]=\"formulaObject\"\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        [formulaObject]=\"formulaObject\"\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: i6.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: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i7.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i7.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.EqpTableComponent, selector: "eqp-table" }, { kind: "directive", type: i12.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: i13.HListFormRecordComponent, selector: "hlist-form-record", inputs: ["configurations", "endPointConfiguration", "formID", "form", "formulaObject", "externalButtons", "actionButtons"], outputs: ["onViewRecord", "onAddViewEditRecord", "onDeleteRecord", "onAfterDeleteRecord"] }, { kind: "component", type: i14.AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "formulaObject", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: i15.SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "formulaObject", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: i16.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", formulaObject: "formulaObject", contestualizationParams: "contestualizationParams" }, 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\n        class=\"dynamic-module-hlist\"\r\n        [formID]=\"formID\"\r\n        [formulaObject]=\"formulaObject\"\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            [formulaObject]=\"formulaObject\"\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        [formulaObject]=\"formulaObject\"\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: i6.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: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i7.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: i7.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.EqpTableComponent, selector: "eqp-table" }, { kind: "directive", type: i12.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: i13.HListFormRecordComponent, selector: "hlist-form-record", inputs: ["configurations", "endPointConfiguration", "formID", "form", "formulaObject", "externalButtons", "actionButtons"], outputs: ["onViewRecord", "onAddViewEditRecord", "onDeleteRecord", "onAfterDeleteRecord"] }, { kind: "component", type: i14.AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "formulaObject", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent", "visualEditorMode", "veSwapFieldCode"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger", "veFieldClick"] }, { kind: "component", type: i15.SingleRecordComponent, selector: "lib-single-record", inputs: ["endPointConfiguration", "record", "formulaObject", "pageState", "userID", "form", "showBackButton", "outCompileConfigurations", "onlyView", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: i16.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          <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\n        class=\"dynamic-module-hlist\"\r\n        [formID]=\"formID\"\r\n        [formulaObject]=\"formulaObject\"\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            [formulaObject]=\"formulaObject\"\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        [formulaObject]=\"formulaObject\"\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"] }]

package/esm2020/lib/components/private/form-records/list-view-form-record/single-record/single-record.component.mjs

@@ -43,7 +43,7 @@ export class SingleRecordComponent {
     }
 }
 SingleRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SingleRecordComponent, deps: [{ token: i1.UtilityHelperService }], target: i0.ɵɵFactoryTarget.Component });
-SingleRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SingleRecordComponent, selector: "lib-single-record", inputs: { endPointConfiguration: "endPointConfiguration", record: "record", formulaObject: "formulaObject", pageState: "pageState", userID: "userID", form: "form", showBackButton: "showBackButton", outCompileConfigurations: "outCompileConfigurations", onlyView: "onlyView", actionButtons: "actionButtons", QueryEditorComponent: "QueryEditorComponent" }, outputs: { saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", out: "out", fireTrigger: "fireTrigger" }, ngImport: i0, template: "<ng-container *ngIf=\"loaded && record && pageState\">\r\n\r\n    <!--#region VISUALIZZA CONTENUTO -->\r\n    <ng-container *ngIf=\"pageState == 'visualizzaContenuto'\">\r\n        <view-form-record \r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n            [record]=\"record\" \r\n            [actionButtons]=\"actionButtons\"\r\n            [showBackButton]=\"false\"\r\n            >\r\n        </view-form-record>\r\n    </ng-container>\r\n    <!--#endregion VISUALIZZA CONTENUTO -->\r\n\r\n    <!--#region MODIFICA RISPOSTA -->\r\n    <ng-container *ngIf=\"pageState == 'modificaContenuto'\">\r\n        <add-form-record\r\n            [onlyView]=\"onlyView\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [record]=\"record\"\r\n            [formulaObject]=\"formulaObject\"\r\n            [actionButtons]=\"actionButtons\"\r\n\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [configurations]=\"outCompileConfigurations\"\r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n            >\r\n        </add-form-record>\r\n    </ng-container>\r\n    <!--#endregion MODIFICA RISPOSTA -->\r\n\r\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "formulaObject", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger"] }, { kind: "component", type: i4.ViewFormRecordComponent, selector: "view-form-record", inputs: ["endPointConfiguration", "record", "showBackButton", "actionButtons"], outputs: ["goBackEvent"] }] });
+SingleRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SingleRecordComponent, selector: "lib-single-record", inputs: { endPointConfiguration: "endPointConfiguration", record: "record", formulaObject: "formulaObject", pageState: "pageState", userID: "userID", form: "form", showBackButton: "showBackButton", outCompileConfigurations: "outCompileConfigurations", onlyView: "onlyView", actionButtons: "actionButtons", QueryEditorComponent: "QueryEditorComponent" }, outputs: { saveRecordEvent: "saveRecordEvent", afterSaveRecordEvent: "afterSaveRecordEvent", out: "out", fireTrigger: "fireTrigger" }, ngImport: i0, template: "<ng-container *ngIf=\"loaded && record && pageState\">\r\n\r\n    <!--#region VISUALIZZA CONTENUTO -->\r\n    <ng-container *ngIf=\"pageState == 'visualizzaContenuto'\">\r\n        <view-form-record \r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n            [record]=\"record\" \r\n            [actionButtons]=\"actionButtons\"\r\n            [showBackButton]=\"false\"\r\n            >\r\n        </view-form-record>\r\n    </ng-container>\r\n    <!--#endregion VISUALIZZA CONTENUTO -->\r\n\r\n    <!--#region MODIFICA RISPOSTA -->\r\n    <ng-container *ngIf=\"pageState == 'modificaContenuto'\">\r\n        <add-form-record\r\n            [onlyView]=\"onlyView\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [record]=\"record\"\r\n            [formulaObject]=\"formulaObject\"\r\n            [actionButtons]=\"actionButtons\"\r\n\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [configurations]=\"outCompileConfigurations\"\r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n            >\r\n        </add-form-record>\r\n    </ng-container>\r\n    <!--#endregion MODIFICA RISPOSTA -->\r\n\r\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AddFormRecordComponent, selector: "add-form-record", inputs: ["configurations", "endPointConfiguration", "userID", "orgaID", "formID", "form", "record", "formulaObject", "onlyView", "isDuplicate", "inConfig", "showAllFields", "showTitle", "actionButtons", "QueryEditorComponent", "visualEditorMode", "veSwapFieldCode"], outputs: ["saveRecordEvent", "afterSaveRecordEvent", "out", "fireTrigger", "veFieldClick"] }, { kind: "component", type: i4.ViewFormRecordComponent, selector: "view-form-record", inputs: ["endPointConfiguration", "record", "showBackButton", "actionButtons"], outputs: ["goBackEvent"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SingleRecordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-single-record', template: "<ng-container *ngIf=\"loaded && record && pageState\">\r\n\r\n    <!--#region VISUALIZZA CONTENUTO -->\r\n    <ng-container *ngIf=\"pageState == 'visualizzaContenuto'\">\r\n        <view-form-record \r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n            [record]=\"record\" \r\n            [actionButtons]=\"actionButtons\"\r\n            [showBackButton]=\"false\"\r\n            >\r\n        </view-form-record>\r\n    </ng-container>\r\n    <!--#endregion VISUALIZZA CONTENUTO -->\r\n\r\n    <!--#region MODIFICA RISPOSTA -->\r\n    <ng-container *ngIf=\"pageState == 'modificaContenuto'\">\r\n        <add-form-record\r\n            [onlyView]=\"onlyView\"\r\n            [form]=\"form\"\r\n            [userID]=\"userID\"\r\n            [record]=\"record\"\r\n            [formulaObject]=\"formulaObject\"\r\n            [actionButtons]=\"actionButtons\"\r\n\r\n            [QueryEditorComponent]=\"QueryEditorComponent\"\r\n            [configurations]=\"outCompileConfigurations\"\r\n            [endPointConfiguration]=\"endPointConfiguration\"\r\n\r\n            (out)=\"onExternalComponentOut($event)\"\r\n            (saveRecordEvent)=\"saveOrExitForm($event)\"\r\n            (afterSaveRecordEvent)=\"onAfterSaveRecord($event)\"\r\n            (fireTrigger)=\"onFireTrigger($event)\"\r\n            >\r\n        </add-form-record>\r\n    </ng-container>\r\n    <!--#endregion MODIFICA RISPOSTA -->\r\n\r\n</ng-container>" }]

package/esm2020/lib/components/private/form-statistics/filter-templates/date-filter-template/date-filter-template.component.mjs

@@ -108,7 +108,7 @@ export class DateFilterTemplateComponent {
     }
 }
 DateFilterTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateFilterTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterTemplateComponent, selector: "date-filter-template", inputs: { field: "field", record: "record", Statistic: "Statistic", filterResultViewMode: "filterResultViewMode" }, outputs: { filterChange: "filterChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12 rowCol\">\r\n        <div class=\"visibleCol\">\r\n            <button class=\"btn\" [ngClass]=\"{'btn-success': visible , 'btn-danger': !visible }\" (click)=\"changeVisibility()\">\r\n                <mat-icon *ngIf=\"visible\">visibility</mat-icon>\r\n                <mat-icon *ngIf=\"!visible\">visibility_off</mat-icon>\r\n            </button>\r\n        </div>               \r\n        <div class=\"groupByCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Operatori di confronto'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"operatorsGroupByEnum\"\r\n                [(ngModelInput)]=\"operatorsGroupBy\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                    \r\n        <div class=\"valueCol\">\r\n            <tmw-datetimepicker  [placeholder]=\"field.Description\" [label]=\"field.Description\" [pickerMode]=\"mode\"\r\n            [minDate]=\"field.MinDate ? field.MinDate : null\" [maxDate]=\"field.MaxDate ? field.MaxDate : null\"\r\n            [disabled]=\"field.FormFormGroup.disabled\" [(ngModel)]=\"record[field.Name]\"\r\n            (dateChange)=\"onFilterChange()\" [outputFormat]=\"outputFormat\" >\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorNumeric\" [(ngModelInput)]=\"selectedLogicOperator\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onFilterChange()\"></eqp-select>\r\n        </div>        \r\n        <div class=\"aggregatorCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Aggregazioni'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"aggregationFunctionEnum\"\r\n                [(ngModelInput)]=\"aggregations\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                              \r\n    </div>\r\n</div>", styles: [".rowCol{display:flex;height:56px}.rowCol>*{height:100%}.rowCol .valueCol{padding-right:0;width:100%}.rowCol .operatorCol{padding-left:0;padding-right:0;width:110px;min-width:110px}.rowCol .visibleCol{display:flex;justify-content:center;align-items:flex-start;border-top-left-radius:0;border-bottom-left-radius:0;width:50px;min-width:50px}.rowCol .visibleCol button{height:100%}.rowCol .coordinatesCol{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-top-left-radius:0;border-bottom-left-radius:0;width:35px;min-width:35px}.rowCol .coordinatesCol button{height:30px;width:30px;margin:1px;padding:0}.rowCol .aggregatorCol{min-width:219px}::ng-deep .operatorCol .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#a5afc0!important}::ng-deep .operatorCol .mat-mdc-select-value{color:#081c45;font-size:16px;font-weight:700;position:relative;top:-6px}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates"], outputs: ["dateChange"] }] });
+DateFilterTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterTemplateComponent, selector: "date-filter-template", inputs: { field: "field", record: "record", Statistic: "Statistic", filterResultViewMode: "filterResultViewMode" }, outputs: { filterChange: "filterChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12 rowCol\">\r\n        <div class=\"visibleCol\">\r\n            <button class=\"btn\" [ngClass]=\"{'btn-success': visible , 'btn-danger': !visible }\" (click)=\"changeVisibility()\">\r\n                <mat-icon *ngIf=\"visible\">visibility</mat-icon>\r\n                <mat-icon *ngIf=\"!visible\">visibility_off</mat-icon>\r\n            </button>\r\n        </div>               \r\n        <div class=\"groupByCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Operatori di confronto'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"operatorsGroupByEnum\"\r\n                [(ngModelInput)]=\"operatorsGroupBy\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                    \r\n        <div class=\"valueCol\">\r\n            <tmw-datetimepicker  [placeholder]=\"field.Description\" [label]=\"field.Description\" [pickerMode]=\"mode\"\r\n            [minDate]=\"field.MinDate ? field.MinDate : null\" [maxDate]=\"field.MaxDate ? field.MaxDate : null\"\r\n            [disabled]=\"field.FormFormGroup.disabled\" [(ngModel)]=\"record[field.Name]\"\r\n            (dateChange)=\"onFilterChange()\" [outputFormat]=\"outputFormat\" >\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorNumeric\" [(ngModelInput)]=\"selectedLogicOperator\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onFilterChange()\"></eqp-select>\r\n        </div>        \r\n        <div class=\"aggregatorCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Aggregazioni'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"aggregationFunctionEnum\"\r\n                [(ngModelInput)]=\"aggregations\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                              \r\n    </div>\r\n</div>", styles: [".rowCol{display:flex;height:56px}.rowCol>*{height:100%}.rowCol .valueCol{padding-right:0;width:100%}.rowCol .operatorCol{padding-left:0;padding-right:0;width:110px;min-width:110px}.rowCol .visibleCol{display:flex;justify-content:center;align-items:flex-start;border-top-left-radius:0;border-bottom-left-radius:0;width:50px;min-width:50px}.rowCol .visibleCol button{height:100%}.rowCol .coordinatesCol{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-top-left-radius:0;border-bottom-left-radius:0;width:35px;min-width:35px}.rowCol .coordinatesCol button{height:30px;width:30px;margin:1px;padding:0}.rowCol .aggregatorCol{min-width:219px}::ng-deep .operatorCol .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#a5afc0!important}::ng-deep .operatorCol .mat-mdc-select-value{color:#081c45;font-size:16px;font-weight:700;position:relative;top:-6px}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates", "iconsPosition", "closeIconPosition", "containerStyle", "inputStyle", "calendarButtonStyle", "clockButtonStyle", "closeButtonStyle", "useTooltip", "tooltipStyle"], outputs: ["dateChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'date-filter-template', template: "<div class=\"row\">\r\n    <div class=\"col-12 rowCol\">\r\n        <div class=\"visibleCol\">\r\n            <button class=\"btn\" [ngClass]=\"{'btn-success': visible , 'btn-danger': !visible }\" (click)=\"changeVisibility()\">\r\n                <mat-icon *ngIf=\"visible\">visibility</mat-icon>\r\n                <mat-icon *ngIf=\"!visible\">visibility_off</mat-icon>\r\n            </button>\r\n        </div>               \r\n        <div class=\"groupByCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Operatori di confronto'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"operatorsGroupByEnum\"\r\n                [(ngModelInput)]=\"operatorsGroupBy\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                    \r\n        <div class=\"valueCol\">\r\n            <tmw-datetimepicker  [placeholder]=\"field.Description\" [label]=\"field.Description\" [pickerMode]=\"mode\"\r\n            [minDate]=\"field.MinDate ? field.MinDate : null\" [maxDate]=\"field.MaxDate ? field.MaxDate : null\"\r\n            [disabled]=\"field.FormFormGroup.disabled\" [(ngModel)]=\"record[field.Name]\"\r\n            (dateChange)=\"onFilterChange()\" [outputFormat]=\"outputFormat\" >\r\n            </tmw-datetimepicker>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorNumeric\" [(ngModelInput)]=\"selectedLogicOperator\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onFilterChange()\"></eqp-select>\r\n        </div>        \r\n        <div class=\"aggregatorCol\">\r\n            <eqp-select\r\n                [placeholder]=\"'Aggregazioni'\"\r\n                [isMultiSelect]=\"true\"\r\n                [enumData]=\"aggregationFunctionEnum\"\r\n                [(ngModelInput)]=\"aggregations\"\r\n                (ngModelInputChange)=\"onFilterChange()\"\r\n            ></eqp-select>\r\n        </div>                              \r\n    </div>\r\n</div>", styles: [".rowCol{display:flex;height:56px}.rowCol>*{height:100%}.rowCol .valueCol{padding-right:0;width:100%}.rowCol .operatorCol{padding-left:0;padding-right:0;width:110px;min-width:110px}.rowCol .visibleCol{display:flex;justify-content:center;align-items:flex-start;border-top-left-radius:0;border-bottom-left-radius:0;width:50px;min-width:50px}.rowCol .visibleCol button{height:100%}.rowCol .coordinatesCol{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-top-left-radius:0;border-bottom-left-radius:0;width:35px;min-width:35px}.rowCol .coordinatesCol button{height:30px;width:30px;margin:1px;padding:0}.rowCol .aggregatorCol{min-width:219px}::ng-deep .operatorCol .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#a5afc0!important}::ng-deep .operatorCol .mat-mdc-select-value{color:#081c45;font-size:16px;font-weight:700;position:relative;top:-6px}\n"] }]

package/esm2020/lib/components/private/graphs/graphs.component.mjs

@@ -148,7 +148,7 @@ export class GraphsComponent {
     }
 }
 GraphsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphsComponent, deps: [{ token: i1.UtilityHelperService }, { token: i2.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-GraphsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GraphsComponent, selector: "graphs", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", form: "form", actionButtons: "actionButtons" }, outputs: { fireTrigger: "fireTrigger" }, ngImport: i0, template: "<mat-card class=\"list-view-form-record\" *ngIf=\"loaded\">\r\n    <mat-card-content>\r\n      \r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-12 col-md-3  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                    [(ngModel)]=\"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  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                    [(ngModel)]=\"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]=\"fields\" [(ngModelInput)]=\"selectedFields\" [placeholder]=\"'Selezione dei campi'\"\r\n                [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'Description'\" [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]=\"selectedFields == null || selectedFields.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)=\"generateGraph()\"\r\n                >\r\n                Genera\r\n              </button>\r\n            </div>                   \r\n        </div>\r\n        <div class=\"generation_box\" *ngIf=\"generated\">\r\n            <div class=\"row\">\r\n                <div class=\"col-3\">\r\n                    <div class=\"generation_options\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                        <mat-checkbox class=\"mr-2\" [(ngModel)]=\"selectedField.Visible\">\r\n                        {{selectedField.Description}}\r\n                        </mat-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-9\">\r\n                        <div class=\"generation_graph\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                            <div class=\"generation_divider\" [hidden]=\"!selectedField.Visible\">\r\n                                <graph [data]=\"selectedField.Coords\" [title]=\"selectedField.Description\"></graph>\r\n                            </div>\r\n                        </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n  \r\n  \r\n    </mat-card-content>\r\n    <mat-card-footer>\r\n    </mat-card-footer>\r\n  </mat-card>", styles: [".btn-graph-generate{height:56px;width:100%}.generation_box .generation_divider{margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid black;width:100%;height:600px}.generation_box .generation_divider>*{width:100%;height:400px}\n"], dependencies: [{ kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.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: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5.MatCardFooter, selector: "mat-card-footer" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.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: i8.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates"], outputs: ["dateChange"] }, { kind: "component", type: i9.GraphComponent, selector: "graph", inputs: ["data", "title"] }] });
+GraphsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GraphsComponent, selector: "graphs", inputs: { configurations: "configurations", endPointConfiguration: "endPointConfiguration", userID: "userID", formID: "formID", form: "form", actionButtons: "actionButtons" }, outputs: { fireTrigger: "fireTrigger" }, ngImport: i0, template: "<mat-card class=\"list-view-form-record\" *ngIf=\"loaded\">\r\n    <mat-card-content>\r\n      \r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-12 col-md-3  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                    [(ngModel)]=\"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  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                    [(ngModel)]=\"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]=\"fields\" [(ngModelInput)]=\"selectedFields\" [placeholder]=\"'Selezione dei campi'\"\r\n                [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'Description'\" [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]=\"selectedFields == null || selectedFields.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)=\"generateGraph()\"\r\n                >\r\n                Genera\r\n              </button>\r\n            </div>                   \r\n        </div>\r\n        <div class=\"generation_box\" *ngIf=\"generated\">\r\n            <div class=\"row\">\r\n                <div class=\"col-3\">\r\n                    <div class=\"generation_options\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                        <mat-checkbox class=\"mr-2\" [(ngModel)]=\"selectedField.Visible\">\r\n                        {{selectedField.Description}}\r\n                        </mat-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-9\">\r\n                        <div class=\"generation_graph\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                            <div class=\"generation_divider\" [hidden]=\"!selectedField.Visible\">\r\n                                <graph [data]=\"selectedField.Coords\" [title]=\"selectedField.Description\"></graph>\r\n                            </div>\r\n                        </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n  \r\n  \r\n    </mat-card-content>\r\n    <mat-card-footer>\r\n    </mat-card-footer>\r\n  </mat-card>", styles: [".btn-graph-generate{height:56px;width:100%}.generation_box .generation_divider{margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid black;width:100%;height:600px}.generation_box .generation_divider>*{width:100%;height:400px}\n"], dependencies: [{ kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.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: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5.MatCardFooter, selector: "mat-card-footer" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.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: i8.TmwDateTimePickerComponent, selector: "tmw-datetimepicker", inputs: ["debugMode", "pickerMode", "timeType", "label", "placeholder", "hint", "minDate", "maxDate", "locale", "inputFormat", "outputFormat", "forSaveLocalOnDB", "timeZone", "disabled", "readonly", "currentDateAsDefault", "showSpinners", "touchUi", "enableMeridian", "hideTime", "stepHour", "showHours", "hourLabel", "stepMinute", "showMinutes", "minuteLabel", "stepSecond", "showSeconds", "secondLabel", "disableMinute", "dayLabel", "monthLabel", "yearLabel", "highLightedDates", "iconsPosition", "closeIconPosition", "containerStyle", "inputStyle", "calendarButtonStyle", "clockButtonStyle", "closeButtonStyle", "useTooltip", "tooltipStyle"], outputs: ["dateChange"] }, { kind: "component", type: i9.GraphComponent, selector: "graph", inputs: ["data", "title"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GraphsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'graphs', template: "<mat-card class=\"list-view-form-record\" *ngIf=\"loaded\">\r\n    <mat-card-content>\r\n      \r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-sm-12 col-md-3  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo inizio'\" [label]=\"'Periodo inizio'\"\r\n                    [(ngModel)]=\"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  align-content-end\">\r\n                <tmw-datetimepicker class=\"date\" [placeholder]=\"'Periodo fine'\" [label]=\"'Periodo fine'\"\r\n                    [(ngModel)]=\"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]=\"fields\" [(ngModelInput)]=\"selectedFields\" [placeholder]=\"'Selezione dei campi'\"\r\n                [arrayKeyProperty]=\"'Description'\" [arrayValueProperty]=\"'Description'\" [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]=\"selectedFields == null || selectedFields.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)=\"generateGraph()\"\r\n                >\r\n                Genera\r\n              </button>\r\n            </div>                   \r\n        </div>\r\n        <div class=\"generation_box\" *ngIf=\"generated\">\r\n            <div class=\"row\">\r\n                <div class=\"col-3\">\r\n                    <div class=\"generation_options\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                        <mat-checkbox class=\"mr-2\" [(ngModel)]=\"selectedField.Visible\">\r\n                        {{selectedField.Description}}\r\n                        </mat-checkbox>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-9\">\r\n                        <div class=\"generation_graph\" *ngFor=\"let selectedField of selectedGeneratedFields\">\r\n                            <div class=\"generation_divider\" [hidden]=\"!selectedField.Visible\">\r\n                                <graph [data]=\"selectedField.Coords\" [title]=\"selectedField.Description\"></graph>\r\n                            </div>\r\n                        </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n  \r\n  \r\n    </mat-card-content>\r\n    <mat-card-footer>\r\n    </mat-card-footer>\r\n  </mat-card>", styles: [".btn-graph-generate{height:56px;width:100%}.generation_box .generation_divider{margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid black;width:100%;height:600px}.generation_box .generation_divider>*{width:100%;height:400px}\n"] }]