intelica-library-ui 0.1.153 → 0.1.154

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -143,7 +143,8 @@ function sleep$1(ms) {
143
143
  class TermPipe {
144
144
  globalTermService = inject(GlobalTermService);
145
145
  transform(termName, language, mode = 1) {
146
- let term = this.globalTermService.terms.find(x => x.termName == termName)?.termValue ?? "-";
146
+ let term = this.globalTermService.terms.find((x) => x.termName == termName)
147
+ ?.termValue ?? "-";
147
148
  if (mode == 2)
148
149
  term = term.substring(0, 1);
149
150
  if (mode == 3)
@@ -2423,9 +2424,6 @@ class ActionsMenuComponent {
2423
2424
  this.ShowActionsMenu = true;
2424
2425
  // Muestra u oculta el menú de selección de acciones.
2425
2426
  this.ShowSelectActions = true;
2426
- this.Popover.nativeElement.style.display = "block";
2427
- this.MenuButton.nativeElement.classList.add("active");
2428
- this.PopoverContainer.nativeElement.classList.add("backdrop-visible");
2429
2427
  }
2430
2428
  closePopover() {
2431
2429
  this.IsPopoverOpen = false;
@@ -2433,9 +2431,6 @@ class ActionsMenuComponent {
2433
2431
  this.ShowActionsMenu = false;
2434
2432
  // Muestra u oculta el menú de selección de acciones.
2435
2433
  this.ShowSelectActions = true;
2436
- this.Popover.nativeElement.style.display = "none";
2437
- this.MenuButton.nativeElement.classList.remove("active");
2438
- this.PopoverContainer.nativeElement.classList.remove("backdrop-visible");
2439
2434
  }
2440
2435
  /** Método para alternar el estado del popover */
2441
2436
  togglePopover(event) {
@@ -2560,11 +2555,11 @@ class ActionsMenuComponent {
2560
2555
  this.ShowSelectActions = true;
2561
2556
  }
2562
2557
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionsMenuComponent, deps: [{ token: TermPipe }], target: i0.ɵɵFactoryTarget.Component });
2563
- 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" }] });
2558
+ 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" }] });
2564
2559
  }
2565
2560
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionsMenuComponent, decorators: [{
2566
2561
  type: Component,
2567
- 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" }]
2562
+ 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" }]
2568
2563
  }], ctorParameters: () => [{ type: TermPipe }], propDecorators: { Popover: [{
2569
2564
  type: ViewChild,
2570
2565
  args: ["popover"]
@@ -2591,6 +2586,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
2591
2586
  args: [ActionDirective]
2592
2587
  }] } });
2593
2588
 
2589
+ class FilterChipsComponent {
2590
+ filters = [];
2591
+ remove = new EventEmitter();
2592
+ openPopUp = new EventEmitter();
2593
+ GlobalTermService = inject(GlobalTermService);
2594
+ onRemove(filter) {
2595
+ this.remove.emit(filter);
2596
+ }
2597
+ onTapChip(filter) {
2598
+ this.openPopUp.emit(filter);
2599
+ }
2600
+ sortList(list) {
2601
+ if (!Array.isArray(list)) {
2602
+ return [];
2603
+ }
2604
+ const stringList = list.map((item) => typeof item === "string"
2605
+ ? item
2606
+ : item?.name || item?.text || JSON.stringify(item));
2607
+ const sorted = [...stringList].sort();
2608
+ if (sorted.length > 5) {
2609
+ return sorted
2610
+ .slice(0, 5)
2611
+ .map((item, index) => `${index + 1}. ${item}`)
2612
+ .concat("...");
2613
+ }
2614
+ else {
2615
+ return sorted.map((item, index) => `${index + 1}. ${item}`);
2616
+ }
2617
+ }
2618
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2619
+ 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"] }] });
2620
+ }
2621
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FilterChipsComponent, decorators: [{
2622
+ type: Component,
2623
+ 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" }]
2624
+ }], propDecorators: { filters: [{
2625
+ type: Input
2626
+ }], remove: [{
2627
+ type: Output
2628
+ }], openPopUp: [{
2629
+ type: Output
2630
+ }] } });
2631
+
2594
2632
  var FilterTypeEnum;
