intelica-library-ui 0.1.128 → 0.1.129

package/lib/components/filters/filters.component.d.ts

@@ -0,0 +1,98 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from "@angular/core";
+import { Subscription } from "rxjs";
+import { GlobalTermService } from "../../services/globalTerm.service";
+import { FilterModel } from "../../model/filter.model";
+import { FilterDirective } from "../../directives/filters/filter.directive";
+import { FilterTypeEnum } from "../../enums/filter-type.enum";
+import { DateMode } from "../../constants/date-mode-options.constants";
+import * as i0 from "@angular/core";
+export declare class FiltersComponent implements OnInit, OnChanges, OnDestroy {
+    private cd;
+    readonly GlobalTermService: GlobalTermService;
+    showButtons: boolean;
+    customClass: string;
+    EmitApply: EventEmitter<any>;
+    EmitCancel: EventEmitter<any>;
+    subscriptions: Subscription[];
+    terms: any;
+    showMenuOptions: boolean;
+    styleHeighScreen: boolean;
+    _filtersApplied: FilterModel[];
+    radioClass: string;
+    comboClass: string;
+    ddlClass: string;
+    ddtClass: string;
+    dPClass: string;
+    mSClass: string;
+    selectDescription: string;
+    /**
+     * Colección de elementos filtrados mediante la directiva FilterDirective.
+     * Utilice @ContentChildren para obtener referencias a elementos dentro del contenido proyectado.
+     * @type {QueryList<FilterDirective>}
+     */
+    filterDirectives: QueryList<FilterDirective>;
+    /**
+     * Colección de instancias de DropDownListComponent.
+     * Utilice @ViewChildren para obtener referencias a componentes hijos dentro de la vista actual.
+     * @type {QueryList<DropDownListComponent>}
+     */
+    letters: string;
+    filters: FilterDirective[];
+    filterTypeEnum: typeof FilterTypeEnum;
+    indexArray: number[];
+    columnsLengthArray: any;
+    language: string;
+    constructor(cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    onChange($event: any, filter: FilterDirective): void;
+    onChangeCheck($event: any, filter: FilterDirective): void;
+    onChangeMultiple($event: any, filter: FilterDirective): void;
+    private toggleChildrenVisibility;
+    onKeyUp($event: any, filter: FilterDirective): void;
+    cleanValue(filter: FilterDirective): void;
+    /**
+     * Construye y actualiza la lista de filtros aplicados con la información proporcionada por la directiva de filtro.
+     * @param {FilterDirective} filter - La directiva de filtro que proporciona la información.
+     * @returns {void}
+     */
+    builderFiltersApplied(filter: FilterDirective): void;
+    /**
+     * Obtiene el índice de un filtro en el contexto de todos los filtros visibles, proporcionando una numeración o letras.
+     * @param {FilterDirective} filter - La directiva de filtro para la cual se obtendrá el índice.
+     * @param {FilterDirective} [parentFilter] - La directiva de filtro padre, si existe, en el caso de filtros anidados.
+     * @returns {string} - El índice del filtro en formato de numeración o letras.
+     */
+    getIndex(filter: FilterDirective, parentFilter?: FilterDirective): string;
+    /**
+     * Maneja el evento de hacer clic en el botón "Aplicar" para aplicar los filtros seleccionados.
+     * Limpia la lista de filtros aplicados y construye la lista nuevamente con los valores actuales de los filtros.
+     * Luego, emite el evento `EmitApply` con la lista de filtros aplicados.
+     * @returns {void}
+     */
+    clickApply(): void;
+    validateFilter(filter: FilterDirective): boolean;
+    validStringValue(value: any, defaultValue: any): boolean;
+    clickCancel(): void;
+    /**
+     * Evalúa si el valor actual del filtro es diferente al valor predeterminado, considerando el tipo de filtro.
+     * @param {FilterDirective} filter - La directiva de filtro a evaluar.
+     * @returns {boolean} - `true` si el valor actual es diferente al valor predeterminado, `false` de lo contrario.
+     */
+    evaluatecleanvalue(filter: FilterDirective): boolean;
+    /**
+     * Evalúa si el valor actual del filtro de texto es diferente al valor predeterminado y cumple con ciertas condiciones.
+     * @param {FilterDirective} filter - La directiva de filtro de texto a evaluar.
+     * @returns {boolean} - `true` si el valor actual cumple con las condiciones para ser diferente al valor predeterminado, `false` de lo contrario.
+     */
+    evaluatecleanvaluetext(filter: FilterDirective): boolean;
+    private arraysAreEqual;
+    hasValue(item: FilterDirective): boolean;
+    private equalsDefault;
+    getDateView(mode: DateMode): "date" | "month" | "year";
+    getDateFormat(mode: DateMode): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FiltersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FiltersComponent, "intelica-filters", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "EmitApply": "EmitApply"; "EmitCancel": "EmitCancel"; }, ["filterDirectives"], never, true, never>;
+}

