@eqproject/eqp-dynamic-module 2.10.15 → 2.10.17

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

@@ -8772,6 +8772,9 @@ class TextFilterTemplateComponent {
     * Metodo per emettere l'evento che il valore del record è cambiato.
     */
     onFilterChange() {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         var statistic = {
             key: this.field.Name,
             value: this.record[this.field.Name],
@@ -8789,6 +8792,9 @@ class TextFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
 }
@@ -8860,6 +8866,9 @@ class NumericFilterTemplateComponent {
         this.filterChange.emit(statistic);
     }
     createStatistic() {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         var statistic = {
             key: this.field.Name,
             value: this.record[this.field.Name],
@@ -8913,6 +8922,9 @@ class NumericFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
     becomeTheCoord(theCoord) {
@@ -8985,6 +8997,9 @@ class BooleanFilterTemplateComponent {
     * Metodo per emettere l'evento che il valore del record è cambiato.
     */
     onFilterChange() {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         var statistic = {
             key: this.field.Name,
             value: this.record[this.field.Name],
@@ -9002,6 +9017,9 @@ class BooleanFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
     /**
@@ -9088,6 +9106,9 @@ class DateFilterTemplateComponent {
         this.filterChange.emit(statistic);
     }
     createStatistic() {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         var statistic = {
             key: this.field.Name,
             value: this.record[this.field.Name],
@@ -9121,6 +9142,9 @@ class DateFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
     becomeTheCoord(theCoord) {
@@ -9195,6 +9219,9 @@ class ListValueFilterTemplateComponent {
     * Metodo per emettere l'evento che il valore del record è cambiato.
     */
     onFilterChange() {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         var statistic = {
             key: this.field.Name,
             value: this.record[this.field.Name],
@@ -9250,6 +9277,9 @@ class ListValueFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
     createArrayDataElement(key, value, imgUrl = null) {
@@ -9274,10 +9304,10 @@ class ListValueFilterTemplateComponent {
     }
 }
 ListValueFilterTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListValueFilterTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ListValueFilterTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListValueFilterTemplateComponent, selector: "list-value-filter-template", inputs: { field: "field", record: "record", Statistic: "Statistic", showXY: "showXY" }, 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=\"coordinatesCol\" [hidden]=\"!showXY\">\r\n\r\n        </div>                \r\n        <div class=\"valueCol\">\r\n            <eqp-select [ngStyle]=\"FieldstyleObj\" [arrayData]=\"arrayData\"\r\n                [arrayKeyProperty]=\"'Value'\" [showCancelButton]=\"true\" [arrayValueProperty]=\"'Key'\"\r\n                [formGroupInput]=\"field.FormFormGroup\" [formControlNameInput]=\"field.Name\" [placeholder]=\"field.Description\"\r\n                [includeFullObject]=\"false\" [isRequired]=\"false\" [isDisabled]=\"false\"\r\n                [(ngModelInput)]=\"record[field.Name]\" [isMultiSelect]=\"true\"\r\n                (ngModelInputChange)=\"onFilterChange()\">\r\n            </eqp-select>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorListValue\" [(ngModelInput)]=\"selectedLogicOperator\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onFilterChange()\"></eqp-select>\r\n        </div>      \r\n        <div class=\"aggregatorCol\">\r\n            <eqp-select\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{width:35px;min-width:35px}.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6$2.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"] }] });
+ListValueFilterTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListValueFilterTemplateComponent, selector: "list-value-filter-template", inputs: { field: "field", record: "record", Statistic: "Statistic", showXY: "showXY" }, 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=\"coordinatesCol\" [hidden]=\"!showXY\">\r\n\r\n        </div>                \r\n        <div class=\"valueCol\">\r\n            <eqp-select [ngStyle]=\"FieldstyleObj\" [arrayData]=\"arrayData\"\r\n                [arrayKeyProperty]=\"'Value'\" [showCancelButton]=\"true\" [arrayValueProperty]=\"'Key'\"\r\n                [formGroupInput]=\"field.FormFormGroup\" [formControlNameInput]=\"field.Name\" [placeholder]=\"field.Description\"\r\n                [includeFullObject]=\"false\" [isRequired]=\"false\" [isDisabled]=\"false\"\r\n                [(ngModelInput)]=\"record[field.Name]\" [isMultiSelect]=\"true\"\r\n                (ngModelInputChange)=\"onFilterChange()\">\r\n            </eqp-select>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorListValue\" [(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{width:35px;min-width:35px}.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6$2.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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListValueFilterTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'list-value-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=\"coordinatesCol\" [hidden]=\"!showXY\">\r\n\r\n        </div>                \r\n        <div class=\"valueCol\">\r\n            <eqp-select [ngStyle]=\"FieldstyleObj\" [arrayData]=\"arrayData\"\r\n                [arrayKeyProperty]=\"'Value'\" [showCancelButton]=\"true\" [arrayValueProperty]=\"'Key'\"\r\n                [formGroupInput]=\"field.FormFormGroup\" [formControlNameInput]=\"field.Name\" [placeholder]=\"field.Description\"\r\n                [includeFullObject]=\"false\" [isRequired]=\"false\" [isDisabled]=\"false\"\r\n                [(ngModelInput)]=\"record[field.Name]\" [isMultiSelect]=\"true\"\r\n                (ngModelInputChange)=\"onFilterChange()\">\r\n            </eqp-select>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorListValue\" [(ngModelInput)]=\"selectedLogicOperator\" [showCancelButton]=\"false\" (ngModelInputChange)=\"onFilterChange()\"></eqp-select>\r\n        </div>      \r\n        <div class=\"aggregatorCol\">\r\n            <eqp-select\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{width:35px;min-width:35px}.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"] }]
+            args: [{ selector: 'list-value-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=\"coordinatesCol\" [hidden]=\"!showXY\">\r\n\r\n        </div>                \r\n        <div class=\"valueCol\">\r\n            <eqp-select [ngStyle]=\"FieldstyleObj\" [arrayData]=\"arrayData\"\r\n                [arrayKeyProperty]=\"'Value'\" [showCancelButton]=\"true\" [arrayValueProperty]=\"'Key'\"\r\n                [formGroupInput]=\"field.FormFormGroup\" [formControlNameInput]=\"field.Name\" [placeholder]=\"field.Description\"\r\n                [includeFullObject]=\"false\" [isRequired]=\"false\" [isDisabled]=\"false\"\r\n                [(ngModelInput)]=\"record[field.Name]\" [isMultiSelect]=\"true\"\r\n                (ngModelInputChange)=\"onFilterChange()\">\r\n            </eqp-select>\r\n        </div>\r\n        <div class=\"operatorCol\">\r\n            <eqp-select [enumData]=\"logicOperatorListValue\" [(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{width:35px;min-width:35px}.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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { field: [{
                 type: Input
             }], record: [{
@@ -9363,6 +9393,9 @@ class TextareaFilterTemplateComponent {
      * Metodo che genera l'oggetto da inviare all'esterno
      */
     generateCondition(mode) {
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         let output = new Statistic();
         if (mode == "active") {
             output = {
@@ -9395,6 +9428,9 @@ class TextareaFilterTemplateComponent {
      */
     changeVisibility() {
         this.visible = !this.visible;
+        if (this.aggregations != null && this.aggregations.length > 0) {
+            this.visible = true;
+        }
         this.onFilterChange();
     }
 }