intelica-library-ui 0.1.159 → 0.1.161

package/fesm2022/intelica-library-ui.mjs

@@ -2933,83 +2933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Output
             }] } });
 
-class SelectFilterDirective extends FilterDirective {
-    constructor() {
-        super(FilterTypeEnum.Select);
-    }
-    options = [];
-    optionLabel = "text";
-    optionValue = "value";
-    showFilter = false;
-    showAll = false;
-    multiple = false;
-    popupWidth = "auto";
-    appendTo = "";
-    panelStyleClass = "prSelect";
-    allText = "All";
-    maxSelectedLabels = 3;
-    virtualScroll = false;
-    selectedItemsLabel = "Selected";
-    ngOnChanges(changes) {
-        this.$changes.next(changes);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: SelectFilterDirective, isStandalone: true, selector: "select-filter", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", showFilter: "showFilter", showAll: "showAll", multiple: "multiple", popupWidth: "popupWidth", appendTo: "appendTo", panelStyleClass: "panelStyleClass", allText: "allText", maxSelectedLabels: "maxSelectedLabels", virtualScroll: "virtualScroll", selectedItemsLabel: "selectedItemsLabel" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SelectFilterDirective),
-                multi: true
-            },
-            {
-                provide: FilterDirective,
-                useExisting: forwardRef(() => SelectFilterDirective)
-            }
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectFilterDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "select-filter",
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SelectFilterDirective),
-                            multi: true
-                        },
-                        {
-                            provide: FilterDirective,
-                            useExisting: forwardRef(() => SelectFilterDirective)
-                        }
-                    ]
-                }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
-                type: Input
-            }], optionLabel: [{
-                type: Input
-            }], optionValue: [{
-                type: Input
-            }], showFilter: [{
-                type: Input
-            }], showAll: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], popupWidth: [{
-                type: Input
-            }], appendTo: [{
-                type: Input
-            }], panelStyleClass: [{
-                type: Input
-            }], allText: [{
-                type: Input
-            }], maxSelectedLabels: [{
-                type: Input
-            }], virtualScroll: [{
-                type: Input
-            }], selectedItemsLabel: [{
-                type: Input
-            }] } });
-
 class MultiSelectComponent {
     GlobalTermService = inject(GlobalTermService);
     /**
@@ -3102,6 +3025,12 @@ class MultiSelectComponent {
      * @type {string}
      */
     textColorClass = "";
+    /**
+   * @description Enable group
+   * @default	""
+   * @type {boolean}
+   */
+    group = false;
     /**
      * @description Change event
      * @emits {string[]}
@@ -3122,7 +3051,10 @@ class MultiSelectComponent {
     }
     writeValue(value) {
         this.selectedOptions = value || [];
-        this.checked = this.selectedOptions.length === this.options.length;
+        const totalOptionsCount = this.group
+            ? this.options.reduce((acc, group) => acc + group.items.length, 0)
+            : this.options.length;
+        this.checked = this.selectedOptions.length === totalOptionsCount;
     }
     registerOnChange(fn) {
         this.onChangeFn = fn;
@@ -3138,14 +3070,17 @@ class MultiSelectComponent {
             this.selectedOptions = [];
         }
         else {
-            this.selectedOptions = this.options.map((option) => option[this.optionValue]);
-            if (this.options.some((option) => typeof option !== "object")) {
-                this.selectedOptions = this.options;
+            if (this.group) {
+                // Agrupadas: aplanar todos los items
+                this.selectedOptions = this.options.flatMap(group => group.items.map((item) => this.optionValue ? item[this.optionValue] : item));
+            }
+            else {
+                // Sin agrupar
+                this.selectedOptions = this.options.map(option => this.optionValue ? option[this.optionValue] : option);
             }
         }
+        this.checked = this.selectedOptions.length > 0;
         this.emitChangeEvent();
-        this.onChangeFn(this.selectedOptions);
-        this.onTouchedFn();
     }
     onChangeSelect(event) {
         this.checked = this.selectedOptions.length === this.options.length;
@@ -3165,13 +3100,13 @@ class MultiSelectComponent {
         this.onPanelHideEvent.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MultiSelectComponent, isStandalone: true, selector: "intelica-multi-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", placeholder: "placeholder", showFilter: "showFilter", showAll: "showAll", allText: "allText", maxSelectedLabels: "maxSelectedLabels", appendTo: "appendTo", panelStyleClass: "panelStyleClass", virtualScroll: "virtualScroll", disabled: "disabled", selectedItemsLabel: "selectedItemsLabel", textColorClass: "textColorClass" }, outputs: { onChangeEvent: "onChange", onPanelShowEvent: "onPanelShow", onPanelHideEvent: "onPanelHide" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MultiSelectComponent, isStandalone: true, selector: "intelica-multi-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", placeholder: "placeholder", showFilter: "showFilter", showAll: "showAll", allText: "allText", maxSelectedLabels: "maxSelectedLabels", appendTo: "appendTo", panelStyleClass: "panelStyleClass", virtualScroll: "virtualScroll", disabled: "disabled", selectedItemsLabel: "selectedItemsLabel", textColorClass: "textColorClass", group: "group" }, outputs: { onChangeEvent: "onChange", onPanelShowEvent: "onPanelShow", onPanelHideEvent: "onPanelHide" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MultiSelectComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
+        ], ngImport: i0, template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i2$2.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
@@ -3181,7 +3116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                             useExisting: forwardRef(() => MultiSelectComponent),
                             multi: true,
                         },
-                    ], template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n</p-multiSelect>\r\n" }]
+                    ], template: "<p-multiSelect\r\n  [class]=\"textColorClass + ' prMultiselect'\"\r\n  [disabled]=\"disabled\"\r\n  [options]=\"options\"\r\n  [(ngModel)]=\"selectedOptions\"\r\n  [optionLabel]=\"optionLabel\"\r\n  [optionValue]=\"optionValue\"\r\n  [placeholder]=\"placeholder\"\r\n  [maxSelectedLabels]=\"maxSelectedLabels\"\r\n  [filter]=\"showFilter\"\r\n  [showToggleAll]=\"false\"\r\n  (onChange)=\"onChangeSelect($event)\"\r\n  (onPanelHide)=\"onPanelHide($event)\"\r\n  (onPanelShow)=\"onPanelShow($event)\"\r\n  [appendTo]=\"appendTo\"\r\n  [panelStyleClass]=\"panelStyleClass\"\r\n  [virtualScroll]=\"virtualScroll\"\r\n  [virtualScrollOptions]=\"{ itemSize: 25, scrollHeight: '200px' }\"\r\n  selectedItemsLabel=\"{0} {{\r\n    selectedItemsLabel | term : GlobalTermService.languageCode\r\n  }}\"\r\n  [group]=\"group\"\r\n>\r\n  @if(showAll){\r\n  <ng-template #header>\r\n    <div class=\"prMultiselect__all\">\r\n      <label [for]=\"id + '-all'\">\r\n        <p-checkbox\r\n          [inputId]=\"id + '-all'\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"checked\"\r\n          (onChange)=\"toggleAllSelection($event)\"\r\n        ></p-checkbox>\r\n        {{ allText | term : GlobalTermService.languageCode }}\r\n      </label>\r\n    </div>\r\n  </ng-template>\r\n  }\r\n  <ng-template let-group #group *ngIf=\"group\">\r\n    <div class=\"flex items-center\">\r\n      <span>{{ group.label }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-multiSelect>\r\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], options: [{
@@ -3212,6 +3147,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], textColorClass: [{
                 type: Input
+            }], group: [{
+                type: Input
             }], onChangeEvent: [{
                 type: Output,
                 args: ["onChange"]
@@ -3228,6 +3165,7 @@ class FiltersComponent {
     GlobalTermService = inject(GlobalTermService);
     showButtons = true;
     customClass = "";
+    columns = 1;
     EmitApply = new EventEmitter();
     EmitCancel = new EventEmitter();
     // Suscripciones a eventos
@@ -3548,36 +3486,29 @@ class FiltersComponent {
                 else {
                     // Si el filtro requiere confirmación de formato de fecha, convierte el valor a un objeto de fecha
                     if (filterDirective.confirmDateFormat) {
-                        filterDirective.value = new Date(filterDirective.value);
+                        const parsedDate = new Date(filterDirective.value);
+                        filterDirective.value = this.isValidDate(parsedDate) ? parsedDate : null;
                     }
                     // Comprueba si el valor del filtro es válido y no está vacío, luego agrega el filtro aplicado
                     if (filterDirective.value !== undefined &&
                         filterDirective.value !== null &&
                         (this.validStringValue(filterDirective.value, filterDirective.defaultValue) ||
                             filterDirective.value > -1 ||
-                            Array.isArray(filterDirective.value)) &&
+                            Array.isArray(filterDirective.value) ||
+                            this.isValidDate(filterDirective.value)) &&
                         filterDirective.value.toString().length > 0) {
                         this.builderFiltersApplied(filterDirective);
                     }
                 }
             }
-            else {
-                if (filterDirective instanceof SelectFilterDirective) {
-                    if (filterDirective.options.length == filterDirective.value.length) {
-                        filterDirective.value = [];
-                    }
-                }
-            }
         });
         this.EmitApply.emit(this._filtersApplied);
     }
+    isValidDate(value) {
+        return value instanceof Date && !isNaN(value.getTime());
+    }
     validateFilter(filter) {
-        if (filter instanceof SelectFilterDirective) {
-            return filter.options && filter.value
-                ? filter.options.length !== filter.value.length
-                : true;
-        }
-        return true;
+        return filter.value !== undefined && filter.value !== null;
     }
     validStringValue(value, defaultValue) {
         return (typeof (value == "string" || value === "Object") && value != defaultValue);
@@ -3762,7 +3693,7 @@ class FiltersComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: filter, index: getIndex(filter) }\r\n    \"\r\n  ></ng-container>\r\n  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: child, index: getIndex(child, filter) }\r\n    \"\r\n  ></ng-container>\r\n  } } }\r\n  <!-- END filters -->\r\n  }\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft align-items-baseline\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"item.showFilter\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    class=\"fullWidth\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\r\n  ></p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: MultiSelectComponent, selector: "intelica-multi-select", inputs: ["id", "options", "optionLabel", "optionValue", "placeholder", "showFilter", "showAll", "allText", "maxSelectedLabels", "appendTo", "panelStyleClass", "virtualScroll", "disabled", "selectedItemsLabel", "textColorClass"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FiltersComponent, isStandalone: true, selector: "intelica-filters", inputs: { showButtons: "showButtons", customClass: "customClass", columns: "columns" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div class=\"inputColumns\" [ngClass]=\"customClass\" [style.grid-template-columns]=\"'repeat(' + columns + ', 1fr)'\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: filter, index: getIndex(filter) }\r\n    \"\r\n  ></ng-container>\r\n  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: child, index: getIndex(child, filter) }\r\n    \"\r\n  ></ng-container>\r\n  } } }\r\n  <!-- END filters -->\r\n  }\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft align-items-baseline\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"item.showFilter\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    class=\"fullWidth\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TermPipe, name: "term" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i6.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i7.Textarea, selector: "[pTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: MultiSelectComponent, selector: "intelica-multi-select", inputs: ["id", "options", "optionLabel", "optionValue", "placeholder", "showFilter", "showAll", "allText", "maxSelectedLabels", "appendTo", "panelStyleClass", "virtualScroll", "disabled", "selectedItemsLabel", "textColorClass", "group"], outputs: ["onChange", "onPanelShow", "onPanelHide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
@@ -3779,11 +3710,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                         TextareaModule,
                         RippleModule,
                         MultiSelectComponent,
-                    ], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: filter, index: getIndex(filter) }\r\n    \"\r\n  ></ng-container>\r\n  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: child, index: getIndex(child, filter) }\r\n    \"\r\n  ></ng-container>\r\n  } } }\r\n  <!-- END filters -->\r\n  }\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft align-items-baseline\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"item.showFilter\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    class=\"fullWidth\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\r\n  ></p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n" }]
+                    ], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\" [style.grid-template-columns]=\"'repeat(' + columns + ', 1fr)'\">\r\n  @for (filter of filterDirectives; track filter) {\r\n  <!-- BEGIN filters  -->\r\n  @if (filter.visible && !filter.parent) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: filter, index: getIndex(filter) }\r\n    \"\r\n  ></ng-container>\r\n  @for (child of filterDirectives; track child) { @if (child.parent &&\r\n  child.parent === filter.name && child.visible) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"\r\n      template;\r\n      context: { item: child, index: getIndex(child, filter) }\r\n    \"\r\n  ></ng-container>\r\n  } } }\r\n  <!-- END filters -->\r\n  }\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--primary applyAnalytics\"\r\n    (click)=\"clickApply()\"\r\n  >\r\n    <span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n  <button\r\n    pRipple\r\n    class=\"grButton grButton--secondary cleanAnalytics\"\r\n    (click)=\"clickCancel()\"\r\n  >\r\n    <span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n  </button>\r\n</div>\r\n}\r\n\r\n<!-- Template general -->\r\n<ng-template #template let-item=\"item\" let-index=\"index\">\r\n  @if (item.visible) {\r\n  <div\r\n    class=\"formRowInput {{ item.filterClass }}\"\r\n    [ngClass]=\"{ required: item.required }\"\r\n  >\r\n    @if (item.label && item.label.length > 0) {\r\n    <div class=\"formRowInputLeft align-items-baseline\">\r\n      <div class=\"formRowInputNumber\">\r\n        <span>{{ index }}</span>\r\n      </div>\r\n      <label [for]=\"item.name\">\r\n        <span>{{ item.label }}</span>\r\n      </label>\r\n    </div>\r\n    }\r\n    <div class=\"formRowInputWrap align-items-center\">\r\n      @if (item.type === filterTypeEnum.Select) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"select; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Text) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Checkbox) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Date) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"date; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.Template) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          template_filter;\r\n          context: { item: item, index: index }\r\n        \"\r\n      ></ng-container>\r\n      }\r\n      <!---->\r\n      @if (item.type === filterTypeEnum.TextArea) {\r\n      <ng-container\r\n        *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"\r\n      ></ng-container>\r\n      }\r\n    </div>\r\n    @if (item.showClean && hasValue(item)) {\r\n    <button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n      <i class=\"icon-times\"></i>\r\n    </button>\r\n    }\r\n  </div>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n  @if (item.multiple) {\r\n  <intelica-multi-select\r\n    [placeholder]=\"item.placeholder\"\r\n    [options]=\"item.options\"\r\n    [showFilter]=\"item.showFilter\"\r\n    [showAll]=\"item.showAll\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    (onChange)=\"onChangeMultiple($event, item)\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [allText]=\"item.allText\"\r\n    [maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n    [group]=\"item.group\"\r\n    class=\"fullWidth\"\r\n  ></intelica-multi-select>\r\n  } @else {\r\n  <p-select\r\n    [options]=\"item.options\"\r\n    [(ngModel)]=\"item.value\"\r\n    [optionLabel]=\"item.optionLabel\"\r\n    [optionValue]=\"item.optionValue\"\r\n    [placeholder]=\"item.placeholder\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChange($event, item)\"\r\n    [filter]=\"item.showFilter\"\r\n    [appendTo]=\"item.appendTo\"\r\n    [panelStyleClass]=\"item.panelStyleClass\"\r\n    [virtualScroll]=\"item.virtualScroll\"\r\n    [virtualScrollItemSize]=\"25\"\r\n    [group]=\"item.group\"\r\n    class=\"prSelect\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prSelect\"\r\n  >\r\n    <ng-template let-group #group *ngIf=\"item.group\">\r\n      <div class=\"flex items-center\">\r\n        <span>{{ group.label }}</span>\r\n      </div>\r\n    </ng-template>\r\n  </p-select>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n  <input\r\n    pInputText\r\n    class=\"prInputText\"\r\n    type=\"text\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n    [maxlength]=\"item.maxlength\"\r\n  />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n  <p-checkbox\r\n    class=\"prCheckbox\"\r\n    [(ngModel)]=\"item.value\"\r\n    [binary]=\"true\"\r\n    [disabled]=\"!item.enabled\"\r\n    (onChange)=\"onChangeCheck($event, item)\"\r\n  ></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n  <p-datepicker\r\n    [(ngModel)]=\"item.value\"\r\n    [selectionMode]=\"item.range ? 'range' : 'single'\"\r\n    [disabled]=\"!item.enabled\"\r\n    [iconDisplay]=\"'input'\"\r\n    [showIcon]=\"true\"\r\n    (ngModelChange)=\"onChange($event, item)\"\r\n    [view]=\"getDateView(item.dateMode)\"\r\n    [dateFormat]=\"getDateFormat(item.dateMode)\"\r\n    class=\"prDatePicker\"\r\n    appendTo=\"body\"\r\n    panelStyleClass=\"prDatePicker\"\r\n    [placeholder]=\"getDateFormatPlaceholder(item.dateMode)\"\r\n    [readonlyInput]=\"item.isReadOnly\"\r\n    [minDate]=\"item.min\"\r\n    [maxDate]=\"item.max\"\r\n  ></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n  <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #text_area let-item=\"item\" let-index=\"index\">\r\n  <textarea\r\n    pTextarea\r\n    class=\"prInputText\"\r\n    [disabled]=\"!item.enabled\"\r\n    [(ngModel)]=\"item.value\"\r\n    [placeholder]=\"item.placeholder\"\r\n    (keyup)=\"onKeyUp($event, item)\"\r\n  ></textarea>\r\n</ng-template>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showButtons: [{
                 type: Input
             }], customClass: [{
                 type: Input
+            }], columns: [{
+                type: Input
             }], EmitApply: [{
                 type: Output
             }], EmitCancel: [{
@@ -5013,6 +4946,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }] } });
 
+class SelectFilterDirective extends FilterDirective {
+    constructor() {
+        super(FilterTypeEnum.Select);
+    }
+    options = [];
+    optionLabel = "text";
+    optionValue = "value";
+    showFilter = false;
+    showAll = false;
+    multiple = false;
+    popupWidth = "auto";
+    appendTo = "";
+    panelStyleClass = "prSelect";
+    allText = "All";
+    maxSelectedLabels = 3;
+    virtualScroll = false;
+    selectedItemsLabel = "Selected";
+    group = false;
+    ngOnChanges(changes) {
+        this.$changes.next(changes);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: SelectFilterDirective, isStandalone: true, selector: "select-filter", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", showFilter: "showFilter", showAll: "showAll", multiple: "multiple", popupWidth: "popupWidth", appendTo: "appendTo", panelStyleClass: "panelStyleClass", allText: "allText", maxSelectedLabels: "maxSelectedLabels", virtualScroll: "virtualScroll", selectedItemsLabel: "selectedItemsLabel", group: "group" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => SelectFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectFilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "select-filter",
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => SelectFilterDirective)
+                        }
+                    ]
+                }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], optionLabel: [{
+                type: Input
+            }], optionValue: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], showAll: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], popupWidth: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], panelStyleClass: [{
+                type: Input
+            }], allText: [{
+                type: Input
+            }], maxSelectedLabels: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
+            }], selectedItemsLabel: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }] } });
+
 class TemplateDirective extends FilterDirective {
     constructor() {
         super(FilterTypeEnum.Template);