2595
2633
  (function (FilterTypeEnum) {
2596
2634
  FilterTypeEnum[FilterTypeEnum["Select"] = 0] = "Select";
@@ -3063,24 +3101,27 @@ class FiltersComponent {
3063
3101
  }
3064
3102
  }
3065
3103
  ngOnDestroy() {
3066
- this.subscriptions.forEach(subscription => {
3104
+ this.subscriptions.forEach((subscription) => {
3067
3105
  subscription.unsubscribe();
3068
3106
  });
3069
3107
  }
3070
3108
  ngAfterViewInit() {
3071
3109
  this.filters = this.filterDirectives.toArray();
3072
3110
  // Vincula hijos con sus padres
3073
- this.filters.forEach(filter => {
3111
+ this.filters.forEach((filter) => {
3074
3112
  if (filter.parent) {
3075
- const parent = this.filters.find(f => f.name === filter.parent);
3113
+ const parent = this.filters.find((f) => f.name === filter.parent);
3076
3114
  if (parent) {
3077
3115
  parent.children.push(filter);
3078
3116
  }
3079
3117
  }
3080
3118
  });
3081
3119
  this.subscriptions = [];
3082
- this.filterDirectives.forEach(filter => {
3083
- if ((filter.value === undefined || filter.value === null || filter.value === "") && filter.defaultValue != null) {
3120
+ this.filterDirectives.forEach((filter) => {
3121
+ if ((filter.value === undefined ||
3122
+ filter.value === null ||
3123
+ filter.value === "") &&
3124
+ filter.defaultValue != null) {
3084
3125
  filter.value = filter.defaultValue;
3085
3126
  this.toggleChildrenVisibility(filter);
3086
3127
  }
@@ -3113,11 +3154,13 @@ class FiltersComponent {
3113
3154
  if (!filter.visibilityRules?.length)
3114
3155
  return;
3115
3156
  const allFilters = this.filterDirectives.toArray();
3116
- filter.visibilityRules.forEach(rule => {
3117
- const child = allFilters.find(f => f.name === rule.child);
3157
+ filter.visibilityRules.forEach((rule) => {
3158
+ const child = allFilters.find((f) => f.name === rule.child);
3118
3159
  if (child) {
3119
3160
  const value = filter.value;
3120
- const shouldShow = Array.isArray(value) ? value.some(v => rule.allowedValues.includes(v)) : rule.allowedValues.includes(value);
3161
+ const shouldShow = Array.isArray(value)
3162
+ ? value.some((v) => rule.allowedValues.includes(v))
3163
+ : rule.allowedValues.includes(value);
3121
3164
  child.visible = shouldShow;
3122
3165
  child.$changes.next({ visible: { currentValue: shouldShow } });
3123
3166
  }
@@ -3152,9 +3195,9 @@ class FiltersComponent {
3152
3195
  }
3153
3196
  // Si es padre, limpiar hijos
3154
3197
  if (!filter.parent) {
3155
- const children = this.filterDirectives.filter(f => f.parent === filter.name);
3198
+ const children = this.filterDirectives.filter((f) => f.parent === filter.name);
3156
3199
  const shouldHideChildren = !(filter.defaultValue !== undefined && filter.defaultValue !== null); // solo ocultar si el padre NO tiene defaultValue
3157
- children.forEach(child => {
3200
+ children.forEach((child) => {
3158
3201
  if (child.defaultValue !== undefined && child.defaultValue !== null) {
3159
3202
  child.value = child.defaultValue;
3160
3203
  }
@@ -3184,7 +3227,7 @@ class FiltersComponent {
3184
3227
  }
3185
3228
  });
3186
3229
  }
3187
- const index = this._filtersApplied.findIndex(x => x.name === filter.name);
3230
+ const index = this._filtersApplied.findIndex((x) => x.name === filter.name);
3188
3231
  if (index !== -1)
3189
3232
  this._filtersApplied.splice(index, 1);
3190
3233
  if (filter.change) {
@@ -3208,21 +3251,24 @@ class FiltersComponent {
3208
3251
  if (selectFilter.multiple) {
3209
3252
  text = "";
3210
3253
  filter.value.forEach((f) => {
3211
- let filterSelect = selectFilter.options.filter(x => x[selectFilter.optionValue] === f);
3254
+ let filterSelect = selectFilter.options.filter((x) => x[selectFilter.optionValue] === f);
3212
3255
  if (filterSelect.length)
3213
- valueName = [...valueName, filterSelect[0][selectFilter.optionLabel]];
3256
+ valueName = [
3257
+ ...valueName,
3258
+ filterSelect[0][selectFilter.optionLabel],
3259
+ ];
3214
3260
  if (filterSelect.length > 0)
3215
3261
  text = text + filterSelect[0][selectFilter.optionLabel] + "-";
3216
3262
  });
3217
3263
  text = text.slice(0, -1);
3218
3264
  }
3219
3265
  else {
3220
- let filterSelect = selectFilter.options.filter(x => x[selectFilter.optionValue] === filter.value);
3266
+ let filterSelect = selectFilter.options.filter((x) => x[selectFilter.optionValue] === filter.value);
3221
3267
  if (filterSelect.length > 0)
3222
3268
  text = filterSelect[0][selectFilter.optionLabel];
3223
3269
  }
3224
3270
  }
3225
- let filterApplied = this._filtersApplied.filter(x => x.name === filter.name)[0];
3271
+ let filterApplied = this._filtersApplied.filter((x) => x.name === filter.name)[0];
3226
3272
  if (!filterApplied) {
3227
3273
  this._filtersApplied.push({
3228
3274
  name: filter.name,
@@ -3244,7 +3290,9 @@ class FiltersComponent {
3244
3290
  * @returns {string} - El índice del filtro en formato de numeración o letras.
3245
3291
  */
3246
3292
  getIndex(filter, parentFilter) {
3247
- const filters = [...this.filterDirectives.filter(x => !x.parent && x.visible)];
3293
+ const filters = [
3294
+ ...this.filterDirectives.filter((x) => !x.parent && x.visible),
3295
+ ];
3248
3296
  // Verifica si el filtro está en la lista principal de filtros visibles
3249
3297
  if (filters.indexOf(filter) > -1) {
3250
3298
  // Retorna el índice en formato de letras si está definido, de lo contrario, utiliza la numeración
@@ -3254,7 +3302,9 @@ class FiltersComponent {
3254
3302
  }
3255
3303
  // Si hay un filtro padre proporcionado
3256
3304
  if (parentFilter) {
3257
- const children = [...this.filterDirectives.filter(x => x.parent === parentFilter?.name && x.visible)];
3305
+ const children = [
3306
+ ...this.filterDirectives.filter((x) => x.parent === parentFilter?.name && x.visible),
3307
+ ];
3258
3308
  let index = "";
3259
3309
  // Concatena el índice del filtro padre en formato de letras o numeración
3260
3310
  if (parentFilter.letterIndex)
@@ -3281,12 +3331,14 @@ class FiltersComponent {
3281
3331
  // Limpia la lista de filtros aplicados
3282
3332
  this._filtersApplied = [];
3283
3333
  // Itera sobre todas las directivas de filtro
3284
- this.filterDirectives.forEach(filterDirective => {
3334
+ this.filterDirectives.forEach((filterDirective) => {
3285
3335
  if (this.validateFilter(filterDirective)) {
3286
3336
  // Verifica si el tipo de filtro es de texto
3287
3337
  if (filterDirective.type === FilterTypeEnum.Text) {
3288
3338
  // Comprueba si el valor de texto no está vacío y agrega el filtro aplicado
3289
- if (filterDirective.value !== undefined && filterDirective.value !== null && filterDirective.value.trim() !== "") {
3339
+ if (filterDirective.value !== undefined &&
3340
+ filterDirective.value !== null &&
3341
+ filterDirective.value.trim() !== "") {
3290
3342
  this.builderFiltersApplied(filterDirective);
3291
3343
  }
3292
3344
  }
@@ -3298,26 +3350,37 @@ class FiltersComponent {
3298
3350
  // Comprueba si el valor del filtro es válido y no está vacío, luego agrega el filtro aplicado
3299
3351
  if (filterDirective.value !== undefined &&
3300
3352
  filterDirective.value !== null &&
3301
- (this.validStringValue(filterDirective.value, filterDirective.defaultValue) || filterDirective.value > -1 || Array.isArray(filterDirective.value)) &&
3353
+ (this.validStringValue(filterDirective.value, filterDirective.defaultValue) ||
3354
+ filterDirective.value > -1 ||
3355
+ Array.isArray(filterDirective.value)) &&
3302
3356
  filterDirective.value.toString().length > 0) {
3303
3357
  this.builderFiltersApplied(filterDirective);
3304
3358
  }
3305
3359
  }
3306
3360
  }
3361
+ else {
3362
+ if (filterDirective instanceof SelectFilterDirective) {
3363
+ if (filterDirective.options.length == filterDirective.value.length) {
3364
+ filterDirective.value = [];
3365
+ }
3366
+ }
3367
+ }
3307
3368
  });
3308
3369
  this.EmitApply.emit(this._filtersApplied);
3309
3370
  }
3310
3371
  validateFilter(filter) {
3311
3372
  if (filter instanceof SelectFilterDirective) {
3312
- return filter.options && filter.value ? filter.options.length !== filter.value.length : true;
3373
+ return filter.options && filter.value
3374
+ ? filter.options.length !== filter.value.length
3375
+ : true;
3313
3376
  }
3314
3377
  return true;
3315
3378
  }
3316
3379
  validStringValue(value, defaultValue) {
3317
- return typeof (value == "string" || value === "Object") && value != defaultValue;
3380
+ return (typeof (value == "string" || value === "Object") && value != defaultValue);
3318
3381
  }
3319
3382
  clickCancel() {
3320
- this.filterDirectives.forEach(filter => {
3383
+ this.filterDirectives.forEach((filter) => {
3321
3384
  // Restaurar valor por default o limpiar
3322
3385
  if (filter.defaultValue !== undefined && filter.defaultValue !== null) {
3323
3386
  filter.value = filter.defaultValue;
@@ -3345,7 +3408,7 @@ class FiltersComponent {
3345
3408
  }
3346
3409
  // Ocultar hijos si su padre no tiene defaultValue
3347
3410
  if (filter.parent) {
3348
- const parent = this.filterDirectives.find(f => f.name === filter.parent);
3411
+ const parent = this.filterDirectives.find((f) => f.name === filter.parent);
3349
3412
  const parentHasDefault = parent?.defaultValue !== undefined && parent?.defaultValue !== null;
3350
3413
  if (!parentHasDefault) {
3351
3414
  filter.visible = false;
@@ -3367,8 +3430,12 @@ class FiltersComponent {
3367
3430
  evaluatecleanvalue(filter) {
3368
3431
  let isContinue = filter.value != filter.defaultValue;
3369
3432
  // Si el tipo de filtro es de fecha y el valor predeterminado es un objeto de fecha, compara las fechas en milisegundos
3370
- if (filter.type === FilterTypeEnum.Date && typeof filter.defaultValue === "object" && filter.defaultValue != null) {
3371
- isContinue = filter.value.getTime() != filter.defaultValue.getTime();
3433
+ if (filter.type === FilterTypeEnum.Date &&
3434
+ typeof filter.defaultValue === "object" &&
3435
+ filter.defaultValue != null) {
3436
+ isContinue =
3437
+ filter.value.getTime() !=
3438
+ filter.defaultValue.getTime();
3372
3439
  }
3373
3440
  // Si el tipo de filtro es SelectDetail, compara los primeros elementos de los arreglos
3374
3441
  if (filter.type === FilterTypeEnum.SelectDetail) {
@@ -3382,13 +3449,22 @@ class FiltersComponent {
3382
3449
  * @returns {boolean} - `true` si el valor actual cumple con las condiciones para ser diferente al valor predeterminado, `false` de lo contrario.
3383
3450
  */
3384
3451
  evaluatecleanvaluetext(filter) {
3385
- let isContinue = filter.value != null && filter.value != 0 && filter.value != -1 && filter.value != filter.defaultValue && filter.showClass;
3452
+ let isContinue = filter.value != null &&
3453
+ filter.value != 0 &&
3454
+ filter.value != -1 &&
3455
+ filter.value != filter.defaultValue &&
3456
+ filter.showClass;
3386
3457
  if (filter.defaultValue) {
3387
3458
  isContinue = filter.value != null && filter.value != filter.defaultValue;
3388
3459
  }
3389
3460
  // Si el tipo de filtro es de fecha y el valor predeterminado es un objeto de fecha, compara las fechas en milisegundos
3390
- if (filter.value != null && filter.type === FilterTypeEnum.Date && typeof filter.defaultValue === "object" && filter.defaultValue != null) {
3391
- isContinue = filter.value.getTime() != filter.defaultValue.getTime();
3461
+ if (filter.value != null &&
3462
+ filter.type === FilterTypeEnum.Date &&
3463
+ typeof filter.defaultValue === "object" &&
3464
+ filter.defaultValue != null) {
3465
+ isContinue =
3466
+ filter.value.getTime() !=
3467
+ filter.defaultValue.getTime();
3392
3468
  }
3393
3469
  if (filter.type === FilterTypeEnum.Select) {
3394
3470
  if (Array.isArray(filter.value) && Array.isArray(filter.defaultValue)) {
@@ -3411,11 +3487,12 @@ class FiltersComponent {
3411
3487
  if (type === this.filterTypeEnum.Select && Array.isArray(value)) {
3412
3488
  has = value.length > 0;
3413
3489
  }
3414
- else if (type === this.filterTypeEnum.Text || type === this.filterTypeEnum.TextArea) {
3490
+ else if (type === this.filterTypeEnum.Text ||
3491
+ type === this.filterTypeEnum.TextArea) {
3415
3492
  has = !!value && value.trim() !== "";
3416
3493
  }
3417
3494
  else if (type === this.filterTypeEnum.Date && Array.isArray(value)) {
3418
- has = value.some(v => !!v);
3495
+ has = value.some((v) => !!v);
3419
3496
  }
3420
3497
  else {
3421
3498
  has = !!value;
@@ -3430,13 +3507,23 @@ class FiltersComponent {
3430
3507
  if (defaultValue === undefined || defaultValue === null) {
3431
3508
  return false;
3432
3509
  }
3433
- if (type === this.filterTypeEnum.Select && Array.isArray(value) && Array.isArray(defaultValue)) {
3434
- return value.length === defaultValue.length && value.every((v, i) => v === defaultValue[i]);
3435
- }
3436
- if (type === this.filterTypeEnum.Date && Array.isArray(value) && Array.isArray(defaultValue)) {
3437
- return value.length === defaultValue.length && value.every((v, i) => v instanceof Date && defaultValue[i] instanceof Date && v.getTime() === defaultValue[i].getTime());
3438
- }
3439
- if (type === this.filterTypeEnum.Date && value instanceof Date && defaultValue instanceof Date) {
3510
+ if (type === this.filterTypeEnum.Select &&
3511
+ Array.isArray(value) &&
3512
+ Array.isArray(defaultValue)) {
3513
+ return (value.length === defaultValue.length &&
3514
+ value.every((v, i) => v === defaultValue[i]));
3515
+ }
3516
+ if (type === this.filterTypeEnum.Date &&
3517
+ Array.isArray(value) &&
3518
+ Array.isArray(defaultValue)) {
3519
+ return (value.length === defaultValue.length &&
3520
+ value.every((v, i) => v instanceof Date &&
3521
+ defaultValue[i] instanceof Date &&
3522
+ v.getTime() === defaultValue[i].getTime()));
3523
+ }
3524
+ if (type === this.filterTypeEnum.Date &&
3525
+ value instanceof Date &&
3526
+ defaultValue instanceof Date) {
3440
3527
  return value.getTime() === defaultValue.getTime();
3441
3528
  }
3442
3529
  return value === defaultValue;
@@ -3466,7 +3553,20 @@ class FiltersComponent {
3466
3553
  }
3467
3554
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FiltersComponent, decorators: [{
3468
3555
  type: Component,
3469
- 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" }]
3556
+ args: [{ selector: "intelica-filters", imports: [
3557
+ CommonModule,
3558
+ DatePickerModule,
3559
+ FormsModule,
3560
+ TermPipe,
3561
+ ButtonModule,
3562
+ InputTextModule,
3563
+ CheckboxModule,
3564
+ SelectModule,
3565
+ MultiSelectModule,
3566
+ TextareaModule,
3567
+ RippleModule,
3568
+ MultiSelectComponent,
3569
+ ], 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" }]
3470
3570
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showButtons: [{
3471
3571
  type: Input
3472
3572
  }], customClass: [{
@@ -8129,5 +8229,5 @@ const IntelicaTheme = definePreset(Aura, {
8129
8229
  * Generated bundle index. Do not edit.
8130
8230
  */
8131
8231
 
8132
- 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 };
8232
+ 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 };
8133
8233
  //# sourceMappingURL=intelica-library-ui.mjs.map