package/lib/components/multi-select/multi-select.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class MultiSelectComponent {
+export declare class MultiSelectComponent implements ControlValueAccessor {
     /**
      * @description Id
      * @default	""
@@ -73,12 +74,24 @@ export declare class MultiSelectComponent {
      * @type {boolean}
      */
     virtualScroll: boolean;
+    /**
+     * @description Enable virtual scroll
+     * @default	""
+     * @type {boolean}
+     */
+    disabled: boolean;
     /**
      * @description Label for the selected items
      * @default	""
      * @type {string}
      */
     selectedItemsLabel: string;
+    /**
+     * @description Style por color text
+     * @default	""
+     * @type {string}
+     */
+    textColorClass: string;
     /**
      * @description Change event
      * @emits {string[]}
@@ -87,15 +100,15 @@ export declare class MultiSelectComponent {
     onChangeEvent: EventEmitter<string[]>;
     checked: boolean;
     selectedOptions: string[];
-    onChange: any;
-    onTouched: any;
-    toggleAllSelection(event: any): void;
-    onChangeSelect(event: any): void;
-    emitChangeEvent(): void;
+    onChangeFn: any;
+    onTouchedFn: any;
     writeValue(value: string[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
+    toggleAllSelection(event: any): void;
+    onChangeSelect(event: any): void;
+    emitChangeEvent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "intelica-multi-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "allText": { "alias": "allText"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; }, { "onChangeEvent": "onChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "intelica-multi-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "allText": { "alias": "allText"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "textColorClass": { "alias": "textColorClass"; "required": false; }; }, { "onChangeEvent": "onChange"; }, never, never, true, never>;
 }

package/lib/constants/date-mode-options.constants.d.ts

@@ -0,0 +1,15 @@
+export declare const DateModeOptions: {
+    readonly Day: {
+        readonly value: "day";
+        readonly format: "dd/mm/yy";
+    };
+    readonly Month: {
+        readonly value: "month";
+        readonly format: "mm/yy";
+    };
+    readonly Year: {
+        readonly value: "year";
+        readonly format: "yy";
+    };
+};
+export type DateMode = typeof DateModeOptions[keyof typeof DateModeOptions]['value'];

package/lib/directives/filters/checkbox-filter.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class CheckboxFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    modeCheckBox: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxFilterDirective, "checkbox-filter", never, { "modeCheckBox": { "alias": "modeCheckBox"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/filters/date-filter.directive.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import { DateMode } from "../../constants/date-mode-options.constants";
+import * as i0 from "@angular/core";
+export declare class DateFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    format: string;
+    start: string;
+    depth: string;
+    strictMode: boolean;
+    min: Date;
+    max: Date;
+    showTodayButton: boolean;
+    allowEdit: boolean;
+    range: boolean;
+    dateMode: DateMode;
+    open: EventEmitter<any>;
+    navigated: EventEmitter<any>;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateFilterDirective, "date-filter", never, { "format": { "alias": "format"; "required": false; }; "start": { "alias": "start"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "strictMode": { "alias": "strictMode"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "allowEdit": { "alias": "allowEdit"; "required": false; }; "range": { "alias": "range"; "required": false; }; "dateMode": { "alias": "dateMode"; "required": false; }; }, { "open": "open"; "navigated": "navigated"; }, never, never, true, never>;
+}

package/lib/directives/filters/filter.directive.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { Subject } from "rxjs";
+import { FilterTypeEnum } from "../../enums/filter-type.enum";
+import { FilterChangedModel } from "../../model/filterChanged.model";
+import * as i0 from "@angular/core";
+export declare const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any;
+export declare class FilterDirective implements ControlValueAccessor {
+    name: string;
+    label: string;
+    visible: boolean;
+    enabled: boolean;
+    parent: string;
+    placeholder: string;
+    title: string;
+    letterIndex: boolean;
+    defaultValue: any;
+    showClean: boolean;
+    showInAppliedFilter: boolean;
+    showClass: boolean;
+    selectClass: any;
+    confirmDateFormat: boolean;
+    showfilter: boolean;
+    visibilityRules: {
+        child: string;
+        allowedValues: any[];
+    }[];
+    change: EventEmitter<FilterChangedModel>;
+    private innerValue;
+    children: FilterDirective[];
+    $changes: Subject<any>;
+    type: FilterTypeEnum;
+    index: number;
+    get value(): any;
+    set value(v: any);
+    constructor(filterType: FilterTypeEnum);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    onBlur(): void;
+    private onTouchedCallback;
+    private onChangeCallback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterDirective, "filter", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "parent": { "alias": "parent"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "title": { "alias": "title"; "required": false; }; "letterIndex": { "alias": "letterIndex"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "showClean": { "alias": "showClean"; "required": false; }; "showInAppliedFilter": { "alias": "showInAppliedFilter"; "required": false; }; "showClass": { "alias": "showClass"; "required": false; }; "selectClass": { "alias": "selectClass"; "required": false; }; "confirmDateFormat": { "alias": "confirmDateFormat"; "required": false; }; "showfilter": { "alias": "showfilter"; "required": false; }; "visibilityRules": { "alias": "visibilityRules"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FilterDirective>;
+}

package/lib/directives/filters/select-detail-filter.directive.d.ts

@@ -0,0 +1,15 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class SelectDetailFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    id: string;
+    fieldText: string;
+    fieldValue: string;
+    fieldDetail: string;
+    data: any[];
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDetailFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDetailFilterDirective, "select-detail-filter", never, { "id": { "alias": "id"; "required": false; }; "fieldText": { "alias": "fieldText"; "required": false; }; "fieldValue": { "alias": "fieldValue"; "required": false; }; "fieldDetail": { "alias": "fieldDetail"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/filters/select-filter.directive.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class SelectFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    options: any[];
+    optionLabel: string;
+    optionValue: string;
+    showFilter: boolean;
+    showAll: boolean;
+    multiple: boolean;
+    popupWidth: string;
+    appendTo: string;
+    panelStyleClass: string;
+    allText: string;
+    maxSelectedLabels: number;
+    virtualScroll: boolean;
+    selectedItemsLabel: string;
+    ngOnChanges(changes: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectFilterDirective, "select-filter", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "showFilter": { "alias": "showFilter"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "popupWidth": { "alias": "popupWidth"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "allText": { "alias": "allText"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directives/filters/template.directive.d.ts

@@ -0,0 +1,9 @@
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class TemplateDirective extends FilterDirective implements ControlValueAccessor {
+    constructor();
+    content: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "template-filter", never, {}, {}, ["content"], never, true, never>;
+}

package/lib/directives/filters/text-area-filter.directive.d.ts

@@ -0,0 +1,10 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class TextAreaFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextAreaFilterDirective, "view-text-area-filter", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/filters/text-filter.directive.d.ts

@@ -0,0 +1,10 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class TextFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFilterDirective, "text-filter", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/filters/text-range-filter.directive.d.ts

@@ -0,0 +1,14 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from "@angular/forms";
+import { FilterDirective } from "./filter.directive";
+import * as i0 from "@angular/core";
+export declare class TextRangeFilterDirective extends FilterDirective implements OnChanges, ControlValueAccessor {
+    constructor();
+    minRange?: string;
+    maxRange?: string;
+    minLabel: string;
+    maxLabel: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextRangeFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextRangeFilterDirective, "text-range-filter", never, { "minRange": { "alias": "minRange"; "required": false; }; "maxRange": { "alias": "maxRange"; "required": false; }; "minLabel": { "alias": "minLabel"; "required": false; }; "maxLabel": { "alias": "maxLabel"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/enums/filter-type.enum.d.ts

@@ -0,0 +1,10 @@
+export declare enum FilterTypeEnum {
+    Select = 0,
+    Text = 1,
+    Checkbox = 2,
+    Date = 3,
+    SelectDetail = 4,
+    Template = 5,
+    TextArea = 6,
+    TextRange = 7
+}

package/lib/model/filter.model.d.ts

@@ -0,0 +1,9 @@
+export interface FilterModel {
+    name: string;
+    title: string | null;
+    value: string | string[] | null;
+    text: string | null;
+    valueName?: string | string[] | null;
+    enabled?: boolean;
+    isTooltipForm?: boolean;
+}

package/lib/model/filterChanged.model.d.ts

@@ -0,0 +1,6 @@
+import { QueryList } from "@angular/core";
+import { FilterDirective } from "../directives/filters/filter.directive";
+export interface FilterChangedModel {
+    current: FilterDirective;
+    all: QueryList<FilterDirective>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelica-library-ui",
-  "version": "0.1.128",
+  "version": "0.1.129",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",

package/public-api.d.ts

@@ -3,6 +3,7 @@ export * from "./lib/pipes/amount.pipe";
 export * from "./lib/pipes/truncate.pipe";
 export * from "./lib/constants/cookieConfiguration.constants";
 export * from "./lib/constants/color.constants";
+export * from "./lib/constants/date-mode-options.constants";
 export * from "./lib/interceptor/error.interceptor";
 export * from "./lib/interceptor/refreshToken.interceptor";
 export * from "./lib/guards/TermGuard";
@@ -18,6 +19,7 @@ export * from "./lib/components/matrix-table/matrix-table.component";
 export * from "./lib/components/matrix-table/column.component";
 export * from "./lib/components/actions-menu/actions-menu.component";
 export * from "./lib/components/actions-menu/action.directive";
+export * from "./lib/components/filters/filters.component";
 export * from "./lib/components/search/search.component";
 export * from "./lib/components/search/model/search.model";
 export * from "./lib/components/paginator/paginator.component";
@@ -40,6 +42,14 @@ export * from "./lib/components/skeleton-chart/skeleton-chart.component";
 export * from "./lib/components/skeleton-chart/data.directive";
 export * from "./lib/components/table-fetch/table-fetch.component";
 export * from "./lib/components/table-fetch/model/query.model";
+export * from "./lib/directives/filters/checkbox-filter.directive";
+export * from "./lib/directives/filters/date-filter.directive";
+export * from "./lib/directives/filters/select-detail-filter.directive";
+export * from "./lib/directives/filters/select-filter.directive";
+export * from "./lib/directives/filters/template.directive";
+export * from "./lib/directives/filters/text-area-filter.directive";
+export * from "./lib/directives/filters/text-filter.directive";
+export * from "./lib/directives/filters/text-range-filter.directive";
 export * from "./lib/services/htmlToExcel.service";
 export * from "./lib/services/shared.service";
 export * from "./lib/services/config.service";