ontimize-web-ngx 15.6.0-next.4 → 15.6.0-next.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

@@ -296,6 +296,7 @@ export declare class OTableComponent extends AbstractOServiceComponent<OTableCom
     getExpandedRowContainerClass(rowIndex: number): string;
     getExpandableItems(): any[];
     toggleRowExpandable(item: any, event?: Event): void;
+    destroyAllPortalHosts(): void;
     toggleRowExpandableByRowIndex(rowIndex: number, event?: Event): void;
     private emitTableRowExpandableChangeEvent;
     isExpanded(data: any): boolean;

package/lib/injection-tokens/index.d.ts

@@ -12,8 +12,10 @@ import { OErrorDialogManager } from "../services/o-error-dialog-manager.service"
 import { OMatErrorOptions } from "../types/o-mat-error.type";
 import { IExportDataProvider } from "../interfaces/export-data-provider.interface";
 import { IAuthService } from "../interfaces/auth-service.interface";
+import { IBaseRequestArgument } from "../services/request-adapter";
 export declare const O_DATA_SERVICE: InjectionToken<unknown>;
 export declare const O_RESPONSE_ADAPTER: InjectionToken<IServiceResponseAdapter<BaseServiceResponse>>;
+export declare const O_REQUEST_ADAPTER: InjectionToken<IBaseRequestArgument>;
 export declare const O_TRANSLATE_SERVICE: InjectionToken<unknown>;
 export declare const O_FILE_SERVICE: InjectionToken<IFileService>;
 export declare const O_LOCALSTORAGE_SERVICE: InjectionToken<ILocalStorageService>;

package/lib/interfaces/index.d.ts

@@ -43,3 +43,4 @@ export * from './pagination-context.interface';
 export * from './form-layout-manager.interface';
 export * from './base-response.interface';
 export * from './service-response.interface';
+export * from './jsonapi-response.interface';

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/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 readonly PAGINATED_QUERY_METHOD = "advancedQuery";
     static readonly DELETE_METHOD = "delete";
@@ -98,6 +99,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.6.0-next.4",
+  "version": "15.6.0-next.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,6 +47,32 @@
   @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);
@@ -123,32 +149,6 @@
       }
     }
   }
-}@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);