ontimize-web-ngx 15.6.2 → 15.7.1

package/lib/components/dual-list-selector/o-dual-list-selector.component.d.ts

@@ -1,6 +1,6 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { MatSelectionList } from '@angular/material/list';
-import { OGroupedColumnTypes } from '../../types';
+import { OGroupedColumnTypes } from '../../types/o-grouped-column-types.type';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_DUAL_LIST_SELECTOR: string[];
 export declare class ODualListSelectorComponent {

package/lib/components/input/hour-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './o-hour-input.module';
+export * from './o-hour-input.directive';
+export * from './o-hour-input.component';

package/lib/components/input/hour-input/o-hour-input.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, Injector, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ValidatorFn } from '@angular/forms';
 import { NgxMaterialTimepickerComponent } from 'ngx-material-timepicker';
 import { FormValueOptions } from '../../../types/form-value-options.type';
@@ -7,7 +7,7 @@ import { OFormDataComponent } from '../../o-form-data-component.class';
 import * as i0 from "@angular/core";
 export type OHourValueType = 'string' | 'timestamp';
 export declare const DEFAULT_INPUTS_O_HOUR_INPUT: string[];
-export declare class OHourInputComponent extends OFormDataComponent implements OnInit, AfterViewInit {
+export declare class OHourInputComponent extends OFormDataComponent implements OnInit, AfterViewInit, OnDestroy {
     textInputEnabled: boolean;
     min: string;
     max: string;
@@ -15,9 +15,13 @@ export declare class OHourInputComponent extends OFormDataComponent implements O
     protected onKeyboardInputDone: boolean;
     protected _valueType: OHourValueType;
     picker: NgxMaterialTimepickerComponent;
+    private pickerClosedSub?;
+    private readonly destroy$;
+    private skipNextBlur;
     constructor(form: OFormComponent, elRef: ElementRef, injector: Injector);
     initialize(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onKeyDown(e: KeyboardEvent): void;
     innerOnBlur(event: any): void;
     registerOnFormControlChange(): void;

package/lib/components/input/hour-input/o-hour-input.directive.d.ts

@@ -0,0 +1,8 @@
+import { NgxMaterialTimepickerComponent, TimepickerDirective } from 'ngx-material-timepicker';
+import * as i0 from "@angular/core";
+export declare class OHourTimepickerDirective extends TimepickerDirective {
+    set timepicker(picker: NgxMaterialTimepickerComponent);
+    updateValue(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OHourTimepickerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OHourTimepickerDirective, "[oNgxTimepicker]", never, { "timepicker": "oNgxTimepicker"; }, {}, never, never, false, never>;
+}

package/lib/components/input/hour-input/o-hour-input.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./o-hour-input.component";
-import * as i2 from "../../../shared/shared.module";
-import * as i3 from "@angular/common";
-import * as i4 from "ngx-material-timepicker";
+import * as i2 from "./o-hour-input.directive";
+import * as i3 from "../../../shared/shared.module";
+import * as i4 from "@angular/common";
+import * as i5 from "ngx-material-timepicker";
 export declare class OHourInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OHourInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OHourInputModule, [typeof i1.OHourInputComponent], [typeof i2.OSharedModule, typeof i3.CommonModule, typeof i4.NgxMaterialTimepickerModule], [typeof i1.OHourInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OHourInputModule, [typeof i1.OHourInputComponent, typeof i2.OHourTimepickerDirective], [typeof i3.OSharedModule, typeof i4.CommonModule, typeof i5.NgxMaterialTimepickerModule], [typeof i1.OHourInputComponent, typeof i2.OHourTimepickerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OHourInputModule>;
 }

package/lib/components/input/index.d.ts

@@ -20,8 +20,7 @@ export * from './email-input/o-email-input.module';
 export * from './phone-input/o-phone-input.component';
 export * from './phone-input/o-phone-input.module';
 export * from './file-input/index';
-export * from './hour-input/o-hour-input.component';
-export * from './hour-input/o-hour-input.module';
+export * from './hour-input/index';
 export * from './html-input/o-html-input.component';
 export * from './html-input/o-html-input.module';
 export * from './integer-input/o-integer-input.component';

package/lib/components/o-service-base-component.class.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, Injector, OnChanges, SimpleChange } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
+import { PaginationContext } from '../interfaces/pagination-context.interface';
 import { ILocalStorageComponent } from '../interfaces/local-storage-component.interface';
 import { ServiceResponse } from '../interfaces/service-response.interface';
 import { BaseService } from '../services/base-service.class';
@@ -71,6 +72,7 @@ export declare abstract class AbstractOServiceBaseComponent<T extends AbstractCo
     abortQuery: BehaviorSubject<boolean>;
     protected configureServiceArgs: OConfigureServiceArgs;
     constructor(injector: Injector);
+    initializeLoadingSubject(): void;
     get state(): AbstractServiceComponentStateClass;
     initialize(): void;
     checkColumns(): void;
@@ -99,12 +101,15 @@ export declare abstract class AbstractOServiceBaseComponent<T extends AbstractCo
     getAttributesValuesToQuery(): Array<string>;
     getQueryArguments(filter: object, ovrrArgs?: OQueryDataArgs): OQueryParams;
     updatePaginationInfo(queryRes: ServiceResponse): void;
-    private updatePaginationContext;
+    protected updatePaginationContext(paginationContext: PaginationContext): void;
     getTotalRecordsNumber(): number;
     getContextComponent(): OFormComponent | OExpandableContainerComponent;
     getComponentFilter(existingFilter?: any): any;
     getSqlTypes(): any;
     getParentKeysValues(): {};
+    getForm(): OFormComponent;
+    getParentKeysEquivalence(): {};
+    getDataService(): BaseService<ServiceResponse>;
     protected updateStateStorage(): void;
     protected setData(data: any, sqlTypes?: any, replace?: boolean): void;
     protected registerLocalStorageServiceRouteChange(): void;

package/lib/components/table/column/cell-editor/o-base-table-cell-editor.class.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter, Injector, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { AfterViewInit, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { AsyncValidatorFn, UntypedFormControl, UntypedFormGroup, ValidatorFn } from '@angular/forms';
-import { Subscription } from 'rxjs';
+import { Subject, Subscription } from 'rxjs';
 import { OMatErrorDirective } from '../../../../directives/o-mat-error.directive';
 import { OTableColumn } from '../../../../interfaces/o-table-column.interface';
 import { SnackBarService } from '../../../../services/snackbar.service';
@@ -13,7 +13,7 @@ import { OTableComponent } from '../../o-table.component';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_TABLE_CELL_EDITOR: string[];
 export declare const DEFAULT_OUTPUTS_O_TABLE_CELL_EDITOR: string[];
-export declare class OBaseTableCellEditor implements OnInit, ComponentWithValidatorsAndErrorsData {
+export declare class OBaseTableCellEditor implements OnInit, OnChanges, AfterViewInit, OnDestroy, ComponentWithValidatorsAndErrorsData {
     protected injector: Injector;
     protected translateService: OTranslateService;
     orequired: boolean;
@@ -43,6 +43,7 @@ export declare class OBaseTableCellEditor implements OnInit, ComponentWithValida
     protected validatorsSubscription: Subscription;
     validatorChildren: QueryList<OValidatorComponent>;
     protected renderer: Renderer2;
+    protected destroy$: Subject<void>;
     onDocumentKeyup(event: KeyboardEvent): void;
     tooltipPosition: string;
     tooltipShowDelay: number;
@@ -53,6 +54,7 @@ export declare class OBaseTableCellEditor implements OnInit, ComponentWithValida
     ngOnInit(): void;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     initialize(): void;
     protected handleKeyup(event: KeyboardEvent): void;
     protected checkKey(event: KeyboardEvent, key: string, keyCode: number): boolean;

package/lib/components/table/column/cell-editor/time/o-table-cell-editor-time.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, ElementRef, Injector, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, ElementRef, Injector, OnInit, TemplateRef } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import { DateAdapter } from '@angular/material/core';
 import { MatDatepicker, MatDatepickerInput, MatDatepickerInputEvent } from '@angular/material/datepicker';
@@ -36,6 +36,7 @@ export declare class OTableCellEditorTimeComponent extends OBaseTableCellEditor
     private momentSrv;
     enabledCommitOnTabPress: boolean;
     protected activeKeys: object;
+    cd: ChangeDetectorRef;
     onDocumentKeydown(event: KeyboardEvent): void;
     constructor(injector: Injector, adapter: DateAdapter<any>);
     initialize(): void;
@@ -71,7 +72,6 @@ export declare class OTableCellEditorTimeComponent extends OBaseTableCellEditor
     get minDate(): Date;
     get maxDate(): Date;
     onDatepickerClosed(): void;
-    onTimepickerClosed(): void;
     commitEdition(): void;
     onKeyDown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableCellEditorTimeComponent, never>;

package/lib/components/table/extensions/default-o-table.datasource.d.ts

@@ -10,6 +10,7 @@ import { OTableComponent } from '../o-table.component';
 import { OTableDao } from './o-table.dao';
 import { OTableGroupedRow } from './row/o-table-row-group.class';
 import { OMatSort } from './sort/o-mat-sort';
+import { AggregateFunction } from '../../../types/aggregate-function.type';
 export declare class OnRangeChangeVirtualScroll {
     range: ListRange;
     constructor(data: ListRange);
@@ -38,11 +39,15 @@ export declare class DefaultOTableDataSource extends DataSource<any> implements
     private activeAggregates;
     private groupedRowsSubscription;
     private levelsExpansionState;
+    private readonly ngZone;
     constructor(table: OTableComponent);
     sortFunction(a: any, b: any): number;
     get renderedData(): any[];
     set renderedData(arg: any[]);
     connect(): Observable<any[]>;
+    private processDataOutsideAngular;
+    private updateTableState;
+    private executeDataProcessing;
     getGroupedData(data: any[]): any[];
     getSubGroupsOfGroupedRow(data: any[]): any[];
     getAggregatesData(data: any[]): any;
@@ -76,7 +81,7 @@ export declare class DefaultOTableDataSource extends DataSource<any> implements
     addColumnFilter(filter: OColumnValueFilter): void;
     getColumnValueFilterData(data: any[]): any[];
     getAggregateData(column: OColumn): string | {}[];
-    protected calculateAggregate(data: any[], columnAttr: string, operator: string | Function): any;
+    protected calculateAggregate(data: any[], columnAttr: string, operator: string | AggregateFunction): number | Promise<number>;
     protected sum(column: any, data: any): number;
     protected count(column: any, data: any): number;
     protected avg(column: any, data: any): number;

package/lib/components/table/extensions/dialog/filter-by-column/o-table-filter-by-column-data-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, Injector } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatDialogRef } from '@angular/material/dialog';
@@ -14,8 +14,10 @@ import { OFilterColumn } from '../../header/table-columns-filter/columns/o-table
 import type { OColumn } from '../../../column/o-column.class';
 import { OTableFilterByColumnService } from './o-table-filter-by-column.service';
 import { SelectionModel } from '@angular/cdk/collections';
+import { BaseService } from '../../../../../services/base-service.class';
 import * as i0 from "@angular/core";
 export declare class OTableFilterByColumnDataDialogComponent implements AfterViewInit {
+    protected injector: Injector;
     dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>;
     private readonly filterService;
     acceptAction: TableFilterByColumnDialogResult;
@@ -37,6 +39,7 @@ export declare class OTableFilterByColumnDataDialogComponent implements AfterVie
     protected tableData: any[];
     private readonly listDataSubject;
     protected _listData: Observable<TableFilterByColumnData[]>;
+    protected service: BaseService<ServiceResponse>;
     filter: ElementRef;
     filterValueList: MatSelectionList;
     activeSortDirection: 'asc' | 'desc' | '';
@@ -47,11 +50,16 @@ export declare class OTableFilterByColumnDataDialogComponent implements AfterVie
     queryMethodName: string;
     previousFilter: OColumnValueFilter;
     selection: SelectionModel<TableFilterByColumnData>;
-    constructor(dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>, filterService: OTableFilterByColumnService, data: {
+    visibleColumnsArray: string[];
+    separator: string;
+    filterColumnDefinition: OFilterColumn;
+    constructor(injector: Injector, dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>, filterService: OTableFilterByColumnService, data: {
         column: OColumn;
         table: OTableComponent;
     });
+    private initFromData;
     private initialize;
+    private createEmptyFilter;
     private parseDataAndInitializeDataList;
     ngAfterViewInit(): void;
     get listData(): Observable<TableFilterByColumnData[]>;
@@ -80,7 +88,6 @@ export declare class OTableFilterByColumnDataDialogComponent implements AfterVie
     onChangeDataSource(event: MatRadioChange): void;
     private getData;
     isSelected(item: TableFilterByColumnData): boolean;
-    queryByFilterColumn(attr: string): Observable<ServiceResponse> | Observable<any>;
     compareOptions(): ((o1: TableFilterByColumnData, o2: TableFilterByColumnData) => boolean) | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableFilterByColumnDataDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OTableFilterByColumnDataDialogComponent, "o-table-filter-by-column-data-dialog", never, {}, {}, never, never, false, never>;

package/lib/components/table/extensions/dialog/filter-by-column/o-table-filter-by-column.service.d.ts

@@ -1,12 +1,19 @@
+import { Injector } from '@angular/core';
 import { OColumnValueFilter } from '../../../../../types/table/o-column-value-filter.type';
 import { TableFilterByColumnData } from '../../../../../types/table/o-table-filter-by-column-data.type';
 import { OColumn } from '../../../column/o-column.class';
+import { Observable } from 'rxjs';
+import { OTableBase } from '../../../o-table-base.class';
+import { OFilterColumn } from '../../header/table-columns-filter/columns/o-table-columns-filter-column.component';
 import * as i0 from "@angular/core";
 export declare class OTableFilterByColumnService {
     constructor();
-    getColumnDataUsingRenderer(column: OColumn, tableData: any[]): any[];
-    parseListData(filter: OColumnValueFilter, column: OColumn, tableData: any[], isPageable: boolean, sourceData: 'current-page' | 'all-data'): TableFilterByColumnData[];
-    applySelectedValuesToFilter(column: OColumn, tableData: any[], filter: OColumnValueFilter, selectedValues: TableFilterByColumnData[], sourceData: 'current-page' | 'all-data', isPageable: boolean, getComponentFilterFn: () => any): void;
+    getColumnDataUsingRenderer(column: OColumn, tableData: any[], visibleColumns: string[], separator: string): any[];
+    parseListData(filter: OColumnValueFilter, column: OColumn, tableData: any[], isPageable: boolean, filterColumnDefinition: OFilterColumn): TableFilterByColumnData[];
+    applySelectedValuesToFilter(column: OColumn, tableData: any[], filter: OColumnValueFilter, selectedValues: TableFilterByColumnData[], filterByColumnDefinition: OFilterColumn, isPageable: boolean, getComponentFilterFn: () => any): void;
+    getDataForColumnFilter(injector: Injector, table: OTableBase, column: OColumn, filterColumnDefinition: OFilterColumn): Observable<any[]>;
+    configureService(injector: Injector, filterColumnDefinition: OFilterColumn, tableEntity: OTableBase): any;
+    initializeColumnFilterData(filter: OColumnValueFilter, column: OColumn, tableData: any[], isPageable: boolean, filterColumnDefinition: OFilterColumn): TableFilterByColumnData[];
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableFilterByColumnService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OTableFilterByColumnService>;
 }

package/lib/components/table/extensions/dialog/group-by-columns/o-table-group-by-columns-dialog.component.d.ts

@@ -1,5 +1,5 @@
 import { MatDialogRef } from '@angular/material/dialog';
-import { OGroupedColumnTypes } from '../../../../../types';
+import { OGroupedColumnTypes } from '../../../../../types/o-grouped-column-types.type';
 import type { OColumn } from '../../../column/o-column.class';
 import type { ODualListSelectorComponent } from '../../../../dual-list-selector/o-dual-list-selector.component';
 import * as i0 from "@angular/core";

package/lib/components/table/extensions/footer/aggregate/o-table-column-aggregate.component.d.ts

@@ -20,5 +20,5 @@ export declare class OTableColumnAggregateComponent implements OnDestroy, OnInit
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableColumnAggregateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OTableColumnAggregateComponent, "o-table-column-aggregate", never, { "attr": "attr"; "title": "title"; "aggregate": "aggregate"; "functionAggregate": "function-aggregate"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTableColumnAggregateComponent, "o-table-column-aggregate", never, { "attr": "attr"; "title": "title"; "aggregate": "aggregate"; "functionAggregate": "aggregate-function"; }, {}, never, never, false, never>;
 }

package/lib/components/table/extensions/footer/expanded/o-table-expanded-footer.directive.d.ts

@@ -11,7 +11,6 @@ export declare class OTableExpandedFooterDirective implements AfterViewInit {
     private tableBody;
     private tdTableWithMessage;
     private subscription;
-    set display(val: boolean);
     set colspan(value: number);
     get colspan(): number;
     private _colspan;
@@ -25,5 +24,5 @@ export declare class OTableExpandedFooterDirective implements AfterViewInit {
     protected tableHasQuickFilter(): boolean;
     protected createMessageSpan(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableExpandedFooterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OTableExpandedFooterDirective, "[oTableExpandedFooter]", never, { "display": "oTableExpandedFooter"; "colspan": "oTableExpandedFooterColspan"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OTableExpandedFooterDirective, "[oTableExpandedFooter]", never, { "colspan": "oTableExpandedFooterColspan"; }, {}, never, never, false, never>;
 }

package/lib/components/table/extensions/header/o-table-header-components.d.ts

@@ -12,5 +12,5 @@ import { OTableOptionComponent } from './table-option/o-table-option.component';
 import { OTableQuickfilterComponent } from './table-quickfilter/o-table-quickfilter.component';
 import { OTableHeaderComponent } from './table-header/o-table-header.component';
 import { OTableColumnSelectAllDirective } from './table-column-select-all/o-table-column-select-all.directive';
-export declare const O_TABLE_HEADER_COMPONENTS: (typeof OTableColumnsFilterColumnComponent | typeof OTableColumnsGroupingColumnComponent | typeof OTableButtonComponent | typeof OTableButtonsComponent | typeof OTableColumnResizerComponent | typeof OTableColumnsFilterComponent | typeof OTableInsertableRowComponent | typeof OTableOptionComponent | typeof OTableMenuComponent | typeof OTableQuickfilterComponent | typeof OTableHeaderColumnFilterIconComponent | typeof OTableHeaderComponent | typeof OTableColumnsGroupingComponent | typeof OTableColumnSelectAllDirective)[];
-export declare const O_TABLE_HEADER_COMPONENTS_EXPORTED: (typeof OTableColumnsFilterColumnComponent | typeof OTableColumnsGroupingColumnComponent | typeof OTableButtonComponent | typeof OTableButtonsComponent | typeof OTableColumnResizerComponent | typeof OTableColumnsFilterComponent | typeof OTableInsertableRowComponent | typeof OTableOptionComponent | typeof OTableMenuComponent | typeof OTableQuickfilterComponent | typeof OTableHeaderComponent | typeof OTableColumnsGroupingComponent | typeof OTableColumnSelectAllDirective)[];
+export declare const O_TABLE_HEADER_COMPONENTS: (typeof OTableColumnsFilterColumnComponent | typeof OTableColumnsGroupingColumnComponent | typeof OTableOptionComponent | typeof OTableButtonComponent | typeof OTableButtonsComponent | typeof OTableColumnResizerComponent | typeof OTableColumnsFilterComponent | typeof OTableInsertableRowComponent | typeof OTableMenuComponent | typeof OTableQuickfilterComponent | typeof OTableHeaderColumnFilterIconComponent | typeof OTableHeaderComponent | typeof OTableColumnsGroupingComponent | typeof OTableColumnSelectAllDirective)[];
+export declare const O_TABLE_HEADER_COMPONENTS_EXPORTED: (typeof OTableColumnsFilterColumnComponent | typeof OTableColumnsGroupingColumnComponent | typeof OTableOptionComponent | typeof OTableButtonComponent | typeof OTableButtonsComponent | typeof OTableColumnResizerComponent | typeof OTableColumnsFilterComponent | typeof OTableInsertableRowComponent | typeof OTableMenuComponent | typeof OTableQuickfilterComponent | typeof OTableHeaderComponent | typeof OTableColumnsGroupingComponent | typeof OTableColumnSelectAllDirective)[];

package/lib/components/table/extensions/header/table-columns-filter/columns/o-table-columns-filter-column.component.d.ts

@@ -1,3 +1,4 @@
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export type OFilterColumn = {
     attr: string;
@@ -5,14 +6,30 @@ export type OFilterColumn = {
     startView: 'month' | 'year' | 'multi-year' | '';
     queryMethod?: string;
     filterValuesInData?: 'current-page' | 'all-data';
+    service?: string;
+    entity?: string;
+    serviceType?: string;
+    separator?: string;
+    visibleColumns?: string[];
+    filterLocked?: boolean;
+    filterLockedMessage?: string;
 };
 export declare const DEFAULT_INPUTS_O_TABLE_COLUMN_FILTER_COLUMN: string[];
-export declare class OTableColumnsFilterColumnComponent {
+export declare class OTableColumnsFilterColumnComponent implements OnInit {
     attr: string;
     sort: 'asc' | 'desc' | '';
     startView: 'month' | 'year' | 'multi-year' | '';
     queryMethod: string;
     filterValuesInData: 'current-page' | 'all-data';
+    filterLocked: boolean;
+    filterLockedMessage: string;
+    service: string;
+    serviceType: string;
+    entity: string;
+    visibleColsArray: string[];
+    visibleColumns: string;
+    separator: string;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableColumnsFilterColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OTableColumnsFilterColumnComponent, "o-table-columns-filter-column", never, { "attr": "attr"; "sort": "sort"; "startView": "start-view"; "queryMethod": "query-method"; "filterValuesInData": "filter-values-in-data"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTableColumnsFilterColumnComponent, "o-table-columns-filter-column", never, { "attr": "attr"; "sort": "sort"; "startView": "start-view"; "queryMethod": "query-method"; "filterValuesInData": "filter-values-in-data"; "filterLocked": "filter-locked"; "filterLockedMessage": "filter-locked-message"; "service": "service"; "serviceType": "service-type"; "entity": "entity"; "visibleColumns": "visible-columns"; "separator": "separator"; }, {}, never, never, false, never>;
 }

package/lib/components/table/extensions/header/table-columns-filter/o-table-columns-filter.component.d.ts

@@ -1,13 +1,13 @@
 import { AfterContentInit, Injector, OnInit, QueryList } from '@angular/core';
 import type { OColumn } from '../../../column/o-column.class';
-import { OTableComponent } from '../../../o-table.component';
 import { OFilterColumn, OTableColumnsFilterColumnComponent } from './columns/o-table-columns-filter-column.component';
+import { OTableBase } from '../../../o-table-base.class';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_TABLE_COLUMN_FILTER: string[];
 export declare const DEFAULT_OUTPUTS_O_TABLE_COLUMN_FILTER: any[];
 export declare class OTableColumnsFilterComponent implements OnInit, AfterContentInit {
     protected injector: Injector;
-    protected table: OTableComponent;
+    table: OTableBase;
     static DEFAULT_COMPARISON_TYPE: string;
     static MODEL_COMPARISON_TYPE: string;
     static OTableColumnsFilterModes: string[];
@@ -15,24 +15,25 @@ export declare class OTableColumnsFilterComponent implements OnInit, AfterConten
     protected _mode: string;
     preloadValues: boolean;
     filterValuesInData: 'current-page' | 'all-data';
-    get mode(): string;
-    set mode(val: string);
     protected _columnsArray: Array<OFilterColumn>;
     protected columnsComparisonProperty: object;
     filterColumns: QueryList<OTableColumnsFilterColumnComponent>;
-    constructor(injector: Injector, table: OTableComponent);
+    constructor(injector: Injector, table: OTableBase);
     ngOnInit(): void;
-    private getFilterValuesInDataByDefault;
     ngAfterContentInit(): void;
+    get mode(): string;
+    set mode(val: string);
+    set columns(arg: string);
+    set columnsArray(arg: OFilterColumn[]);
+    get columnsArray(): OFilterColumn[];
+    getFilterColumnByAttr(attr: string): OTableColumnsFilterColumnComponent;
+    private getFilterValuesInDataByDefault;
     isColumnFilterable(attr: string): boolean;
     getSortValueOfFilterColumn(attr: string): string;
     getStartViewValueOfFilterColumn(attr: string): string;
     getQueryMethodOfFilterColumn(attr: string): string;
     getFilterValuesInData(attr: string): 'current-page' | 'all-data';
     getColumnComparisonValue(column: OColumn, val: any): any;
-    set columns(arg: string);
-    set columnsArray(arg: OFilterColumn[]);
-    get columnsArray(): OFilterColumn[];
     parseColumns(columns: string): OFilterColumn[];
     parseFilterColumns(columns: QueryList<OTableColumnsFilterColumnComponent>): OFilterColumn[];
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableColumnsFilterComponent, never>;

package/lib/components/table/extensions/header/table-header-column-filter-icon/o-table-header-column-filter-icon.component.d.ts

@@ -3,18 +3,24 @@ import { BehaviorSubject } from 'rxjs';
 import { OColumnValueFilter } from '../../../../../types/table/o-column-value-filter.type';
 import type { OColumn } from '../../../column';
 import { OTableBase } from '../../../o-table-base.class';
+import { MatDialog } from '@angular/material/dialog';
+import { DialogService } from '../../../../../services/dialog.service';
+import { OTranslateService } from '../../../../../services/translate/o-translate.service';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_TABLE_COLUMN_FILTER_ICON: string[];
 export declare type STATEVIEW = 'HINT' | 'ACTIVE' | 'INACTIVE';
 export declare class OTableHeaderColumnFilterIconComponent implements OnInit, OnDestroy {
     table: OTableBase;
+    protected dialog: MatDialog;
+    protected dialogService: DialogService;
+    protected translateService: OTranslateService;
     column: OColumn;
     isColumnFilterActive: BehaviorSubject<boolean>;
     filterIconHintVisible: BehaviorSubject<boolean>;
     indicatorNumber: BehaviorSubject<string>;
     private subscription;
     filterIconStateView: BehaviorSubject<STATEVIEW>;
-    constructor(table: OTableBase);
+    constructor(table: OTableBase, dialog: MatDialog, dialogService: DialogService, translateService: OTranslateService);
     ngOnInit(): void;
     updateStateColumnFilter(): void;
     protected getColumnValueFilterByAttr(): OColumnValueFilter;

package/lib/components/table/extensions/o-table-strategy.service.d.ts

@@ -9,7 +9,8 @@ export declare class OTableVirtualScrollStrategy implements VirtualScrollStrateg
     private readonly indexChange;
     scrolledIndexChange: Observable<number>;
     readonly stickyChange: Subject<number>;
-    private bufferMultiplier;
+    private readonly bufferMultiplier;
+    private lastRenderedRange;
     get dataLength(): number;
     set dataLength(value: number);
     private _dataLength;

package/lib/components/table/extensions/skeleton/o-table-skeleton.component.d.ts

@@ -2,6 +2,7 @@ import { OSkeletonComponent } from '../../../o-skeleton.component';
 import * as i0 from "@angular/core";
 export declare class OTableSkeletonComponent extends OSkeletonComponent {
     getRows(): number[];
+    private getElementTotalHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTableSkeletonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OTableSkeletonComponent, "o-table-skeleton", never, {}, {}, never, never, false, never>;
 }

package/lib/components/table/extensions/sort/o-mat-sort-header.d.ts

@@ -1,5 +1,5 @@
 import { CdkColumnDef } from '@angular/cdk/table';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
 import { MatSortHeader, MatSortHeaderIntl } from '@angular/material/sort';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { OMatSort } from './o-mat-sort';
@@ -8,13 +8,15 @@ export declare class OMatSortHeader extends MatSortHeader {
     _intl: MatSortHeaderIntl;
     _sort: OMatSort;
     _cdkColumnDef: CdkColumnDef;
-    constructor(_intl: MatSortHeaderIntl, changeDetectorRef: ChangeDetectorRef, _sort: OMatSort, _cdkColumnDef: CdkColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
+    injector: Injector;
+    private readonly loadingService;
+    constructor(_intl: MatSortHeaderIntl, changeDetectorRef: ChangeDetectorRef, _sort: OMatSort, _cdkColumnDef: CdkColumnDef, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, injector: Injector);
     _handleClick(): void;
     _isSorted(): boolean;
     _updateArrowDirection(): void;
     refresh(): void;
     getSortIndicatorNumbered(): string;
     getSortIndicatorNumberedClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OMatSortHeader, [null, null, { optional: true; }, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OMatSortHeader, [null, null, { optional: true; }, { optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OMatSortHeader, "[o-mat-sort-header]", ["oMatSortHeader"], { "disabled": "disabled"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/table/index.d.ts

@@ -4,3 +4,4 @@ export * from './o-table.component';
 export * from './o-table.module';
 export * from './utils/o-table.tokens';
 export * from './o-table-base.class';
+export * from './o-table-loading.service';

package/lib/components/table/o-table-base.class.d.ts

@@ -1,5 +1,5 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { Observable } from 'rxjs';
 import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
@@ -18,17 +18,25 @@ import type { OTableHeaderComponent } from "./extensions/header/table-header/o-t
 import type { MatPaginator } from "@angular/material/paginator";
 import type { OTableColumnSelectAllDirective } from "./extensions/header/table-column-select-all/o-table-column-select-all.directive";
 import type { OFilterBuilderComponent } from "../filter-builder/o-filter-builder.component";
+import { OTableColumnsFilterComponent } from './extensions/header/table-columns-filter/o-table-columns-filter.component';
+import { OFilterColumn } from './extensions/header/table-columns-filter/columns/o-table-columns-filter-column.component';
+import { BaseService } from '../../services/base-service.class';
+import { ServiceResponse } from '../../interfaces/service-response.interface';
+import { OTableDataSource } from '../../interfaces/o-table-datasource.interface';
 export declare abstract class OTableBase {
     abstract getMenuPermissions(): OTableMenuPermissions;
     abstract rowHeightObservable: Observable<string>;
     abstract initializeCheckboxColumn(): any;
+    oTableColumnsFilterComponent: OTableColumnsFilterComponent;
     visibleExportDialogButtons: string;
     service: string;
     serviceType: string;
-    exportServiceType: TemplateRef<any>;
+    exportServiceType: string;
     exportOptsTemplate: any;
     visibleColArray: string[];
+    queryMethod: string;
     showNotificationOfReadOnly: boolean;
+    showLoading: Observable<boolean>;
     abstract reinitializeSortColumns(sortColumns?: SQLOrder[]): any;
     abstract setGroupColumns(value: any[]): any;
     abstract clearColumnFilters(triggerDatasourceUpdate?: boolean, columnsAttr?: string[]): void;
@@ -54,7 +62,7 @@ export declare abstract class OTableBase {
     };
     abstract showCaseSensitiveCheckbox(): boolean;
     abstract pageable: boolean;
-    abstract dataSource: any;
+    abstract dataSource: OTableDataSource | null;
     abstract quickFilterCallback: QuickFilterFunction;
     abstract abortQuery: BehaviorSubject<boolean>;
     abstract oTableOptions: any;
@@ -121,6 +129,9 @@ export declare abstract class OTableBase {
     abstract setSelectedByKeys(keyValues: Array<any>): void;
     abstract setSelectedByMultipleKeys(keyValues: Array<Object>): void;
     abstract setSelectedByRowIds(rowIds: Array<number>): void;
-    abstract getSourceDataByFilterColumn(column: OColumn): 'current-page' | 'all-data';
+    abstract getFilterColumnByAttr(attr: string): OFilterColumn;
     abstract getValue(): any[];
+    abstract setOTableColumnsFilter(tableColumnsFilter: OTableColumnsFilterComponent): any;
+    abstract getAllValues(): any[];
+    abstract getDataService(): BaseService<ServiceResponse>;
 }

package/lib/components/table/o-table-loading.service.d.ts

@@ -0,0 +1,28 @@
+import { OnDestroy } from "@angular/core";
+import { OTableGlobalConfig } from "../../types/table/o-table-global-config.type";
+import * as i0 from "@angular/core";
+export declare class OTableLoadingService implements OnDestroy {
+    private readonly config;
+    private readonly loading$;
+    private readonly THRESHOLD;
+    private readonly MIN_VISIBLE;
+    private visibleSince;
+    private readonly showSkeleton$;
+    private readonly processingBlocked$;
+    private readonly destroy$;
+    private readonly isInitialLoad$;
+    constructor(config: OTableGlobalConfig);
+    private readonly isLoading$;
+    private readonly handleProcessingBlock$;
+    readonly isProcessing$: import("rxjs").Observable<boolean>;
+    private readonly handleShow$;
+    private readonly handleHide$;
+    readonly showLoading$: import("rxjs").Observable<boolean>;
+    setLoading(value: boolean): void;
+    isBlocked(): boolean;
+    setProcessingBlock(value: boolean): void;
+    handleProtected(event?: MouseEvent): boolean;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OTableLoadingService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OTableLoadingService>;
+}