ontimize-web-ngx 15.4.3 → 15.5.0

package/lib/components/app-sidenav/o-app-sidenav.component.d.ts

@@ -5,12 +5,13 @@ import { Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { AppMenuService } from '../../services/app-menu.service';
 import { OUserInfoService, UserInfo } from '../../services/o-user-info.service';
+import { OAppSidenavComponentStateService } from '../../services/state/o-app-menu-component-state.service';
 import { MenuRootItem } from '../../types/menu-root-item.type';
 import { OAppLayoutMode, OSidenavMode } from '../../util/codes';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_APP_SIDENAV: string[];
 export declare const DEFAULT_OUTPUTS_O_APP_SIDENAV: string[];
-export declare class OAppSidenavComponent implements OnInit, OnDestroy, AfterViewInit {
+export declare class OAppSidenavComponent extends OAppSidenavComponentStateService implements OnInit, OnDestroy, AfterViewInit {
     protected injector: Injector;
     protected router: Router;
     protected elRef: ElementRef;
@@ -38,11 +39,20 @@ export declare class OAppSidenavComponent implements OnInit, OnDestroy, AfterVie
     protected userInfo: UserInfo;
     protected mediaWatch: Subscription;
     protected manuallyClosed: boolean;
+    onRouteChangeStorageSubscription: Subscription;
+    storeState: boolean;
     constructor(injector: Injector, router: Router, elRef: ElementRef, cd: ChangeDetectorRef, media: MediaObserver);
-    refreshMenuRoots(): void;
-    onResize(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    getDataToStore(): any;
+    restoreMenuGroupState(): void;
+    getComponentKey(): string;
+    getRouteKey(): string;
+    beforeunloadHandler(): void;
+    protected registerLocalStorageServiceRouteChange(): void;
+    protected updateStateStorage(): void;
+    refreshMenuRoots(): void;
+    onResize(): void;
     get layoutMode(): OAppLayoutMode;
     set layoutMode(val: OAppLayoutMode);
     get sidenavMode(): OSidenavMode;
@@ -63,5 +73,5 @@ export declare class OAppSidenavComponent implements OnInit, OnDestroy, AfterVie
     sidenavOpenedStart(): void;
     sidenavOpenedChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OAppSidenavComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OAppSidenavComponent, "o-app-sidenav", never, { "opened": "opened"; "showUserInfo": "show-user-info"; "showToggleButton": "show-toggle-button"; "openedSidenavImg": "opened-sidenav-image"; "closedSidenavImg": "closed-sidenav-image"; "layoutMode": "layout-mode"; "sidenavMode": "sidenav-mode"; }, { "onSidenavOpenedChange": "onSidenavOpenedChange"; "onSidenavOpenedStart": "onSidenavOpenedStart"; "onSidenavClosedStart": "onSidenavClosedStart"; "onSidenavToggle": "onSidenavToggle"; "afterSidenavToggle": "afterSidenavToggle"; }, never, ["o-app-layout-sidenav-projection-start", "o-app-layout-sidenav-projection-end", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OAppSidenavComponent, "o-app-sidenav", never, { "opened": "opened"; "showUserInfo": "show-user-info"; "showToggleButton": "show-toggle-button"; "openedSidenavImg": "opened-sidenav-image"; "closedSidenavImg": "closed-sidenav-image"; "layoutMode": "layout-mode"; "sidenavMode": "sidenav-mode"; "storeState": "store-state"; }, { "onSidenavOpenedChange": "onSidenavOpenedChange"; "onSidenavOpenedStart": "onSidenavOpenedStart"; "onSidenavClosedStart": "onSidenavClosedStart"; "onSidenavToggle": "onSidenavToggle"; "afterSidenavToggle": "afterSidenavToggle"; }, never, ["o-app-layout-sidenav-projection-start", "o-app-layout-sidenav-projection-end", "*"], false, never>;
 }

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

@@ -42,7 +42,10 @@ export declare class OTableFilterByColumnDataDialogComponent implements AfterVie
     table: OTableComponent;
     showFilterValuesOption: boolean;
     queryMethodName: string;
-    constructor(dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>, data: any);
+    constructor(dialogRef: MatDialogRef<OTableFilterByColumnDataDialogComponent>, data: {
+        column: OColumn;
+        table: OTableComponent;
+    });
     private initialize;
     private parseDataAndInitializeDataList;
     ngAfterViewInit(): void;

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

@@ -293,7 +293,8 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected registerDataSourceListeners(): void;
     getExpandedRowContainerClass(rowIndex: number): string;
     getExpandableItems(): any[];
-    toogleRowExpandable(item: any, rowIndex: number, event?: Event): void;
+    toggleRowExpandable(item: any, event?: Event): void;
+    toggleRowExpandableByRowIndex(rowIndex: number, event?: Event): void;
     private emitTableRowExpandableChangeEvent;
     isExpanded(data: any): boolean;
     getStateExpand(row: any): "expanded" | "collapsed";

package/lib/services/state/o-app-menu-component-state.class.d.ts

@@ -0,0 +1,7 @@
+import { DefaultComponentStateClass } from './o-component-state.class';
+export declare class OAppSidenavComponentStateClass extends DefaultComponentStateClass {
+    menu: {
+        id: string;
+        opened: boolean;
+    }[];
+}

package/lib/services/state/o-app-menu-component-state.service.d.ts

@@ -0,0 +1,11 @@
+import { OAppSidenavComponent } from '../../components/app-sidenav/o-app-sidenav.component';
+import { OAppSidenavComponentStateClass } from './o-app-menu-component-state.class';
+import { AbstractComponentStateService } from './o-component-state.service';
+import * as i0 from "@angular/core";
+export declare class OAppSidenavComponentStateService extends AbstractComponentStateService<OAppSidenavComponentStateClass, OAppSidenavComponent> {
+    initialize(component: OAppSidenavComponent): void;
+    initializeState(state: OAppSidenavComponentStateClass): void;
+    storeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OAppSidenavComponentStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OAppSidenavComponentStateService>;
+}

package/package.json

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

package/theme.scss

@@ -73,7 +73,74 @@
     }
   }
 
-}@mixin o-app-sidenav-theme($theme-or-color-config) {
+}@mixin o-bar-menu-theme($theme-or-color-config) {
+    $theme: map.get($theme-or-color-config, color);
+    $primary: map.get($theme, primary);
+
+
+    $bg-color: #FFF;
+    $fg-color: rgba(0, 0, 0, 0.7);
+
+    $item-bg-color-hover-dark: rgba(0, 0, 0, 0.16);
+    $item-bg-color-hover-light: rgba(255, 255, 255, 0.16);
+
+    .o-bar-menu {
+      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+
+      nav {
+        .fake-ul {
+          .fake-ul {
+            background-color: $bg-color;
+
+            .mat-icon,
+            .o-bar-menu-group-title,
+            .o-bar-menu-item-title,
+            label.toggle {
+              color: $fg-color;
+            }
+
+            .fake-li {
+              background-color: $bg-color;
+            }
+          }
+        }
+
+        a {
+          color: $bg-color;
+        }
+      }
+
+      @media all and (min-width : 768px) {
+        nav .fake-ul {
+          .fake-li .fake-ul .fake-li-hover {
+            background: $item-bg-color-hover-dark;
+          }
+
+          .fake-li-hover {
+            background-color: $item-bg-color-hover-light;
+          }
+        }
+      }
+
+      @media all and (max-width : 767px) {
+        nav {
+          a:hover {
+            background-color: rgba(255, 255, 255, 0.15);
+          }
+
+          .fake-ul {
+            border-top: 1px solid rgba(255, 255, 255, 0.5);
+          }
+        }
+
+        .toggle {
+          &:hover {
+            background-color: rgba(255, 255, 255, 0.15);
+          }
+        }
+      }
+    }
+  }@mixin o-app-sidenav-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);
@@ -149,74 +216,7 @@
       }
     }
   }
