@net7/boilerplate-arianna 3.7.3 → 3.8.1

package/fesm2020/net7-boilerplate-arianna.mjs

@@ -13,7 +13,7 @@ import { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';
 import { DataSource, EventHandler, LayoutDataSource } from '@net7/core';
 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, timer, from } from 'rxjs';
+import { Subject, interval, 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';
@@ -978,6 +978,10 @@ class AwSidebarHeaderDS extends DataSource {
 }
 
 class AwSchedaImageDS extends DataSource {
+    constructor() {
+        super(...arguments);
+        this.instanceLoaded$ = new Subject();
+    }
     transform(data) {
         const tileSources = this.getTileSources(data.items);
         return {
@@ -992,6 +996,11 @@ class AwSchedaImageDS extends DataSource {
             },
             _setViewer: (viewer) => {
                 this.instance = viewer;
+                this.instanceLoaded$.next(this.instance);
+                if (data.hasNavigation$) {
+                    const { nextButton } = this.instance;
+                    data.hasNavigation$.next(!!(nextButton && !nextButton.element?.disabled));
+                }
             }
         };
     }
@@ -1406,6 +1415,87 @@ class AwExtendedTreeDS extends DataSource {
     }
 }
 
+class AwSchedaImageNavigatorDS extends DataSource {
+    transform(instance) {
+        this.instance = instance;
+        this.current = 1;
+        this.total = this.instance.referenceStrip?.panels?.length;
+        // check images total > 1
+        if (!this.total)
+            return null;
+        const { buttonText } = (this.options || {});
+        // listen viewer
+        this.listenViewer();
+        return {
+            input: {
+                id: 'scheda-image-navigator-input',
+                type: 'number',
+                label: this.getLabel(),
+                min: 1,
+                max: this.total,
+                value: this.current,
+                inputPayload: 'input',
+                enterPayload: 'enter'
+            },
+            button: {
+                label: buttonText,
+                // disabled: true,
+            }
+        };
+    }
+    onChange({ inputPayload, value }) {
+        if (inputPayload === 'input') {
+            let formattedValue = value;
+            if (formattedValue) {
+                formattedValue = +formattedValue;
+                if (formattedValue > this.total) {
+                    formattedValue = this.total;
+                }
+                if (formattedValue < 1) {
+                    formattedValue = 1;
+                }
+            }
+            this.current = formattedValue || null;
+            // force input value
+            this.output.input.value = this.current;
+        }
+        else if (inputPayload === 'enter') {
+            this.onSubmit();
+        }
+    }
+    onSubmit() {
+        if (this.instance && this.current) {
+            this.instance.goToPage(this.current - 1);
+            // update label
+            this.updateLabel();
+        }
+    }
+    updateLabel() {
+        const { input } = this.output;
+        input.label = this.getLabel();
+    }
+    getLabel() {
+        const { label } = this.options;
+        return label
+            .replace('{current}', this.current)
+            .replace('{total}', this.total);
+    }
+    listenViewer() {
+        this.instance.addHandler('page', (event) => {
+            const { page } = event;
+            if ((page + 1) !== this.current) {
+                // trigger change manually
+                this.onChange({
+                    inputPayload: 'input',
+                    value: page + 1
+                });
+                // update label
+                this.updateLabel();
+            }
+        });
+    }
+}
+
 class AwSearchLayoutTabsDS extends DataSource {
     constructor() {
         super(...arguments);
@@ -2033,6 +2123,7 @@ var DS = /*#__PURE__*/Object.freeze({
     AwSchedaPdfDS: AwSchedaPdfDS,
     AwTreeDS: AwTreeDS,
     AwExtendedTreeDS: AwExtendedTreeDS,
+    AwSchedaImageNavigatorDS: AwSchedaImageNavigatorDS,
     AwSearchLayoutTabsDS: AwSearchLayoutTabsDS,
     AwFacetsWrapperDS: AwFacetsWrapperDS,
     AwGalleryResultsDS: AwGalleryResultsDS,
@@ -2424,6 +2515,23 @@ class AwExtendedTreeEH extends EventHandler {
     }
 }
 
+class AwSchedaImageNavigatorEH extends EventHandler {
+    listen() {
+        this.innerEvents$.subscribe(({ type, payload }) => {
+            switch (type) {
+                case 'aw-scheda-image-navigator.change':
+                    this.dataSource.onChange(payload);
+                    break;
+                case 'aw-scheda-image-navigator.submit':
+                    this.dataSource.onSubmit();
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+}
+
 class AwSearchLayoutTabsEH extends EventHandler {
     listen() {
         // TODO
@@ -2883,6 +2991,7 @@ var EH = /*#__PURE__*/Object.freeze({
     AwSchedaDropdownEH: AwSchedaDropdownEH,
     AwSchedaPdfEH: AwSchedaPdfEH,
     AwExtendedTreeEH: AwExtendedTreeEH,
+    AwSchedaImageNavigatorEH: AwSchedaImageNavigatorEH,
     AwSearchLayoutTabsEH: AwSearchLayoutTabsEH,
     AwFacetsWrapperEH: AwFacetsWrapperEH,
     AwGalleryResultsEH: AwGalleryResultsEH,
@@ -6423,6 +6532,14 @@ class AwSchedaLayoutDS extends LayoutDataSource {
                     else {
                         this.one('aw-scheda-image').update(this.currentDigitalObject);
                     }
+                    // image viewer navigator
+                    const navigatorConfig = this.layoutConfig['image-viewer-nav'];
+                    if (navigatorConfig?.enabled) {
+                        schedaImageDS.instanceLoaded$.pipe(first()).subscribe((viewer) => {
+                            this.one('aw-scheda-image-navigator').updateOptions(navigatorConfig);
+                            this.one('aw-scheda-image-navigator').update(viewer);
+                        });
+                    }
                 }
                 else if (this.currentDigitalObject.type === 'pdf') {
                     this.one('aw-scheda-pdf').update(this.currentDigitalObject);
@@ -6437,7 +6554,7 @@ class AwSchedaLayoutDS extends LayoutDataSource {
                     id: 'scheda-layout-viewer',
                     type: $do.type,
                     label: $do.label,
-                    hasNavigation: $do.items.length > 1,
+                    hasNavigation$: new Subject(),
                     items: $do.items.map(({ url, iiifImages }) => ({
                         url,
                         iiifImages,
@@ -6717,6 +6834,7 @@ const AwPatrimonioLayoutConfig = {
         { id: 'aw-scheda-metadata' },
         { id: 'aw-scheda-dropdown' },
         { id: 'aw-scheda-image' },
+        { id: 'aw-scheda-image-navigator' },
         { id: 'aw-scheda-pdf' },
         { id: 'aw-scheda-inner-title' },
         { id: 'aw-related-entities' },
@@ -6754,6 +6872,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 type: Input
             }] } });
 
+class SchedaImageNavigatorComponent {
+    onSubmit() {
+        if (!this.emit)
+            return;
+        this.emit('submit');
+    }
+}
+SchedaImageNavigatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SchedaImageNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SchedaImageNavigatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SchedaImageNavigatorComponent, selector: "aw-scheda-image-navigator", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"aw-scheda-image-navigator\" [ngClass]=\"data.classes\">\n    <div class=\"aw-scheda-image-navigator__input\">\n        <n7-input-text \n        [data]=\"data.input\"\n        [emit]=\"this.emit\"></n7-input-text>\n    </div>\n    <div *ngIf=\"data.button as button\" class=\"aw-scheda-image-navigator__button\">\n        <button class=\"n7-btn\"\n        [ngClass]=\"{\n            'is-disabled': button.disabled\n        }\"\n        [disabled]=\"button.disabled\"\n        (click)=\"onSubmit()\">{{ button.label }}</button>\n    </div>\n</div>", components: [{ type: i3.InputTextComponent, selector: "n7-input-text", inputs: ["data", "emit"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SchedaImageNavigatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aw-scheda-image-navigator', template: "<div *ngIf=\"data\" class=\"aw-scheda-image-navigator\" [ngClass]=\"data.classes\">\n    <div class=\"aw-scheda-image-navigator__input\">\n        <n7-input-text \n        [data]=\"data.input\"\n        [emit]=\"this.emit\"></n7-input-text>\n    </div>\n    <div *ngIf=\"data.button as button\" class=\"aw-scheda-image-navigator__button\">\n        <button class=\"n7-btn\"\n        [ngClass]=\"{\n            'is-disabled': button.disabled\n        }\"\n        [disabled]=\"button.disabled\"\n        (click)=\"onSubmit()\">{{ button.label }}</button>\n    </div>\n</div>" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], emit: [{
+                type: Input
+            }] } });
+
 //---------------------------
 class PdfViewerComponent {
     onClick(payload) {
@@ -6837,10 +6973,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            <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            <!-- Extended tree -->\n            <ng-container *ngTemplateOutlet=\"extendedtree\"></ng-container>\n\n        </div>\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</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>\n\n<ng-template #extendedtree>\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>", 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 } });
+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            <!-- Extended tree -->\n            <ng-container *ngTemplateOutlet=\"extendedtree\"></ng-container>\n\n        </div>\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$ | async)\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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</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>\n\n<ng-template #extendedtree>\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>", 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: SchedaImageNavigatorComponent, selector: "aw-scheda-image-navigator", 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            <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            <!-- Extended tree -->\n            <ng-container *ngTemplateOutlet=\"extendedtree\"></ng-container>\n\n        </div>\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</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>\n\n<ng-template #extendedtree>\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>" }]
+            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            <!-- Extended tree -->\n            <ng-container *ngTemplateOutlet=\"extendedtree\"></ng-container>\n\n        </div>\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$ | async)\n        }\">\n        <ng-container [ngSwitch]=\"$do.type\">\n            <!-- IMAGE VIEWER (IIP) -->\n            <ng-container *ngSwitchCase=\"'images-iip'\">\n                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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                <aw-scheda-image-navigator \n                [data]=\"lb.widgets['aw-scheda-image-navigator'].ds.out$ | async\"\n                [emit]=\"lb.widgets['aw-scheda-image-navigator'].emit\"></aw-scheda-image-navigator>\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</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>\n\n<ng-template #extendedtree>\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>" }]
         }], 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 = {
@@ -7884,6 +8020,7 @@ const COMPONENTS = [
     SchedaDropdownComponent,
     SmartBreadcrumbsComponent,
     ExtendedTreeComponent,
+    SchedaImageNavigatorComponent,
 ];
 class N7BoilerplateAriannaModule {
     constructor(initStatus, config) {
@@ -7912,7 +8049,8 @@ N7BoilerplateAriannaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
         PdfViewerComponent,
         SchedaDropdownComponent,
         SmartBreadcrumbsComponent,
-        ExtendedTreeComponent], imports: [CommonModule,
+        ExtendedTreeComponent,
+        SchedaImageNavigatorComponent], imports: [CommonModule,
         RouterModule,
         DvComponentsLibModule,
         N7BoilerplateCommonModule,
@@ -7930,7 +8068,8 @@ N7BoilerplateAriannaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
         PdfViewerComponent,
         SchedaDropdownComponent,
         SmartBreadcrumbsComponent,
-        ExtendedTreeComponent] });
+        ExtendedTreeComponent,
+        SchedaImageNavigatorComponent] });
 N7BoilerplateAriannaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: N7BoilerplateAriannaModule, imports: [[
             CommonModule,
             RouterModule,
@@ -7963,5 +8102,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, 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 };
+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, AwSchedaImageNavigatorDS, AwSchedaImageNavigatorEH, 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, SchedaImageNavigatorComponent, SmartBreadcrumbsComponent };
 //# sourceMappingURL=net7-boilerplate-arianna.mjs.map