ontimize-web-ngx 15.3.2 → 15.3.4

package/lib/components/app-sidenav/index.d.ts

@@ -3,3 +3,4 @@ export * from './menu-group/o-app-sidenav-menu-group.component';
 export * from './menu-item/o-app-sidenav-menu-item.component';
 export * from './o-app-sidenav.component';
 export * from './o-app-sidenav.module';
+export * from './o-app-sidenav-base.class';

package/lib/components/bar-menu/index.d.ts

@@ -6,3 +6,4 @@ export * from './menu-separator/o-bar-menu-separator.component';
 export * from './o-bar-menu.component';
 export * from './o-bar-menu.module';
 export * from './o-base-menu-item.class';
+export * from './o-bar-menu-base.class';

package/lib/components/filter-builder/index.d.ts

@@ -3,3 +3,4 @@ export * from './/o-filter-builder-query.directive';
 export * from './o-filter-builder.component';
 export * from './o-filter-builder.module';
 export * from './filter-builder-menu/filter-builder-menu.component';
+export * from './o-filter-builder-base.class';

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

@@ -9,3 +9,5 @@ export * from './o-form-value';
 export * from './toolbar/o-form-toolbar.component';
 export * from './toolbar/o-form-toolbar.module';
 export * from './o-form-tokens';
+export * from './o-form-base.class';
+export * from './toolbar/o-form-toolbar-base.class';

package/lib/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './app-header/o-app-header.component';
 export * from './app-header/o-app-header.module';
+export * from './app-header/o-app-header-base.class';
 export * from './app-sidenav/index';
 export * from './bar-menu/index';
 export * from './breadcrumb/o-breadcrumb.component';
@@ -40,3 +41,4 @@ export * from './expandable-container/o-expandable-container.component';
 export * from './expandable-container/o-expandable-container.module';
 export * from './tree/index';
 export * from './o-skeleton.component';
+export * from './user-info/o-user-info-base.class';

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

@@ -1,6 +1,5 @@
 import { AfterViewInit, ElementRef, Injector, OnDestroy } from '@angular/core';
 import { MatRadioChange, MatRadioGroup } from '@angular/material/radio';
-import { OFormLayoutManagerComponent } from '../../../layouts/form-layout/o-form-layout-manager.component';
 import { OFormValue } from '../../form/o-form-value';
 import { OFormComponent } from '../../form/o-form.component';
 import { OFormServiceComponent } from '../o-form-service-component.class';
@@ -11,7 +10,6 @@ export declare class ORadioComponent extends OFormServiceComponent implements Af
     labelPosition: 'before' | 'after';
     labelGap: string;
     value: OFormValue;
-    formLayoutManager: OFormLayoutManagerComponent;
     tabsSubscriptions: any;
     mrg: MatRadioGroup;
     formLayoutManagerTabIndex: number;

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

@@ -107,11 +107,11 @@ export declare abstract class AbstractOServiceComponent<T extends AbstractCompon
     getSelectedItems(): any[];
     clearSelection(): void;
     setSelected(item: any): void;
-    protected navigateToDetail(route: any[], qParams: any, relativeTo: ActivatedRoute): void;
+    protected navigateToDetail(route: any[], qParams: any, relativeTo: ActivatedRoute): Promise<void>;
     insertDetail(): void;
     viewDetail(item: any, context?: OFormLayoutManagerContext): void;
     editDetail(item: any): void;
-    protected addFormLayoutManagerRoute(routeArr: any[]): void;
+    protected addFormLayoutManagerRoute(routeArr: any[]): any[];
     protected setButtonPermissions(actionsPermissions: any): void;
     protected setPermission(attr: string, visibleProp: string, enabledProp: string, actionsPermissions: any): void;
     protected manageCustomPermissions(actionsPermissions: any, selector: any): void;

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

@@ -22,7 +22,6 @@ export declare class OTableColumnComponent implements OTableColumn, OnDestroy, O
     contentAlign: 'start' | 'center' | 'end';
     sqlType: string;
     protected _SQLType: number;
-    protected _defaultSQLTypeKey: string;
     protected _orderable: boolean;
     protected _resizable: boolean;
     protected _searchable: boolean;

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

@@ -3,15 +3,15 @@ import { UntypedFormControl } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSelectionList, MatSelectionListChange } from '@angular/material/list';
+import { MatRadioChange } from '@angular/material/radio';
 import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { Observable } from 'rxjs';
+import { ServiceResponse } from '../../../../../interfaces/service-response.interface';
 import { OColumnValueFilter } from '../../../../../types/table/o-column-value-filter.type';
 import { TableFilterByColumnData, TableFilterByColumnDialogResult } from '../../../../../types/table/o-table-filter-by-column-data.type';
-import type { OColumn } from '../../../column/o-column.class';
-import { OFilterColumn } from '../../header/table-columns-filter/columns/o-table-columns-filter-column.component';
-import { MatRadioChange } from '@angular/material/radio';
-import { ServiceResponse } from '../../../../../interfaces/service-response.interface';
 import { OTableComponent } from '../../../o-table.component';
