@arsedizioni/ars-utils 22.6.86 → 22.6.89

package/fesm2022/arsedizioni-ars-utils-ui.help.mjs

@@ -1,531 +1,738 @@
-import * as i0 from '@angular/core';
-import { Injectable, viewChild, inject, DestroyRef, signal, computed, afterNextRender, ChangeDetectionStrategy, ViewEncapsulation, Component, Service } from '@angular/core';
-import { DialogService } from '@arsedizioni/ars-utils/ui.dialogs';
-import { HttpClient } from '@angular/common/http';
-import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent } from '@angular/material/dialog';
-import * as i4 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i6 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i3 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i7 from '@angular/material/tree';
-import { MatTree, MatTreeModule } from '@angular/material/tree';
-import { SafeHtmlPipe, SystemUtils } from '@arsedizioni/ars-utils/core';
-import * as i1 from '@arsedizioni/ars-utils/ui';
-import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
-import { BehaviorSubject } from 'rxjs';
-
-class IndexInfo {
-}
-class IndexNode extends IndexInfo {
-    constructor(item, level) {
-        super();
-        // Flattened implementation
-        this.expandable = !!item.children && item.children.length > 0;
-        this.level = level;
-        // Data
-        this.id = item.id;
-        this.name = item.name;
-        this.itemsCount = item.itemsCount;
-        this.parent = item.parent;
-    }
-}
-class IndexTreeDataSource {
-    constructor() {
-        this.dataChange = new BehaviorSubject([]);
-    }
-    get data() {
-        return this.dataChange.value;
-    }
-    ngOnDestroy() {
-        this.dataChange.unsubscribe();
-    }
-    /**
-     * Initialises the data source with a flat list of root nodes.
-     * @param data - Array of root `IndexInfo` items to display in the tree.
-     */
-    initialize(data) {
-        this.dataChange.next(data);
-    }
-    /**
-     * Recursively searches the tree for a node with the given id.
-     * @param node - The node to start from, or `null`/`undefined` to search from the root.
-     * @param id   - The id of the node to find.
-     * @returns The matching `IndexInfo`, or `undefined` if not found.
-     */
-    findNode(node, id) {
-        let children;
-        if (node && node.id === id)
-            return node;
-        if (node)
-            children = node.children;
-        else
-            children = this.data;
-        if (children) {
-            let _n;
-            children.some(n => {
-                n.parent = node ?? undefined;
-                _n = this.findNode(n, id);
-                if (_n)
-                    return true;
-                return false;
-            });
-            return _n;
-        }
-        return undefined;
-    }
-    /**
-     * Removes the node with the given id from the tree.
-     * @param id - The id of the node to remove.
-     */
-    removeNode(id) {
-        const n = this.findNode(null, id);
-        if (!n)
-            return;
-        if (n.parent) {
-            const siblings = n.parent.children;
-            if (siblings) {
-                const p = siblings.findIndex(c => c.id === id);
-                if (p !== -1) {
-                    siblings.splice(p, 1);
-                    if (n.parent.itemsCount !== undefined) {
-                        n.parent.itemsCount--;
-                    }
-                }
-            }
-        }
-        else {
-            const p = this.data.findIndex(c => c.id === id);
-            if (p !== -1) {
-                this.data.splice(p, 1);
-            }
-        }
-        this.dataChange.next(this.data);
-    }
-    /**
-     * Inserts a new node at the beginning of its parent's children, or at the root.
-     * @param node - The `IndexInfo` node to insert.
-     */
-    insertNode(node) {
-        if (node.parent) {
-            node.parent.children ??= [];
-            node.parent.children.unshift(node);
-            node.parent.itemsCount = (node.parent.itemsCount ?? 0) + 1;
-        }
-        else {
-            this.data.unshift(node);
-        }
-        this.dataChange.next(this.data);
-    }
-    /**
-     * Renames a node in the tree.
-     * @param id   - The id of the node to rename.
-     * @param name - The new display name.
-     */
-    renameNode(id, name) {
-        const n = this.findNode(null, id);
-        if (n) {
-            n.name = name;
-            this.dataChange.next(this.data);
-        }
-    }
-    /**
-     * Re-emits the current data to all subscribers, triggering a tree refresh.
-     */
-    update() {
-        this.dataChange.next(this.data);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IndexTreeDataSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IndexTreeDataSource }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IndexTreeDataSource, decorators: [{
-            type: Injectable
-        }] });
-class HelpViewerComponent {
-    constructor() {
-        this.indexPane = viewChild.required('indexPane', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "indexPane" }] : /* istanbul ignore next */ []));
-        this.destroyRef = inject(DestroyRef);
-        this.dialogRef = inject((MatDialogRef));
-        this.dialogData = inject(MAT_DIALOG_DATA) ?? { id: '1' };
-        this.dialogService = inject(DialogService);
-        this.helpService = inject(HelpService);
-        this.breakpointObserver = inject(BreakpointObserver);
-        this.busy = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
-        this.page = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
-        this.indexPaneClosed = false;
-        this.history = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "history" }] : /* istanbul ignore next */ []));
-        this.canGoBack = computed(() => this.history().length > 1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canGoBack" }] : /* istanbul ignore next */ []));
-        this.tree = inject(IndexTreeDataSource);
-        this.matTree = viewChild(MatTree, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "matTree" }] : /* istanbul ignore next */ []));
-        /** Provides the level of a flat node to the tree component. */
-        this.levelAccessor = (node) => node.level;
-        /** Flat list of all tree nodes used as the tree data source. */
-        this.flatNodes = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flatNodes" }] : /* istanbul ignore next */ []));
-        this.hasChild = (_, _node) => _node.expandable;
-        // Subscribe data change
-        this.tree.dataChange
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(data => this.flatNodes.set(this.flattenNodes(data)));
-        this.getToc();
-        this.indexId = this.dialogData.id;
-        if (this.indexId) {
-            this.getChapter(this.indexId);
-        }
-        afterNextRender(() => {
-            // Observe layout changes — must run after view init so indexPane is available
-            this.breakpointObserver
-                .observe([
-                Breakpoints.XSmall,
-                Breakpoints.Small,
-                Breakpoints.Medium,
-                Breakpoints.Large,
-                Breakpoints.XLarge,
-            ])
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(() => this.handleFilterPaneVisibility());
-            this.indexPaneClosed = !this.indexPane().opened;
-        });
-    }
-    /**
-  * Handle filter pane visibility
-  */
-    handleFilterPaneVisibility() {
-        const indexPane = this.indexPane();
-        if (indexPane) {
-            if (this.breakpointObserver.isMatched(Breakpoints.XSmall) ||
-                this.breakpointObserver.isMatched(Breakpoints.Small) ||
-                this.breakpointObserver.isMatched(Breakpoints.Medium)) {
-                if (indexPane.opened) {
-                    indexPane.close();
-                }
-            }
-            else {
-                if (!indexPane.opened && !this.indexPaneClosed) {
-                    indexPane.open();
-                }
-            }
-        }
-    }
-    /**
-     * Shows or hides the index pane when the user clicks the toggle button.
-     * Also tracks the user's explicit intent so the pane is not auto-reopened.
-     */
-    toggleIndexPane() {
-        this.indexPaneClosed = !this.indexPaneClosed;
-        this.indexPane()?.toggle();
-    }
-    /**
-     * Closes the help viewer dialog.
-     */
-    close() {
-        this.dialogRef.close();
-    }
-    /**
-     * Loads the table of contents from the help service and populates the tree.
-     */
-    getToc() {
-        this.busy.set(true);
-        this.helpService
-            .getToc()
-            .subscribe({
-            next: r => {
-                if (!r.success) {
-                    this.dialogService.error(r.message);
-                }
-                else {
-                    this.folders = r.value.children;
-                    if (this.folders.length > 0) {
-                        this.tree.initialize(this.folders);
-                        this.indexNode = this.folders[0];
-                        this.expandCurrentFolder();
-                    }
-                }
-            },
-            complete: () => {
-                this.busy.set(false);
-            }
-        });
-    }
-    /**
-     * Intercepts anchor clicks inside the help page and navigates to the referenced chapter.
-     * @param e - The click `MouseEvent` from the page content area.
-     * @returns `false` to prevent default browser navigation.
-     */
-    gotoChapter(e) {
-        const el = e.target;
-        if (el?.nodeName !== 'A')
-            return false;
-        const tag = el.outerHTML;
-        let id = '';
-        let p = tag.indexOf('help-target="');
-        if (p !== -1) {
-            p += 13;
-            while (p < tag.length && tag[p] !== '"') {
-                id += tag[p];
-                p++;
-            }
-        }
-        if (id)
-            this.getChapter(id);
-        return false;
-    }
-    /**
-     * Searches the folder list for a node matching the given id.
-     * @param id - The id of the folder to locate.
-     * @returns The matching `IndexInfo`, or `undefined` if not found.
-     */
-    findFolder(id) {
-        let node = undefined;
-        if (this.folders) {
-            this.folders.some(n => {
-                node = this.tree.findNode(n, id);
-                if (node)
-                    return true;
-                return false;
-            });
-        }
-        return node;
-    }
-    /**
-     * Expands the tree node that corresponds to the currently selected chapter,
-     * and all its ancestor nodes.
-     */
-    expandCurrentFolder() {
-        if (this.indexNode) {
-            const current = this.flatNodes().find(n => n.id === this.indexNode.id);
-            if (current) {
-                this.matTree()?.expand(current);
-            }
-            if (this.indexNode.parent) {
-                // Expand all ancestors
-                let n = this.indexNode.parent;
-                while (n) {
-                    const ancestor = this.flatNodes().find(x => x.id === n.id);
-                    if (ancestor)
-                        this.matTree()?.expand(ancestor);
-                    n = n.parent;
-                }
-            }
-        }
-    }
-    /**
-     * Recursively flattens a nested IndexInfo tree into a depth-first ordered array of IndexNodes.
-     * @param items - Root-level nodes to flatten.
-     * @param level - Current depth level.
-     */
-    flattenNodes(items, level = 0) {
-        const result = [];
-        for (const node of items) {
-            result.push(new IndexNode(node, level));
-            if (node.children?.length) {
-                result.push(...this.flattenNodes(node.children, level + 1));
-            }
-        }
-        return result;
-    }
-    /**
-     * Retrieves and displays a help chapter by id.
-     * Optionally scrolls to an anchor or pixel offset after loading.
-     * @param id       - Chapter id, optionally followed by an anchor (`id#anchor`).
-     * @param position - Pixel scroll offset to restore (default `0`, meaning top).
-     */
-    getChapter(id, position = 0) {
-        // Detect anchor if exists
-        let anchor;
-        const p = id.indexOf('#');
-        if (p !== -1) {
-            anchor = id.substring(p + 1);
-            id = id.substring(0, p);
-        }
-        if (id !== '.') {
-            this.busy.set(true);
-            this.helpService.getChapter(id)
-                .subscribe({
-                next: r => {
-                    let found = false;
-                    if (!r.success) {
-                        this.dialogService.error("Capitolo non trovato.");
-                    }
-                    else {
-                        if (!position)
-                            this.history.update(h => [...h, { id: this.indexId ?? '', position: this.getPosition() }]);
-                        this.indexId = id;
-                        this.page.set(r.value.data);
-                        found = (r.value.chapter?.name?.length ?? 0) > 0;
-                        if (found) {
-                            // Update folder
-                            this.indexNode = this.findFolder(id);
-                            this.expandCurrentFolder();
-                            // Handle positioning
-                            this.gotoPosition(anchor, position);
-                        }
-                    }
-                    if (!found) {
-                        this.getChapter("1");
-                    }
-                },
-                complete: () => {
-                    this.busy.set(false);
-                }
-            });
-        }
-        else {
-            if (!position)
-                this.history.update(h => [...h, { id: this.indexId ?? '', position: this.getPosition() }]);
-            // Move on the same chapter
-            this.gotoPosition(anchor, position);
-        }
-    }
-    /**
-     * Scrolls the help content to a named anchor or a numeric pixel offset.
-     * @param anchor   - Named anchor (`<a name="…">`) to scroll to, if any.
-     * @param position - Fallback pixel offset (default `0`).
-     */
-    gotoPosition(anchor, position = 0) {
-        setTimeout(() => {
-            if (anchor) {
-                const elms = document.getElementsByName(anchor.toUpperCase());
-                if (elms && elms.length > 0)
-                    position = elms[0].offsetTop;
-            }
-            this.setPosition(position > 0 ? position - 1 : 0);
-        }, 50);
-    }
-    /**
-     * Returns the current vertical scroll offset of the help content scroller.
-     * @returns The `scrollTop` value in pixels, or `0` if the element is not found.
-     */
-    getPosition() {
-        let elem = document.getElementById('helpviewer-scroller');
-        if (elem) {
-            return elem.scrollTop;
-        }
-        return 0;
-    }
-    /**
-     * Scrolls the help content scroller to the specified pixel offset.
-     * @param position - The vertical pixel offset to scroll to.
-     */
-    setPosition(position) {
-        let elem = document.getElementById('helpviewer-scroller');
-        if (elem) {
-            elem.scrollTo(0, position);
-        }
-    }
-    /**
-     * Navigates back to the previous chapter in the browsing history.
-     */
-    back() {
-        const entries = this.history();
-        if (entries.length === 0)
-            return;
-        const n = entries[entries.length - 1];
-        this.history.update(h => h.slice(0, -1));
-        this.getChapter(n.id, n.position + 1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: HelpViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: HelpViewerComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [IndexTreeDataSource], viewQueries: [{ propertyName: "indexPane", first: true, predicate: ["indexPane"], descendants: true, isSignal: true }, { propertyName: "matTree", first: true, predicate: MatTree, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"helpviewer-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar z-index=\"11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"dialog-menu\">\r\n        <button type=\"button\" mat-icon-button matTooltip=\"Mostra menu\" [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"toggleIndexPane()\">\r\n          <mat-icon>menu</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div fxFlex=\"*\">\r\n        <div mat-dialog-title>Guida</div>\r\n      </div>\r\n      <div fxFlex=\"100px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n        @if (canGoBack()) {\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<mat-dialog-content id=\"helpviewer-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #indexPane mode=\"side\" [autoFocus]=\"false\" class=\"drawer-small drawer-transparent\">\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          <mat-tree [dataSource]=\"flatNodes()\" [levelAccessor]=\"levelAccessor\" class=\"tree \" style=\"max-width:310px\">\r\n            <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n              [matTreeNodePaddingIndent]=\"20\" class=\"tree-node tree-node-simple tree-node-style\"\r\n              (click)=\"getChapter(node.id);\" [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n            <mat-tree-node #treeNodeRef=\"matTreeNode\" *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n              class=\"tree-node tree-node-simple tree-node-style\"\r\n              [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\" (click)=\"getChapter(node.id)\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button matTreeNodeToggle\r\n                  [attr.aria-label]=\"'Apri/chiudi ' + node.name\" class=\"small-icon-button\">\r\n                  <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                    {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n                  </mat-icon>\r\n                </button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n          </mat-tree>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <mat-drawer-content id=\"helpviewer-scroller\">\r\n      <div style=\"padding: 0 24px;\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div class=\"fill\" (click)=\"gotoChapter($event)\" [innerHtml]=\"(page() ?? '') | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer-content>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-menu{margin-top:4px!important}.tree{overflow-x:hidden}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-simple,.tree-node-simple>div{min-height:32px!important}.tree-node-activated,.tree-node-activated>div{font-weight:700!important;color:var(--ars-color-accent, #7894ae)!important}a.help-link,.help-link>a{text-decoration:none;color:#2a91e0}.help-title-2,.help-title-1{font-weight:600!important}.help-word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, yellow);padding:0 4px}.help-hint{margin:10px;padding:5px 20px;background-color:var(--ars-help-hint-background-color, lightgoldenrodyellow);border-radius:12px}.help-summary{margin:10px;padding:5px 20px;background-color:var(--ars-help-summary-background-color, lavender);border-radius:12px}.help-img{display:flex;align-items:center;justify-content:center;margin:10px}.help-img-200,.help-img-300,.help-img-400,.help-img-500,.help-img-700,.help-img-800{width:100%}.help-img-200{max-width:200px}.help-img-300{max-width:300px}.help-img-400{max-width:400px}.help-img-500{max-width:500px}.help-img-600{max-width:600px}.help-img-700{max-width:700px}.help-img-800{max-width:800px}.help-filter-box{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7);border-radius:12px;padding:6px;display:inline-block;margin:0 0 8px 10px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i6.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i6.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i6.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i7.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i7.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i7.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i7.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i7.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: HelpViewerComponent, decorators: [{
-            type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [IndexTreeDataSource], standalone: true, imports: [FlexLayoutModule, MatButtonModule, MatTooltipModule, MatIconModule, MatProgressBarModule, MatDialogTitle, MatDialogContent,
-                        MatSidenavModule, MatTreeModule, SafeHtmlPipe], template: "<div class=\"helpviewer-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar z-index=\"11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"dialog-menu\">\r\n        <button type=\"button\" mat-icon-button matTooltip=\"Mostra menu\" [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"toggleIndexPane()\">\r\n          <mat-icon>menu</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div fxFlex=\"*\">\r\n        <div mat-dialog-title>Guida</div>\r\n      </div>\r\n      <div fxFlex=\"100px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n        @if (canGoBack()) {\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<mat-dialog-content id=\"helpviewer-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #indexPane mode=\"side\" [autoFocus]=\"false\" class=\"drawer-small drawer-transparent\">\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          <mat-tree [dataSource]=\"flatNodes()\" [levelAccessor]=\"levelAccessor\" class=\"tree \" style=\"max-width:310px\">\r\n            <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n              [matTreeNodePaddingIndent]=\"20\" class=\"tree-node tree-node-simple tree-node-style\"\r\n              (click)=\"getChapter(node.id);\" [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n            <mat-tree-node #treeNodeRef=\"matTreeNode\" *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n              class=\"tree-node tree-node-simple tree-node-style\"\r\n              [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\" (click)=\"getChapter(node.id)\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button matTreeNodeToggle\r\n                  [attr.aria-label]=\"'Apri/chiudi ' + node.name\" class=\"small-icon-button\">\r\n                  <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                    {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n                  </mat-icon>\r\n                </button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n          </mat-tree>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <mat-drawer-content id=\"helpviewer-scroller\">\r\n      <div style=\"padding: 0 24px;\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div class=\"fill\" (click)=\"gotoChapter($event)\" [innerHtml]=\"(page() ?? '') | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer-content>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-menu{margin-top:4px!important}.tree{overflow-x:hidden}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-simple,.tree-node-simple>div{min-height:32px!important}.tree-node-activated,.tree-node-activated>div{font-weight:700!important;color:var(--ars-color-accent, #7894ae)!important}a.help-link,.help-link>a{text-decoration:none;color:#2a91e0}.help-title-2,.help-title-1{font-weight:600!important}.help-word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, yellow);padding:0 4px}.help-hint{margin:10px;padding:5px 20px;background-color:var(--ars-help-hint-background-color, lightgoldenrodyellow);border-radius:12px}.help-summary{margin:10px;padding:5px 20px;background-color:var(--ars-help-summary-background-color, lavender);border-radius:12px}.help-img{display:flex;align-items:center;justify-content:center;margin:10px}.help-img-200,.help-img-300,.help-img-400,.help-img-500,.help-img-700,.help-img-800{width:100%}.help-img-200{max-width:200px}.help-img-300{max-width:300px}.help-img-400{max-width:400px}.help-img-500{max-width:500px}.help-img-600{max-width:600px}.help-img-700{max-width:700px}.help-img-800{max-width:800px}.help-filter-box{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7);border-radius:12px;padding:6px;display:inline-block;margin:0 0 8px 10px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { indexPane: [{ type: i0.ViewChild, args: ['indexPane', { isSignal: true }] }], matTree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
-
-class HelpService {
-    constructor() {
-        this.httpClient = inject(HttpClient);
-        this.dialogService = inject(DialogService);
-    }
-    /**
-     * Initialises the service with the back-end base URI.
-     * Must be called once during application bootstrap before any other method.
-     * @param serviceUri - Base URL of the help service (e.g. `'https://api.example.com'`).
-     */
-    initialize(serviceUri) {
-        this.serviceUri = serviceUri;
-    }
-    /**
-     * Retrieves the HTML content and metadata of a help chapter.
-     * @param id    - The chapter id.
-     * @param query - Optional search query to highlight within the chapter content.
-     * @returns An observable that emits `ApiResult<ChapterBag>`.
-     */
-    getChapter(id, query = undefined) {
-        return this.httpClient.get(this.serviceUri +
-            '/help/chapter/' +
-            id +
-            '/?query=' +
-            (query ?? ''));
-    }
-    /**
-     * Retrieves metadata (title, path, etc.) for a help chapter without its content.
-     * @param id - The chapter id.
-     * @returns An observable that emits `ApiResult<Chapter>`.
-     */
-    getChapterInfo(id) {
-        return this.httpClient.get(this.serviceUri + '/help/chapter/info/' + id);
-    }
-    /**
-     * Retrieves a raw repository file by id.
-     * @param id - The repository file id.
-     * @returns An observable that emits `ApiResult<unknown>`.
-     */
-    getRepo(id) {
-        return this.httpClient.get(this.serviceUri + '/help/repo/' + id);
-    }
-    /**
-     * Retrieves the table of contents as a hierarchical `IndexInfo` tree.
-     * @returns An observable that emits `ApiResult<IndexInfo>`.
-     */
-    getToc() {
-        return this.httpClient.get(this.serviceUri + '/help/toc');
-    }
-    /**
-     * Opens the help viewer dialog, optionally pre-navigated to a specific chapter.
-     * @param id - The chapter id to open (default: `'1'`, the root chapter).
-     */
-    show(id = '1') {
-        this.dialogService.open(HelpViewerComponent, {
-            ariaLabel: 'guida',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            disableClose: true,
-            data: { id },
-            minWidth: '375px',
-            maxWidth: '1200px',
-            width: '100%',
-            height: '100%'
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: HelpService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
-    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.7", ngImport: i0, type: HelpService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: HelpService, decorators: [{
-            type: Service
-        }] });
-
-/*
- * Public API Surface of @arsedizioni/ars-utils/ui.help
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Injectable, Service, ViewEncapsulation, afterNextRender, computed, inject, signal, viewChild } from "@angular/core";
+import { DialogService } from "@arsedizioni/ars-utils/ui.dialogs";
+import { HttpClient } from "@angular/common/http";
+import { BreakpointObserver, Breakpoints } from "@angular/cdk/layout";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { MAT_DIALOG_DATA, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
+import * as i4 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import * as i5 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i6 from "@angular/material/sidenav";
+import { MatSidenavModule } from "@angular/material/sidenav";
+import * as i3 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import * as i7 from "@angular/material/tree";
+import { MatTree, MatTreeModule } from "@angular/material/tree";
+import { SafeHtmlPipe, SystemUtils } from "@arsedizioni/ars-utils/core";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule } from "@arsedizioni/ars-utils/ui";
+import { BehaviorSubject } from "rxjs";
+var IndexInfo = class {};
+var IndexNode = class extends IndexInfo {
+	constructor(item, level) {
+		super();
+		this.expandable = !!item.children && item.children.length > 0;
+		this.level = level;
+		this.id = item.id;
+		this.name = item.name;
+		this.itemsCount = item.itemsCount;
+		this.parent = item.parent;
+	}
+};
+var IndexTreeDataSource = class IndexTreeDataSource {
+	constructor() {
+		this.dataChange = new BehaviorSubject([]);
+	}
+	get data() {
+		return this.dataChange.value;
+	}
+	ngOnDestroy() {
+		this.dataChange.unsubscribe();
+	}
+	initialize(data) {
+		this.dataChange.next(data);
+	}
+	findNode(node, id) {
+		let children;
+		if (node && node.id === id) return node;
+		if (node) children = node.children;
+		else children = this.data;
+		if (children) {
+			let _n;
+			children.some((n) => {
+				n.parent = node ?? void 0;
+				_n = this.findNode(n, id);
+				if (_n) return true;
+				return false;
+			});
+			return _n;
+		}
+	}
+	removeNode(id) {
+		const n = this.findNode(null, id);
+		if (!n) return;
+		if (n.parent) {
+			const siblings = n.parent.children;
+			if (siblings) {
+				const p = siblings.findIndex((c) => c.id === id);
+				if (p !== -1) {
+					siblings.splice(p, 1);
+					if (n.parent.itemsCount !== void 0) n.parent.itemsCount--;
+				}
+			}
+		} else {
+			const p = this.data.findIndex((c) => c.id === id);
+			if (p !== -1) this.data.splice(p, 1);
+		}
+		this.dataChange.next(this.data);
+	}
+	insertNode(node) {
+		if (node.parent) {
+			node.parent.children ??= [];
+			node.parent.children.unshift(node);
+			node.parent.itemsCount = (node.parent.itemsCount ?? 0) + 1;
+		} else this.data.unshift(node);
+		this.dataChange.next(this.data);
+	}
+	renameNode(id, name) {
+		const n = this.findNode(null, id);
+		if (n) {
+			n.name = name;
+			this.dataChange.next(this.data);
+		}
+	}
+	update() {
+		this.dataChange.next(this.data);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: IndexTreeDataSource,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: IndexTreeDataSource
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: IndexTreeDataSource,
+	decorators: [{ type: Injectable }]
+});
+var HelpViewerComponent = class HelpViewerComponent {
+	constructor() {
+		this.indexPane = viewChild.required("indexPane", ...ngDevMode ? [{ debugName: "indexPane" }] : /* istanbul ignore next */ []);
+		this.destroyRef = inject(DestroyRef);
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = inject(MAT_DIALOG_DATA) ?? { id: "1" };
+		this.dialogService = inject(DialogService);
+		this.helpService = inject(HelpService);
+		this.breakpointObserver = inject(BreakpointObserver);
+		this.busy = signal(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+		this.page = signal(null, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+		this.indexPaneClosed = false;
+		this.history = signal([], ...ngDevMode ? [{ debugName: "history" }] : /* istanbul ignore next */ []);
+		this.canGoBack = computed(() => this.history().length > 1, ...ngDevMode ? [{ debugName: "canGoBack" }] : /* istanbul ignore next */ []);
+		this.tree = inject(IndexTreeDataSource);
+		this.matTree = viewChild(MatTree, ...ngDevMode ? [{ debugName: "matTree" }] : /* istanbul ignore next */ []);
+		this.levelAccessor = (node) => node.level;
+		this.flatNodes = signal([], ...ngDevMode ? [{ debugName: "flatNodes" }] : /* istanbul ignore next */ []);
+		this.hasChild = (_, _node) => _node.expandable;
+		this.tree.dataChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((data) => this.flatNodes.set(this.flattenNodes(data)));
+		this.getToc();
+		this.indexId = this.dialogData.id;
+		if (this.indexId) this.getChapter(this.indexId);
+		afterNextRender(() => {
+			this.breakpointObserver.observe([
+				Breakpoints.XSmall,
+				Breakpoints.Small,
+				Breakpoints.Medium,
+				Breakpoints.Large,
+				Breakpoints.XLarge
+			]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.handleFilterPaneVisibility());
+			this.indexPaneClosed = !this.indexPane().opened;
+		});
+	}
+	handleFilterPaneVisibility() {
+		const indexPane = this.indexPane();
+		if (indexPane) {
+			if (this.breakpointObserver.isMatched(Breakpoints.XSmall) || this.breakpointObserver.isMatched(Breakpoints.Small) || this.breakpointObserver.isMatched(Breakpoints.Medium)) {
+				if (indexPane.opened) indexPane.close();
+			} else if (!indexPane.opened && !this.indexPaneClosed) indexPane.open();
+		}
+	}
+	toggleIndexPane() {
+		this.indexPaneClosed = !this.indexPaneClosed;
+		this.indexPane()?.toggle();
+	}
+	close() {
+		this.dialogRef.close();
+	}
+	getToc() {
+		this.busy.set(true);
+		this.helpService.getToc().subscribe({
+			next: (r) => {
+				if (!r.success) this.dialogService.error(r.message);
+				else {
+					this.folders = r.value.children;
+					if (this.folders.length > 0) {
+						this.tree.initialize(this.folders);
+						this.indexNode = this.folders[0];
+						this.expandCurrentFolder();
+					}
+				}
+			},
+			complete: () => {
+				this.busy.set(false);
+			}
+		});
+	}
+	gotoChapter(e) {
+		const el = e.target;
+		if (el?.nodeName !== "A") return false;
+		const tag = el.outerHTML;
+		let id = "";
+		let p = tag.indexOf("help-target=\"");
+		if (p !== -1) {
+			p += 13;
+			while (p < tag.length && tag[p] !== "\"") {
+				id += tag[p];
+				p++;
+			}
+		}
+		if (id) this.getChapter(id);
+		return false;
+	}
+	findFolder(id) {
+		let node = void 0;
+		if (this.folders) this.folders.some((n) => {
+			node = this.tree.findNode(n, id);
+			if (node) return true;
+			return false;
+		});
+		return node;
+	}
+	expandCurrentFolder() {
+		if (this.indexNode) {
+			const current = this.flatNodes().find((n) => n.id === this.indexNode.id);
+			if (current) this.matTree()?.expand(current);
+			if (this.indexNode.parent) {
+				let n = this.indexNode.parent;
+				while (n) {
+					const ancestor = this.flatNodes().find((x) => x.id === n.id);
+					if (ancestor) this.matTree()?.expand(ancestor);
+					n = n.parent;
+				}
+			}
+		}
+	}
+	flattenNodes(items, level = 0) {
+		const result = [];
+		for (const node of items) {
+			result.push(new IndexNode(node, level));
+			if (node.children?.length) result.push(...this.flattenNodes(node.children, level + 1));
+		}
+		return result;
+	}
+	getChapter(id, position = 0) {
+		let anchor;
+		const p = id.indexOf("#");
+		if (p !== -1) {
+			anchor = id.substring(p + 1);
+			id = id.substring(0, p);
+		}
+		if (id !== ".") {
+			this.busy.set(true);
+			this.helpService.getChapter(id).subscribe({
+				next: (r) => {
+					let found = false;
+					if (!r.success) this.dialogService.error("Capitolo non trovato.");
+					else {
+						if (!position) this.history.update((h) => [...h, {
+							id: this.indexId ?? "",
+							position: this.getPosition()
+						}]);
+						this.indexId = id;
+						this.page.set(r.value.data);
+						found = (r.value.chapter?.name?.length ?? 0) > 0;
+						if (found) {
+							this.indexNode = this.findFolder(id);
+							this.expandCurrentFolder();
+							this.gotoPosition(anchor, position);
+						}
+					}
+					if (!found) this.getChapter("1");
+				},
+				complete: () => {
+					this.busy.set(false);
+				}
+			});
+		} else {
+			if (!position) this.history.update((h) => [...h, {
+				id: this.indexId ?? "",
+				position: this.getPosition()
+			}]);
+			this.gotoPosition(anchor, position);
+		}
+	}
+	gotoPosition(anchor, position = 0) {
+		setTimeout(() => {
+			if (anchor) {
+				const elms = document.getElementsByName(anchor.toUpperCase());
+				if (elms && elms.length > 0) position = elms[0].offsetTop;
+			}
+			this.setPosition(position > 0 ? position - 1 : 0);
+		}, 50);
+	}
+	getPosition() {
+		let elem = document.getElementById("helpviewer-scroller");
+		if (elem) return elem.scrollTop;
+		return 0;
+	}
+	setPosition(position) {
+		let elem = document.getElementById("helpviewer-scroller");
+		if (elem) elem.scrollTo(0, position);
+	}
+	back() {
+		const entries = this.history();
+		if (entries.length === 0) return;
+		const n = entries[entries.length - 1];
+		this.history.update((h) => h.slice(0, -1));
+		this.getChapter(n.id, n.position + 1);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: HelpViewerComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: HelpViewerComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			host: { attributes: { "Bind": SystemUtils.generateUUID() } },
+			providers: [IndexTreeDataSource],
+			viewQueries: [{
+				propertyName: "indexPane",
+				first: true,
+				predicate: ["indexPane"],
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "matTree",
+				first: true,
+				predicate: MatTree,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: "<div class=\"helpviewer-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar z-index=\"11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"dialog-menu\">\r\n        <button type=\"button\" mat-icon-button matTooltip=\"Mostra menu\" [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"toggleIndexPane()\">\r\n          <mat-icon>menu</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div fxFlex=\"*\">\r\n        <div mat-dialog-title>Guida</div>\r\n      </div>\r\n      <div fxFlex=\"100px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n        @if (canGoBack()) {\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<mat-dialog-content id=\"helpviewer-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #indexPane mode=\"side\" [autoFocus]=\"false\" class=\"drawer-small drawer-transparent\">\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          <mat-tree [dataSource]=\"flatNodes()\" [levelAccessor]=\"levelAccessor\" class=\"tree \" style=\"max-width:310px\">\r\n            <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n              [matTreeNodePaddingIndent]=\"20\" class=\"tree-node tree-node-simple tree-node-style\"\r\n              (click)=\"getChapter(node.id);\" [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n            <mat-tree-node #treeNodeRef=\"matTreeNode\" *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n              class=\"tree-node tree-node-simple tree-node-style\"\r\n              [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\" (click)=\"getChapter(node.id)\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button matTreeNodeToggle\r\n                  [attr.aria-label]=\"'Apri/chiudi ' + node.name\" class=\"small-icon-button\">\r\n                  <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                    {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n                  </mat-icon>\r\n                </button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n          </mat-tree>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <mat-drawer-content id=\"helpviewer-scroller\">\r\n      <div style=\"padding: 0 24px;\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div class=\"fill\" (click)=\"gotoChapter($event)\" [innerHtml]=\"(page() ?? '') | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer-content>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-menu{margin-top:4px!important}.tree{overflow-x:hidden}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-simple,.tree-node-simple>div{min-height:32px!important}.tree-node-activated,.tree-node-activated>div{font-weight:700!important;color:var(--ars-color-accent, #7894ae)!important}a.help-link,.help-link>a{text-decoration:none;color:#2a91e0}.help-title-2,.help-title-1{font-weight:600!important}.help-word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, yellow);padding:0 4px}.help-hint{margin:10px;padding:5px 20px;background-color:var(--ars-help-hint-background-color, lightgoldenrodyellow);border-radius:12px}.help-summary{margin:10px;padding:5px 20px;background-color:var(--ars-help-summary-background-color, lavender);border-radius:12px}.help-img{display:flex;align-items:center;justify-content:center;margin:10px}.help-img-200,.help-img-300,.help-img-400,.help-img-500,.help-img-700,.help-img-800{width:100%}.help-img-200{max-width:200px}.help-img-300{max-width:300px}.help-img-400{max-width:400px}.help-img-500{max-width:500px}.help-img-600{max-width:600px}.help-img-700{max-width:700px}.help-img-800{max-width:800px}.help-filter-box{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7);border-radius:12px;padding:6px;display:inline-block;margin:0 0 8px 10px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexAlignDirective,
+					selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ",
+					inputs: [
+						"fxFlexAlign",
+						"fxFlexAlign.xs",
+						"fxFlexAlign.sm",
+						"fxFlexAlign.md",
+						"fxFlexAlign.lg",
+						"fxFlexAlign.xl",
+						"fxFlexAlign.lt-sm",
+						"fxFlexAlign.lt-md",
+						"fxFlexAlign.lt-lg",
+						"fxFlexAlign.lt-xl",
+						"fxFlexAlign.gt-xs",
+						"fxFlexAlign.gt-sm",
+						"fxFlexAlign.gt-md",
+						"fxFlexAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i2.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i3.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i4.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatProgressBarModule
+				},
+				{
+					kind: "component",
+					type: i5.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "ngmodule",
+					type: MatSidenavModule
+				},
+				{
+					kind: "component",
+					type: i6.MatDrawer,
+					selector: "mat-drawer",
+					inputs: [
+						"position",
+						"mode",
+						"disableClose",
+						"autoFocus",
+						"opened"
+					],
+					outputs: [
+						"openedChange",
+						"opened",
+						"openedStart",
+						"closed",
+						"closedStart",
+						"positionChanged"
+					],
+					exportAs: ["matDrawer"]
+				},
+				{
+					kind: "component",
+					type: i6.MatDrawerContainer,
+					selector: "mat-drawer-container",
+					inputs: ["autosize", "hasBackdrop"],
+					outputs: ["backdropClick"],
+					exportAs: ["matDrawerContainer"]
+				},
+				{
+					kind: "component",
+					type: i6.MatDrawerContent,
+					selector: "mat-drawer-content"
+				},
+				{
+					kind: "ngmodule",
+					type: MatTreeModule
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNodeDef,
+					selector: "[matTreeNodeDef]",
+					inputs: ["matTreeNodeDefWhen", "matTreeNode"]
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNodePadding,
+					selector: "[matTreeNodePadding]",
+					inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"]
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNodeToggle,
+					selector: "[matTreeNodeToggle]",
+					inputs: ["matTreeNodeToggleRecursive"]
+				},
+				{
+					kind: "component",
+					type: i7.MatTree,
+					selector: "mat-tree",
+					exportAs: ["matTree"]
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNode,
+					selector: "mat-tree-node",
+					inputs: ["tabIndex", "disabled"],
+					outputs: ["activation", "expandedChange"],
+					exportAs: ["matTreeNode"]
+				},
+				{
+					kind: "pipe",
+					type: SafeHtmlPipe,
+					name: "safeHtml"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: HelpViewerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			host: { "Bind": SystemUtils.generateUUID() },
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [IndexTreeDataSource],
+			standalone: true,
+			imports: [
+				FlexLayoutModule,
+				MatButtonModule,
+				MatTooltipModule,
+				MatIconModule,
+				MatProgressBarModule,
+				MatDialogTitle,
+				MatDialogContent,
+				MatSidenavModule,
+				MatTreeModule,
+				SafeHtmlPipe
+			],
+			template: "<div class=\"helpviewer-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar z-index=\"11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"dialog-menu\">\r\n        <button type=\"button\" mat-icon-button matTooltip=\"Mostra menu\" [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"toggleIndexPane()\">\r\n          <mat-icon>menu</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div fxFlex=\"*\">\r\n        <div mat-dialog-title>Guida</div>\r\n      </div>\r\n      <div fxFlex=\"100px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n        @if (canGoBack()) {\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<mat-dialog-content id=\"helpviewer-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #indexPane mode=\"side\" [autoFocus]=\"false\" class=\"drawer-small drawer-transparent\">\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          <mat-tree [dataSource]=\"flatNodes()\" [levelAccessor]=\"levelAccessor\" class=\"tree \" style=\"max-width:310px\">\r\n            <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n              [matTreeNodePaddingIndent]=\"20\" class=\"tree-node tree-node-simple tree-node-style\"\r\n              (click)=\"getChapter(node.id);\" [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n            <mat-tree-node #treeNodeRef=\"matTreeNode\" *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n              class=\"tree-node tree-node-simple tree-node-style\"\r\n              [class.tree-node-activated]=\"indexNode && indexNode.id === node.id\" (click)=\"getChapter(node.id)\"\r\n              [disabled]=\"busy()\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"small uppercase\">\r\n                <button type=\"button\" fxFlexAlign=\"center\" mat-icon-button matTreeNodeToggle\r\n                  [attr.aria-label]=\"'Apri/chiudi ' + node.name\" class=\"small-icon-button\">\r\n                  <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                    {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n                  </mat-icon>\r\n                </button>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\">{{node.name}}</div>\r\n              </div>\r\n            </mat-tree-node>\r\n          </mat-tree>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <mat-drawer-content id=\"helpviewer-scroller\">\r\n      <div style=\"padding: 0 24px;\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div class=\"fill\" (click)=\"gotoChapter($event)\" [innerHtml]=\"(page() ?? '') | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer-content>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-menu{margin-top:4px!important}.tree{overflow-x:hidden}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-simple,.tree-node-simple>div{min-height:32px!important}.tree-node-activated,.tree-node-activated>div{font-weight:700!important;color:var(--ars-color-accent, #7894ae)!important}a.help-link,.help-link>a{text-decoration:none;color:#2a91e0}.help-title-2,.help-title-1{font-weight:600!important}.help-word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, yellow);padding:0 4px}.help-hint{margin:10px;padding:5px 20px;background-color:var(--ars-help-hint-background-color, lightgoldenrodyellow);border-radius:12px}.help-summary{margin:10px;padding:5px 20px;background-color:var(--ars-help-summary-background-color, lavender);border-radius:12px}.help-img{display:flex;align-items:center;justify-content:center;margin:10px}.help-img-200,.help-img-300,.help-img-400,.help-img-500,.help-img-700,.help-img-800{width:100%}.help-img-200{max-width:200px}.help-img-300{max-width:300px}.help-img-400{max-width:400px}.help-img-500{max-width:500px}.help-img-600{max-width:600px}.help-img-700{max-width:700px}.help-img-800{max-width:800px}.help-filter-box{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7);border-radius:12px;padding:6px;display:inline-block;margin:0 0 8px 10px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		indexPane: [{
+			type: i0.ViewChild,
+			args: ["indexPane", { isSignal: true }]
+		}],
+		matTree: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => MatTree), { isSignal: true }]
+		}]
+	}
+});
+var HelpService = class HelpService {
+	constructor() {
+		this.httpClient = inject(HttpClient);
+		this.dialogService = inject(DialogService);
+	}
+	initialize(serviceUri) {
+		this.serviceUri = serviceUri;
+	}
+	getChapter(id, query = void 0) {
+		return this.httpClient.get(this.serviceUri + "/help/chapter/" + id + "/?query=" + (query ?? ""));
+	}
+	getChapterInfo(id) {
+		return this.httpClient.get(this.serviceUri + "/help/chapter/info/" + id);
+	}
+	getRepo(id) {
+		return this.httpClient.get(this.serviceUri + "/help/repo/" + id);
+	}
+	getToc() {
+		return this.httpClient.get(this.serviceUri + "/help/toc");
+	}
+	show(id = "1") {
+		this.dialogService.open(HelpViewerComponent, {
+			ariaLabel: "guida",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			disableClose: true,
+			data: { id },
+			minWidth: "375px",
+			maxWidth: "1200px",
+			width: "100%",
+			height: "100%"
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: HelpService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Service
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareService({
+			minVersion: "22.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: HelpService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: HelpService,
+	decorators: [{ type: Service }]
+});
 export { HelpService, HelpViewerComponent, IndexInfo, IndexNode, IndexTreeDataSource };
-//# sourceMappingURL=arsedizioni-ars-utils-ui.help.mjs.map
+
+//# sourceMappingURL=arsedizioni-ars-utils-ui.help.mjs.map