ontimize-web-ngx 15.5.3 → 15.5.5

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

@@ -7,6 +7,7 @@ import { PermissionsService } from '../../../services/permissions/permissions.se
 import { OTranslateService } from '../../../services/translate/o-translate.service';
 import { OPermissions } from '../../../types/o-permissions.type';
 import { OAppSidenavBase } from '../o-app-sidenav-base.class';
+import { OAppLayoutBase } from '../../../layouts/app-layout/o-app-layout-base.class';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_APP_SIDENAV_MENU_GROUP: string[];
 export declare const DEFAULT_OUTPUTS_O_APP_SIDENAV_MENU_GROUP: string[];
@@ -32,8 +33,10 @@ export declare class OAppSidenavMenuGroupComponent implements OnInit, AfterViewI
     protected router: Router;
     routerSubscription: Subscription;
     active: boolean;
+    oAppLayoutComponent: OAppLayoutBase;
     constructor(injector: Injector, elRef: ElementRef, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    get shouldShowTooltip(): boolean;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected parsePermissions(): void;

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

@@ -40,6 +40,7 @@ export declare class OAppSidenavMenuItemComponent implements OnInit, AfterViewIn
     active: boolean;
     constructor(injector: Injector, elRef: ElementRef, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    get shouldShowTooltip(): boolean;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected parsePermissions(): void;

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

@@ -24,6 +24,7 @@ export declare class OAppSidenavComponent extends OAppSidenavComponentStateServi
     protected _layoutMode: OAppLayoutMode;
     protected _sidenavMode: OSidenavMode;
     protected opened: boolean;
+    showEllipsisMenu: boolean;
     _showUserInfo: boolean;
     _showToggleButton: boolean;
     openedSidenavImg: string;
@@ -73,5 +74,5 @@ export declare class OAppSidenavComponent extends OAppSidenavComponentStateServi
     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"; "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>;
+    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"; "showEllipsisMenu": "show-ellipsis-menu"; }, { "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/o-table.component.d.ts

@@ -1,7 +1,7 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { DomPortalOutlet } from '@angular/cdk/portal';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { AfterContentInit, AfterViewInit, ApplicationRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, QueryList, SimpleChange, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, AfterViewInit, ApplicationRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, QueryList, SimpleChange, ViewContainerRef } from '@angular/core';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatDialog } from '@angular/material/dialog';
 import { MatMenu } from '@angular/material/menu';
@@ -52,11 +52,12 @@ import type { OTableMenu } from '../../interfaces/o-table-menu.interface';
 import type { OTableOptions } from '../../interfaces/o-table-options.interface';
 import type { OTablePaginator } from '../../interfaces/o-table-paginator.interface';
 import type { OTableQuickfilter } from '../../interfaces/o-table-quickfilter.interface';
+import { MatRow } from '@angular/material/table';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_TABLE: string[];
 export declare const DEFAULT_OUTPUTS_O_TABLE: string[];
 type DisableSelectionFunction = (item: any) => boolean;
-export declare class OTableComponent extends AbstractOServiceComponent<OTableComponentStateService> implements OnInit, OnDestroy, AfterViewInit, AfterContentInit {
+export declare class OTableComponent extends AbstractOServiceComponent<OTableComponentStateService> implements OnInit, OnDestroy, AfterViewChecked, AfterViewInit, AfterContentInit {
     injector: Injector;
     protected dialog: MatDialog;
     private readonly _viewContainerRef;
@@ -87,6 +88,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     }>;
     protected clickSubjectSubscription: Subscription;
     protected dbClickSubjectSubscription: Subscription;
+    refreshExpandableRowState: boolean;
     set oMatSort(_sort: OMatSort);
     virtualScrollViewport: CdkVirtualScrollViewport;
     oTableGlobalConfig: OTableGlobalConfig;
@@ -214,6 +216,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected tableBodyEl: ElementRef;
     tableHeaderEl: ElementRef;
     tableToolbarEl: ElementRef;
+    rows: QueryList<MatRow>;
     horizontalScrolled: boolean;
     onUpdateScrolledState: EventEmitter<any>;
     rowWidth: any;
@@ -245,6 +248,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
+    handleTableDataChange(): void;
     setCustomDefinitionInSelectColumn(definition: OTableColumnSelectAllDirective): void;
     ngAfterViewChecked(): void;
     ngOnChanges(changes: {
@@ -294,6 +298,8 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     getExpandedRowContainerClass(rowIndex: number): string;
     getExpandableItems(): any[];
     toggleRowExpandable(item: any, event?: Event): void;
+    saveRowExpandState(added: any[], removed: any[]): void;
+    destroyAllPortalHosts(): void;
     toggleRowExpandableByRowIndex(rowIndex: number, event?: Event): void;
     private emitTableRowExpandableChangeEvent;
     isExpanded(data: any): boolean;
@@ -313,6 +319,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     protected canSetStaticData(staticData: any): boolean;
     showDialogError(error: string, errorOptional?: string): void;
     projectContentChanged(): void;
+    restoreExpandableRowState(): void;
     getAttributesValuesToQuery(): Array<string>;
     getQueryArguments(filter: object, ovrrArgs?: OQueryDataArgs): Array<any>;
     getSqlTypesForFilter(filter: any): object;
@@ -325,6 +332,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     showAndSelectAllCheckbox(): void;
     reloadPaginatedDataFromStart(clearSelectedItems?: boolean): void;
     reloadData(clearSelectedItems?: boolean): void;
+    reloadDataWithClearExpandableRows(clearSelectedItems?: boolean, clearExpandableItems?: boolean): void;
     handleClick(row: any, column: OColumn, rowIndex: number, cellRef: ElementRef, event: MouseEvent): void;
     doHandleClick(row: any, column: string, rowIndex: number, $event: MouseEvent): void;
     handleMultipleSelection(item: any): void;

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

@@ -1,4 +1,4 @@
 export declare abstract class OAppLayoutBase {
     abstract useFlagIcons: boolean;
-    F: any;
+    abstract tooltipDisplayMode: string;
 }

package/lib/layouts/app-layout/o-app-layout.component.d.ts

@@ -1,9 +1,9 @@
 import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
+import { OAppHeaderBase } from '../../components/app-header/o-app-header-base.class';
+import { OAppSidenavBase } from '../../components/app-sidenav/o-app-sidenav-base.class';
 import { OUserInfoConfigurationDirective } from '../../components/user-info/user-info-configuration/o-user-info-configuration.directive';
 import { OAppLayoutMode, OSidenavMode } from '../../util/codes';
-import { OAppSidenavBase } from '../../components/app-sidenav/o-app-sidenav-base.class';
-import { OAppHeaderBase } from '../../components/app-header/o-app-header-base.class';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_INPUTS_O_APP_LAYOUT: string[];
 export declare const DEFAULT_OUTPUTS_O_APP_LAYOUT: any[];
@@ -16,6 +16,7 @@ export declare class OAppLayoutComponent implements AfterViewInit {
     showTitle: boolean;
     staticTitle: string;
     showStaticTitle: boolean;
+    showEllipsisMenu: boolean;
     headerColor: ThemePalette;
     headerHeight: string;
     appSidenav: OAppSidenavBase;
@@ -29,15 +30,18 @@ export declare class OAppLayoutComponent implements AfterViewInit {
     afterOpenSidenav: EventEmitter<boolean>;
     beforeCloseSidenav: EventEmitter<boolean>;
     afterCloseSidenav: EventEmitter<boolean>;
+    private _tooltipDisplayMode;
     get showHeader(): boolean;
     set showHeader(val: boolean);
     get mode(): OAppLayoutMode;
     set mode(val: OAppLayoutMode);
     get sidenavMode(): OSidenavMode;
     set sidenavMode(val: OSidenavMode);
+    get tooltipDisplayMode(): string;
+    set tooltipDisplayMode(val: string);
     sidenavToggle(opened: boolean): void;
     afterToggle(opened: boolean): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OAppLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OAppLayoutComponent, "o-app-layout", never, { "mode": "mode"; "sidenavMode": "sidenav-mode"; "sidenavOpened": "sidenav-opened"; "_showHeader": "show-header"; "showUserInfo": "show-user-info"; "showLanguageSelector": "show-language-selector"; "useFlagIcons": "use-flag-icons"; "openedSidenavImg": "opened-sidenav-image"; "closedSidenavImg": "closed-sidenav-image"; "headerColor": "header-color"; "headerHeight": "header-height"; "showTitle": "show-title"; "staticTitle": "static-title"; "showStaticTitle": "show-static-title"; }, { "beforeOpenSidenav": "beforeOpenSidenav"; "afterOpenSidenav": "afterOpenSidenav"; "beforeCloseSidenav": "beforeCloseSidenav"; "afterCloseSidenav": "afterCloseSidenav"; }, ["userInfoConfiguration"], ["o-app-layout-sidenav[position=start]", "o-app-layout-sidenav[position=end]", "o-app-layout-sidenav", "o-app-layout-header[position=start]", "o-app-layout-header[position=end]", "o-app-layout-header", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OAppLayoutComponent, "o-app-layout", never, { "mode": "mode"; "sidenavMode": "sidenav-mode"; "sidenavOpened": "sidenav-opened"; "_showHeader": "show-header"; "showUserInfo": "show-user-info"; "showLanguageSelector": "show-language-selector"; "useFlagIcons": "use-flag-icons"; "openedSidenavImg": "opened-sidenav-image"; "closedSidenavImg": "closed-sidenav-image"; "headerColor": "header-color"; "headerHeight": "header-height"; "showTitle": "show-title"; "staticTitle": "static-title"; "showStaticTitle": "show-static-title"; "tooltipDisplayMode": "tooltip-display-mode"; "showEllipsisMenu": "show-ellipsis-menu"; }, { "beforeOpenSidenav": "beforeOpenSidenav"; "afterOpenSidenav": "afterOpenSidenav"; "beforeCloseSidenav": "beforeCloseSidenav"; "afterCloseSidenav": "afterCloseSidenav"; }, ["userInfoConfiguration"], ["o-app-layout-sidenav[position=start]", "o-app-layout-sidenav[position=end]", "o-app-layout-sidenav", "o-app-layout-header[position=start]", "o-app-layout-header[position=end]", "o-app-layout-header", "*"], false, never>;
 }

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

@@ -8,6 +8,7 @@ import { OTableConfiguration } from '../../types/table/o-table-configuration.typ
 import { OTableFiltersStatus, OTableStoredFilter } from '../../types/table/o-table-filter-status.type';
 import { OFilterBuilderValues } from '../../types/o-filter-builder-values.type';
 import { OGroupedColumnTypes } from '../../types';
+import { OTableExpandableRowState } from '../../types/table/o-table-expandable-row-state.type';
 export declare class OTableComponentStateClass extends DefaultServiceComponentStateClass {
     protected 'sort-columns': string;
     protected 'oColumns-display': OColumnDisplay[];
@@ -49,6 +50,8 @@ export declare class OTableComponentStateClass extends DefaultServiceComponentSt
     get columnValueFilters(): OColumnValueFilter[];
     set columnValueFilters(value: OColumnValueFilter[]);
     get storedFilters(): OTableFiltersStatus[];
+    set expandableRows(value: OTableExpandableRowState[]);
+    get expandableRows(): OTableExpandableRowState[];
     addStoredFilter(filter: OTableFiltersStatus): void;
     deleteStoredFilter(filterName: string): void;
     getStoredFilter(filterName: string): OTableStoredFilter;

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

@@ -10,3 +10,4 @@ export * from './o-table-initialization-options.type';
 export * from './o-table-menu-permissions.type';
 export * from './o-table-permissions.type';
 export * from './o-table-global-config.type';
+export * from './o-table-expandable-row-state.type';

package/lib/types/table/o-table-expandable-row-state.type.d.ts

@@ -0,0 +1,5 @@
+export type OTableExpandableRowState = {
+    keys: {
+        [k: string]: any;
+    };
+};

package/lib/util/codes.d.ts

@@ -4,6 +4,7 @@ export type CHANGE_EVENTS = 'onValueChange' | 'onChange';
 export type ORowHeight = 'small' | 'medium' | 'large';
 export type OTableEditionMode = 'none' | 'click' | 'dblclick' | 'doubleclick';
 export type OTableDetailMode = 'none' | 'click' | 'dblclick' | 'doubleclick';
+export type OTooltipDisplayMode = 'always' | 'never' | 'only-collapsed' | 'only-expanded';
 export declare class Codes {
     static PAGINATED_QUERY_METHOD: string;
     static DELETE_METHOD: string;
@@ -97,6 +98,8 @@ export declare class Codes {
     static VISIBLE_EXPORT_BUTTONS3X: string[];
     static DEFAULT_CHANGE_EVENT: CHANGE_EVENTS;
     static TYPES_DATE_GROUPS: string[];
+    static readonly TOOLTIP_DISPLAY_MODE: string[];
+    static readonly TOOLTIP_DISPLAY_COLLAPSED = "only-collapsed";
     static isDoubleClickMode(value: string): boolean;
     static isValidRowHeight(value: string): boolean;
     static getIsDetailObject(): any;

package/package.json

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

package/theme.scss

@@ -47,32 +47,6 @@
   @include o-daterange-input-theme($theme-or-color-config);
   @include o-dual-list-selector-theme($theme-or-color-config);
   @include o-image-theme($theme-or-color-config);
-}@mixin o-app-header-theme($theme-or-color-config) {
-  $theme: map.get($theme-or-color-config, color);
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $foreground: map.get($theme, foreground);
-
-  .o-app-header {
-    nav {
-      &.o-app-header-primary {
-        background-color: mat.get-color-from-palette($primary);
-      }
-
-      &.o-app-header-accent {
-        background-color: mat.get-color-from-palette($accent);
-      }
-
-      .menu-button {
-        background: transparent;
-      }
-    }
-
-    .o-user-info {
-      color: mat.get-color-from-palette($foreground, text);
-    }
-  }
-
 }@mixin o-app-sidenav-theme($theme-or-color-config) {
   $theme: map.get($theme-or-color-config, color);
   $primary: map.get($theme, primary);
@@ -149,6 +123,32 @@
       }
     }
   }
+}@mixin o-app-header-theme($theme-or-color-config) {
+  $theme: map.get($theme-or-color-config, color);
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $foreground: map.get($theme, foreground);
+
+  .o-app-header {
+    nav {
+      &.o-app-header-primary {
+        background-color: mat.get-color-from-palette($primary);
+      }
+
+      &.o-app-header-accent {
+        background-color: mat.get-color-from-palette($accent);
+      }
+
+      .menu-button {
+        background: transparent;
+      }
+    }
+
+    .o-user-info {
+      color: mat.get-color-from-palette($foreground, text);
+    }
+  }
+
 }@mixin o-bar-menu-theme($theme-or-color-config) {
     $theme: map.get($theme-or-color-config, color);
     $primary: map.get($theme, primary);