@eqproject/eqp-dynamic-module 2.10.65 → 2.10.66

package/esm2020/lib/components/private/field-templates/date-field-template/date-field-template.component.mjs

@@ -96,7 +96,7 @@ export class DateFieldTemplateComponent {
     }
 }
 DateFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFieldTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFieldTemplateComponent, selector: "date-field-template", inputs: { field: "field", record: "record", formulaObject: "formulaObject", inConfig: "inConfig" }, outputs: { recordChange: "recordChange" }, usesOnChanges: true, ngImport: i0, template: "<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.Readonly\" [(ngModel)]=\"record[field.Name]\"\r\n    (dateChange)=\"onRecordValueChange($event)\" [outputFormat]=\"outputFormat\" [showSeconds]=\"showSeconds\">\r\n</tmw-datetimepicker>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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"] }] });
+DateFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFieldTemplateComponent, selector: "date-field-template", inputs: { field: "field", record: "record", formulaObject: "formulaObject", inConfig: "inConfig" }, outputs: { recordChange: "recordChange" }, usesOnChanges: true, ngImport: i0, template: "<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.Readonly\" [(ngModel)]=\"record[field.Name]\"\r\n    (dateChange)=\"onRecordValueChange($event)\" [outputFormat]=\"outputFormat\" [showSeconds]=\"showSeconds\">\r\n</tmw-datetimepicker>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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: DateFieldTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'date-field-template', template: "<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.Readonly\" [(ngModel)]=\"record[field.Name]\"\r\n    (dateChange)=\"onRecordValueChange($event)\" [outputFormat]=\"outputFormat\" [showSeconds]=\"showSeconds\">\r\n</tmw-datetimepicker>" }]

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-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"] }]

package/esm2020/lib/components/private/trigger-creator/trigger-templates/date-trigger-template/date-trigger-template.component.mjs

@@ -75,7 +75,7 @@ export class DateTriggerTemplateComponent {
     }
 }
 DateTriggerTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTriggerTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateTriggerTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTriggerTemplateComponent, selector: "date-trigger-template", inputs: { condition: "condition" }, outputs: { triggerChange: "triggerChange" }, ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"logicOperatorDate\" [(ngModelInput)]=\"selectedLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>\r\n    <div class=\"col-md-6 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        [(ngModel)]=\"this.condition.record[field.Name || field.Label]\" (dateChange)=\"onTriggerChange()\" [outputFormat]=\"outputFormat\" >\r\n        </tmw-datetimepicker>\r\n    </div>\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"booleanLogicOperatorType\" [(ngModelInput)]=\"selectedBooleanLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>    \r\n</div>", styles: [".valueCol{padding-right:0}.operatorCol{padding-left:0}::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}::ng-deep eqp-select .mat-form-field-appearance-fill.ng-touched label.mdc-floating-label.mat-mdc-floating-label{background-color:transparent!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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: i3.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"] }] });
+DateTriggerTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTriggerTemplateComponent, selector: "date-trigger-template", inputs: { condition: "condition" }, outputs: { triggerChange: "triggerChange" }, ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"logicOperatorDate\" [(ngModelInput)]=\"selectedLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>\r\n    <div class=\"col-md-6 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        [(ngModel)]=\"this.condition.record[field.Name || field.Label]\" (dateChange)=\"onTriggerChange()\" [outputFormat]=\"outputFormat\" >\r\n        </tmw-datetimepicker>\r\n    </div>\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"booleanLogicOperatorType\" [(ngModelInput)]=\"selectedBooleanLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>    \r\n</div>", styles: [".valueCol{padding-right:0}.operatorCol{padding-left:0}::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}::ng-deep eqp-select .mat-form-field-appearance-fill.ng-touched label.mdc-floating-label.mat-mdc-floating-label{background-color:transparent!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.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: i3.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: DateTriggerTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'date-trigger-template', template: "<div class=\"row\">\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"logicOperatorDate\" [(ngModelInput)]=\"selectedLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>\r\n    <div class=\"col-md-6 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        [(ngModel)]=\"this.condition.record[field.Name || field.Label]\" (dateChange)=\"onTriggerChange()\" [outputFormat]=\"outputFormat\" >\r\n        </tmw-datetimepicker>\r\n    </div>\r\n    <div class=\"col-md-3 operatorCol\">\r\n        <eqp-select [enumData]=\"booleanLogicOperatorType\" [(ngModelInput)]=\"selectedBooleanLogicOperator\" (ngModelInputChange)=\"onTriggerChange()\"></eqp-select>\r\n    </div>    \r\n</div>", styles: [".valueCol{padding-right:0}.operatorCol{padding-left:0}::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}::ng-deep eqp-select .mat-form-field-appearance-fill.ng-touched label.mdc-floating-label.mat-mdc-floating-label{background-color:transparent!important}\n"] }]

package/esm2020/lib/models/fields/dateField.model.mjs

