asp-lib 2.0.0 → 2.1.1

package/lib/header/header.component.d.ts

@@ -9,6 +9,13 @@ export interface HeaderShortcut {
     module: any;
     option: any;
 }
+/** A module shown on its own select, with its options tree already loaded. */
+export interface HeaderInlineModule {
+    module: any;
+    data: {
+        categories: any[];
+    };
+}
 export interface DropdownOptions {
     id: number;
     label: string;
@@ -35,6 +42,11 @@ export declare class HeaderComponent {
     auto: boolean;
     servicesConfig: ServicesConfig;
     isMobile: boolean;
+    /**
+     * Up to this many screens are shown as shortcuts; otherwise up to this many
+     * modules are shown as selects without the 9-dot modules menu.
+     */
+    shortcutLimit: number;
     returnClick: EventEmitter<any>;
     menuItemClick: EventEmitter<string>;
     menuNavigate: EventEmitter<any>;
@@ -67,12 +79,18 @@ export declare class HeaderComponent {
     currentModuleOption: any;
     selectedOption: any;
     /**
-     * What the left side shows: the modules menu, or one shortcut per module when the
-     * user has few modules with a single screen each. 'loading' avoids flashing the
-     * menu while that is being checked.
+     * What the left side shows: the modules menu, one select per module when the user
+     * has few modules, or one shortcut per screen when the user has few screens.
+     * 'loading' avoids flashing the menu while that is being checked.
      */
-    menuMode: 'loading' | 'modules' | 'shortcuts';
+    menuMode: 'loading' | 'modules' | 'inlineModules' | 'shortcuts';
     shortcuts: HeaderShortcut[];
+    inlineModules: HeaderInlineModule[];
+    /** Modules of the 9-dot menu that replaces the selects on small screens. */
+    inlineModuleList: any[];
+    /** True while the options tree of the selected module is being loaded. */
+    menuLoading: boolean;
+    private moduleOptionsRequest;
     dropdownOptionsMenu: DropdownOptions[];
     constructor(services: SecurityServices, router: Router, route: ActivatedRoute, cdr: ChangeDetectorRef, snackbar: SnackbarService);
     ngOnInit(): void;
@@ -90,8 +108,10 @@ export declare class HeaderComponent {
     getPath(): string;
     getModules(): void;
     /**
-     * Shows shortcuts instead of the modules menu when the user has at most
-     * MAX_SHORTCUT_MODULES modules and each one has exactly one screen.
+     * Picks what the left side shows, ignoring modules without screens:
+     * - at most `shortcutLimit` screens in total: one shortcut per screen;
+     * - else at most `shortcutLimit` modules: one select per module, no 9-dot menu;
+     * - else, or if an options request fails: the modules menu.
      */
     checkShortcuts(): void;
     /** Screens a user can open: tree nodes without children, as shown by the menu. */
@@ -104,5 +124,5 @@ export declare class HeaderComponent {
     encodeBase64Url(text: string): string;
     decodeBase64Url(base64url: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "lib-header", never, { "appLogo": { "alias": "appLogo"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "menuData": { "alias": "menuData"; "required": false; }; "recentOptions": { "alias": "recentOptions"; "required": false; }; "companies": { "alias": "companies"; "required": false; }; "moduleList": { "alias": "moduleList"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "servicesConfig": { "alias": "servicesConfig"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; }, { "returnClick": "returnClick"; "menuItemClick": "menuItemClick"; "menuNavigate": "menuNavigate"; "recentNavigate": "recentNavigate"; "moduleSelect": "moduleSelect"; "lastOption": "lastOption"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "lib-header", never, { "appLogo": { "alias": "appLogo"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "menuData": { "alias": "menuData"; "required": false; }; "recentOptions": { "alias": "recentOptions"; "required": false; }; "companies": { "alias": "companies"; "required": false; }; "moduleList": { "alias": "moduleList"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; "servicesConfig": { "alias": "servicesConfig"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "shortcutLimit": { "alias": "shortcutLimit"; "required": false; }; }, { "returnClick": "returnClick"; "menuItemClick": "menuItemClick"; "menuNavigate": "menuNavigate"; "recentNavigate": "recentNavigate"; "moduleSelect": "moduleSelect"; "lastOption": "lastOption"; }, never, never, false, never>;
 }

package/lib/menu/menu.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface Option {
     baseUrl: string;
@@ -19,6 +19,7 @@ export interface Data {
 }
 export declare class MenuComponent implements OnDestroy {
     private elementRef;
+    private cdr;
     /** Modules the user can access ({ id, name, icon }). */
     dropdownOptions: any;
     /** Module shown in the select. */
@@ -27,6 +28,10 @@ export declare class MenuComponent implements OnDestroy {
     data: any;
     theme: string;
     isMobile: boolean;
+    /** True while `data` is being loaded; the options card shows a loading message. */
+    loading: boolean;
+    /** Shows the 9-dot modules launcher; off when the header lists each module on its own. */
+    showModules: boolean;
     menuOriginal: any;
     menuItemClick: EventEmitter<any>;
     selectOptionFromApp: EventEmitter<any>;
@@ -42,7 +47,7 @@ export declare class MenuComponent implements OnDestroy {
     private modulesPinned;
     private closeModulesTimer;
     set searchInput(input: ElementRef<HTMLInputElement> | undefined);
-    constructor(elementRef: ElementRef);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -66,5 +71,5 @@ export declare class MenuComponent implements OnDestroy {
     onEscape(): void;
     handleOptionSelected(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "lib-menu", never, { "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "menuOriginal": { "alias": "menu"; "required": false; }; }, { "menuItemClick": "menuItemClick"; "selectOptionFromApp": "selectOptionFromApp"; "moduleSelected": "moduleSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "lib-menu", never, { "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showModules": { "alias": "showModules"; "required": false; }; "menuOriginal": { "alias": "menu"; "required": false; }; }, { "menuItemClick": "menuItemClick"; "selectOptionFromApp": "selectOptionFromApp"; "moduleSelected": "moduleSelected"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asp-lib",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "peerDependencies": {
     "@angular/common": ">=16.2.0 <20.0.0",
     "@angular/core": ">=16.2.0 <20.0.0",