intelica-library-ui 0.1.152 → 0.1.154

package/fesm2022/intelica-library-ui.mjs

@@ -143,7 +143,8 @@ function sleep$1(ms) {
 class TermPipe {
     globalTermService = inject(GlobalTermService);
     transform(termName, language, mode = 1) {
-        let term = this.globalTermService.terms.find(x => x.termName == termName)?.termValue ?? "-";
+        let term = this.globalTermService.terms.find((x) => x.termName == termName)
+            ?.termValue ?? "-";
         if (mode == 2)
             term = term.substring(0, 1);
         if (mode == 3)
@@ -2423,9 +2424,6 @@ class ActionsMenuComponent {
         this.ShowActionsMenu = true;
         // Muestra u oculta el menú de selección de acciones.
         this.ShowSelectActions = true;
-        this.Popover.nativeElement.style.display = "block";
-        this.MenuButton.nativeElement.classList.add("active");
-        this.PopoverContainer.nativeElement.classList.add("backdrop-visible");
     }
     closePopover() {
         this.IsPopoverOpen = false;
@@ -2433,9 +2431,6 @@ class ActionsMenuComponent {
         this.ShowActionsMenu = false;
         // Muestra u oculta el menú de selección de acciones.
         this.ShowSelectActions = true;
-        this.Popover.nativeElement.style.display = "none";
-        this.MenuButton.nativeElement.classList.remove("active");
-        this.PopoverContainer.nativeElement.classList.remove("backdrop-visible");
     }
     /** Método para alternar el estado del popover */
     togglePopover(event) {
@@ -2560,11 +2555,11 @@ class ActionsMenuComponent {
         this.ShowSelectActions = true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionsMenuComponent, deps: [{ token: TermPipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionsMenuComponent, isStandalone: true, selector: "intelica-actions-menu", host: { listeners: { "mousedown": "onMouseDown($event)", "window:mousedown": "onMouseDownOutsideBody($event)", "mouseup": "onMouseUp($event)", "document:click": "closeAll($event)" } }, queries: [{ propertyName: "actions", predicate: ActionDirective }], viewQueries: [{ propertyName: "Popover", first: true, predicate: ["popover"], descendants: true }, { propertyName: "MenuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "PopoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }], ngImport: i0, template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuAction\" (click)=\"togglePopover($event)\">\r\n\t\t<span class=\"grMenuAction__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuAction__txt\">{{ \"Actions\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<!-- Men\u00FA -->\r\n\t\t<div class=\"grPopoverMenu\" *ngIf=\"ShowActionsMenu\" [ngClass]=\"{ hidden: !ShowSelectActions }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"SelectAction\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<button pRipple class=\"grButtonActions\" *ngFor=\"let item of actions; let $index = index\" (click)=\"showTemplate(item)\">\r\n\t\t\t\t\t<span class=\"formRowInputNumber\">{{ $index + 1 }}</span>\r\n\t\t\t\t\t<span class=\"grButtonActionName\">{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Sub Men\u00FA -->\r\n\t\t<div class=\"grPopoverSubMenu\" [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of actions\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<button class=\"backButton\" (click)=\"returnSelectActions(item)\">\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span>{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TermPipe, name: "term" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionsMenuComponent, isStandalone: true, selector: "intelica-actions-menu", host: { listeners: { "mousedown": "onMouseDown($event)", "window:mousedown": "onMouseDownOutsideBody($event)", "mouseup": "onMouseUp($event)", "document:click": "closeAll($event)" } }, queries: [{ propertyName: "actions", predicate: ActionDirective }], viewQueries: [{ propertyName: "Popover", first: true, predicate: ["popover"], descendants: true }, { propertyName: "MenuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "PopoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }], ngImport: i0, template: "<div class=\"grPopoverContainer\" #popoverContainer [ngClass]=\"{ 'backdrop-visible': IsPopoverOpen }\">\r\n\t<button #menuButton class=\"grMenuAction\" (click)=\"togglePopover($event)\" [ngClass]=\"{ 'active': IsPopoverOpen }\">\r\n\t\t<span class=\"grMenuAction__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuAction__txt\">{{ \"Actions\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover [style.display]=\"IsPopoverOpen ? 'block' : 'none'\">\r\n\t\t<!-- Men\u00FA -->\r\n\t\t<div class=\"grPopoverMenu\" *ngIf=\"ShowActionsMenu\" [ngClass]=\"{ hidden: !ShowSelectActions }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"SelectAction\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<button pRipple class=\"grButtonActions\" *ngFor=\"let item of actions; let $index = index\" (click)=\"showTemplate(item)\">\r\n\t\t\t\t\t<span class=\"formRowInputNumber\">{{ $index + 1 }}</span>\r\n\t\t\t\t\t<span class=\"grButtonActionName\">{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Sub Men\u00FA -->\r\n\t\t<div class=\"grPopoverSubMenu\" [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of actions\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<button class=\"backButton\" (click)=\"returnSelectActions(item)\">\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span>{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: RippleModule }, { kind: "directive", type: i3$2.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TermPipe, name: "term" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionsMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-actions-menu", imports: [ButtonModule, InputGroupAddonModule, CommonModule, RippleModule, TermPipe], template: "<div #popoverContainer class=\"grPopoverContainer\">\r\n\t<button #menuButton class=\"grMenuAction\" (click)=\"togglePopover($event)\">\r\n\t\t<span class=\"grMenuAction__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuAction__txt\">{{ \"Actions\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover>\r\n\t\t<!-- Men\u00FA -->\r\n\t\t<div class=\"grPopoverMenu\" *ngIf=\"ShowActionsMenu\" [ngClass]=\"{ hidden: !ShowSelectActions }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"SelectAction\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<button pRipple class=\"grButtonActions\" *ngFor=\"let item of actions; let $index = index\" (click)=\"showTemplate(item)\">\r\n\t\t\t\t\t<span class=\"formRowInputNumber\">{{ $index + 1 }}</span>\r\n\t\t\t\t\t<span class=\"grButtonActionName\">{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Sub Men\u00FA -->\r\n\t\t<div class=\"grPopoverSubMenu\" [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of actions\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<button class=\"backButton\" (click)=\"returnSelectActions(item)\">\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span>{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+            args: [{ selector: "intelica-actions-menu", imports: [ButtonModule, InputGroupAddonModule, CommonModule, RippleModule, TermPipe], template: "<div class=\"grPopoverContainer\" #popoverContainer [ngClass]=\"{ 'backdrop-visible': IsPopoverOpen }\">\r\n\t<button #menuButton class=\"grMenuAction\" (click)=\"togglePopover($event)\" [ngClass]=\"{ 'active': IsPopoverOpen }\">\r\n\t\t<span class=\"grMenuAction__ico\"><i class=\"icon icon-filter-option\"></i></span>\r\n\t\t<span class=\"grMenuAction__txt\">{{ \"Actions\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<div class=\"grPopover\" #popover [style.display]=\"IsPopoverOpen ? 'block' : 'none'\">\r\n\t\t<!-- Men\u00FA -->\r\n\t\t<div class=\"grPopoverMenu\" *ngIf=\"ShowActionsMenu\" [ngClass]=\"{ hidden: !ShowSelectActions }\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<span>{{ \"SelectAction\" | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<button pRipple class=\"grButtonActions\" *ngFor=\"let item of actions; let $index = index\" (click)=\"showTemplate(item)\">\r\n\t\t\t\t\t<span class=\"formRowInputNumber\">{{ $index + 1 }}</span>\r\n\t\t\t\t\t<span class=\"grButtonActionName\">{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<!-- Sub Men\u00FA -->\r\n\t\t<div class=\"grPopoverSubMenu\" [ngClass]=\"{ hidden: !item.active }\" *ngFor=\"let item of actions\">\r\n\t\t\t<div class=\"grPopoverHeader\">\r\n\t\t\t\t<h3>\r\n\t\t\t\t\t<button class=\"backButton\" (click)=\"returnSelectActions(item)\">\r\n\t\t\t\t\t\t<i class=\"icon icon-arrow-left\"></i>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span>{{ item.name | term : GlobalTermService.languageCode }}</span>\r\n\t\t\t\t</h3>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"grPopoverBody\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: TermPipe }], propDecorators: { Popover: [{
                 type: ViewChild,
                 args: ["popover"]
@@ -2591,6 +2586,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 args: [ActionDirective]
             }] } });
 
+class FilterChipsComponent {
+    filters = [];
+    remove = new EventEmitter();
+    openPopUp = new EventEmitter();
+    GlobalTermService = inject(GlobalTermService);
+    onRemove(filter) {
+        this.remove.emit(filter);
+    }
+    onTapChip(filter) {
+        this.openPopUp.emit(filter);
+    }
+    sortList(list) {
+        if (!Array.isArray(list)) {
+            return [];
+        }
+        const stringList = list.map((item) => typeof item === "string"
+            ? item
+            : item?.name || item?.text || JSON.stringify(item));
+        const sorted = [...stringList].sort();
+        if (sorted.length > 5) {
+            return sorted
+                .slice(0, 5)
+                .map((item, index) => `${index + 1}. ${item}`)
+                .concat("...");
+        }
+        else {
+            return sorted.map((item, index) => `${index + 1}. ${item}`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FilterChipsComponent, isStandalone: true, selector: "filter-chips", inputs: { filters: "filters" }, outputs: { remove: "remove", openPopUp: "openPopUp" }, ngImport: i0, template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"\r\n        (item.valueName?.length ?? 0) === 0 && (item.value?.length ?? 0) > 0\r\n      \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.name | slice : 0 : 15\r\n      }}{{ item.name!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "filter-chips", imports: [CommonModule, TooltipModule], template: "<div class=\"d-flex gap-2\">\r\n  @for (item of filters; track $index) {\r\n  <button\r\n    class=\"prPill\"\r\n    pInputText\r\n    [pTooltip]=\"\r\n      item.isTooltipForm\r\n        ? tooltipFormContent\r\n        : item.valueName!.length > 1\r\n        ? tooltipContent\r\n        : item.title ?? ''\r\n    \"\r\n    tooltipPosition=\"top\"\r\n  >\r\n    <ng-template #tooltipFormContent>\r\n      <span>{{ item.text }}</span\r\n      ><br />\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of item.valueName\">{{ value }}</li>\r\n      </ul>\r\n    </ng-template>\r\n    <ng-template #tooltipContent>\r\n      <ul\r\n        *ngIf=\"item.valueName!.length > 1\"\r\n        class=\"tooltip-list list-unlisted text-start filterChipsList\"\r\n      >\r\n        <li *ngFor=\"let value of sortList(item.valueName)\">\r\n          {{ value }}\r\n        </li>\r\n      </ul>\r\n    </ng-template>\r\n    <span\r\n      *ngIf=\"\r\n        (item.valueName?.length ?? 0) === 0 && (item.value?.length ?? 0) > 0\r\n      \"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName?.length === 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.text | slice : 0 : 15 }}{{ item.text!.length > 15 ? \"...\" : \"\" }}\r\n    </span>\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      {{ item.name | slice : 0 : 15\r\n      }}{{ item.name!.length > 15 ? \"...\" : \"\" }}</span\r\n    >\r\n    <span\r\n      *ngIf=\"item.valueName!.length > 1 && !item.isTooltipForm\"\r\n      class=\"prPill__value\"\r\n      (click)=\"onTapChip(item)\"\r\n    >\r\n      ({{ item.valueName?.length }})\r\n    </span>\r\n    <i class=\"icon-close1\" (click)=\"onRemove(item)\"></i>\r\n  </button>\r\n  }\r\n</div>\r\n" }]
+        }], propDecorators: { filters: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }], openPopUp: [{
+                type: Output
+            }] } });
+
 var FilterTypeEnum;
 (function (FilterTypeEnum) {
     FilterTypeEnum[FilterTypeEnum["Select"] = 0] = "Select";
@@ -2625,7 +2663,6 @@ class FilterDirective {
     showClass = true;
     selectClass = null;
     confirmDateFormat = false;
-    showfilter = false;
     visibilityRules = [];
     change = new EventEmitter();
     innerValue = "";
@@ -2664,7 +2701,7 @@ class FilterDirective {
     onTouchedCallback = noop;
     onChangeCallback = noop;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterDirective, deps: [{ token: FilterTypeEnum }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: FilterDirective, isStandalone: true, selector: "filter", inputs: { name: "name", label: "label", visible: "visible", enabled: "enabled", parent: "parent", placeholder: "placeholder", title: "title", filterClass: "filterClass", letterIndex: "letterIndex", defaultValue: "defaultValue", showClean: "showClean", showInAppliedFilter: "showInAppliedFilter", showClass: "showClass", selectClass: "selectClass", confirmDateFormat: "confirmDateFormat", showfilter: "showfilter", visibilityRules: "visibilityRules" }, outputs: { change: "change" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: FilterDirective, isStandalone: true, selector: "filter", inputs: { name: "name", label: "label", visible: "visible", enabled: "enabled", parent: "parent", placeholder: "placeholder", title: "title", filterClass: "filterClass", letterIndex: "letterIndex", defaultValue: "defaultValue", showClean: "showClean", showInAppliedFilter: "showInAppliedFilter", showClass: "showClass", selectClass: "selectClass", confirmDateFormat: "confirmDateFormat", visibilityRules: "visibilityRules" }, outputs: { change: "change" }, providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0 });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterDirective, providedIn: "root" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterDirective, decorators: [{
@@ -2705,8 +2742,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 type: Input
             }], confirmDateFormat: [{
                 type: Input
-            }], showfilter: [{
-                type: Input
             }], visibilityRules: [{
                 type: Input
             }], change: [{
@@ -2734,13 +2769,33 @@ class SelectFilterDirective extends FilterDirective {
         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: FilterDirective, useExisting: forwardRef(() => SelectFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    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: FilterDirective, useExisting: forwardRef(() => SelectFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => SelectFilterDirective)
+                        }
+                    ]
                 }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
@@ -3046,24 +3101,27 @@ class FiltersComponent {
         }
     }
     ngOnDestroy() {
-        this.subscriptions.forEach(subscription => {
+        this.subscriptions.forEach((subscription) => {
             subscription.unsubscribe();
         });
     }
     ngAfterViewInit() {
         this.filters = this.filterDirectives.toArray();
         // Vincula hijos con sus padres
-        this.filters.forEach(filter => {
+        this.filters.forEach((filter) => {
             if (filter.parent) {
-                const parent = this.filters.find(f => f.name === filter.parent);
+                const parent = this.filters.find((f) => f.name === filter.parent);
                 if (parent) {
                     parent.children.push(filter);
                 }
             }
         });
         this.subscriptions = [];
-        this.filterDirectives.forEach(filter => {
-            if ((filter.value === undefined || filter.value === null || filter.value === "") && filter.defaultValue != null) {
+        this.filterDirectives.forEach((filter) => {
+            if ((filter.value === undefined ||
+                filter.value === null ||
+                filter.value === "") &&
+                filter.defaultValue != null) {
                 filter.value = filter.defaultValue;
                 this.toggleChildrenVisibility(filter);
             }
@@ -3096,11 +3154,13 @@ class FiltersComponent {
         if (!filter.visibilityRules?.length)
             return;
         const allFilters = this.filterDirectives.toArray();
-        filter.visibilityRules.forEach(rule => {
-            const child = allFilters.find(f => f.name === rule.child);
+        filter.visibilityRules.forEach((rule) => {
+            const child = allFilters.find((f) => f.name === rule.child);
             if (child) {
                 const value = filter.value;
-                const shouldShow = Array.isArray(value) ? value.some(v => rule.allowedValues.includes(v)) : rule.allowedValues.includes(value);
+                const shouldShow = Array.isArray(value)
+                    ? value.some((v) => rule.allowedValues.includes(v))
+                    : rule.allowedValues.includes(value);
                 child.visible = shouldShow;
                 child.$changes.next({ visible: { currentValue: shouldShow } });
             }
@@ -3135,9 +3195,9 @@ class FiltersComponent {
         }
         // Si es padre, limpiar hijos
         if (!filter.parent) {
-            const children = this.filterDirectives.filter(f => f.parent === filter.name);
+            const children = this.filterDirectives.filter((f) => f.parent === filter.name);
             const shouldHideChildren = !(filter.defaultValue !== undefined && filter.defaultValue !== null); // solo ocultar si el padre NO tiene defaultValue
-            children.forEach(child => {
+            children.forEach((child) => {
                 if (child.defaultValue !== undefined && child.defaultValue !== null) {
                     child.value = child.defaultValue;
                 }
@@ -3167,7 +3227,7 @@ class FiltersComponent {
                 }
             });
         }
-        const index = this._filtersApplied.findIndex(x => x.name === filter.name);
+        const index = this._filtersApplied.findIndex((x) => x.name === filter.name);
         if (index !== -1)
             this._filtersApplied.splice(index, 1);
         if (filter.change) {
@@ -3191,21 +3251,24 @@ class FiltersComponent {
             if (selectFilter.multiple) {
                 text = "";
                 filter.value.forEach((f) => {
-                    let filterSelect = selectFilter.options.filter(x => x[selectFilter.optionValue] === f);
+                    let filterSelect = selectFilter.options.filter((x) => x[selectFilter.optionValue] === f);
                     if (filterSelect.length)
-                        valueName = [...valueName, filterSelect[0][selectFilter.optionLabel]];
+                        valueName = [
+                            ...valueName,
+                            filterSelect[0][selectFilter.optionLabel],
+                        ];
                     if (filterSelect.length > 0)
                         text = text + filterSelect[0][selectFilter.optionLabel] + "-";
                 });
                 text = text.slice(0, -1);
             }
             else {
-                let filterSelect = selectFilter.options.filter(x => x[selectFilter.optionValue] === filter.value);
+                let filterSelect = selectFilter.options.filter((x) => x[selectFilter.optionValue] === filter.value);
                 if (filterSelect.length > 0)
                     text = filterSelect[0][selectFilter.optionLabel];
             }
         }
-        let filterApplied = this._filtersApplied.filter(x => x.name === filter.name)[0];
+        let filterApplied = this._filtersApplied.filter((x) => x.name === filter.name)[0];
         if (!filterApplied) {
             this._filtersApplied.push({
                 name: filter.name,
@@ -3227,7 +3290,9 @@ class FiltersComponent {
      * @returns {string} - El índice del filtro en formato de numeración o letras.
      */
     getIndex(filter, parentFilter) {
-        const filters = [...this.filterDirectives.filter(x => !x.parent && x.visible)];
+        const filters = [
+            ...this.filterDirectives.filter((x) => !x.parent && x.visible),
+        ];
         // Verifica si el filtro está en la lista principal de filtros visibles
         if (filters.indexOf(filter) > -1) {
             // Retorna el índice en formato de letras si está definido, de lo contrario, utiliza la numeración
@@ -3237,7 +3302,9 @@ class FiltersComponent {
         }
         // Si hay un filtro padre proporcionado
         if (parentFilter) {
-            const children = [...this.filterDirectives.filter(x => x.parent === parentFilter?.name && x.visible)];
+            const children = [
+                ...this.filterDirectives.filter((x) => x.parent === parentFilter?.name && x.visible),
+            ];
             let index = "";
             // Concatena el índice del filtro padre en formato de letras o numeración
             if (parentFilter.letterIndex)
@@ -3264,12 +3331,14 @@ class FiltersComponent {
         // Limpia la lista de filtros aplicados
         this._filtersApplied = [];
         // Itera sobre todas las directivas de filtro
-        this.filterDirectives.forEach(filterDirective => {
+        this.filterDirectives.forEach((filterDirective) => {
             if (this.validateFilter(filterDirective)) {
                 // Verifica si el tipo de filtro es de texto
                 if (filterDirective.type === FilterTypeEnum.Text) {
                     // Comprueba si el valor de texto no está vacío y agrega el filtro aplicado
-                    if (filterDirective.value !== undefined && filterDirective.value !== null && filterDirective.value.trim() !== "") {
+                    if (filterDirective.value !== undefined &&
+                        filterDirective.value !== null &&
+                        filterDirective.value.trim() !== "") {
                         this.builderFiltersApplied(filterDirective);
                     }
                 }
@@ -3281,26 +3350,37 @@ class FiltersComponent {
                     // 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)) &&
+                        (this.validStringValue(filterDirective.value, filterDirective.defaultValue) ||
+                            filterDirective.value > -1 ||
+                            Array.isArray(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);
     }
     validateFilter(filter) {
         if (filter instanceof SelectFilterDirective) {
-            return filter.options && filter.value ? filter.options.length !== filter.value.length : true;
+            return filter.options && filter.value
+                ? filter.options.length !== filter.value.length
+                : true;
         }
         return true;
     }
     validStringValue(value, defaultValue) {
-        return typeof (value == "string" || value === "Object") && value != defaultValue;
+        return (typeof (value == "string" || value === "Object") && value != defaultValue);
     }
     clickCancel() {
-        this.filterDirectives.forEach(filter => {
+        this.filterDirectives.forEach((filter) => {
             // Restaurar valor por default o limpiar
             if (filter.defaultValue !== undefined && filter.defaultValue !== null) {
                 filter.value = filter.defaultValue;
@@ -3328,7 +3408,7 @@ class FiltersComponent {
             }
             // Ocultar hijos si su padre no tiene defaultValue
             if (filter.parent) {
-                const parent = this.filterDirectives.find(f => f.name === filter.parent);
+                const parent = this.filterDirectives.find((f) => f.name === filter.parent);
                 const parentHasDefault = parent?.defaultValue !== undefined && parent?.defaultValue !== null;
                 if (!parentHasDefault) {
                     filter.visible = false;
@@ -3350,8 +3430,12 @@ class FiltersComponent {
     evaluatecleanvalue(filter) {
         let isContinue = filter.value != filter.defaultValue;
         // Si el tipo de filtro es de fecha y el valor predeterminado es un objeto de fecha, compara las fechas en milisegundos
-        if (filter.type === FilterTypeEnum.Date && typeof filter.defaultValue === "object" && filter.defaultValue != null) {
-            isContinue = filter.value.getTime() != filter.defaultValue.getTime();
+        if (filter.type === FilterTypeEnum.Date &&
+            typeof filter.defaultValue === "object" &&
+            filter.defaultValue != null) {
+            isContinue =
+                filter.value.getTime() !=
+                    filter.defaultValue.getTime();
         }
         // Si el tipo de filtro es SelectDetail, compara los primeros elementos de los arreglos
         if (filter.type === FilterTypeEnum.SelectDetail) {
@@ -3365,13 +3449,22 @@ class FiltersComponent {
      * @returns {boolean} - `true` si el valor actual cumple con las condiciones para ser diferente al valor predeterminado, `false` de lo contrario.
      */
     evaluatecleanvaluetext(filter) {
-        let isContinue = filter.value != null && filter.value != 0 && filter.value != -1 && filter.value != filter.defaultValue && filter.showClass;
+        let isContinue = filter.value != null &&
+            filter.value != 0 &&
+            filter.value != -1 &&
+            filter.value != filter.defaultValue &&
+            filter.showClass;
         if (filter.defaultValue) {
             isContinue = filter.value != null && filter.value != filter.defaultValue;
         }
         // Si el tipo de filtro es de fecha y el valor predeterminado es un objeto de fecha, compara las fechas en milisegundos
-        if (filter.value != null && filter.type === FilterTypeEnum.Date && typeof filter.defaultValue === "object" && filter.defaultValue != null) {
-            isContinue = filter.value.getTime() != filter.defaultValue.getTime();
+        if (filter.value != null &&
+            filter.type === FilterTypeEnum.Date &&
+            typeof filter.defaultValue === "object" &&
+            filter.defaultValue != null) {
+            isContinue =
+                filter.value.getTime() !=
+                    filter.defaultValue.getTime();
         }
         if (filter.type === FilterTypeEnum.Select) {
             if (Array.isArray(filter.value) && Array.isArray(filter.defaultValue)) {
@@ -3394,11 +3487,12 @@ class FiltersComponent {
         if (type === this.filterTypeEnum.Select && Array.isArray(value)) {
             has = value.length > 0;
         }
-        else if (type === this.filterTypeEnum.Text || type === this.filterTypeEnum.TextArea) {
+        else if (type === this.filterTypeEnum.Text ||
+            type === this.filterTypeEnum.TextArea) {
             has = !!value && value.trim() !== "";
         }
         else if (type === this.filterTypeEnum.Date && Array.isArray(value)) {
-            has = value.some(v => !!v);
+            has = value.some((v) => !!v);
         }
         else {
             has = !!value;
@@ -3413,13 +3507,23 @@ class FiltersComponent {
         if (defaultValue === undefined || defaultValue === null) {
             return false;
         }
-        if (type === this.filterTypeEnum.Select && Array.isArray(value) && Array.isArray(defaultValue)) {
-            return value.length === defaultValue.length && value.every((v, i) => v === defaultValue[i]);
-        }
-        if (type === this.filterTypeEnum.Date && Array.isArray(value) && Array.isArray(defaultValue)) {
-            return value.length === defaultValue.length && value.every((v, i) => v instanceof Date && defaultValue[i] instanceof Date && v.getTime() === defaultValue[i].getTime());
-        }
-        if (type === this.filterTypeEnum.Date && value instanceof Date && defaultValue instanceof Date) {
+        if (type === this.filterTypeEnum.Select &&
+            Array.isArray(value) &&
+            Array.isArray(defaultValue)) {
+            return (value.length === defaultValue.length &&
+                value.every((v, i) => v === defaultValue[i]));
+        }
+        if (type === this.filterTypeEnum.Date &&
+            Array.isArray(value) &&
+            Array.isArray(defaultValue)) {
+            return (value.length === defaultValue.length &&
+                value.every((v, i) => v instanceof Date &&
+                    defaultValue[i] instanceof Date &&
+                    v.getTime() === defaultValue[i].getTime()));
+        }
+        if (type === this.filterTypeEnum.Date &&
+            value instanceof Date &&
+            defaultValue instanceof Date) {
             return value.getTime() === defaultValue.getTime();
         }
         return value === defaultValue;
@@ -3445,11 +3549,24 @@ 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\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></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" }, outputs: { EmitApply: "EmitApply", EmitCancel: "EmitCancel" }, queries: [{ propertyName: "filterDirectives", predicate: FilterDirective }], usesOnChanges: true, ngImport: i0, template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t\t[placeholder]=\"getDateFormat(item.dateMode)\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
-            args: [{ selector: "intelica-filters", imports: [CommonModule, DatePickerModule, FormsModule, TermPipe, ButtonModule, InputTextModule, CheckboxModule, SelectModule, MultiSelectModule, TextareaModule, RippleModule, MultiSelectComponent], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></textarea>\r\n</ng-template>\r\n" }]
+            args: [{ selector: "intelica-filters", imports: [
+                        CommonModule,
+                        DatePickerModule,
+                        FormsModule,
+                        TermPipe,
+                        ButtonModule,
+                        InputTextModule,
+                        CheckboxModule,
+                        SelectModule,
+                        MultiSelectModule,
+                        TextareaModule,
+                        RippleModule,
+                        MultiSelectComponent,
+                    ], template: "<div class=\"inputColumns\" [ngClass]=\"customClass\">\r\n\t@for (filter of filterDirectives; track filter) {\r\n\t<!-- BEGIN filters  -->\r\n\t@if (filter.visible && !filter.parent) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: filter, index: getIndex(filter) }\"></ng-container>\r\n\t@for (child of filterDirectives; track child) { @if (child.parent && child.parent === filter.name && child.visible) {\r\n\t<ng-container *ngTemplateOutlet=\"template; context: { item: child, index: getIndex(child, filter) }\"></ng-container>\r\n\t} } }\r\n\t<!-- END filters -->\r\n\t}\r\n</div>\r\n\r\n@if (showButtons) {\r\n<div class=\"btnBox btnBox--center mt-4\">\r\n\t<button pRipple class=\"grButton grButton--primary applyAnalytics\" (click)=\"clickApply()\">\r\n\t\t<span>{{ \"Apply\" | term : GlobalTermService.languageCode }}</span>\r\n\t</button>\r\n\t<button pRipple class=\"grButton grButton--secondary cleanAnalytics\" (click)=\"clickCancel()\">\r\n\t\t<span>{{ \"Clear\" | term : GlobalTermService.languageCode }}</span>\r\n\t</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\t@if (item.visible) {\r\n\t<div class=\"formRowInput {{ item.filterClass }}\" [ngClass]=\"{ required: item.required }\">\r\n\t\t@if (item.label && item.label.length > 0) {\r\n\t\t<div class=\"formRowInputLeft align-items-baseline\">\r\n\t\t\t<div class=\"formRowInputNumber\">\r\n\t\t\t\t<span>{{ index }}</span>\r\n\t\t\t</div>\r\n\t\t\t<label [for]=\"item.name\">\r\n\t\t\t\t<span>{{ item.label }}</span>\r\n\t\t\t</label>\r\n\t\t</div>\r\n\t\t}\r\n\t\t<div class=\"formRowInputWrap align-items-center\">\r\n\t\t\t@if (item.type === filterTypeEnum.Select) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"select; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Text) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Checkbox) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"checkbox; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Date) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"date; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.Template) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"template_filter; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t\t<!---->\r\n\t\t\t@if (item.type === filterTypeEnum.TextArea) {\r\n\t\t\t<ng-container *ngTemplateOutlet=\"text_area; context: { item: item, index: index }\"></ng-container>\r\n\t\t\t}\r\n\t\t</div>\r\n\t\t@if (item.showClean && hasValue(item)) {\r\n\t\t<button class=\"desactive formRowInputClear\" (click)=\"cleanValue(item)\">\r\n\t\t\t<i class=\"icon-times\"></i>\r\n\t\t</button>\r\n\t\t}\r\n\t</div>\r\n\t}\r\n</ng-template>\r\n\r\n<!-- Tipos de filtros -->\r\n<ng-template #select let-item=\"item\" let-index=\"index\">\r\n\t@if (item.multiple) {\r\n\t<intelica-multi-select\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[options]=\"item.options\"\r\n\t\t[showFilter]=\"item.showFilter\"\r\n\t\t[showAll]=\"item.showAll\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t(onChange)=\"onChangeMultiple($event, item)\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[allText]=\"item.allText\"\r\n\t\t[maxSelectedLabels]=\"item.maxSelectedLabels\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[selectedItemsLabel]=\"item.selectedItemsLabel\"\r\n\t\tclass=\"fullWidth\"\r\n\t></intelica-multi-select>\r\n\t} @else {\r\n\t<p-select\r\n\t\t[options]=\"item.options\"\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[optionLabel]=\"item.optionLabel\"\r\n\t\t[optionValue]=\"item.optionValue\"\r\n\t\t[placeholder]=\"item.placeholder\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t(onChange)=\"onChange($event, item)\"\r\n\t\t[filter]=\"item.showfilter\"\r\n\t\t[appendTo]=\"item.appendTo\"\r\n\t\t[panelStyleClass]=\"item.panelStyleClass\"\r\n\t\t[virtualScroll]=\"item.virtualScroll\"\r\n\t\t[virtualScrollItemSize]=\"25\"\r\n\t\tclass=\"prSelect\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prSelect\"\r\n\t></p-select>\r\n\t}\r\n</ng-template>\r\n\r\n<ng-template #text let-item=\"item\" let-index=\"index\">\r\n\t<input pInputText class=\"prInputText\" type=\"text\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\" [maxlength]=\"item.maxlength\" />\r\n</ng-template>\r\n\r\n<ng-template #checkbox let-item=\"item\" let-index=\"index\">\r\n\t<p-checkbox class=\"prCheckbox\" [(ngModel)]=\"item.value\" [binary]=\"true\" [disabled]=\"!item.enabled\" (onChange)=\"onChangeCheck($event, item)\"></p-checkbox>\r\n</ng-template>\r\n\r\n<ng-template #date let-item=\"item\" let-index=\"index\">\r\n\t<p-datepicker\r\n\t\t[(ngModel)]=\"item.value\"\r\n\t\t[selectionMode]=\"item.range ? 'range' : 'single'\"\r\n\t\t[disabled]=\"!item.enabled\"\r\n\t\t[iconDisplay]=\"'input'\"\r\n\t\t[showIcon]=\"true\"\r\n\t\t(ngModelChange)=\"onChange($event, item)\"\r\n\t\t[view]=\"getDateView(item.dateMode)\"\r\n\t\t[dateFormat]=\"getDateFormat(item.dateMode)\"\r\n\t\tclass=\"prDatePicker\"\r\n\t\tappendTo=\"body\"\r\n\t\tpanelStyleClass=\"prDatePicker\"\r\n\t\t[placeholder]=\"getDateFormat(item.dateMode)\"\r\n\t></p-datepicker>\r\n</ng-template>\r\n\r\n<ng-template #template_filter let-item=\"item\" let-index=\"index\">\r\n\t<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\t<textarea pTextarea class=\"prInputText\" [disabled]=\"!item.enabled\" [(ngModel)]=\"item.value\" [placeholder]=\"item.placeholder\" (keyup)=\"onKeyUp($event, item)\"></textarea>\r\n</ng-template>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showButtons: [{
                 type: Input
             }], customClass: [{
@@ -4488,13 +4605,33 @@ class CheckboxFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CheckboxFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: CheckboxFilterDirective, isStandalone: true, selector: "checkbox-filter", inputs: { modeCheckBox: "modeCheckBox" }, providers: [{ provide: FilterDirective, useExisting: forwardRef(() => CheckboxFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: CheckboxFilterDirective, isStandalone: true, selector: "checkbox-filter", inputs: { modeCheckBox: "modeCheckBox" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => CheckboxFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: CheckboxFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "checkbox-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => CheckboxFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => CheckboxFilterDirective)
+                        }
+                    ],
                 }]
         }], ctorParameters: () => [], propDecorators: { modeCheckBox: [{
                 type: Input
@@ -4520,13 +4657,33 @@ class DateFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DateFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: DateFilterDirective, isStandalone: true, selector: "date-filter", inputs: { format: "format", start: "start", depth: "depth", strictMode: "strictMode", min: "min", max: "max", showTodayButton: "showTodayButton", allowEdit: "allowEdit", range: "range", dateMode: "dateMode" }, outputs: { open: "open", navigated: "navigated" }, providers: [{ provide: FilterDirective, useExisting: forwardRef(() => DateFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: DateFilterDirective, isStandalone: true, selector: "date-filter", inputs: { format: "format", start: "start", depth: "depth", strictMode: "strictMode", min: "min", max: "max", showTodayButton: "showTodayButton", allowEdit: "allowEdit", range: "range", dateMode: "dateMode" }, outputs: { open: "open", navigated: "navigated" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DateFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => DateFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DateFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "date-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => DateFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DateFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => DateFilterDirective)
+                        }
+                    ]
                 }]
         }], ctorParameters: () => [], propDecorators: { format: [{
                 type: Input
@@ -4567,13 +4724,33 @@ class SelectDetailFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectDetailFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: SelectDetailFilterDirective, isStandalone: true, selector: "select-detail-filter", inputs: { id: "id", fieldText: "fieldText", fieldValue: "fieldValue", fieldDetail: "fieldDetail", data: "data" }, providers: [{ provide: FilterDirective, useExisting: forwardRef(() => SelectDetailFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: SelectDetailFilterDirective, isStandalone: true, selector: "select-detail-filter", inputs: { id: "id", fieldText: "fieldText", fieldValue: "fieldValue", fieldDetail: "fieldDetail", data: "data" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectDetailFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => SelectDetailFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectDetailFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "select-detail-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => SelectDetailFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectDetailFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => SelectDetailFilterDirective)
+                        }
+                    ],
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{
                 type: Input
@@ -4593,13 +4770,33 @@ class TemplateDirective extends FilterDirective {
     }
     content;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TemplateDirective, isStandalone: true, selector: "template-filter", providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TemplateDirective) }], queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TemplateDirective, isStandalone: true, selector: "template-filter", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TemplateDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => TemplateDirective)
+            }
+        ], queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "template-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TemplateDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TemplateDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => TemplateDirective)
+                        }
+                    ],
                 }]
         }], ctorParameters: () => [], propDecorators: { content: [{
                 type: ContentChild,
@@ -4614,13 +4811,33 @@ class TextAreaFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextAreaFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextAreaFilterDirective, isStandalone: true, selector: "view-text-area-filter", providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextAreaFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextAreaFilterDirective, isStandalone: true, selector: "view-text-area-filter", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextAreaFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => TextAreaFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextAreaFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "view-text-area-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextAreaFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextAreaFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => TextAreaFilterDirective)
+                        }
+                    ],
                 }]
         }], ctorParameters: () => [] });
 
@@ -4632,13 +4849,33 @@ class TextFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextFilterDirective, isStandalone: true, selector: "text-filter", providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextFilterDirective, isStandalone: true, selector: "text-filter", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => TextFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "text-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => TextFilterDirective)
+                        }
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: () => [] });
@@ -4655,13 +4892,33 @@ class TextRangeFilterDirective extends FilterDirective {
         this.$changes.next(changes);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextRangeFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextRangeFilterDirective, isStandalone: true, selector: "text-range-filter", inputs: { minRange: "minRange", maxRange: "maxRange", minLabel: "minLabel", maxLabel: "maxLabel" }, providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextRangeFilterDirective) }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: TextRangeFilterDirective, isStandalone: true, selector: "text-range-filter", inputs: { minRange: "minRange", maxRange: "maxRange", minLabel: "minLabel", maxLabel: "maxLabel" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextRangeFilterDirective),
+                multi: true
+            },
+            {
+                provide: FilterDirective,
+                useExisting: forwardRef(() => TextRangeFilterDirective)
+            }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TextRangeFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "text-range-filter",
-                    providers: [{ provide: FilterDirective, useExisting: forwardRef(() => TextRangeFilterDirective) }],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextRangeFilterDirective),
+                            multi: true
+                        },
+                        {
+                            provide: FilterDirective,
+                            useExisting: forwardRef(() => TextRangeFilterDirective)
+                        }
+                    ],
                 }]
         }], ctorParameters: () => [], propDecorators: { minRange: [{
                 type: Input
@@ -7972,5 +8229,5 @@ const IntelicaTheme = definePreset(Aura, {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ActionDirective, ActionsMenuComponent, ButtonSplitComponent, CheckboxFilterDirective, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DataDirective, DateFilterDirective, DateModeOptions, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFeatureFlagService, GlobalTermService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaTheme, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, OrderConstants, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RefreshTokenInterceptor, RouteGuard, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TemplateDirective, TemplateMenuComponent, TermGuard, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
 //# sourceMappingURL=intelica-library-ui.mjs.map