ontimize-web-ngx 15.3.5 → 15.4.0

package/lib/components/input/date-range/o-daterange-input.component.d.ts

@@ -1,32 +1,42 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
-import { UntypedFormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import moment from 'moment';
+import { MediaObserver } from '@angular/flex-layout';
+import { FormGroup, UntypedFormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import { DateAdapter } from '@angular/material/core';
+import { MatDatepickerInputEvent, MatDateRangeInput, MatDateRangePicker } from '@angular/material/datepicker';
+import { Subscription } from 'rxjs';
+import { OntimizeMomentDateAdapter } from '../../../shared';
 import { FormValueOptions } from '../../../types/form-value-options.type';
 import { ODateValueType } from '../../../types/o-date-value.type';
 import { OFormComponent } from '../../form/o-form.component';
 import { OFormDataComponent } from '../../o-form-data-component.class';
-import { ODaterangepickerDirective } from './o-daterange-input.directive';
-import { DaterangepickerComponent } from './o-daterange-picker.component';
+import { OFormControl } from '../o-form-control.class';
+import { DateCustomClassFunction } from '../../../types/date-custom-class.type';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_OUTPUTS_O_DATERANGE_INPUT: string[];
 export declare const DEFAULT_INPUTS_O_DATERANGE_INPUT: string[];
 export declare class ODateRangeInputComponent extends OFormDataComponent implements OnDestroy, OnInit {
+    protected momentDateAdapter: DateAdapter<OntimizeMomentDateAdapter>;
     protected breakpointObserver: BreakpointObserver;
-    pickerDirective: ODaterangepickerDirective;
-    picker: DaterangepickerComponent;
-    private matInputRef;
+    picker: MatDateRangePicker<Date>;
     textInputEnabled: boolean;
-    showWeekNumbers: boolean;
     oTouchUi: boolean;
-    showRanges: boolean;
-    protected _oMinDate: moment.Moment;
+    dateRangeInput: MatDateRangeInput<Date>;
     mode: 'mobile' | 'desktop' | 'auto';
-    get oMinDate(): moment.Moment;
-    set oMinDate(value: moment.Moment);
-    protected _oMaxDate: moment.Moment;
-    get oMaxDate(): moment.Moment;
-    set oMaxDate(value: moment.Moment);
+    startDateValue: Date;
+    endDateValue: Date;
+    range: FormGroup<{
+        [x: string]: OFormControl;
+    }>;
+    protected _dateClass: DateCustomClassFunction;
+    get dateClass(): DateCustomClassFunction;
+    set dateClass(val: DateCustomClassFunction);
+    protected _oMinDate: Date;
+    set oMinDate(value: any);
+    get oMinDate(): any;
+    protected _oMaxDate: Date;
+    set oMaxDate(value: any);
+    get oMaxDate(): any;
     protected _startKey: string;
     get startKey(): string;
     set startKey(value: string);
@@ -34,37 +44,41 @@ export declare class ODateRangeInputComponent extends OFormDataComponent impleme
     get endKey(): string;
     set endKey(value: string);
     protected _valueType: ODateValueType;
-    protected _separator: string;
-    get separator(): string;
-    set separator(value: string);
+    separator: string;
     get showClearButton(): boolean;
-    get localeOptions(): any;
+    get touchUi(): boolean;
+    set touchUi(val: boolean);
     isMobileMode(): boolean;
     isDesktopMode(): boolean;
     oformat: string;
-    protected _localeOptions: any;
     protected olocale: string;
     private momentSrv;
-    private oTranslate;
-    constructor(form: OFormComponent, elRef: ElementRef, injector: Injector, breakpointObserver: BreakpointObserver);
+    protected media: MediaObserver;
+    protected mediaSubscription: Subscription;
+    protected onLanguageChangeSubscription: Subscription;
+    placeholderStartDay: string;
+    placeholderEndDay: string;
+    constructor(form: OFormComponent, elRef: ElementRef, injector: Injector, momentDateAdapter: DateAdapter<OntimizeMomentDateAdapter>, breakpointObserver: BreakpointObserver);
     ngOnInit(): void;
-    openPicker(): void;
-    onChangeEvent(event: any): void;
-    setValue(val: any, options?: FormValueOptions, setDirty?: boolean): void;
-    onClickClearValue(e: Event): void;
-    datesUpdated(range: any): void;
-    setData(newValue: any): void;
-    updateElement(): void;
-    getDateRangeToString(valueToString: string): {};
+    subscribeToMediaChanges(): void;
+    open(): void;
     resolveValidators(): ValidatorFn[];
     isObjectDataRangeNull(objectValue: any): boolean;
     protected rangeDateValidator(control: UntypedFormControl): ValidationErrors;
     protected minDateValidator(control: UntypedFormControl): ValidationErrors;
     protected maxDateValidator(control: UntypedFormControl): ValidationErrors;
     protected parseDateValidator(control: UntypedFormControl): ValidationErrors;
-    ensureDateRangeValue(val: any, valueType: any): void;
     set valueType(val: any);
     get valueType(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ODateRangeInputComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ODateRangeInputComponent, "o-daterange-input", never, { "separator": "separator"; "showWeekNumbers": "show-week-numbers"; "showRanges": "show-ranges"; "olocale": "locale"; "startKey": "startKey"; "endKey": "endKey"; "valueType": "value-type"; "mode": "mode"; "oformat": "format"; "oStartView": "start-view"; "oMinDate": "min"; "oMaxDate": "max"; "oTouchUi": "touch-ui"; "oStartAt": "start-at"; "filterDate": "filter-date"; "textInputEnabled": "text-input-enabled"; "dateClass": "date-class"; }, { "onChange": "onChange"; "onValueChange": "onValueChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, false, never>;
+    ngOnDestroy(): void;
+    protected setFormValue(val: any, options?: FormValueOptions, setDirty?: boolean): void;
+    protected ensureODateValueType(val: any): any;
+    protected convertToDate(val: any): Date | null;
+    onChangeEvent(event: MatDatepickerInputEvent<Date>): void;
+    onClickInput(e: Event): void;
+    onClickClearValue(event: Event): void;
+    protected markFormGroupTouched(): void;
+    protected getValueAsMoment(val: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ODateRangeInputComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ODateRangeInputComponent, "o-daterange-input", never, { "separator": "separator"; "olocale": "locale"; "startKey": "startKey"; "endKey": "endKey"; "valueType": "value-type"; "mode": "mode"; "placeholderStartDay": "placeholder-startday"; "placeholderEndDay": "placeholder-endday"; "oformat": "format"; "oStartView": "start-view"; "oMinDate": "min"; "oMaxDate": "max"; "oTouchUi": "touch-ui"; "oStartAt": "start-at"; "filterDate": "filter-date"; "textInputEnabled": "text-input-enabled"; "dateClass": "date-class"; }, { "onChange": "onChange"; "onValueChange": "onValueChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, false, never>;
 }

package/lib/components/input/date-range/o-daterange-input.module.d.ts

@@ -1,11 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./o-daterange-picker.component";
-import * as i2 from "./o-daterange-input.component";
-import * as i3 from "./o-daterange-input.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "../../../shared/shared.module";
+import * as i1 from "./o-daterange-input.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../shared/shared.module";
 export declare class ODateRangeInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ODateRangeInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ODateRangeInputModule, [typeof i1.DaterangepickerComponent, typeof i2.ODateRangeInputComponent, typeof i3.ODaterangepickerDirective], [typeof i4.CommonModule, typeof i5.OSharedModule], [typeof i2.ODateRangeInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ODateRangeInputModule, [typeof i1.ODateRangeInputComponent], [typeof i2.CommonModule, typeof i3.OSharedModule], [typeof i1.ODateRangeInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ODateRangeInputModule>;
 }

package/lib/components/input/date-range-legacy/o-daterange-input.component.d.ts

@@ -0,0 +1,70 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { UntypedFormControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import moment from 'moment';
+import { FormValueOptions } from '../../../types/form-value-options.type';
+import { ODateValueType } from '../../../types/o-date-value.type';
+import { OFormComponent } from '../../form/o-form.component';
+import { OFormDataComponent } from '../../o-form-data-component.class';
+import { ODaterangepickerDirective } from './o-daterange-input.directive';
+import { DaterangepickerComponent } from './o-daterange-picker.component';
+import * as i0 from "@angular/core";
+export declare const DEFAULT_OUTPUTS_O_DATERANGE_LEGACY_INPUT: string[];
+export declare const DEFAULT_INPUTS_O_DATERANGE_LEGACY_INPUT: string[];
+export declare class ODateRangeLegacyInputComponent extends OFormDataComponent implements OnDestroy, OnInit {
+    protected breakpointObserver: BreakpointObserver;
+    pickerDirective: ODaterangepickerDirective;
+    picker: DaterangepickerComponent;
+    private matInputRef;
+    textInputEnabled: boolean;
+    showWeekNumbers: boolean;
+    oTouchUi: boolean;
+    showRanges: boolean;
+    protected _oMinDate: moment.Moment;
+    mode: 'mobile' | 'desktop' | 'auto';
+    get oMinDate(): moment.Moment;
+    set oMinDate(value: moment.Moment);
+    protected _oMaxDate: moment.Moment;
+    get oMaxDate(): moment.Moment;
+    set oMaxDate(value: moment.Moment);
+    protected _startKey: string;
+    get startKey(): string;
+    set startKey(value: string);
+    protected _endKey: string;
+    get endKey(): string;
+    set endKey(value: string);
+    protected _valueType: ODateValueType;
+    protected _separator: string;
+    get separator(): string;
+    set separator(value: string);
+    get showClearButton(): boolean;
+    get localeOptions(): any;
+    isMobileMode(): boolean;
+    isDesktopMode(): boolean;
+    oformat: string;
+    protected _localeOptions: any;
+    protected olocale: string;
+    private readonly momentSrv;
+    private readonly oTranslate;
+    constructor(form: OFormComponent, elRef: ElementRef, injector: Injector, breakpointObserver: BreakpointObserver);
+    ngOnInit(): void;
+    openPicker(): void;
+    onChangeEvent(event: any): void;
+    setValue(val: any, options?: FormValueOptions, setDirty?: boolean): void;
+    onClickClearValue(e: Event): void;
+    datesUpdated(range: any): void;
+    setData(newValue: any): void;
+    updateElement(): void;
+    getDateRangeToString(valueToString: string): {};
+    resolveValidators(): ValidatorFn[];
+    isObjectDataRangeNull(objectValue: any): boolean;
+    protected rangeDateValidator(control: UntypedFormControl): ValidationErrors;
+    protected minDateValidator(control: UntypedFormControl): ValidationErrors;
+    protected maxDateValidator(control: UntypedFormControl): ValidationErrors;
+    protected parseDateValidator(control: UntypedFormControl): ValidationErrors;
+    ensureDateRangeValue(val: any, valueType: any): void;
+    set valueType(val: any);
+    get valueType(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ODateRangeLegacyInputComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ODateRangeLegacyInputComponent, "o-daterange-legacy-input", never, { "separator": "separator"; "showWeekNumbers": "show-week-numbers"; "showRanges": "show-ranges"; "olocale": "locale"; "startKey": "startKey"; "endKey": "endKey"; "valueType": "value-type"; "mode": "mode"; "oformat": "format"; "oStartView": "start-view"; "oMinDate": "min"; "oMaxDate": "max"; "oTouchUi": "touch-ui"; "oStartAt": "start-at"; "filterDate": "filter-date"; "textInputEnabled": "text-input-enabled"; "dateClass": "date-class"; }, { "onChange": "onChange"; "onValueChange": "onValueChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, false, never>;
+}

package/lib/components/input/date-range-legacy/o-daterange-input.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./o-daterange-picker.component";
+import * as i2 from "./o-daterange-input.component";
+import * as i3 from "./o-daterange-input.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../shared/shared.module";
+export declare class ODateRangeLegacyInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ODateRangeLegacyInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ODateRangeLegacyInputModule, [typeof i1.DaterangepickerComponent, typeof i2.ODateRangeLegacyInputComponent, typeof i3.ODaterangepickerDirective], [typeof i4.CommonModule, typeof i5.OSharedModule], [typeof i2.ODateRangeLegacyInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ODateRangeLegacyInputModule>;
+}

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

@@ -8,11 +8,13 @@ export * from './currency-input/o-currency-input.component';
 export * from './currency-input/o-currency-input.module';
 export * from './date-input/o-date-input.component';
 export * from './date-input/o-date-input.module';
-export * from './date-range/o-daterange-input.component';
-export * from './date-range/o-daterange-input.directive';
+export * from './date-range-legacy/o-daterange-input.component';
+export * from './date-range-legacy/o-daterange-input.directive';
+export * from './date-range-legacy/o-daterange-input.module';
+export * from './date-range-legacy/o-daterange-picker.component';
+export * from './date-range-legacy/o-daterange-picker.config';
 export * from './date-range/o-daterange-input.module';
-export * from './date-range/o-daterange-picker.component';
-export * from './date-range/o-daterange-picker.config';
+export * from './date-range/o-daterange-input.component';
 export * from './email-input/o-email-input.component';
 export * from './email-input/o-email-input.module';
 export * from './phone-input/o-phone-input.component';

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

@@ -95,6 +95,7 @@ export declare abstract class AbstractOServiceBaseComponent<T extends AbstractCo
     getAttributesValuesToQuery(): Array<string>;
     getQueryArguments(filter: object, ovrrArgs?: OQueryDataArgs): Array<any>;
     updatePaginationInfo(queryRes: ServiceResponse): void;
+    private updatePaginationContext;
     getTotalRecordsNumber(): number;
     getContextComponent(): OFormComponent | OExpandableContainerComponent;
     getComponentFilter(existingFilter?: any): any;

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/i18n/i18n.d.ts

@@ -253,6 +253,8 @@ export declare const MAP: {
         'DATERANGE.this_year': string;
         'DATERANGE.APPLYLABEL': string;
         'DATERANGE.W': string;
+        'DATERANGE.PLACEHOLDER_STARTDATE': string;
+        'DATERANGE.PLACEHOLDER_ENDDATE': string;
         'TABLE_CONTEXT_MENU.GROUP_BY': string;
         'TABLE_CONTEXT_MENU.GROUP_BY_YEAR': string;
         'TABLE_CONTEXT_MENU.GROUP_BY_MONTH': string;
@@ -605,6 +607,8 @@ export declare const MAP: {
         'EXPORT.DIALOG.EXPORT_BUTTON': string;
         'EXPORT.DIALOG.ADVANCED_OPTIONS': string;
         'EXPORT.DIALOG.FILE_NAME.PLACEHOLDER': string;
+        'DATERANGE.PLACEHOLDER_STARTDATE': string;
+        'DATERANGE.PLACEHOLDER_ENDDATE': string;
     };
     pt: {
         LANGUAGE: string;
@@ -883,5 +887,7 @@ export declare const MAP: {
         'TREE.BUTTONS.SELECT': string;
         'REPORT.COLUMN.TRUEVALUE': string;
         'REPORT.COLUMN.FALSEVALUE': string;
+        'DATERANGE.PLACEHOLDER_STARTDATE': string;
+        'DATERANGE.PLACEHOLDER_ENDDATE': string;
     };
 };

package/lib/interfaces/form-layout-manager.interface.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { FormLayoutCloseDetailOptions, FormLayoutDetailComponentData } from '../types';
+import { OFormLayoutManagerContext } from '../types/form-layout-manager-context.type';
+export interface IOFormLayoutManager {
+    oattr: string;
+    mode: string;
+    separator: string;
+    title: string;
+    storeState: boolean;
+    labelColumns: string;
+    readonly tabGroupOptions: any;
+    readonly dialogOptions: any;
+    readonly splitPaneOptions: any;
+    onMainTabSelected: EventEmitter<any>;
+    onSelectedTabChange: EventEmitter<any>;
+    onCloseTab: EventEmitter<any>;
+    onTriggerUpdate: EventEmitter<any>;
+    addDetailComponent(childRoute: ActivatedRouteSnapshot, url: string, context?: OFormLayoutManagerContext): void;
+    allowToUpdateNavigation(formAttr: string): boolean;
+    closeDetail(options?: FormLayoutCloseDetailOptions): void;
+    closeDetails(detailsData: any[], options?: FormLayoutCloseDetailOptions): void;
+    getAttribute(): string;
+    getComponentKey(): string;
+    getDataToStore(): any;
+    getFormCacheData(): FormLayoutDetailComponentData;
+    getFormDataFromLabelColumns(data: any): any;
+    getLabelFromData(data: any): string;
+    getLabelFromUrlParams(urlParams: object): string;
+    getRouteForComponent(comp: any): any[];
+    getRouteKey(): string;
+    getRouteOfActiveItem(): any[];
+    isDialogMode(): boolean;
+    isMainComponent(comp: any): boolean;
+    isSplitPaneMode(): boolean;
+    isTabMode(): boolean;
+    reloadMainComponents(): void;
+    setAsActiveFormLayoutManager(): void;
+    setModifiedState(formAttr: string, modified: boolean, confirmExit: boolean): void;
+    updateActiveData(data: any): void;
+    updateNavigation(data: any, keysValues: any, insertionMode: boolean): void;
+    updateStateStorage(): void;
+}

package/lib/interfaces/index.d.ts

@@ -38,3 +38,5 @@ export * from './o-table-export-data.interface';
 export * from './query-parameter.interface';
 export * from './form-data-component-hash.interface';
 export * from './local-service.interface';
+export * from './pagination-context.interface';
+export * from './form-layout-manager.interface';

package/lib/interfaces/pagination-context.interface.d.ts

@@ -0,0 +1,6 @@
+export interface PaginationContext {
+    pageSize?: number;
+    pageNumber?: number;
+    offset?: number;
+    totalSize?: number;
+}

package/lib/layouts/form-layout/o-form-layout-manager-base.class.d.ts

@@ -4,7 +4,19 @@ import { OFormLayoutManagerComponentStateClass } from '../../services/state/o-fo
 import { FormLayoutCloseDetailOptions, FormLayoutDetailComponentData } from '../../types/form-layout-detail-component-data.type';
 import { OFormLayoutManagerMode } from '../../interfaces/o-form-layout-manager-mode.interface';
 import { NavigationService } from '../../services/navigation.service';
-export declare abstract class OFormLayoutManagerBase {
+import { IOFormLayoutManager } from '../../interfaces/form-layout-manager.interface';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { OFormLayoutManagerContext } from '../../types/form-layout-manager-context.type';
+export declare abstract class OFormLayoutManagerBase implements IOFormLayoutManager {
+    oattr: string;
+    mode: string;
+    separator: string;
+    title: string;
+    labelColumns: string;
+    tabGroupOptions: any;
+    dialogOptions: any;
+    splitPaneOptions: any;
+    onMainTabSelected: EventEmitter<any>;
     onTriggerUpdate: EventEmitter<any>;
     onSelectedTabChange: EventEmitter<any>;
     onCloseTab: EventEmitter<any>;
@@ -14,28 +26,34 @@ export declare abstract class OFormLayoutManagerBase {
     navigationService: NavigationService;
     storeState: boolean;
     oTabGroup: OFormLayoutManagerMode;
-    abstract get ignoreCanDeactivate(): boolean;
-    abstract getRouteForComponent(comp: ILayoutManagerComponent): any[];
-    abstract allowToUpdateNavigation(formAttr: string): boolean;
+    abstract addDetailComponent(childRoute: ActivatedRouteSnapshot, url: string, context?: OFormLayoutManagerContext): any;
     abstract allowNavigation(): boolean;
+    abstract allowToUpdateNavigation(formAttr: string): boolean;
     abstract closeDetail(options?: FormLayoutCloseDetailOptions): void;
+    abstract closeDetails(detailsKeysData: any[], options?: FormLayoutCloseDetailOptions): void;
+    abstract get ignoreCanDeactivate(): boolean;
+    abstract getAttribute(): string;
+    abstract getComponentKey(): string;
+    abstract getDataToStore(): any;
     abstract getFormCacheData(): FormLayoutDetailComponentData;
+    abstract getFormDataFromLabelColumns(data: any): any;
+    abstract getIdOfActiveItem(): string;
     abstract getLabelFromData(data: any): string;
     abstract getLabelFromUrlParams(urlParams: object): string;
-    abstract getFormDataFromLabelColumns(data: any): any;
     abstract getParams(): any;
-    abstract getIdOfActiveItem(): string;
+    abstract getRouteForComponent(comp: ILayoutManagerComponent): any[];
+    abstract getRouteKey(): string;
     abstract getRouteOfActiveItem(): any[];
+    abstract hasToConfirmExit(data: FormLayoutDetailComponentData, options?: FormLayoutCloseDetailOptions): boolean;
+    abstract isDialogMode(): boolean;
     abstract isMainComponent(comp: ILayoutManagerComponent): boolean;
-    abstract isTabMode(): boolean;
     abstract isSplitPaneMode(): boolean;
-    abstract isDialogMode(): boolean;
+    abstract isTabMode(): boolean;
+    abstract reloadMainComponents(): any;
     abstract setAsActiveFormLayoutManager(): any;
-    abstract hasToConfirmExit(data: FormLayoutDetailComponentData, options?: FormLayoutCloseDetailOptions): boolean;
     abstract setModifiedState(formAttr: string, modified: boolean, confirmExit: boolean): any;
+    abstract updateActiveData(data: any): any;
     abstract updateIfNeeded(): void;
     abstract updateNavigation(data: any, keysValues: any, insertionMode: boolean): any;
-    abstract getDataToStore(): any;
-    abstract getComponentKey(): string;
-    abstract closeDetails(detailsKeysData: any[], options?: FormLayoutCloseDetailOptions): void;
+    abstract updateStateStorage(): any;
 }

package/lib/layouts/form-layout/o-form-layout-manager.component.d.ts

@@ -15,10 +15,11 @@ import { FormLayoutCloseDetailOptions, FormLayoutDetailComponentData } from '../
 import { OFormLayoutDialogComponent } from './dialog/o-form-layout-dialog.component';
 import { OFormLayoutManagerBase } from './o-form-layout-manager-base.class';
 import { OFormLayoutManagerContext } from '../../types/form-layout-manager-context.type';
+import { IOFormLayoutManager } from '../../interfaces/form-layout-manager.interface';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_FORM_LAYOUT_MANAGER: string[];
 export declare const DEFAULT_OUTPUTS_O_FORM_LAYOUT_MANAGER: string[];
-export declare class OFormLayoutManagerComponent implements AfterViewInit, OnInit, OnDestroy, ILocalStorageComponent {
+export declare class OFormLayoutManagerComponent implements AfterViewInit, OnInit, OnDestroy, ILocalStorageComponent, IOFormLayoutManager {
     protected injector: Injector;
     protected router: Router;
     protected actRoute: ActivatedRoute;

package/lib/ontimize-web-ngx.module.d.ts

@@ -24,7 +24,7 @@ import * as i20 from "./components/input/checkbox/o-checkbox.module";
 import * as i21 from "./components/input/combo/o-combo.module";
 import * as i22 from "./components/input/currency-input/o-currency-input.module";
 import * as i23 from "./components/input/date-input/o-date-input.module";
-import * as i24 from "./components/input/date-range/o-daterange-input.module";
+import * as i24 from "./components/input/date-range-legacy/o-daterange-input.module";
 import * as i25 from "./components/input/email-input/o-email-input.module";
 import * as i26 from "./components/input/phone-input/o-phone-input.module";
 import * as i27 from "./components/input/file-input/o-file-input.module";
@@ -54,11 +54,12 @@ import * as i50 from "./components/dual-list-selector/o-dual-list-selector.modul
 import * as i51 from "./config/o-modules";
 import * as i52 from "./services/permissions/o-permissions.module";
 import * as i53 from "./components/input/slider/o-slider.module";
-import * as i54 from "./components/o-data-toolbar/o-data-toolbar.module";
-import * as i55 from "./components/tree/o-tree.module";
+import * as i54 from "./components/input/date-range/o-daterange-input.module";
+import * as i55 from "./components/o-data-toolbar/o-data-toolbar.module";
+import * as i56 from "./components/tree/o-tree.module";
 export declare class OntimizeWebModule {
     static forRoot(config: Config): ModuleWithProviders<OntimizeWebModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OntimizeWebModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OntimizeWebModule, never, [typeof i1.HttpClientModule, typeof i2.TranslateModule, typeof i3.NgxMaterialTimepickerModule, typeof i4.OSharedModule, typeof i5.OBarMenuModule, typeof i6.OBreadcrumbModule, typeof i7.OButtonModule, typeof i8.OButtonToggleModule, typeof i9.OCardMenuItemModule, typeof i10.OColumnModule, typeof i11.OColumnCollapsibleModule, typeof i12.ORowModule, typeof i13.ORowCollapsibleModule, typeof i14.OContextMenuModule, typeof i15.OFilterBuilderModule, typeof i16.OFormModule, typeof i17.OFormContainerModule, typeof i18.OGridModule, typeof i19.OImageModule, typeof i20.OCheckboxModule, typeof i21.OComboModule, typeof i22.OCurrencyInputModule, typeof i23.ODateInputModule, typeof i24.ODateRangeInputModule, typeof i25.OEmailInputModule, typeof i26.OPhoneInputModule, typeof i27.OFileInputModule, typeof i28.OHourInputModule, typeof i29.OHTMLInputModule, typeof i30.OIntegerInputModule, typeof i31.OListPickerModule, typeof i32.ONIFInputModule, typeof i33.OPasswordInputModule, typeof i34.OPercentInputModule, typeof i35.ORadioModule, typeof i36.ORealInputModule, typeof i37.OSearchInputModule, typeof i38.OSlideToggleModule, typeof i39.OTextInputModule, typeof i40.OTextareaInputModule, typeof i41.OTimeInputModule, typeof i42.OLanguageSelectorModule, typeof i43.OListModule, typeof i44.OTableModule, typeof i45.OUserInfoModule, typeof i46.OAppLayoutModule, typeof i47.OCardMenuLayoutModule, typeof i48.OFormLayoutManagerModule, typeof i49.OExpandableContainerModule, typeof i50.ODualListSelectorModule], [typeof i51.OntimizeWebTranslateModule, typeof i52.OPermissionsModule, typeof i1.HttpClientModule, typeof i4.OSharedModule, typeof i5.OBarMenuModule, typeof i6.OBreadcrumbModule, typeof i7.OButtonModule, typeof i8.OButtonToggleModule, typeof i20.OCheckboxModule, typeof i21.OComboModule, typeof i10.OColumnModule, typeof i11.OColumnCollapsibleModule, typeof i14.OContextMenuModule, typeof i12.ORowModule, typeof i13.ORowCollapsibleModule, typeof i15.OFilterBuilderModule, typeof i16.OFormModule, typeof i17.OFormContainerModule, typeof i19.OImageModule, typeof i22.OCurrencyInputModule, typeof i23.ODateInputModule, typeof i25.OEmailInputModule, typeof i26.OPhoneInputModule, typeof i27.OFileInputModule, typeof i29.OHTMLInputModule, typeof i30.OIntegerInputModule, typeof i31.OListPickerModule, typeof i32.ONIFInputModule, typeof i33.OPasswordInputModule, typeof i34.OPercentInputModule, typeof i36.ORealInputModule, typeof i39.OTextInputModule, typeof i40.OTextareaInputModule, typeof i43.OListModule, typeof i37.OSearchInputModule, typeof i44.OTableModule, typeof i46.OAppLayoutModule, typeof i48.OFormLayoutManagerModule, typeof i45.OUserInfoModule, typeof i42.OLanguageSelectorModule, typeof i9.OCardMenuItemModule, typeof i47.OCardMenuLayoutModule, typeof i28.OHourInputModule, typeof i41.OTimeInputModule, typeof i18.OGridModule, typeof i35.ORadioModule, typeof i38.OSlideToggleModule, typeof i53.OSliderModule, typeof i24.ODateRangeInputModule, typeof i49.OExpandableContainerModule, typeof i50.ODualListSelectorModule, typeof i54.ODataToolbarModule, typeof i55.OTreeModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OntimizeWebModule, never, [typeof i1.HttpClientModule, typeof i2.TranslateModule, typeof i3.NgxMaterialTimepickerModule, typeof i4.OSharedModule, typeof i5.OBarMenuModule, typeof i6.OBreadcrumbModule, typeof i7.OButtonModule, typeof i8.OButtonToggleModule, typeof i9.OCardMenuItemModule, typeof i10.OColumnModule, typeof i11.OColumnCollapsibleModule, typeof i12.ORowModule, typeof i13.ORowCollapsibleModule, typeof i14.OContextMenuModule, typeof i15.OFilterBuilderModule, typeof i16.OFormModule, typeof i17.OFormContainerModule, typeof i18.OGridModule, typeof i19.OImageModule, typeof i20.OCheckboxModule, typeof i21.OComboModule, typeof i22.OCurrencyInputModule, typeof i23.ODateInputModule, typeof i24.ODateRangeLegacyInputModule, typeof i25.OEmailInputModule, typeof i26.OPhoneInputModule, typeof i27.OFileInputModule, typeof i28.OHourInputModule, typeof i29.OHTMLInputModule, typeof i30.OIntegerInputModule, typeof i31.OListPickerModule, typeof i32.ONIFInputModule, typeof i33.OPasswordInputModule, typeof i34.OPercentInputModule, typeof i35.ORadioModule, typeof i36.ORealInputModule, typeof i37.OSearchInputModule, typeof i38.OSlideToggleModule, typeof i39.OTextInputModule, typeof i40.OTextareaInputModule, typeof i41.OTimeInputModule, typeof i42.OLanguageSelectorModule, typeof i43.OListModule, typeof i44.OTableModule, typeof i45.OUserInfoModule, typeof i46.OAppLayoutModule, typeof i47.OCardMenuLayoutModule, typeof i48.OFormLayoutManagerModule, typeof i49.OExpandableContainerModule, typeof i50.ODualListSelectorModule], [typeof i51.OntimizeWebTranslateModule, typeof i52.OPermissionsModule, typeof i1.HttpClientModule, typeof i4.OSharedModule, typeof i5.OBarMenuModule, typeof i6.OBreadcrumbModule, typeof i7.OButtonModule, typeof i8.OButtonToggleModule, typeof i20.OCheckboxModule, typeof i21.OComboModule, typeof i10.OColumnModule, typeof i11.OColumnCollapsibleModule, typeof i14.OContextMenuModule, typeof i12.ORowModule, typeof i13.ORowCollapsibleModule, typeof i15.OFilterBuilderModule, typeof i16.OFormModule, typeof i17.OFormContainerModule, typeof i19.OImageModule, typeof i22.OCurrencyInputModule, typeof i23.ODateInputModule, typeof i25.OEmailInputModule, typeof i26.OPhoneInputModule, typeof i27.OFileInputModule, typeof i29.OHTMLInputModule, typeof i30.OIntegerInputModule, typeof i31.OListPickerModule, typeof i32.ONIFInputModule, typeof i33.OPasswordInputModule, typeof i34.OPercentInputModule, typeof i36.ORealInputModule, typeof i39.OTextInputModule, typeof i40.OTextareaInputModule, typeof i43.OListModule, typeof i37.OSearchInputModule, typeof i44.OTableModule, typeof i46.OAppLayoutModule, typeof i48.OFormLayoutManagerModule, typeof i45.OUserInfoModule, typeof i42.OLanguageSelectorModule, typeof i9.OCardMenuItemModule, typeof i47.OCardMenuLayoutModule, typeof i28.OHourInputModule, typeof i41.OTimeInputModule, typeof i18.OGridModule, typeof i35.ORadioModule, typeof i38.OSlideToggleModule, typeof i53.OSliderModule, typeof i24.ODateRangeLegacyInputModule, typeof i54.ODateRangeInputModule, typeof i49.OExpandableContainerModule, typeof i50.ODualListSelectorModule, typeof i55.ODataToolbarModule, typeof i56.OTreeModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OntimizeWebModule>;
 }

package/lib/services/base-service.class.d.ts

@@ -11,6 +11,8 @@ import { AuthService } from './auth.service';
 import { BaseServiceResponse } from './base-service-response.class';
 import { LoginStorageService } from './login-storage.service';
 import { OntimizeServiceResponseParser } from './parser/o-service-response.parser';
+import { PaginationContext } from '../interfaces/pagination-context.interface';
+import { PaginationContextService } from './pagination-context.service';
 export declare class BaseService {
     protected injector: Injector;
     protected httpClient: HttpClient;
@@ -22,6 +24,7 @@ export declare class BaseService {
     protected authService: AuthService;
     protected adapter: ServiceResponseAdapter<BaseServiceResponse>;
     protected loginStorageService: LoginStorageService;
+    protected paginationContextService: PaginationContextService;
     constructor(injector: Injector);
     configureAdapter(): void;
     configureService(config: any): void;
@@ -45,4 +48,7 @@ export declare class BaseService {
     protected parseUnsuccessfulUpdateResponse(resp: ServiceResponse, observer: Subscriber<ServiceResponse>): void;
     protected parseUnsuccessfulDeleteResponse(resp: ServiceResponse, observer: Subscriber<ServiceResponse>): void;
     protected refreshAuthToken(res: HttpResponse<any>): void;
+    setPaginationContext(context: PaginationContext): void;
+    getPaginationContext(): PaginationContext | null;
+    reinitializePaginationContext(pageSize?: number): void;
 }

package/lib/services/index.d.ts

@@ -31,3 +31,4 @@ export * from './translate/index';
 export * from './ontimize-export-data-provider-3x.service';
 export * from './ontimize-export-data-provider.service';
 export * from './appearance.service';
+export * from './pagination-context.service';

package/lib/services/pagination-context.service.d.ts

@@ -0,0 +1,11 @@
+import { PaginationContext } from '../interfaces/pagination-context.interface';
+import * as i0 from "@angular/core";
+export declare class PaginationContextService {
+    private context;
+    constructor();
+    setContext(context: PaginationContext): void;
+    getContext(): PaginationContext | null;
+    reinitializeContext(pageSize?: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationContextService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PaginationContextService>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ontimize-web-ngx",
   "homepage": "https://github.com/OntimizeWeb/ontimize-web-ngx#readme",
-  "version": "15.3.5",
+  "version": "15.4.0",
   "description": "Ontimize Web framework using Angular 15",
   "bugs": "https://github.com/OntimizeWeb/ontimize-web-ngx/issues",
   "author": "Imatia S.L.",

package/theme.scss

@@ -1146,7 +1146,6 @@ $layout-gutter-width-horizontal: 14px !default;
       &.available {
         &:hover {
           background: mat.get-color-from-palette($background, hover, 0.12);
-          //color:  mat.get-color-from-palette($foreground, text);
         }
       }
 
@@ -1273,7 +1272,8 @@ $layout-gutter-width-horizontal: 14px !default;
 
   }
 
-}@mixin o-hour-input-theme($theme-or-color-config) {
+}
+@mixin o-hour-input-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
   $background: map.get($theme, background);