@arsedizioni/ars-utils 18.1.70 → 18.1.72

package/help/components/help-viewer/help-viewer.component.d.ts

@@ -1,41 +1,40 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
 import { FlatTreeControl } from '@angular/cdk/tree';
-import { OnDestroy, OnInit } from '@angular/core';
-import { MediaObserver } from '@ngbracket/ngx-layout';
-import { MatDialogRef } from '@angular/material/dialog';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, Signal } from '@angular/core';
 import { MatSidenav } from '@angular/material/sidenav';
 import { MatTreeFlatDataSource } from '@angular/material/tree';
-import { DialogService } from '@arsedizioni/ars-utils/ui';
 import { BehaviorSubject } from 'rxjs';
-import { HelpService } from '../../services/help.service';
 import * as i0 from "@angular/core";
-export declare class FolderInfo {
+export interface HelpViewerDialogData {
+    indexId?: string | null;
+}
+export declare class IndexInfo {
     id: string;
-    parent?: FolderInfo;
+    parent?: IndexInfo | null;
     name: string;
-    itemsCount?: number;
-    subFolders?: FolderInfo[];
+    itemsCount?: number | null;
+    subFolders?: IndexInfo[] | null;
 }
-export declare class FolderNode extends FolderInfo {
+export declare class IndexNode extends IndexInfo {
     expandable: boolean;
     level: number;
-    constructor(item: FolderInfo, level: number);
+    constructor(item: IndexInfo, level: number);
 }
-export declare class FolderTree implements OnDestroy {
-    dataChange: BehaviorSubject<FolderInfo[]>;
-    get data(): FolderInfo[];
-    constructor();
+export declare class IndexTreeDataSource implements OnDestroy {
+    dataChange: BehaviorSubject<IndexInfo[]>;
+    get data(): IndexInfo[];
     ngOnDestroy(): void;
     /**
      * Initialzie the data source
      * @param data : data
      */
-    initialize(data: FolderInfo[]): void;
+    initialize(data: IndexInfo[]): void;
     /**
      * Find a node by id recursively
      * @param node: the source node
      * @param id : the id to search for
      */
-    findNode(node: FolderInfo, id: string): FolderInfo;
+    findNode(node: IndexInfo, id: string): IndexInfo;
     /**
      * Remove a node
      * @param id : the node id to remove
@@ -45,7 +44,7 @@ export declare class FolderTree implements OnDestroy {
      * Insert a new node
      * @param node : the new node
      */
-    insertNode(node: FolderInfo): void;
+    insertNode(node: IndexInfo): void;
     /**
      * Rename a node
      * @param id : the node id
@@ -56,48 +55,42 @@ export declare class FolderTree implements OnDestroy {
      * Update data
      */
     update(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FolderTree, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FolderTree>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IndexTreeDataSource, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IndexTreeDataSource>;
 }
-export declare class HelpViewerComponent implements OnInit, OnDestroy {
-    private media;
-    private tree;
-    private $dialog;
-    private $help;
+export declare class HelpViewerComponent implements OnInit, OnDestroy, AfterViewInit {
+    indexPane: MatSidenav;
+    private unsubscribe;
+    protected changeDetector: ChangeDetectorRef;
     private dialogRef;
-    sidenav: MatSidenav;
-    private __d$;
-    dialogTab: number;
-    busy: boolean;
-    id: string;
-    title: string;
-    page: string;
-    history: any;
-    sidenavMode: string;
-    sidenavClosed: boolean;
-    sidenavVisible: boolean;
-    searchText: string;
-    searchResult: any;
-    hits: number;
-    hit: number;
-    mq: string;
-    contentHeight: number;
-    currentFolder: FolderInfo;
-    treeControl: FlatTreeControl<FolderNode>;
-    treeData: MatTreeFlatDataSource<FolderInfo, FolderNode>;
+    protected dialogData: HelpViewerDialogData;
+    private dialogService;
+    private helpService;
+    protected breakpointObserver: BreakpointObserver;
+    protected busy: import("@angular/core").WritableSignal<boolean>;
+    protected page: import("@angular/core").WritableSignal<string>;
+    private indexId;
+    private indexPaneClosed;
+    protected indexNode: IndexInfo;
+    private history;
+    protected canGoBack: Signal<boolean>;
+    protected height: import("@angular/core").WritableSignal<number>;
+    private tree;
     private treeFlattener;
-    private folders;
+    protected treeControl: FlatTreeControl<IndexNode>;
+    protected treeData: MatTreeFlatDataSource<IndexInfo, IndexNode>;
     /**
      * Manage flat tree view
      */
-    private _getChildren;
-    private _getLevel;
-    private _isExpandable;
-    hasChild: (_: number, _node: FolderNode) => boolean;
-    transformer: (item: FolderInfo, level: number) => FolderNode;
-    constructor(media: MediaObserver, tree: FolderTree, $dialog: DialogService, $help: HelpService, dialogRef: MatDialogRef<HelpViewerComponent>, _data: any);
+    private folders;
+    private getChildren;
+    private getLevel;
+    private isExpandable;
+    protected hasChild: (_: number, _node: IndexNode) => boolean;
+    protected transformer: (item: IndexInfo, level: number) => IndexNode;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     /**
      * Adjust view
      */
@@ -107,36 +100,27 @@ export declare class HelpViewerComponent implements OnInit, OnDestroy {
      */
     updateView(): void;
     /**
-     * Update sidenav visibility
-     * @param mq : the current media query
-     */
-    updateSidenavVisibilty(mq?: string): void;
+  * Handle filter pane visibility
+  */
+    private handleFilterPaneVisibility;
     /**
-     * Open sidebar
+     * Show hide index pane manually
      */
-    sidenavOpen(): void;
-    /**
-     * Close sidebar
-     */
-    sidenavClose(): void;
-    /**
-     * Toggle sidenav
-     */
-    sidenavToggle(): void;
+    protected toggleIndexPane(): void;
     /**
      * Close dialog
      */
-    close(): void;
+    protected close(): void;
     /**
      * Get the toc
      */
-    getToc(): void;
+    protected getToc(): void;
     /**
      * React to click event and find new help target to go to
      * @param event : the click event
      * @returns : always false, to stop navigation
      */
-    gotoChapter(event: any): boolean;
+    protected gotoChapter(event: any): boolean;
     /**
      * Find a node by id
      * @param id : folder id
@@ -152,43 +136,27 @@ export declare class HelpViewerComponent implements OnInit, OnDestroy {
      * @param id the chapter id#anchor
      * @param position : the position to scroll to
      */
-    getChapter(id: string, position?: number): void;
+    protected getChapter(id: string, position?: number): void;
     /**
      * Goto position
      * @param anchor the anchor to go to
      * @param position the offset to go to
      */
-    gotoPosition(anchor: string, position?: number): void;
+    protected gotoPosition(anchor: string, position?: number): void;
     /**
      * Get scroll position
      * @returns: the new scroll top
      */
-    getPosition(): number;
+    protected getPosition(): number;
     /**
      * Set scroll position
      * @param position : the position to go to
      */
-    setPosition(position: number): void;
+    protected setPosition(position: number): void;
     /**
      * Go back
      */
-    back(): void;
-    /**
-     * Compose a free text search query
-     */
-    composeSearch(): void;
-    /**
-     * Perform search
-     */
-    search(): void;
-    /**
-     * Goto next relevant item
-     */
-    nextHit(): void;
-    /**
-     * Goto previous relevant item
-     */
-    previousHit(): void;
+    protected back(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HelpViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HelpViewerComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arsedizioni/ars-utils",
-  "version": "18.1.70",
+  "version": "18.1.72",
   "author": {
     "email": "software@arsedizioni.it",
     "name": "Fabio Buscaroli, Alberto Doria"
@@ -47,18 +47,18 @@
       "esm": "./esm2022/clipper.ui/arsedizioni-ars-utils-clipper.ui.mjs",
       "default": "./fesm2022/arsedizioni-ars-utils-clipper.ui.mjs"
     },
-    "./help": {
-      "types": "./help/index.d.ts",
-      "esm2022": "./esm2022/help/arsedizioni-ars-utils-help.mjs",
-      "esm": "./esm2022/help/arsedizioni-ars-utils-help.mjs",
-      "default": "./fesm2022/arsedizioni-ars-utils-help.mjs"
-    },
     "./core": {
       "types": "./core/index.d.ts",
       "esm2022": "./esm2022/core/arsedizioni-ars-utils-core.mjs",
       "esm": "./esm2022/core/arsedizioni-ars-utils-core.mjs",
       "default": "./fesm2022/arsedizioni-ars-utils-core.mjs"
     },
+    "./help": {
+      "types": "./help/index.d.ts",
+      "esm2022": "./esm2022/help/arsedizioni-ars-utils-help.mjs",
+      "esm": "./esm2022/help/arsedizioni-ars-utils-help.mjs",
+      "default": "./fesm2022/arsedizioni-ars-utils-help.mjs"
+    },
     "./support.common": {
       "types": "./support.common/index.d.ts",
       "esm2022": "./esm2022/support.common/arsedizioni-ars-utils-support.common.mjs",

package/styles/ui.scss

@@ -40,11 +40,21 @@
   color: var(--mat-form-field-error-text-color, #a80710);
 }
 
+.dialog-close {
+  margin-right: 10px;
+  margin-top: 10px;
+}
+
+.dialog-menu {
+  margin-left: 10px;
+  margin-top: 10px;
+}
 
 .dialog-title {
   padding: 0 24px;
 }
 
+
 .section-title {
   font-size: large;
   font-weight: 600;
@@ -52,6 +62,14 @@
   padding-bottom: 8px;
 }
 
+.scroll-auto {
+  overflow: auto;
+}
+
+.scroll-hidden {
+  overflow: hidden;
+}
+
 b {
   font-weight: 700;
 }

package/ui.application/ui/dialogs/select-tree/select-tree-dialog.component.d.ts

@@ -4,9 +4,10 @@ import { MatTreeFlatDataSource } from '@angular/material/tree';
 import { BehaviorSubject } from 'rxjs';
 import { ItemNode, SelectDialogResult, SelectTreeDialogData, SelectableNode } from '../../definitions';
 import * as i0 from "@angular/core";
-export declare class TreeDataSource {
+export declare class TreeDataSource implements OnDestroy {
     dataChange: BehaviorSubject<ItemNode[]>;
     get data(): ItemNode[];
+    ngOnDestroy(): void;
     /**
      * Initialzie the data source
      * @param data : data
@@ -44,10 +45,10 @@ export declare class TreeDataSource {
 export declare class SelectTreeDialogComponent implements OnInit, OnDestroy {
     done: EventEmitter<SelectDialogResult>;
     private unsubscribe;
-    private tree;
-    private treeFlattener;
     private dialogRef;
     protected dialogData: SelectTreeDialogData;
+    private tree;
+    private treeFlattener;
     protected treeControl: FlatTreeControl<SelectableNode>;
     protected treeData: MatTreeFlatDataSource<ItemNode, SelectableNode>;
     protected currentNode: ItemNode;