@net7/boilerplate-arianna 3.4.2 → 3.5.0

package/fesm2020/net7-boilerplate-arianna.mjs

@@ -11,10 +11,10 @@ import { helpers, AbstractLayout, SmartPaginationDS, SmartPaginationEH, N7Boiler
 import * as i2 from 'ngx-extended-pdf-viewer';
 import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 import { DataSource, EventHandler, LayoutDataSource } from '@net7/core';
-import { get, merge, max, min, isEmpty, cloneDeep, isNull } from 'lodash';
+import { get, merge, max, min, isEmpty, cloneDeep, clone, isNumber, isNull } from 'lodash';
 import tippy from 'tippy.js';
-import { interval, Subject, merge as merge$1, fromEvent, ReplaySubject, BehaviorSubject, of, forkJoin, from } from 'rxjs';
-import { filter, first, mapTo, debounceTime, switchMap, withLatestFrom, map, catchError, tap, takeUntil } from 'rxjs/operators';
+import { interval, Subject, merge as merge$1, fromEvent, ReplaySubject, BehaviorSubject, of, forkJoin, timer, from } from 'rxjs';
+import { filter, first, mapTo, debounceTime, switchMap, withLatestFrom, map, catchError, tap, takeUntil, debounce } from 'rxjs/operators';
 import * as Leaflet from 'leaflet';
 import dayjs from 'dayjs';
 import slugify from 'slugify';
@@ -1259,6 +1259,153 @@ class AwTreeDS extends DataSource {
 }
 AwTreeDS.dataCache = {};
 
+const getNodeIcon = (configKeys, item) => {
+    const { document_type: type, document_classification: classification } = item;
+    let icon = configKeys[type] ? configKeys[type].icon : null;
+    const lastSegment = /.*\.(\w+)$/;
+    if (classification && lastSegment.test(classification)) {
+        const classID = classification
+            .match(lastSegment)[1] // get classification characters
+            .toUpperCase(); // normalize
+        icon = configKeys[type].classifications[classID].icon;
+    }
+    return icon;
+};
+var nodeHelper = { getNodeIcon };
+
+const PAGE_LIMIT = 5;
+class AwExtendedTreeDS extends DataSource {
+    constructor() {
+        super(...arguments);
+        this.transform = ({ parent, nodes }) => {
+            const { totalCount } = nodes;
+            const { title, params, basePath, lite, configKeys } = this.options;
+            const page = params.page ? +params.page : 1;
+            const limit = params.limit ? +params.limit : 10;
+            // header
+            const header = {
+                title: {
+                    main: {
+                        text: `${title} <span class="aw-extended-tree__total">(${totalCount})</span>`,
+                    },
+                    secondary: {
+                        text: `In: "${parent.label}"`
+                    }
+                },
+                actions: {
+                    search: {
+                        placeholder: 'Cerca negli oggetti culturali',
+                        payload: 'search-input',
+                        button: null
+                    },
+                }
+            };
+            // items
+            const items = (nodes.items || []).map((item) => ({
+                icon: nodeHelper.getNodeIcon(configKeys, item),
+                thumbnail: lite ? null : item.img,
+                label: item.label,
+                anchor: {
+                    href: `${basePath}/${item.id}/${helpers.slugify(item.label)}`
+                }
+            }));
+            // pagination
+            const pagination = this.getPagination(page, totalCount, limit);
+            // page input
+            const pageInput = {
+                id: 'page-input',
+                type: 'number',
+                // value: page,
+                placeholder: 'pag',
+                inputPayload: 'page-input-change',
+                enterPayload: 'page-input-enter',
+            };
+            // results limit select
+            const limitSelect = {
+                id: 'limit-select',
+                label: 'Numero di risultati',
+                options: [10, 25, 50].map((size) => ({
+                    label: `${size}`,
+                    value: size,
+                    selected: size === limit
+                })),
+                payload: 'limit-select',
+            };
+            return {
+                header,
+                items,
+                pagination,
+                pageInput,
+                limitSelect,
+                loading: false,
+            };
+        };
+    }
+    setLoading(loading) {
+        this.output.loading = loading;
+    }
+    getPagination(page, totalCount, limit) {
+        const pages = Math.ceil(totalCount / limit);
+        return {
+            links: this.getPaginationLinks(page, pages),
+            first: {
+                anchor: {
+                    payload: 1,
+                },
+                classes: page === 1 ? 'is-disabled' : '',
+            },
+            prev: {
+                anchor: {
+                    payload: page === 1 ? 1 : page - 1,
+                },
+                classes: page === 1 ? 'is-disabled' : ''
+            },
+            next: {
+                anchor: {
+                    payload: page === pages ? pages : page + 1,
+                },
+                classes: page === pages ? 'is-disabled' : '',
+            },
+            last: {
+                anchor: {
+                    payload: pages,
+                },
+                classes: page === pages ? 'is-disabled' : '',
+            }
+        };
+    }
+    getPaginationLinks(page, pages) {
+        let firstItem = 1;
+        const links = [];
+        const limit = PAGE_LIMIT;
+        let last = limit;
+        if (pages > limit) {
+            const steps = Math.floor(limit / 2);
+            if (page > steps) {
+                firstItem = page - steps;
+            }
+            if ((page + steps) > pages) {
+                firstItem = (pages - limit) + 1;
+            }
+        }
+        else {
+            last = pages;
+        }
+        let i;
+        for (i = 0; i < last; i += 1) {
+            const itemPage = firstItem + i;
+            links.push({
+                text: itemPage,
+                classes: itemPage === page ? 'is-disabled' : '',
+                anchor: {
+                    payload: itemPage,
+                }
+            });
+        }
+        return links;
+    }
+}
+
 class AwSearchLayoutTabsDS extends DataSource {
     constructor() {
         super(...arguments);
@@ -1885,6 +2032,7 @@ var DS = /*#__PURE__*/Object.freeze({
     AwSchedaMetadataDS: AwSchedaMetadataDS,
     AwSchedaPdfDS: AwSchedaPdfDS,
     AwTreeDS: AwTreeDS,
+    AwExtendedTreeDS: AwExtendedTreeDS,
     AwSearchLayoutTabsDS: AwSearchLayoutTabsDS,
     AwFacetsWrapperDS: AwFacetsWrapperDS,
     AwGalleryResultsDS: AwGalleryResultsDS,
@@ -2220,6 +2368,12 @@ class AwTreeEH extends EventHandler {
                         this.targetOffset.next(targetRect.top);
                     }
                     break;
+                case 'aw-scheda-layout.selectParent':
+                    this.dataSource.build(payload);
+                    this.dataSource.setActive(payload);
+                    this.dataSource.highlightActive();
+                    this.scrollLeafIntoView();
+                    break;
                 default:
                     break;
             }
@@ -2256,6 +2410,20 @@ class AwSchedaPdfEH extends EventHandler {
     }
 }
 
+class AwExtendedTreeEH extends EventHandler {
+    listen() {
+        this.innerEvents$.subscribe(({ type, payload }) => {
+            // redirect event
+            this.emitOuter(type.split('.')[1], payload);
+        });
+        this.outerEvents$.subscribe(({ type }) => {
+            if (type === 'aw-scheda-layout.extendedtreerequest') {
+                this.dataSource.setLoading(true);
+            }
+        });
+    }
+}
+
 class AwSearchLayoutTabsEH extends EventHandler {
     listen() {
         // TODO
@@ -2714,6 +2882,7 @@ var EH = /*#__PURE__*/Object.freeze({
     AwTreeEH: AwTreeEH,
     AwSchedaDropdownEH: AwSchedaDropdownEH,
     AwSchedaPdfEH: AwSchedaPdfEH,
+    AwExtendedTreeEH: AwExtendedTreeEH,
     AwSearchLayoutTabsEH: AwSearchLayoutTabsEH,
     AwFacetsWrapperEH: AwFacetsWrapperEH,
     AwGalleryResultsEH: AwGalleryResultsEH,
@@ -5892,6 +6061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
             args: [{ selector: 'aw-map-layout', template: "<div class=\"aw-multimedia\" id=\"map-layout\" *ngIf=\"lb.dataSource\">\n    <n7-inner-title [data]=\"{\n        title: {\n            main: {\n                    text: 'I luoghi dell\\'archivio'\n            }\n        }\n    }\">\n    </n7-inner-title>\n\n    <!-- Map -->\n    <div class=\"aw-multimedia__map\">\n        <n7-map [data]=\"lb.widgets['aw-map'].ds.out$ | async\"></n7-map>\n    </div>\n    <!-- END // Map -->\n\n    <!-- RESULTS -->\n    <div class=\"aw-multimedia__results\">\n        <div class=\"aw-multimedia__loader\" *ngIf=\"(lb.dataSource.state$ | async) === 'LOADING'\">\n            <ng-container>\n                <n7-loader></n7-loader>\n            </ng-container>\n        </div>\n\n        <div class=\"aw-multimedia__empty\" *ngIf=\"(lb.dataSource.state$ | async) === 'EMPTY'\">\n            <ng-container>\n                <p class=\"aw-multimedia__empty-text\">Clicca su un luogo della mappa per vedere tutti gli oggetti collegati.</p>\n            </ng-container>\n        </div>\n        \n        <ng-container *ngIf=\"(lb.dataSource.state$ | async) === 'SUCCESS'\">\n            <div class=\"aw-multimedia__results-title\">\n                <n7-inner-title \n                    [data]=\"lb.widgets['aw-scheda-inner-title'].ds.out$ | async\">\n                </n7-inner-title>\n            </div>\n            <div class=\"aw-multimedia__results-wrapper\">\n                <div>\n                    <div class=\"aw-item-preview-wrapper\" *ngFor=\"let preview of (lb.widgets['aw-linked-objects'].ds.out$ | async)?.previews\">\n                        <n7-smart-breadcrumbs \n                            [data]=\"preview.breadcrumbs\">\n                        </n7-smart-breadcrumbs>\n                        <n7-item-preview \n                            [data]=\"preview\" \n                            [emit]=\"lb.widgets['aw-linked-objects'].emit\">\n                        </n7-item-preview>\n                    </div>\n                </div>\n                <n7-smart-pagination *ngIf=\"lb.dataSource.total > 0\"\n                    [data]=\"lb.widgets['n7-smart-pagination'].ds.out$ | async\"\n                    [emit]=\"lb.widgets['n7-smart-pagination'].emit\">\n                </n7-smart-pagination>\n            </div>\n        </ng-container>\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i1.LayoutsConfigurationService }, { type: i1.CommunicationService }, { type: i1.MainStateService }, { type: i3$1.Title }]; } });
 
+const LOCAL_STORAGE_PREFIX = 'aw.scheda';
 class AwSchedaLayoutDS extends LayoutDataSource {
     constructor() {
         super(...arguments);
@@ -5904,8 +6074,17 @@ class AwSchedaLayoutDS extends LayoutDataSource {
         this.currentId = null;
         /** Switch loaded-content and loaded-empty states */
         this.hasContent = true;
+        this.extendedTreeParams = {};
         /** Name of query that should be used (chosen in config) */
         this.getTreeQuery = 'getTree';
+        this.titleNavigation = null;
+        this.sectionCollapseState = {
+            metadata: false,
+            'extended-tree': false,
+            'similar-items': false,
+            'related-entities': false
+        };
+        this.documentType = null;
         this.getTree = () => AwSchedaLayoutDS.tree;
     }
     onInit({ configuration, mainState, router, options, titleService, communication, }) {
@@ -5944,6 +6123,12 @@ class AwSchedaLayoutDS extends LayoutDataSource {
         this.hasContextMenu = () => !!imageViewerConfig['context-menu'];
         // pdf viewer options
         this.one('aw-scheda-pdf').updateOptions(this.configuration.get('scheda-layout')['pdf-viewer'] || {});
+        // check section collapse state
+        Object.keys(this.sectionCollapseState).forEach((key) => {
+            const storageKey = `${LOCAL_STORAGE_PREFIX}.${key}`;
+            const storageValue = localStorage.getItem(storageKey);
+            this.sectionCollapseState[key] = storageValue ? JSON.parse(storageValue) : false;
+        });
         // sidebar sticky control
         this._sidebarStickyControl();
     }
@@ -5955,13 +6140,15 @@ class AwSchedaLayoutDS extends LayoutDataSource {
         const metadataConfig = layoutConfig.metadata || {};
         return metadataConfig.title || null;
     }
-    getNavigation(id) {
+    getNavigation() {
         if (AwSchedaLayoutDS.tree) {
             return of(AwSchedaLayoutDS.tree);
         }
         return this.communication.request$(this.getTreeQuery, {
             onError: (error) => console.error(error),
-            params: { treeId: id },
+            params: {
+                onlyAl: !!this.layoutConfig['extended-tree']
+            },
         });
     }
     setTree(tree) {
@@ -5982,13 +6169,16 @@ class AwSchedaLayoutDS extends LayoutDataSource {
      * @param response http response for the tree item
      */
     loadContent(response) {
+        this.lastResponse = response;
         if (response) {
             // reset
             this.currentDigitalObject = null;
             this.currentDigitalObjectIndex = null;
             const metadataFields = this.getFields(response);
             this.hasMetadata = !!(Array.isArray(metadataFields) && metadataFields.length);
-            this.hasSimilarItems = Array.isArray(response.relatedItems) && response.relatedItems.length;
+            this.hasSimilarItems = (!this.layoutConfig['extended-tree']
+                && Array.isArray(response.relatedItems)
+                && response.relatedItems.length);
             this.hasBreadcrumb = Array.isArray(response.breadcrumbs) && response.breadcrumbs.length;
             this.hasDigitalObjects = (Array.isArray(response.digitalObjects)
                 && response.digitalObjects.length);
@@ -6044,6 +6234,10 @@ class AwSchedaLayoutDS extends LayoutDataSource {
                 });
                 this.one('aw-scheda-breadcrumbs').update(breadcrumbs);
             }
+            // title prev / next navigation
+            this.loadTitleNavigation();
+            // document title type (icon, label)
+            this.loadDocumentType();
             // update head title
             this.mainState.update('headTitle', `Arianna4View - Patrimonio - ${response.title || response.label}`);
         }
@@ -6068,6 +6262,89 @@ class AwSchedaLayoutDS extends LayoutDataSource {
             this.stickyControlTrigger$.next();
         });
     }
+    loadExtendedTree() {
+        const parentResponse = this.lastResponse;
+        if (this.layoutConfig['extended-tree']) {
+            const configKeys = this.configuration.get('config-keys');
+            const widgetOptions = this.layoutConfig['extended-tree'];
+            const params = {
+                id: parentResponse.id,
+                page: 1,
+                limit: 10,
+                query: null,
+                ...this.extendedTreeParams,
+            };
+            const widgetParams = clone(params);
+            // normalize params
+            params.offset = (params.page - 1) * params.limit;
+            delete params.page;
+            const basePath = this.configuration.get('paths').schedaBasePath;
+            const request$ = this.communication.request$('getNodeChildren', {
+                params,
+                onError: (error) => console.error(error),
+            });
+            request$.subscribe((nodesResponse) => {
+                this.hasExtendedTree = (params.query
+                    || widgetParams.page > 1
+                    || !!nodesResponse?.items?.length);
+                if (this.hasExtendedTree) {
+                    this.one('aw-extended-tree').updateOptions({
+                        basePath,
+                        configKeys,
+                        params: widgetParams,
+                        ...widgetOptions,
+                    });
+                    this.one('aw-extended-tree').update({
+                        parent: parentResponse,
+                        nodes: nodesResponse
+                    });
+                    // fix query input update
+                    if (params.query) {
+                        setTimeout(() => {
+                            const queryInput = document
+                                .querySelector('.aw-extended-tree__header .n7-inner-title__search-bar');
+                            queryInput.value = params.query || '';
+                        });
+                    }
+                }
+            });
+        }
+        else {
+            this.hasExtendedTree = false;
+        }
+    }
+    loadTitleNavigation() {
+        // reset
+        this.titleNavigation = null;
+        const hasTitleNav = (!!this.layoutConfig['title-nav']?.enabled
+            && this.lastResponse.document_type === 'oggetto-culturale');
+        if (!hasTitleNav)
+            return;
+        this.titleNavigation = { prev: null, next: null };
+        const basePath = this.configuration.get('paths').schedaBasePath;
+        ['prev', 'next'].forEach((key) => {
+            const item = this.lastResponse[key];
+            this.titleNavigation[key] = item
+                ? {
+                    href: `${basePath}/${item.id}/${helpers.slugify(item.label)}`,
+                    label: item.label,
+                } : null;
+        });
+    }
+    loadDocumentType() {
+        const configKeys = this.configuration.get('config-keys');
+        const { document_type: type } = this.lastResponse;
+        const icon = nodeHelper.getNodeIcon(configKeys, this.lastResponse);
+        if (configKeys[type]) {
+            this.documentType = {
+                icon,
+                label: configKeys[type]['singular-label']
+            };
+        }
+        else {
+            this.documentType = null;
+        }
+    }
     /**
      * Toggle between the tree's collapsed or expanded state.
      */
@@ -6077,6 +6354,12 @@ class AwSchedaLayoutDS extends LayoutDataSource {
         this.sidebarCollapsed = !this.sidebarCollapsed;
         this.getWidgetDataSource('aw-sidebar-header').toggleSidebar();
     }
+    onSectionCollapse(id) {
+        this.sectionCollapseState[id] = !this.sectionCollapseState[id];
+        // update storage
+        const storageKey = `${LOCAL_STORAGE_PREFIX}.${id}`;
+        localStorage.setItem(storageKey, this.sectionCollapseState[id]);
+    }
     _sidebarStickyControl() {
         // no sticky for Internet Explorer
         if (helpers.browserIsIE()) {
@@ -6172,6 +6455,8 @@ class AwSchedaLayoutEH extends EventHandler {
     constructor() {
         super(...arguments);
         this.destroyed$ = new Subject();
+        this.treeLoaded$ = new ReplaySubject();
+        this.extendedTreeChanged$ = new Subject();
     }
     listen() {
         this.innerEvents$.subscribe(({ type, payload }) => {
@@ -6181,11 +6466,14 @@ class AwSchedaLayoutEH extends EventHandler {
                         this.dataSource.onInit(payload);
                         this.configuration = payload.configuration;
                         this.route = payload.route;
+                        this.router = payload.router;
                         const paramId = this.route.snapshot.params.id || '';
                         if (paramId) {
                             this.dataSource.currentId = paramId;
                         }
                         this.listenRoute();
+                        this.listenRouteQueryParams();
+                        this.listenExtendedTree();
                         this.loadNavigation(paramId);
                         this.emitOuter('viewleaf');
                         // scroll top
@@ -6212,6 +6500,52 @@ class AwSchedaLayoutEH extends EventHandler {
                 case 'aw-scheda-dropdown.click':
                     this.dataSource.changeDigitalObject(payload);
                     break;
+                case 'aw-extended-tree.change':
+                    {
+                        let key;
+                        let delay;
+                        if (payload.inputPayload === 'search-input') {
+                            key = 'query';
+                            delay = 1000;
+                        }
+                        else if (payload.inputPayload === 'limit-select') {
+                            key = 'limit';
+                        }
+                        else if (payload.inputPayload === 'page-input-change') {
+                            this.pageInputValue = payload.value;
+                        }
+                        else if (payload.inputPayload === 'page-input-enter') {
+                            key = 'page';
+                        }
+                        if (key) {
+                            this.extendedTreeChanged$.next({
+                                key,
+                                delay,
+                                value: payload.value,
+                            });
+                        }
+                    }
+                    break;
+                case 'aw-extended-tree.search':
+                    this.extendedTreeChanged$.next({
+                        key: 'query',
+                        value: payload.value
+                    });
+                    break;
+                case 'aw-extended-tree.click':
+                    this.extendedTreeChanged$.next({
+                        key: 'page',
+                        value: payload
+                    });
+                    break;
+                case 'aw-extended-tree.pageinputsubmit':
+                    if (isNumber(this.pageInputValue)) {
+                        this.extendedTreeChanged$.next({
+                            key: 'page',
+                            value: this.pageInputValue
+                        });
+                    }
+                    break;
                 default:
                     break;
             }
@@ -6228,17 +6562,62 @@ class AwSchedaLayoutEH extends EventHandler {
                 this.dataSource.contentIsLoading = true;
                 this.dataSource.loadItem(paramId).pipe(switchMap((response) => this.parseDigitalObjects$(response))).subscribe((response) => {
                     this.dataSource.contentIsLoading = false;
-                    if (response)
+                    if (response) {
                         this.dataSource.loadContent(response);
+                        this.dataSource.loadExtendedTree();
+                        this.checkTreeItems(response);
+                    }
                 });
             }
             // scroll top
             window.scrollTo(0, 0);
         });
     }
+    listenExtendedTree() {
+        this.extendedTreeChanged$.pipe(filter(({ key, value }) => !(key === 'page' && (!isNumber(+value) || +value < 1))), debounce(({ delay }) => timer(delay || 1))).subscribe(({ key, value }) => {
+            const queryParams = {};
+            if (typeof value === 'string') {
+                queryParams[key] = value.trim().length ? value : null;
+            }
+            else {
+                queryParams[key] = `${value}`;
+            }
+            // page check
+            if (key !== 'page') {
+                queryParams.page = '1';
+            }
+            // reset pageInput value
+            this.pageInputValue = null;
+            // update url
+            this.router.navigate([], {
+                queryParams,
+                queryParamsHandling: 'merge'
+            });
+        });
+    }
+    listenRouteQueryParams() {
+        this.route.queryParams.subscribe((params) => {
+            const extendedTreeParams = clone(params);
+            // force numeric
+            ['page', 'limit'].forEach((key) => {
+                if (params[key] && isNumber(+params[key])) {
+                    extendedTreeParams[key] = +params[key];
+                }
+                else {
+                    delete extendedTreeParams[key];
+                }
+            });
+            this.dataSource.extendedTreeParams = extendedTreeParams;
+            // has node response
+            if (this.dataSource.lastResponse) {
+                this.emitOuter('extendedtreerequest');
+                this.dataSource.loadExtendedTree();
+            }
+        });
+    }
     loadNavigation(selectedItem) {
         this.dataSource.updateNavigation('Caricamento in corso...');
-        this.dataSource.getNavigation('patrimonio').subscribe((response) => {
+        this.dataSource.getNavigation().subscribe((response) => {
             if (response) {
                 this.dataSource.setTree(response);
                 this.dataSource.updateNavigation(this.dataSource.getTree().label);
@@ -6247,6 +6626,8 @@ class AwSchedaLayoutEH extends EventHandler {
                     currentItem: selectedItem,
                     basePath: this.configuration.get('paths').schedaBasePath,
                 });
+                // emit signal
+                this.treeLoaded$.next();
             }
         });
     }
@@ -6312,6 +6693,15 @@ class AwSchedaLayoutEH extends EventHandler {
         }
         return iiifImages;
     }
+    checkTreeItems(response) {
+        this.treeLoaded$.pipe(first()).subscribe(() => {
+            const treeDS = this.dataSource.getWidgetDataSource('aw-tree');
+            const { items } = treeDS.output;
+            if (!items.length && response.lastAl?.id) {
+                this.emitOuter('selectParent', response.lastAl.id);
+            }
+        });
+    }
 }
 
 const AwPatrimonioLayoutConfig = {
@@ -6332,6 +6722,7 @@ const AwPatrimonioLayoutConfig = {
         { id: 'aw-related-entities' },
         { id: 'aw-chart-tippy' },
         { id: 'aw-linked-objects' },
+        { id: 'aw-extended-tree' },
     ],
     layoutDS: AwSchedaLayoutDS,
     layoutEH: AwSchedaLayoutEH,
@@ -6386,6 +6777,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 type: Input
             }] } });
 
+class ExtendedTreeComponent {
+    onPageInputSubmit() {
+        if (!this.emit)
+            return;
+        this.emit('pageinputsubmit');
+    }
+    onCollapseClick(type) {
+        if (type === 'text')
+            return;
+        this.lb.dataSource.onSectionCollapse('extended-tree');
+    }
+}
+ExtendedTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ExtendedTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ExtendedTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ExtendedTreeComponent, selector: "aw-extended-tree", inputs: { data: "data", emit: "emit", lb: "lb" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"aw-extended-tree\">\n    <div class=\"aw-scheda__section-title-wrapper\" (click)=\"onCollapseClick($event.target?.type)\">\n        <ng-content></ng-content>\n        <div *ngIf=\"data.header as header\" class=\"aw-scheda__inner-title aw-extended-tree__header\">\n            <n7-inner-title \n            [data]=\"header\"\n            [emit]=\"this.emit\"></n7-inner-title>\n        </div>\n    </div>\n    <div [hidden]=\"!!lb.dataSource.sectionCollapseState['extended-tree']\">\n        <ng-container *ngIf=\"data.loading\">\n            <div class=\"aw-extended-tree__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!data.loading\">\n            <div *ngIf=\"data.items as items\" class=\"aw-extended-tree__content\">\n                <div *ngFor=\"let item of data.items\" class=\"aw-extended-tree__item\">\n                    <n7-anchor-wrapper [classes]=\"'aw-extended-tree__item-link'\" [data]=\"item.anchor\">\n                        <div *ngIf=\"item.icon\" class=\"aw-extended-tree__item-icon\">\n                            <span class=\"{{ item.icon }}\"></span>\n                        </div>\n                        <div *ngIf=\"item.thumbnail\" class=\"aw-extended-tree__item-image\">\n                            <img src=\"{{ item.thumbnail }}\" alt=\"{{ item.label }}\">\n                        </div>\n                        <div *ngIf=\"item.label\" class=\"aw-extended-tree__item-label\">{{ item.label }}</div>\n                    </n7-anchor-wrapper>\n                </div>\n            </div>\n            <div *ngIf=\"data.pagination as pagination\" class=\"aw-extended-tree__footer\">\n                <div *ngIf=\"data.pagination as pagination\" class=\"aw-extended-tree__pagination\">\n                    <n7-pagination \n                    [data]=\"pagination\"\n                    [emit]=\"this.emit\"></n7-pagination>\n                </div>\n                <div *ngIf=\"data.pageInput as pageInput\" class=\"aw-extended-tree__page-input\">\n                    <n7-input-text \n                    [data]=\"pageInput\"\n                    [emit]=\"this.emit\"></n7-input-text>\n                    <button class=\"n7-btn\"\n                    (click)=\"onPageInputSubmit()\">Vai</button>\n                </div>\n                <div *ngIf=\"data.limitSelect as limitSelect\" class=\"aw-extended-tree__limit-select\">\n                    <n7-input-select \n                    [data]=\"limitSelect\"\n                    [emit]=\"this.emit\"></n7-input-select>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>", components: [{ type: i3.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { type: i3.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { type: i3.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { type: i3.PaginationComponent, selector: "n7-pagination", inputs: ["data", "emit"] }, { type: i3.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }, { type: i3.InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ExtendedTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aw-extended-tree', template: "<div *ngIf=\"data\" class=\"aw-extended-tree\">\n    <div class=\"aw-scheda__section-title-wrapper\" (click)=\"onCollapseClick($event.target?.type)\">\n        <ng-content></ng-content>\n        <div *ngIf=\"data.header as header\" class=\"aw-scheda__inner-title aw-extended-tree__header\">\n            <n7-inner-title \n            [data]=\"header\"\n            [emit]=\"this.emit\"></n7-inner-title>\n        </div>\n    </div>\n    <div [hidden]=\"!!lb.dataSource.sectionCollapseState['extended-tree']\">\n        <ng-container *ngIf=\"data.loading\">\n            <div class=\"aw-extended-tree__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!data.loading\">\n            <div *ngIf=\"data.items as items\" class=\"aw-extended-tree__content\">\n                <div *ngFor=\"let item of data.items\" class=\"aw-extended-tree__item\">\n                    <n7-anchor-wrapper [classes]=\"'aw-extended-tree__item-link'\" [data]=\"item.anchor\">\n                        <div *ngIf=\"item.icon\" class=\"aw-extended-tree__item-icon\">\n                            <span class=\"{{ item.icon }}\"></span>\n                        </div>\n                        <div *ngIf=\"item.thumbnail\" class=\"aw-extended-tree__item-image\">\n                            <img src=\"{{ item.thumbnail }}\" alt=\"{{ item.label }}\">\n                        </div>\n                        <div *ngIf=\"item.label\" class=\"aw-extended-tree__item-label\">{{ item.label }}</div>\n                    </n7-anchor-wrapper>\n                </div>\n            </div>\n            <div *ngIf=\"data.pagination as pagination\" class=\"aw-extended-tree__footer\">\n                <div *ngIf=\"data.pagination as pagination\" class=\"aw-extended-tree__pagination\">\n                    <n7-pagination \n                    [data]=\"pagination\"\n                    [emit]=\"this.emit\"></n7-pagination>\n                </div>\n                <div *ngIf=\"data.pageInput as pageInput\" class=\"aw-extended-tree__page-input\">\n                    <n7-input-text \n                    [data]=\"pageInput\"\n                    [emit]=\"this.emit\"></n7-input-text>\n                    <button class=\"n7-btn\"\n                    (click)=\"onPageInputSubmit()\">Vai</button>\n                </div>\n                <div *ngIf=\"data.limitSelect as limitSelect\" class=\"aw-extended-tree__limit-select\">\n                    <n7-input-select \n                    [data]=\"limitSelect\"\n                    [emit]=\"this.emit\"></n7-input-select>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }], lb: [{
+                type: Input
+            }] } });
+
 class AwSchedaLayoutComponent extends AbstractLayout {
     constructor(router, route, configuration, layoutsConfiguration, mainState, titleService, communication) {
         super(layoutsConfiguration.get('AwPatrimonioLayoutConfig') || AwPatrimonioLayoutConfig);
@@ -6421,10 +6837,10 @@ class AwSchedaLayoutComponent extends AbstractLayout {
     }
 }
 AwSchedaLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AwSchedaLayoutComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i1.ConfigurationService }, { token: i1.LayoutsConfigurationService }, { token: i1.MainStateService }, { token: i3$1.Title }, { token: i1.CommunicationService }], target: i0.ɵɵFactoryTarget.Component });
-AwSchedaLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AwSchedaLayoutComponent, selector: "aw-scheda-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"aw-scheda\"\n     id=\"scheda-layout\">\n    <div class=\"aw-scheda__content n7-side-auto-padding sticky-parent\"\n         [ngClass]=\"{ 'is-collapsed' : lb.dataSource.sidebarCollapsed }\">\n\n        <ng-container *ngTemplateOutlet=\"tree\"></ng-container>\n\n        <div class=\"aw-scheda__scheda-wrapper\"\n             [hidden]=\"lb.dataSource.contentIsLoading\">\n\n            <n7-smart-breadcrumbs *ngIf=\"lb.dataSource.hasBreadcrumb\"\n                                  [data]=\"lb.widgets['aw-scheda-breadcrumbs'].ds.out$ | async\"\n                                  [emit]=\"lb.widgets['aw-scheda-breadcrumbs'].emit\">\n            </n7-smart-breadcrumbs>\n\n            <div *ngIf=\"!lb.dataSource.hasBreadcrumb\"\n                 class=\"aw-scheda__fake-breadcrumbs\"\n                 (click)=\"lb.eventHandler.emitInner('togglesidebar', {})\">\n                 <p class=\"aw-scheda__fake-breadcrumbs-open\" \n                    *ngIf=\"lb.dataSource.sidebarCollapsed\">\n                    Consulta il patrimonio\n                 </p>\n            </div>\n\n            <div *ngIf=\"!lb.dataSource.currentId\"\n                 class=\"aw-scheda__intro-text\"\n                 [innerHTML]=\"lb.dataSource.emptyLabel\">\n            </div>\n\n            <n7-inner-title [data]=\"lb.widgets['aw-scheda-inner-title'].ds.out$ | async\">\n            </n7-inner-title>\n\n            <!-- Empty state -->\n            <ng-container *ngIf=\"!lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n            </ng-container>\n\n            <!-- Content sections -->\n            <ng-container *ngIf=\"lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </ng-container>\n\n        </div>\n\n    </div>\n</div>\n\n<ng-template #tree>\n    <div class=\"aw-scheda__tree sticky-target\"\n         [ngClass]=\"{ 'is-sticky': lb.dataSource.sidebarIsSticky }\">\n        <n7-sidebar-header [data]=\"lb.widgets['aw-sidebar-header'].ds.out$ | async\"\n                           [emit]=\"lb.widgets['aw-sidebar-header'].emit\"></n7-sidebar-header>\n        <div class=\"aw-scheda__tree-content-loading\"\n             *ngIf=\"!(lb.widgets['aw-tree'].ds.out$ | async)\">\n            <n7-content-placeholder *ngFor=\"let n of [0,1,2,3]\"\n                                    [data]=\"{\n                            blocks: [{\n                                classes: 'tree-placeholder-item'\n                            }]\n                        }\"></n7-content-placeholder>\n        </div>\n        <div class=\"aw-scheda__tree-content\"\n             (click)=\"lb.eventHandler.emitOuter('treeposition', $event)\"\n             [ngStyle]=\"{\n                            'max-height': lb.dataSource.treeMaxHeight,\n                            'overflow': 'auto'\n                        }\">\n            <n7-tree [data]=\"lb.widgets['aw-tree'].ds.out$ | async\"\n                     [emit]=\"lb.widgets['aw-tree'].emit\"\n                     *ngIf=\"!lb.dataSource.sidebarCollapsed\">\n            </n7-tree>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #empty>\n    <section class=\"aw-scheda__section aw-scheda__empty\"\n             [innerHTML]=\"lb.dataSource.emptyStateString\">\n    </section>\n</ng-template>\n\n<ng-template #content>\n    <!-- Digital Object selection dropdown -->\n    <section class=\"aw-scheda__digital-object-dropdown\"\n            *ngIf=\"(\n                lb.dataSource.hasDigitalObjects \n                && lb.dataSource.digitalObjects.length > 1\n            )\">\n        <p class=\"aw-scheda__digital-object-dropdown-label\">\n            Seleziona l'oggetto digitale da visualizzare:\n        </p>\n        <aw-scheda-dropdown \n        [data]=\"lb.widgets['aw-scheda-dropdown'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-scheda-dropdown'].emit\">\n        </aw-scheda-dropdown>\n    </section>\n    <!-- END // Digital Object selection dropdown -->\n\n    <!-- Digital Objects: images, IIP, PDFs, external links -->\n    <section *ngIf=\"lb.dataSource.currentDigitalObject as $do\" \n        class=\"aw-scheda__media aw-scheda__{{ $do.type }}\"\n        [ngClass]=\"{ \n            'navigation-hidden': !$do.hasNavigation\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (IIIF) -->\n            <ng-container *ngSwitchCase=\"'images-iiif'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (Simple: jpg, png) -->\n            <ng-container *ngSwitchCase=\"'images-simple'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n    \n            <!-- PDF -->\n            <ng-container *ngSwitchCase=\"'pdf'\">\n                <aw-pdf-viewer \n                [data]=\"lb.widgets['aw-scheda-pdf'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-pdf'].emit\">\n                </aw-pdf-viewer>\n            </ng-container>\n    \n            <!-- EXTERNAL URL -->\n            <ng-container *ngSwitchCase=\"'external'\">\n                <div class=\"aw-scheda__external-url\">\n                    <a class=\"aw-scheda__external-url-link\" href=\"{{ $do.url }}\" target=\"_blank\">\n                        {{ $do.label || lb.dataSource.externalUrlText }}\n                        <span class=\"n7-icon-external-link\"></span>\n                    </a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </section>\n    <!-- END // Digital Objects -->\n\n    <section class=\"aw-scheda__section aw-scheda__description\"\n             *ngIf=\"lb.dataSource.contentParts.content\">\n        <div *ngFor=\"let part of lb.dataSource.contentParts\">\n            <div [innerHTML]=\"part.content\"></div>\n        </div>\n    </section>\n\n    <!-- Metadata -->\n    <section class=\"aw-scheda__section aw-scheda__metadata\"\n             *ngIf=\"lb.dataSource.hasMetadata\">\n        <div class=\"aw-scheda__inner-title\"\n             *ngIf=\"lb.dataSource.metadataSectionTitle\">\n            {{lb.dataSource.metadataSectionTitle}}\n        </div>\n        <n7-metadata-viewer [data]=\"lb.widgets['aw-scheda-metadata'].ds.out$ | async\">\n        </n7-metadata-viewer>\n    </section>\n    <!-- END // Metadata -->\n\n    <!-- Related entities -->\n    <section *ngIf=\"lb.dataSource.hasRelatedEntities\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__inner-title\">\n            {{lb.dataSource.relatedEntitiesHeader}}\n        </div>\n        <div class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-related-entities'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                     [emit]=\"lb.widgets['aw-related-entities'].emit\">\n                    </n7-item-preview>\n                    <!-- Relation -->\n                    <div class=\"aw-item-preview-relation\"\n                         *ngIf=\"preview.relation?.value\">\n                        <p class=\"aw-item-preview-relation__description\">Tipo di relazione\n                            <!-- <span class=\"aw-item-preview-relation__key\">{{preview.relation.key}}</span>: -->\n                            <span class=\"aw-item-preview-relation__value\">{{preview.relation.value}}</span>\n                        </p>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Related entities -->\n\n    <!-- Similar Objects -->\n    <section *ngIf=\"lb.dataSource.hasSimilarItems\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__inner-title\">\n            {{lb.dataSource.similarItemsSectionTitle}}\n        </div>\n        <div class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-linked-objects'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                    [emit]=\"lb.widgets['aw-linked-objects'].emit\">\n                    </n7-item-preview>\n                </div> \n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Similar Objects -->\n</ng-template>\n", components: [{ type: SmartBreadcrumbsComponent, selector: "n7-smart-breadcrumbs", inputs: ["data", "emit"] }, { type: i3.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { type: i3.SidebarHeaderComponent, selector: "n7-sidebar-header", inputs: ["data", "emit"] }, { type: i3.ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: ["data"] }, { type: i3.TreeComponent, selector: "n7-tree", inputs: ["data", "emit"] }, { type: SchedaDropdownComponent, selector: "aw-scheda-dropdown", inputs: ["data", "emit"] }, { type: i3.ImageViewerComponent, selector: "n7-image-viewer", inputs: ["data", "emit"] }, { type: PdfViewerComponent, selector: "aw-pdf-viewer", inputs: ["data", "emit"] }, { type: i3.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { type: i3.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i7.AsyncPipe } });
+AwSchedaLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: AwSchedaLayoutComponent, selector: "aw-scheda-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"aw-scheda\"\n     id=\"scheda-layout\">\n    <div class=\"aw-scheda__content n7-side-auto-padding sticky-parent\"\n         [ngClass]=\"{ 'is-collapsed' : lb.dataSource.sidebarCollapsed }\">\n\n        <ng-container *ngTemplateOutlet=\"tree\"></ng-container>\n\n        <div class=\"aw-scheda__scheda-wrapper\"\n             [hidden]=\"lb.dataSource.contentIsLoading\">\n\n            <n7-smart-breadcrumbs *ngIf=\"lb.dataSource.hasBreadcrumb\"\n                                  [data]=\"lb.widgets['aw-scheda-breadcrumbs'].ds.out$ | async\"\n                                  [emit]=\"lb.widgets['aw-scheda-breadcrumbs'].emit\">\n            </n7-smart-breadcrumbs>\n\n            <div *ngIf=\"!lb.dataSource.hasBreadcrumb\"\n                 class=\"aw-scheda__fake-breadcrumbs\"\n                 (click)=\"lb.eventHandler.emitInner('togglesidebar', {})\">\n                 <p class=\"aw-scheda__fake-breadcrumbs-open\" \n                    *ngIf=\"lb.dataSource.sidebarCollapsed\">\n                    Consulta il patrimonio\n                 </p>\n            </div>\n\n            <div *ngIf=\"!lb.dataSource.currentId\"\n                 class=\"aw-scheda__intro-text\"\n                 [innerHTML]=\"lb.dataSource.emptyLabel\">\n            </div>\n\n            <div class=\"aw-scheda__title-wrapper\">\n                <div *ngIf=\"lb.dataSource.titleNavigation as titleNav\" class=\"aw-scheda__prev\">\n                    <a class=\"n7-btn n7-btn-light\" [routerLink]=\"titleNav.prev?.href ? [titleNav.prev.href] : null\"\n                    [title]=\"titleNav.prev?.label || ''\"\n                    [ngClass]=\"{ 'is-disabled': !titleNav.prev?.href }\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </a>\n                </div>\n                <div class=\"aw-scheda__title\">\n                    <div *ngIf=\"lb.dataSource.documentType as documentType\" class=\"aw-scheda__document-type\">\n                        <span *ngIf=\"documentType.icon\" class=\"aw-scheda__document-type-icon {{ documentType.icon }}\"></span>\n                        <span class=\"aw-scheda__document-type-label\">{{ documentType.label }}</span>\n                    </div>\n                    <n7-inner-title [data]=\"lb.widgets['aw-scheda-inner-title'].ds.out$ | async\">\n                    </n7-inner-title>\n                </div>\n                <div *ngIf=\"lb.dataSource.titleNavigation as titleNav\" class=\"aw-scheda__next\">\n                    <a class=\"n7-btn n7-btn-light\" [routerLink]=\"titleNav.next?.href ? [titleNav.next.href] : null\"\n                    [title]=\"titleNav.next?.label || ''\"\n                    [ngClass]=\"{ 'is-disabled': !titleNav.next?.href }\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </a>\n                </div>\n            </div>\n\n            <!-- Empty state -->\n            <ng-container *ngIf=\"!lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n            </ng-container>\n\n            <!-- Content sections -->\n            <ng-container *ngIf=\"lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </ng-container>\n\n        </div>\n\n    </div>\n</div>\n\n<ng-template #tree>\n    <div class=\"aw-scheda__tree sticky-target\"\n         [ngClass]=\"{ 'is-sticky': lb.dataSource.sidebarIsSticky }\">\n        <n7-sidebar-header [data]=\"lb.widgets['aw-sidebar-header'].ds.out$ | async\"\n                           [emit]=\"lb.widgets['aw-sidebar-header'].emit\"></n7-sidebar-header>\n        <div class=\"aw-scheda__tree-content-loading\"\n             *ngIf=\"!(lb.widgets['aw-tree'].ds.out$ | async)\">\n            <n7-content-placeholder *ngFor=\"let n of [0,1,2,3]\"\n                                    [data]=\"{\n                            blocks: [{\n                                classes: 'tree-placeholder-item'\n                            }]\n                        }\"></n7-content-placeholder>\n        </div>\n        <div class=\"aw-scheda__tree-content\"\n             (click)=\"lb.eventHandler.emitOuter('treeposition', $event)\"\n             [ngStyle]=\"{\n                            'max-height': lb.dataSource.treeMaxHeight,\n                            'overflow': 'auto'\n                        }\">\n            <n7-tree [data]=\"lb.widgets['aw-tree'].ds.out$ | async\"\n                     [emit]=\"lb.widgets['aw-tree'].emit\"\n                     *ngIf=\"!lb.dataSource.sidebarCollapsed\">\n            </n7-tree>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #empty>\n    <section class=\"aw-scheda__section aw-scheda__empty\"\n             [innerHTML]=\"lb.dataSource.emptyStateString\">\n    </section>\n</ng-template>\n\n<ng-template #content>\n    <!-- Digital Object selection dropdown -->\n    <section class=\"aw-scheda__digital-object-dropdown\"\n            *ngIf=\"(\n                lb.dataSource.hasDigitalObjects \n                && lb.dataSource.digitalObjects.length > 1\n            )\">\n        <p class=\"aw-scheda__digital-object-dropdown-label\">\n            Seleziona l'oggetto digitale da visualizzare:\n        </p>\n        <aw-scheda-dropdown \n        [data]=\"lb.widgets['aw-scheda-dropdown'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-scheda-dropdown'].emit\">\n        </aw-scheda-dropdown>\n    </section>\n    <!-- END // Digital Object selection dropdown -->\n\n    <!-- Digital Objects: images, IIP, PDFs, external links -->\n    <section *ngIf=\"lb.dataSource.currentDigitalObject as $do\" \n        class=\"aw-scheda__media aw-scheda__{{ $do.type }}\"\n        [ngClass]=\"{ \n            'navigation-hidden': !$do.hasNavigation\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (IIIF) -->\n            <ng-container *ngSwitchCase=\"'images-iiif'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (Simple: jpg, png) -->\n            <ng-container *ngSwitchCase=\"'images-simple'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n    \n            <!-- PDF -->\n            <ng-container *ngSwitchCase=\"'pdf'\">\n                <aw-pdf-viewer \n                [data]=\"lb.widgets['aw-scheda-pdf'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-pdf'].emit\">\n                </aw-pdf-viewer>\n            </ng-container>\n    \n            <!-- EXTERNAL URL -->\n            <ng-container *ngSwitchCase=\"'external'\">\n                <div class=\"aw-scheda__external-url\">\n                    <a class=\"aw-scheda__external-url-link\" href=\"{{ $do.url }}\" target=\"_blank\">\n                        {{ $do.label || lb.dataSource.externalUrlText }}\n                        <span class=\"n7-icon-external-link\"></span>\n                    </a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </section>\n    <!-- END // Digital Objects -->\n\n    <section *ngIf=\"lb.dataSource.contentParts.content\" class=\"aw-scheda__section aw-scheda__description\">\n        <div *ngFor=\"let part of lb.dataSource.contentParts\">\n            <div [innerHTML]=\"part.content\"></div>\n        </div>\n    </section>\n\n    <!-- Metadata -->\n    <section *ngIf=\"lb.dataSource.hasMetadata\" class=\"aw-scheda__section aw-scheda__metadata\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('metadata')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'metadata' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\"\n                 *ngIf=\"lb.dataSource.metadataSectionTitle\">\n                {{lb.dataSource.metadataSectionTitle}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['metadata']\" \n        class=\"aw-scheda__section-content-wrapper\">\n            <n7-metadata-viewer [data]=\"lb.widgets['aw-scheda-metadata'].ds.out$ | async\">\n            </n7-metadata-viewer>\n        </div>\n    </section>\n    <!-- END // Metadata -->\n\n    <!-- Related entities -->\n    <section *ngIf=\"lb.dataSource.hasRelatedEntities\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('related-entities')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'related-entities' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\">\n                {{lb.dataSource.relatedEntitiesHeader}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['related-entities']\" \n        class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-related-entities'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                     [emit]=\"lb.widgets['aw-related-entities'].emit\">\n                    </n7-item-preview>\n                    <!-- Relation -->\n                    <div class=\"aw-item-preview-relation\"\n                         *ngIf=\"preview.relation?.value\">\n                        <p class=\"aw-item-preview-relation__description\">Tipo di relazione\n                            <!-- <span class=\"aw-item-preview-relation__key\">{{preview.relation.key}}</span>: -->\n                            <span class=\"aw-item-preview-relation__value\">{{preview.relation.value}}</span>\n                        </p>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Related entities -->\n\n    <!-- Similar Objects -->\n    <section *ngIf=\"lb.dataSource.hasSimilarItems\"\n    id=\"related-item-container\"\n    class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('similar-items')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'similar-items' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\">\n                {{lb.dataSource.similarItemsSectionTitle}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['similar-items']\" \n        class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-linked-objects'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                    [emit]=\"lb.widgets['aw-linked-objects'].emit\">\n                    </n7-item-preview>\n                </div> \n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Similar Objects -->\n\n    <!-- Extended Tree -->\n    <section *ngIf=\"lb.dataSource.hasExtendedTree\" id=\"extended-tree-container\" class=\"aw-scheda__section\">\n        <div class=\"aw-scheda__section-extended-tree-loader\" *ngIf=\"!(lb.widgets['aw-extended-tree'].ds.out$ | async)\">\n            <n7-loader></n7-loader>\n        </div>\n        <aw-extended-tree\n        [data]=\"lb.widgets['aw-extended-tree'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-extended-tree'].emit\"\n        [lb]=\"lb\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'extended-tree' }\"></ng-container>\n        </aw-extended-tree>\n    </section>\n    <!-- END // Extended Tree -->\n</ng-template>\n\n<ng-template #collapse let-id>\n    <div class=\"aw-scheda__collapse\">\n        <button class=\"n7-btn n7-btn-light\">\n            <span class=\"n7-icon-angle-right\"\n            [ngClass]=\"{\n                'n7-icon-angle-right': !!lb.dataSource.sectionCollapseState[id],\n                'n7-icon-angle-down': !lb.dataSource.sectionCollapseState[id]\n            }\"></span>\n        </button>\n    </div>\n</ng-template>", components: [{ type: SmartBreadcrumbsComponent, selector: "n7-smart-breadcrumbs", inputs: ["data", "emit"] }, { type: i3.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { type: i3.SidebarHeaderComponent, selector: "n7-sidebar-header", inputs: ["data", "emit"] }, { type: i3.ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: ["data"] }, { type: i3.TreeComponent, selector: "n7-tree", inputs: ["data", "emit"] }, { type: SchedaDropdownComponent, selector: "aw-scheda-dropdown", inputs: ["data", "emit"] }, { type: i3.ImageViewerComponent, selector: "n7-image-viewer", inputs: ["data", "emit"] }, { type: PdfViewerComponent, selector: "aw-pdf-viewer", inputs: ["data", "emit"] }, { type: i3.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { type: i3.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }, { type: i3.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { type: ExtendedTreeComponent, selector: "aw-extended-tree", inputs: ["data", "emit", "lb"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i7.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: AwSchedaLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aw-scheda-layout', template: "<div class=\"aw-scheda\"\n     id=\"scheda-layout\">\n    <div class=\"aw-scheda__content n7-side-auto-padding sticky-parent\"\n         [ngClass]=\"{ 'is-collapsed' : lb.dataSource.sidebarCollapsed }\">\n\n        <ng-container *ngTemplateOutlet=\"tree\"></ng-container>\n\n        <div class=\"aw-scheda__scheda-wrapper\"\n             [hidden]=\"lb.dataSource.contentIsLoading\">\n\n            <n7-smart-breadcrumbs *ngIf=\"lb.dataSource.hasBreadcrumb\"\n                                  [data]=\"lb.widgets['aw-scheda-breadcrumbs'].ds.out$ | async\"\n                                  [emit]=\"lb.widgets['aw-scheda-breadcrumbs'].emit\">\n            </n7-smart-breadcrumbs>\n\n            <div *ngIf=\"!lb.dataSource.hasBreadcrumb\"\n                 class=\"aw-scheda__fake-breadcrumbs\"\n                 (click)=\"lb.eventHandler.emitInner('togglesidebar', {})\">\n                 <p class=\"aw-scheda__fake-breadcrumbs-open\" \n                    *ngIf=\"lb.dataSource.sidebarCollapsed\">\n                    Consulta il patrimonio\n                 </p>\n            </div>\n\n            <div *ngIf=\"!lb.dataSource.currentId\"\n                 class=\"aw-scheda__intro-text\"\n                 [innerHTML]=\"lb.dataSource.emptyLabel\">\n            </div>\n\n            <n7-inner-title [data]=\"lb.widgets['aw-scheda-inner-title'].ds.out$ | async\">\n            </n7-inner-title>\n\n            <!-- Empty state -->\n            <ng-container *ngIf=\"!lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n            </ng-container>\n\n            <!-- Content sections -->\n            <ng-container *ngIf=\"lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </ng-container>\n\n        </div>\n\n    </div>\n</div>\n\n<ng-template #tree>\n    <div class=\"aw-scheda__tree sticky-target\"\n         [ngClass]=\"{ 'is-sticky': lb.dataSource.sidebarIsSticky }\">\n        <n7-sidebar-header [data]=\"lb.widgets['aw-sidebar-header'].ds.out$ | async\"\n                           [emit]=\"lb.widgets['aw-sidebar-header'].emit\"></n7-sidebar-header>\n        <div class=\"aw-scheda__tree-content-loading\"\n             *ngIf=\"!(lb.widgets['aw-tree'].ds.out$ | async)\">\n            <n7-content-placeholder *ngFor=\"let n of [0,1,2,3]\"\n                                    [data]=\"{\n                            blocks: [{\n                                classes: 'tree-placeholder-item'\n                            }]\n                        }\"></n7-content-placeholder>\n        </div>\n        <div class=\"aw-scheda__tree-content\"\n             (click)=\"lb.eventHandler.emitOuter('treeposition', $event)\"\n             [ngStyle]=\"{\n                            'max-height': lb.dataSource.treeMaxHeight,\n                            'overflow': 'auto'\n                        }\">\n            <n7-tree [data]=\"lb.widgets['aw-tree'].ds.out$ | async\"\n                     [emit]=\"lb.widgets['aw-tree'].emit\"\n                     *ngIf=\"!lb.dataSource.sidebarCollapsed\">\n            </n7-tree>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #empty>\n    <section class=\"aw-scheda__section aw-scheda__empty\"\n             [innerHTML]=\"lb.dataSource.emptyStateString\">\n    </section>\n</ng-template>\n\n<ng-template #content>\n    <!-- Digital Object selection dropdown -->\n    <section class=\"aw-scheda__digital-object-dropdown\"\n            *ngIf=\"(\n                lb.dataSource.hasDigitalObjects \n                && lb.dataSource.digitalObjects.length > 1\n            )\">\n        <p class=\"aw-scheda__digital-object-dropdown-label\">\n            Seleziona l'oggetto digitale da visualizzare:\n        </p>\n        <aw-scheda-dropdown \n        [data]=\"lb.widgets['aw-scheda-dropdown'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-scheda-dropdown'].emit\">\n        </aw-scheda-dropdown>\n    </section>\n    <!-- END // Digital Object selection dropdown -->\n\n    <!-- Digital Objects: images, IIP, PDFs, external links -->\n    <section *ngIf=\"lb.dataSource.currentDigitalObject as $do\" \n        class=\"aw-scheda__media aw-scheda__{{ $do.type }}\"\n        [ngClass]=\"{ \n            'navigation-hidden': !$do.hasNavigation\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (IIIF) -->\n            <ng-container *ngSwitchCase=\"'images-iiif'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (Simple: jpg, png) -->\n            <ng-container *ngSwitchCase=\"'images-simple'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n    \n            <!-- PDF -->\n            <ng-container *ngSwitchCase=\"'pdf'\">\n                <aw-pdf-viewer \n                [data]=\"lb.widgets['aw-scheda-pdf'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-pdf'].emit\">\n                </aw-pdf-viewer>\n            </ng-container>\n    \n            <!-- EXTERNAL URL -->\n            <ng-container *ngSwitchCase=\"'external'\">\n                <div class=\"aw-scheda__external-url\">\n                    <a class=\"aw-scheda__external-url-link\" href=\"{{ $do.url }}\" target=\"_blank\">\n                        {{ $do.label || lb.dataSource.externalUrlText }}\n                        <span class=\"n7-icon-external-link\"></span>\n                    </a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </section>\n    <!-- END // Digital Objects -->\n\n    <section class=\"aw-scheda__section aw-scheda__description\"\n             *ngIf=\"lb.dataSource.contentParts.content\">\n        <div *ngFor=\"let part of lb.dataSource.contentParts\">\n            <div [innerHTML]=\"part.content\"></div>\n        </div>\n    </section>\n\n    <!-- Metadata -->\n    <section class=\"aw-scheda__section aw-scheda__metadata\"\n             *ngIf=\"lb.dataSource.hasMetadata\">\n        <div class=\"aw-scheda__inner-title\"\n             *ngIf=\"lb.dataSource.metadataSectionTitle\">\n            {{lb.dataSource.metadataSectionTitle}}\n        </div>\n        <n7-metadata-viewer [data]=\"lb.widgets['aw-scheda-metadata'].ds.out$ | async\">\n        </n7-metadata-viewer>\n    </section>\n    <!-- END // Metadata -->\n\n    <!-- Related entities -->\n    <section *ngIf=\"lb.dataSource.hasRelatedEntities\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__inner-title\">\n            {{lb.dataSource.relatedEntitiesHeader}}\n        </div>\n        <div class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-related-entities'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                     [emit]=\"lb.widgets['aw-related-entities'].emit\">\n                    </n7-item-preview>\n                    <!-- Relation -->\n                    <div class=\"aw-item-preview-relation\"\n                         *ngIf=\"preview.relation?.value\">\n                        <p class=\"aw-item-preview-relation__description\">Tipo di relazione\n                            <!-- <span class=\"aw-item-preview-relation__key\">{{preview.relation.key}}</span>: -->\n                            <span class=\"aw-item-preview-relation__value\">{{preview.relation.value}}</span>\n                        </p>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Related entities -->\n\n    <!-- Similar Objects -->\n    <section *ngIf=\"lb.dataSource.hasSimilarItems\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__inner-title\">\n            {{lb.dataSource.similarItemsSectionTitle}}\n        </div>\n        <div class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-linked-objects'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                    [emit]=\"lb.widgets['aw-linked-objects'].emit\">\n                    </n7-item-preview>\n                </div> \n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Similar Objects -->\n</ng-template>\n" }]
+            args: [{ selector: 'aw-scheda-layout', template: "<div class=\"aw-scheda\"\n     id=\"scheda-layout\">\n    <div class=\"aw-scheda__content n7-side-auto-padding sticky-parent\"\n         [ngClass]=\"{ 'is-collapsed' : lb.dataSource.sidebarCollapsed }\">\n\n        <ng-container *ngTemplateOutlet=\"tree\"></ng-container>\n\n        <div class=\"aw-scheda__scheda-wrapper\"\n             [hidden]=\"lb.dataSource.contentIsLoading\">\n\n            <n7-smart-breadcrumbs *ngIf=\"lb.dataSource.hasBreadcrumb\"\n                                  [data]=\"lb.widgets['aw-scheda-breadcrumbs'].ds.out$ | async\"\n                                  [emit]=\"lb.widgets['aw-scheda-breadcrumbs'].emit\">\n            </n7-smart-breadcrumbs>\n\n            <div *ngIf=\"!lb.dataSource.hasBreadcrumb\"\n                 class=\"aw-scheda__fake-breadcrumbs\"\n                 (click)=\"lb.eventHandler.emitInner('togglesidebar', {})\">\n                 <p class=\"aw-scheda__fake-breadcrumbs-open\" \n                    *ngIf=\"lb.dataSource.sidebarCollapsed\">\n                    Consulta il patrimonio\n                 </p>\n            </div>\n\n            <div *ngIf=\"!lb.dataSource.currentId\"\n                 class=\"aw-scheda__intro-text\"\n                 [innerHTML]=\"lb.dataSource.emptyLabel\">\n            </div>\n\n            <div class=\"aw-scheda__title-wrapper\">\n                <div *ngIf=\"lb.dataSource.titleNavigation as titleNav\" class=\"aw-scheda__prev\">\n                    <a class=\"n7-btn n7-btn-light\" [routerLink]=\"titleNav.prev?.href ? [titleNav.prev.href] : null\"\n                    [title]=\"titleNav.prev?.label || ''\"\n                    [ngClass]=\"{ 'is-disabled': !titleNav.prev?.href }\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </a>\n                </div>\n                <div class=\"aw-scheda__title\">\n                    <div *ngIf=\"lb.dataSource.documentType as documentType\" class=\"aw-scheda__document-type\">\n                        <span *ngIf=\"documentType.icon\" class=\"aw-scheda__document-type-icon {{ documentType.icon }}\"></span>\n                        <span class=\"aw-scheda__document-type-label\">{{ documentType.label }}</span>\n                    </div>\n                    <n7-inner-title [data]=\"lb.widgets['aw-scheda-inner-title'].ds.out$ | async\">\n                    </n7-inner-title>\n                </div>\n                <div *ngIf=\"lb.dataSource.titleNavigation as titleNav\" class=\"aw-scheda__next\">\n                    <a class=\"n7-btn n7-btn-light\" [routerLink]=\"titleNav.next?.href ? [titleNav.next.href] : null\"\n                    [title]=\"titleNav.next?.label || ''\"\n                    [ngClass]=\"{ 'is-disabled': !titleNav.next?.href }\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </a>\n                </div>\n            </div>\n\n            <!-- Empty state -->\n            <ng-container *ngIf=\"!lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"empty\"></ng-container>\n            </ng-container>\n\n            <!-- Content sections -->\n            <ng-container *ngIf=\"lb.dataSource.hasContent\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </ng-container>\n\n        </div>\n\n    </div>\n</div>\n\n<ng-template #tree>\n    <div class=\"aw-scheda__tree sticky-target\"\n         [ngClass]=\"{ 'is-sticky': lb.dataSource.sidebarIsSticky }\">\n        <n7-sidebar-header [data]=\"lb.widgets['aw-sidebar-header'].ds.out$ | async\"\n                           [emit]=\"lb.widgets['aw-sidebar-header'].emit\"></n7-sidebar-header>\n        <div class=\"aw-scheda__tree-content-loading\"\n             *ngIf=\"!(lb.widgets['aw-tree'].ds.out$ | async)\">\n            <n7-content-placeholder *ngFor=\"let n of [0,1,2,3]\"\n                                    [data]=\"{\n                            blocks: [{\n                                classes: 'tree-placeholder-item'\n                            }]\n                        }\"></n7-content-placeholder>\n        </div>\n        <div class=\"aw-scheda__tree-content\"\n             (click)=\"lb.eventHandler.emitOuter('treeposition', $event)\"\n             [ngStyle]=\"{\n                            'max-height': lb.dataSource.treeMaxHeight,\n                            'overflow': 'auto'\n                        }\">\n            <n7-tree [data]=\"lb.widgets['aw-tree'].ds.out$ | async\"\n                     [emit]=\"lb.widgets['aw-tree'].emit\"\n                     *ngIf=\"!lb.dataSource.sidebarCollapsed\">\n            </n7-tree>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #empty>\n    <section class=\"aw-scheda__section aw-scheda__empty\"\n             [innerHTML]=\"lb.dataSource.emptyStateString\">\n    </section>\n</ng-template>\n\n<ng-template #content>\n    <!-- Digital Object selection dropdown -->\n    <section class=\"aw-scheda__digital-object-dropdown\"\n            *ngIf=\"(\n                lb.dataSource.hasDigitalObjects \n                && lb.dataSource.digitalObjects.length > 1\n            )\">\n        <p class=\"aw-scheda__digital-object-dropdown-label\">\n            Seleziona l'oggetto digitale da visualizzare:\n        </p>\n        <aw-scheda-dropdown \n        [data]=\"lb.widgets['aw-scheda-dropdown'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-scheda-dropdown'].emit\">\n        </aw-scheda-dropdown>\n    </section>\n    <!-- END // Digital Object selection dropdown -->\n\n    <!-- Digital Objects: images, IIP, PDFs, external links -->\n    <section *ngIf=\"lb.dataSource.currentDigitalObject as $do\" \n        class=\"aw-scheda__media aw-scheda__{{ $do.type }}\"\n        [ngClass]=\"{ \n            'navigation-hidden': !$do.hasNavigation\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (IIIF) -->\n            <ng-container *ngSwitchCase=\"'images-iiif'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\" \n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n\n            <!-- IMAGE VIEWER (Simple: jpg, png) -->\n            <ng-container *ngSwitchCase=\"'images-simple'\">\n                <n7-image-viewer \n                (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                [data]=\"lb.widgets['aw-scheda-image'].ds.out$ | async\">\n                </n7-image-viewer>\n            </ng-container>\n    \n            <!-- PDF -->\n            <ng-container *ngSwitchCase=\"'pdf'\">\n                <aw-pdf-viewer \n                [data]=\"lb.widgets['aw-scheda-pdf'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-pdf'].emit\">\n                </aw-pdf-viewer>\n            </ng-container>\n    \n            <!-- EXTERNAL URL -->\n            <ng-container *ngSwitchCase=\"'external'\">\n                <div class=\"aw-scheda__external-url\">\n                    <a class=\"aw-scheda__external-url-link\" href=\"{{ $do.url }}\" target=\"_blank\">\n                        {{ $do.label || lb.dataSource.externalUrlText }}\n                        <span class=\"n7-icon-external-link\"></span>\n                    </a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </section>\n    <!-- END // Digital Objects -->\n\n    <section *ngIf=\"lb.dataSource.contentParts.content\" class=\"aw-scheda__section aw-scheda__description\">\n        <div *ngFor=\"let part of lb.dataSource.contentParts\">\n            <div [innerHTML]=\"part.content\"></div>\n        </div>\n    </section>\n\n    <!-- Metadata -->\n    <section *ngIf=\"lb.dataSource.hasMetadata\" class=\"aw-scheda__section aw-scheda__metadata\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('metadata')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'metadata' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\"\n                 *ngIf=\"lb.dataSource.metadataSectionTitle\">\n                {{lb.dataSource.metadataSectionTitle}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['metadata']\" \n        class=\"aw-scheda__section-content-wrapper\">\n            <n7-metadata-viewer [data]=\"lb.widgets['aw-scheda-metadata'].ds.out$ | async\">\n            </n7-metadata-viewer>\n        </div>\n    </section>\n    <!-- END // Metadata -->\n\n    <!-- Related entities -->\n    <section *ngIf=\"lb.dataSource.hasRelatedEntities\"\n             id=\"related-item-container\"\n             class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('related-entities')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'related-entities' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\">\n                {{lb.dataSource.relatedEntitiesHeader}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['related-entities']\" \n        class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-related-entities'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                     [emit]=\"lb.widgets['aw-related-entities'].emit\">\n                    </n7-item-preview>\n                    <!-- Relation -->\n                    <div class=\"aw-item-preview-relation\"\n                         *ngIf=\"preview.relation?.value\">\n                        <p class=\"aw-item-preview-relation__description\">Tipo di relazione\n                            <!-- <span class=\"aw-item-preview-relation__key\">{{preview.relation.key}}</span>: -->\n                            <span class=\"aw-item-preview-relation__value\">{{preview.relation.value}}</span>\n                        </p>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Related entities -->\n\n    <!-- Similar Objects -->\n    <section *ngIf=\"lb.dataSource.hasSimilarItems\"\n    id=\"related-item-container\"\n    class=\"aw-scheda__section aw-scheda__related\">\n        <div class=\"aw-scheda__section-title-wrapper\" (click)=\"lb.dataSource.onSectionCollapse('similar-items')\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'similar-items' }\"></ng-container>\n            <div class=\"aw-scheda__inner-title\">\n                {{lb.dataSource.similarItemsSectionTitle}}\n            </div>\n        </div>\n        <div [hidden]=\"!!lb.dataSource.sectionCollapseState['similar-items']\" \n        class=\"aw-scheda__related-items aw-item-preview-list n7-grid-2\">\n            <ng-container *ngFor=\"let preview of (lb.widgets['aw-linked-objects'].ds.out$ | async)?.previews\">\n                <div class=\"aw-item-preview-wrapper\">\n                    <n7-item-preview [data]=\"preview\"\n                                    [emit]=\"lb.widgets['aw-linked-objects'].emit\">\n                    </n7-item-preview>\n                </div> \n            </ng-container>\n        </div>\n    </section>\n    <!-- END // Similar Objects -->\n\n    <!-- Extended Tree -->\n    <section *ngIf=\"lb.dataSource.hasExtendedTree\" id=\"extended-tree-container\" class=\"aw-scheda__section\">\n        <div class=\"aw-scheda__section-extended-tree-loader\" *ngIf=\"!(lb.widgets['aw-extended-tree'].ds.out$ | async)\">\n            <n7-loader></n7-loader>\n        </div>\n        <aw-extended-tree\n        [data]=\"lb.widgets['aw-extended-tree'].ds.out$ | async\"\n        [emit]=\"lb.widgets['aw-extended-tree'].emit\"\n        [lb]=\"lb\">\n            <ng-container *ngTemplateOutlet=\"collapse; context: { $implicit: 'extended-tree' }\"></ng-container>\n        </aw-extended-tree>\n    </section>\n    <!-- END // Extended Tree -->\n</ng-template>\n\n<ng-template #collapse let-id>\n    <div class=\"aw-scheda__collapse\">\n        <button class=\"n7-btn n7-btn-light\">\n            <span class=\"n7-icon-angle-right\"\n            [ngClass]=\"{\n                'n7-icon-angle-right': !!lb.dataSource.sectionCollapseState[id],\n                'n7-icon-angle-down': !lb.dataSource.sectionCollapseState[id]\n            }\"></span>\n        </button>\n    </div>\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i1.ConfigurationService }, { type: i1.LayoutsConfigurationService }, { type: i1.MainStateService }, { type: i3$1.Title }, { type: i1.CommunicationService }]; } });
 
 const AwSearchLayoutConfig = {
@@ -6784,7 +7200,7 @@ var apolloConfig = (treeDepth) => ({
         queryName: 'getTreeOfItems',
         queryBody: `
       {
-        getTreeOfItems{
+        getTreeOfItems(__PARAMS__){
           ${getTreeBranches(treeDepth, false)}
         }
       }
@@ -6794,7 +7210,7 @@ var apolloConfig = (treeDepth) => ({
         queryName: 'getTreeOfItems',
         queryBody: `
       {
-        getTreeOfItems{
+        getTreeOfItems(__PARAMS__){
           ${getTreeBranches(treeDepth)}
         }
       }
@@ -7023,6 +7439,22 @@ var apolloConfig = (treeDepth) => ({
         }
       }`,
     },
+    getNodeChildren: {
+        queryName: 'getNodeChildren',
+        queryBody: `{
+      getNodeChildren(__PARAMS__) {
+        items {
+          id
+          label
+          icon
+          img
+          document_type
+          document_classification
+        }
+        totalCount
+      }
+    }`
+    },
     getNode: {
         queryName: 'getNode',
         queryBody: `{
@@ -7033,6 +7465,18 @@ var apolloConfig = (treeDepth) => ({
             title
             subTitle
             image
+            prev {
+              id
+              label
+            }
+            next {
+              id
+              label
+            }
+            lastAl {
+              id
+              label
+            }
             digitalObjects {
               label
               type
@@ -7439,6 +7883,7 @@ const COMPONENTS = [
     PdfViewerComponent,
     SchedaDropdownComponent,
     SmartBreadcrumbsComponent,
+    ExtendedTreeComponent,
 ];
 class N7BoilerplateAriannaModule {
     constructor(initStatus, config) {
@@ -7466,7 +7911,8 @@ N7BoilerplateAriannaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
         ChartTippyComponent,
         PdfViewerComponent,
         SchedaDropdownComponent,
-        SmartBreadcrumbsComponent], imports: [CommonModule,
+        SmartBreadcrumbsComponent,
+        ExtendedTreeComponent], imports: [CommonModule,
         RouterModule,
         DvComponentsLibModule,
         N7BoilerplateCommonModule,
@@ -7483,7 +7929,8 @@ N7BoilerplateAriannaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
         ChartTippyComponent,
         PdfViewerComponent,
         SchedaDropdownComponent,
-        SmartBreadcrumbsComponent] });
+        SmartBreadcrumbsComponent,
+        ExtendedTreeComponent] });
 N7BoilerplateAriannaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: N7BoilerplateAriannaModule, imports: [[
             CommonModule,
             RouterModule,
@@ -7516,5 +7963,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AwAutocompleteWrapperDS, AwAutocompleteWrapperEH, AwBubbleChartDS, AwBubbleChartEH, AwCarouselDS, AwChartTippyDS, AwChartTippyEH, AwCollectionLayoutComponent, AwCollectionLayoutConfig, AwCollectionLayoutDS, AwCollectionLayoutEH, AwEntitaLayoutComponent, AwEntitaLayoutConfig, AwEntitaLayoutDS, AwEntitaLayoutEH, AwEntitaMetadataViewerDS, AwEntitaNavDS, AwEntitaNavEH, AwFacetsWrapperComponent, AwFacetsWrapperDS, AwFacetsWrapperEH, AwGalleryLayoutComponent, AwGalleryLayoutConfig, AwGalleryLayoutDS, AwGalleryLayoutEH, AwGalleryResultsDS, AwGalleryResultsEH, AwHeroDS, AwHeroEH, AwHomeAutocompleteDS, AwHomeAutocompleteEH, AwHomeFacetsWrapperDS, AwHomeFacetsWrapperEH, AwHomeHeroPatrimonioDS, AwHomeHeroPatrimonioEH, AwHomeItemTagsWrapperDS, AwHomeItemTagsWrapperEH, AwHomeLayoutComponent, AwHomeLayoutConfig, AwHomeLayoutDS, AwHomeLayoutEH, AwLinkedObjectsDS, AwLinkedObjectsEH, AwMapDS, AwMapEH, AwMapLayoutComponent, AwMapLayoutConfig, AwMapLayoutDS, AwMapLayoutEH, AwPatrimonioLayoutConfig, AwRelatedEntitiesDS, AwSchedaBreadcrumbsDS, AwSchedaDropdownDS, AwSchedaDropdownEH, AwSchedaImageDS, AwSchedaInnerTitleDS, AwSchedaLayoutComponent, AwSchedaLayoutDS, AwSchedaLayoutEH, AwSchedaMetadataDS, AwSchedaPdfDS, AwSchedaPdfEH, AwSchedaSidebarEH, AwSearchLayoutComponent, AwSearchLayoutConfig, AwSearchLayoutDS, AwSearchLayoutEH, AwSearchLayoutTabsDS, AwSearchLayoutTabsEH, AwSidebarHeaderDS, AwSidebarHeaderEH, AwTableDS, AwTableEH, AwTimelineDS, AwTimelineEH, AwTimelineLayoutComponent, AwTimelineLayoutConfig, AwTimelineLayoutDS, AwTimelineLayoutEH, AwTreeDS, AwTreeEH, BubbleChartWrapperComponent, ChartTippyComponent, N7BoilerplateAriannaModule, PdfViewerComponent, SchedaDropdownComponent, SmartBreadcrumbsComponent };
+export { AwAutocompleteWrapperDS, AwAutocompleteWrapperEH, AwBubbleChartDS, AwBubbleChartEH, AwCarouselDS, AwChartTippyDS, AwChartTippyEH, AwCollectionLayoutComponent, AwCollectionLayoutConfig, AwCollectionLayoutDS, AwCollectionLayoutEH, AwEntitaLayoutComponent, AwEntitaLayoutConfig, AwEntitaLayoutDS, AwEntitaLayoutEH, AwEntitaMetadataViewerDS, AwEntitaNavDS, AwEntitaNavEH, AwExtendedTreeDS, AwExtendedTreeEH, AwFacetsWrapperComponent, AwFacetsWrapperDS, AwFacetsWrapperEH, AwGalleryLayoutComponent, AwGalleryLayoutConfig, AwGalleryLayoutDS, AwGalleryLayoutEH, AwGalleryResultsDS, AwGalleryResultsEH, AwHeroDS, AwHeroEH, AwHomeAutocompleteDS, AwHomeAutocompleteEH, AwHomeFacetsWrapperDS, AwHomeFacetsWrapperEH, AwHomeHeroPatrimonioDS, AwHomeHeroPatrimonioEH, AwHomeItemTagsWrapperDS, AwHomeItemTagsWrapperEH, AwHomeLayoutComponent, AwHomeLayoutConfig, AwHomeLayoutDS, AwHomeLayoutEH, AwLinkedObjectsDS, AwLinkedObjectsEH, AwMapDS, AwMapEH, AwMapLayoutComponent, AwMapLayoutConfig, AwMapLayoutDS, AwMapLayoutEH, AwPatrimonioLayoutConfig, AwRelatedEntitiesDS, AwSchedaBreadcrumbsDS, AwSchedaDropdownDS, AwSchedaDropdownEH, AwSchedaImageDS, AwSchedaInnerTitleDS, AwSchedaLayoutComponent, AwSchedaLayoutDS, AwSchedaLayoutEH, AwSchedaMetadataDS, AwSchedaPdfDS, AwSchedaPdfEH, AwSchedaSidebarEH, AwSearchLayoutComponent, AwSearchLayoutConfig, AwSearchLayoutDS, AwSearchLayoutEH, AwSearchLayoutTabsDS, AwSearchLayoutTabsEH, AwSidebarHeaderDS, AwSidebarHeaderEH, AwTableDS, AwTableEH, AwTimelineDS, AwTimelineEH, AwTimelineLayoutComponent, AwTimelineLayoutConfig, AwTimelineLayoutDS, AwTimelineLayoutEH, AwTreeDS, AwTreeEH, BubbleChartWrapperComponent, ChartTippyComponent, ExtendedTreeComponent, N7BoilerplateAriannaModule, PdfViewerComponent, SchedaDropdownComponent, SmartBreadcrumbsComponent };
 //# sourceMappingURL=net7-boilerplate-arianna.mjs.map