-}@mixin o-bar-menu-theme($theme-or-color-config) {
-    $theme: map.get($theme-or-color-config, color);
-    $primary: map.get($theme, primary);
-
-
-    $bg-color: #FFF;
-    $fg-color: rgba(0, 0, 0, 0.7);
-
-    $item-bg-color-hover-dark: rgba(0, 0, 0, 0.16);
-    $item-bg-color-hover-light: rgba(255, 255, 255, 0.16);
-
-    .o-bar-menu {
-      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-
-      nav {
-        .fake-ul {
-          .fake-ul {
-            background-color: $bg-color;
-
-            .mat-icon,
-            .o-bar-menu-group-title,
-            .o-bar-menu-item-title,
-            label.toggle {
-              color: $fg-color;
-            }
-
-            .fake-li {
-              background-color: $bg-color;
-            }
-          }
-        }
-
-        a {
-          color: $bg-color;
-        }
-      }
-
-      @media all and (min-width : 768px) {
-        nav .fake-ul {
-          .fake-li .fake-ul .fake-li-hover {
-            background: $item-bg-color-hover-dark;
-          }
-
-          .fake-li-hover {
-            background-color: $item-bg-color-hover-light;
-          }
-        }
-      }
-
-      @media all and (max-width : 767px) {
-        nav {
-          a:hover {
-            background-color: rgba(255, 255, 255, 0.15);
-          }
-
-          .fake-ul {
-            border-top: 1px solid rgba(255, 255, 255, 0.5);
-          }
-        }
-
-        .toggle {
-          &:hover {
-            background-color: rgba(255, 255, 255, 0.15);
-          }
-        }
-      }
-    }
-  }@mixin o-breadcrumb-theme($theme-or-color-config) {
+}@mixin o-breadcrumb-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
   $accent: map.get($theme, accent);