+import { OFilterColumn } from '../../header/table-columns-filter/columns/o-table-columns-filter-column.component';
+import type { OColumn } from '../../../column/o-column.class';
 import * as i0 from "@angular/core";
 export declare class OTableFilterByColumnDataDialogComponent implements AfterViewInit {
     dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>;

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

@@ -1,11 +1,11 @@
-import { Injector, OnInit, QueryList } from '@angular/core';
+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 * 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 {
+export declare class OTableColumnsFilterComponent implements OnInit, AfterContentInit {
     protected injector: Injector;
     protected table: OTableComponent;
     static DEFAULT_COMPARISON_TYPE: string;
@@ -14,7 +14,7 @@ export declare class OTableColumnsFilterComponent implements OnInit {
     protected _columns: string;
     protected _mode: string;
     preloadValues: boolean;
-    filterValuesInData: string;
+    filterValuesInData: 'current-page' | 'all-data';
     get mode(): string;
     set mode(val: string);
     protected _columnsArray: Array<OFilterColumn>;
@@ -22,6 +22,7 @@ export declare class OTableColumnsFilterComponent implements OnInit {
     filterColumns: QueryList<OTableColumnsFilterColumnComponent>;
     constructor(injector: Injector, table: OTableComponent);
     ngOnInit(): void;
+    private getFilterValuesInDataByDefault;
     ngAfterContentInit(): void;
     isColumnFilterable(attr: string): boolean;
     getSortValueOfFilterColumn(attr: string): string;

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

@@ -8,7 +8,7 @@ import { MatMenu } from '@angular/material/menu';
 import { PageEvent } from '@angular/material/paginator';
 import { MatTab, MatTabGroup } from '@angular/material/tabs';
 import { MatTooltip } from '@angular/material/tooltip';
-import { Observable, Subscription } from 'rxjs';
+import { Observable, Subject, Subscription } from 'rxjs';
 import { SnackBarService } from '../../services/snackbar.service';
 import { OTableComponentStateClass } from '../../services/state/o-table-component-state.class';
 import { OTableComponentStateService } from '../../services/state/o-table-component-state.service';
@@ -71,6 +71,20 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected snackBarService: SnackBarService;
     paginator: OTablePaginator;
     sort: OMatSort;
+    clickSubject: Subject<{
+        row: any;
+        column: any;
+        cellRef: any;
+        rowIndex: number;
+        event: MouseEvent;
+    }>;
+    dblclickSubject: Subject<{
+        row: any;
+        column: any;
+        cellRef: any;
+        rowIndex: number;
+        event: MouseEvent;
+    }>;
     set oMatSort(_sort: OMatSort);
     virtualScrollViewport: CdkVirtualScrollViewport;
     oTableGlobalConfig: OTableGlobalConfig;
@@ -244,6 +258,8 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected getActionPermissions(attr: string): OPermissions;
     protected checkEnabledActionPermission(attr: string): boolean;
     initialize(): any;
+    protected registerClickListener(): void;
+    protected registerDblClickListener(): void;
     protected initializeDao(): void;
     reinitialize(options: OTableInitializationOptions): void;
     protected initTableAfterViewInit(): void;
@@ -310,7 +326,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     doHandleClick(row: any, column: string, rowIndex: number, $event: MouseEvent): void;
     handleMultipleSelection(item: any): void;
     protected saveDataNavigationInLocalStorage(): void;
-    handleDoubleClick(row: any, column: OColumn, rowIndex: number, cellRef: ElementRef, $event: MouseEvent): void;
+    handleDoubleClick(row: any, column: OColumn, rowIndex: number, cellRef: ElementRef, event: MouseEvent): void;
     get editionEnabled(): boolean;
     handleDOMClick(event: any): void;
     protected activateColumnEdition(column: OColumn, row: any, cellRef: any): void;
@@ -397,6 +413,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected addDefaultRowButtons(): void;
     protected addButtonInRow(name: string): void;
     get headerHeight(): number;
+    get toolBarHeight(): number;
     isDetailMode(): boolean;
     copyAll(): void;
     copySelection(): void;

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

@@ -3,6 +3,7 @@ import { ILayoutManagerComponent } from '../../interfaces/layout-manager-compone
 import { OFormLayoutManagerComponentStateClass } from '../../services/state/o-form-layout-manager-component-state.class';
 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 {
     onTriggerUpdate: EventEmitter<any>;
     onSelectedTabChange: EventEmitter<any>;
@@ -10,6 +11,8 @@ export declare abstract class OFormLayoutManagerBase {
     state: OFormLayoutManagerComponentStateClass;
     parentFormLayoutManager: OFormLayoutManagerBase;
     markForUpdate: boolean;
+    navigationService: NavigationService;
+    storeState: boolean;
     oTabGroup: OFormLayoutManagerMode;
     abstract get ignoreCanDeactivate(): boolean;
     abstract getRouteForComponent(comp: ILayoutManagerComponent): any[];

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

@@ -59,7 +59,6 @@ export declare class OFormLayoutTabGroupComponent implements OFormLayoutManagerM
     updateActiveData(data: any): void;
     getDataToStore(): any;
     initializeComponentState(): void;
-    protected createDetailComponent(component: any, paramsObj: any): FormLayoutDetailComponentData;
     getParams(): any;
     isMainComponent(comp: ILayoutManagerComponent): boolean;
     openDetail(detail: FormLayoutDetailComponentData): void;

package/lib/layouts/index.d.ts

@@ -2,6 +2,7 @@ export * from './app-layout/app-layout-header/o-app-layout-header.component';
 export * from './app-layout/app-layout-sidenav/o-app-layout-sidenav.component';
 export * from './app-layout/o-app-layout.component';
 export * from './app-layout/o-app-layout.module';
+export * from './app-layout/o-app-layout-base.class';
 export * from './card-menu-layout/o-card-menu-layout.component';
 export * from './card-menu-layout/o-card-menu-layout.module';
 export * from './form-layout/dialog/o-form-layout-dialog.component';
@@ -10,6 +11,7 @@ export * from './form-layout/directives/o-form-layout-manager-content.directive'
 export * from './form-layout/guards/o-form-layout-can-activate-child.guard';
 export * from './form-layout/o-form-layout-manager.component';
 export * from './form-layout/o-form-layout-manager.module';
+export * from './form-layout/o-form-layout-manager-base.class';
 export * from './form-layout/tabgroup/o-form-layout-tabgroup.component';
 export * from './form-layout/tabgroup/options/o-form-layout-tabgroup-options.directive';
 export * from './form-layout/split-pane/o-form-layout-split-pane.component';

package/lib/services/navigation.service.d.ts

@@ -1,7 +1,7 @@
 import { Location } from '@angular/common';
 import { Injector } from '@angular/core';
 import { ActivatedRouteSnapshot, Router } from '@angular/router';
-import { ReplaySubject } from 'rxjs';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { ILocalStorageComponent } from '../interfaces/local-storage-component.interface';
 import { OBreadcrumb } from '../types/o-breadcrumb-item.type';
 import { LocalStorageService } from './local-storage.service';
@@ -46,10 +46,14 @@ export declare class NavigationService implements ILocalStorageComponent {
     protected localStorageService: LocalStorageService;
     protected location: Location;
     navigationEvents$: ReplaySubject<Array<ONavigationItem>>;
-    private _titleEmitter;
-    private _visibleEmitter;
-    private _sidenavEmitter;
+    private readonly _titleEmitter;
+    private readonly _visibleEmitter;
+    private readonly _sidenavEmitter;
+    protected isNavigationSubject: BehaviorSubject<boolean>;
+    isNavigation$: Observable<boolean>;
     constructor(injector: Injector);
+    set isNavigating(value: boolean);
+    get isNavigating(): boolean;
     initialize(): void;
     protected buildBreadcrumbsForRoute(activatedRoute: ActivatedRouteSnapshot): void;
     protected parseRoute(route: string, activatedRoute: ActivatedRouteSnapshot): OBreadcrumb;

package/lib/shared/index.d.ts

@@ -10,3 +10,5 @@ export * from './components/validation/o-validator.component';
 export * from './components/filter/load-filter/o-load-filter-dialog.component';
 export * from './components/filter/store-filter/o-store-filter-dialog.component';
 export * from './shared.module';
+export * from './components/dialog/o-dialog-base.class';
+export * from './components/snackbar/o-snackbar-base.class';

package/lib/types/form-layout-detail-component-data.type.d.ts

@@ -1,3 +1,4 @@
+import { BehaviorSubject } from "rxjs";
 export type FormLayoutInnerFormInfo = {
     modified: boolean;
     confirmOnExit: boolean;
@@ -13,9 +14,10 @@ export type FormLayoutDetailComponentData = {
         [formAttr: string]: FormLayoutInnerFormInfo;
     };
     url: string;
-    rendered?: boolean;
+    rendered: boolean;
     insertionMode?: boolean;
     formDataByLabelColumns?: any;
+    rendererSubject: BehaviorSubject<boolean>;
 };
 export type FormLayoutCloseDetailOptions = {
     exitWithoutConfirmation?: boolean;

package/package.json

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

package/theme.scss

@@ -504,9 +504,13 @@
         color: $underline-color;
       }
 
-      .mdc-line-ripple::after {
-        background-color: $underline-color;
+      .mdc-text-field {
+        .mdc-line-ripple::after,
+        .mdc-line-ripple::before {
+          background-color: $underline-color;
+        }
       }
+
     }
 
     &.mat-form-field-invalid .mat-mdc-form-field-icon-suffix .mat-icon {
@@ -556,7 +560,8 @@
       }
     }
   }
-}@mixin o-list-theme($theme-or-color-config) {
+}
+@mixin o-list-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $foreground: map.get($theme, foreground);
   $background: map.get($theme, background);