@@ -8,8 +8,8 @@ export class DateField extends BaseField {
 }
 export var DateTimeTypeEnum;
 (function (DateTimeTypeEnum) {
-    DateTimeTypeEnum[DateTimeTypeEnum["Solo data"] = 0] = "Solo data";
-    DateTimeTypeEnum[DateTimeTypeEnum["Solo orario"] = 1] = "Solo orario";
-    DateTimeTypeEnum[DateTimeTypeEnum["Data e ora"] = 2] = "Data e ora";
+    DateTimeTypeEnum[DateTimeTypeEnum["Solo data"] = 1] = "Solo data";
+    DateTimeTypeEnum[DateTimeTypeEnum["Solo orario"] = 2] = "Solo orario";
+    DateTimeTypeEnum[DateTimeTypeEnum["Data e ora"] = 3] = "Data e ora";
 })(DateTimeTypeEnum || (DateTimeTypeEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZUZpZWxkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXFwLWR5bmFtaWMtbW9kdWxlL3NyYy9saWIvbW9kZWxzL2ZpZWxkcy9kYXRlRmllbGQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRS9DLDZFQUE2RTtBQUM3RSxNQUFNLE9BQU8sU0FBVSxTQUFRLFNBQVM7SUFBeEM7O1FBSUksZUFBVSxHQUFXLFlBQVksQ0FBQztJQUN0QyxDQUFDO0NBQUE7QUFFRCxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQ3hCLGlFQUFlLENBQUE7SUFDZixxRUFBaUIsQ0FBQTtJQUNqQixtRUFBZ0IsQ0FBQTtBQUNwQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VGaWVsZCB9IGZyb20gXCIuLi9iYXNlRmllbGQubW9kZWxcIjtcclxuXHJcbi8qKlJhcHByZXNlbnRhIGxhIGNvbmZpZ3VyYXppb25lIGRpIHVuIGNhbXBvIERhdGEgbyBEYXRhIGUgb3JhLCBvIHNvbG8gb3JhICovXHJcbmV4cG9ydCBjbGFzcyBEYXRlRmllbGQgZXh0ZW5kcyBCYXNlRmllbGQge1xyXG4gICAgSXNPbmx5RGF0ZTogRGF0ZVRpbWVUeXBlRW51bTtcclxuICAgIE1pbkRhdGU6IERhdGU7XHJcbiAgICBNYXhEYXRlOiBEYXRlO1xyXG4gICAgRGF0ZUZvcm1hdDogc3RyaW5nID0gXCJkZC9NTS9ZWVlZXCI7XHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIERhdGVUaW1lVHlwZUVudW0ge1xyXG4gICAgXCJTb2xvIGRhdGFcIiA9IDAsXHJcbiAgICBcIlNvbG8gb3JhcmlvXCIgPSAxLFxyXG4gICAgXCJEYXRhIGUgb3JhXCIgPSAyXHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZUZpZWxkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXFwLWR5bmFtaWMtbW9kdWxlL3NyYy9saWIvbW9kZWxzL2ZpZWxkcy9kYXRlRmllbGQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRS9DLDZFQUE2RTtBQUM3RSxNQUFNLE9BQU8sU0FBVSxTQUFRLFNBQVM7SUFBeEM7O1FBSUksZUFBVSxHQUFXLFlBQVksQ0FBQztJQUN0QyxDQUFDO0NBQUE7QUFFRCxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQ3hCLGlFQUFlLENBQUE7SUFDZixxRUFBaUIsQ0FBQTtJQUNqQixtRUFBZ0IsQ0FBQTtBQUNwQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJhc2VGaWVsZCB9IGZyb20gXCIuLi9iYXNlRmllbGQubW9kZWxcIjtcclxuXHJcbi8qKlJhcHByZXNlbnRhIGxhIGNvbmZpZ3VyYXppb25lIGRpIHVuIGNhbXBvIERhdGEgbyBEYXRhIGUgb3JhLCBvIHNvbG8gb3JhICovXHJcbmV4cG9ydCBjbGFzcyBEYXRlRmllbGQgZXh0ZW5kcyBCYXNlRmllbGQge1xyXG4gICAgSXNPbmx5RGF0ZTogRGF0ZVRpbWVUeXBlRW51bTtcclxuICAgIE1pbkRhdGU6IERhdGU7XHJcbiAgICBNYXhEYXRlOiBEYXRlO1xyXG4gICAgRGF0ZUZvcm1hdDogc3RyaW5nID0gXCJkZC9NTS9ZWVlZXCI7XHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIERhdGVUaW1lVHlwZUVudW0ge1xyXG4gICAgXCJTb2xvIGRhdGFcIiA9IDEsXHJcbiAgICBcIlNvbG8gb3JhcmlvXCIgPSAyLFxyXG4gICAgXCJEYXRhIGUgb3JhXCIgPSAzXHJcbn0iXX0=