@net7/boilerplate-muruca 5.4.2 → 5.5.1

package/fesm2022/net7-boilerplate-muruca.mjs

@@ -16,9 +16,9 @@ import * as i1$1 from '@angular/platform-browser';
 import OpenSeadragon from 'openseadragon';
 import * as L from 'leaflet';
 import 'leaflet.markercluster';
+import { Network } from 'vis-network';
 import * as dayjs from 'dayjs';
 import tippy from 'tippy.js';
-import { Network } from 'vis-network';
 import * as i1$3 from '@angular/common/http';
 
 const hasValue = (value) => {
@@ -2508,7 +2508,57 @@ class MrNetworkDS extends DataSource {
     }
 }
 
+class MrNetworkResourceDS extends DataSource {
+    constructor() {
+        super(...arguments);
+        this.legend = [];
+        this.networkListener$ = new Subject();
+    }
+    transform(data) {
+        setTimeout(() => {
+            const container = document.getElementById('demo-network');
+            if (!container) {
+                console.error('Container non trovato');
+                return;
+            }
+            try {
+                const { nodes } = data;
+                const { edges } = data;
+                const networkGroups = data?.groups || {};
+                const options = data.libOptions;
+                const mergedGroups = {
+                    ...networkGroups,
+                    ...(options?.groups || {})
+                };
+                // legenda
+                this.legend = [];
+                Object.keys(mergedGroups).forEach((key) => {
+                    const group = mergedGroups[key];
+                    this.legend.push({
+                        key,
+                        label: group.label || key,
+                        color: group.color || '#cccccc'
+                    });
+                });
+                const libOptions = {
+                    ...options,
+                    groups: mergedGroups
+                };
+                const network = new Network(container, { nodes, edges }, libOptions);
+                this.networkListener$.next(network);
+            }
+            catch (error) {
+                console.error('Errore inizializzazione', error);
+            }
+        }, 100);
+        return data;
+    }
+}
+
+// import { ParallelTextViewerData } from '@net7/components';
 class MrParallelTextViewerDS extends DataSource {
+    // protected transform(data: ParallelTextViewerData): ParallelTextViewerData {
+    // ^^^^^^^^^^^^^se va buildare components --- 17-12-2025^^^^^^^^^^^^^^^^^
     transform(data) {
         if (!data)
             return null;
@@ -2560,17 +2610,14 @@ class MrParallelTextViewerDS extends DataSource {
                 });
             }
         }
-        const { enableClickOnEntities, toggleColumn,
-        // searchId,
-        // searchApi
-         } = this.options || {};
+        const { enableClickOnEntities, toggleColumn, searchId, searchApi } = this.options || {};
         data.toggleColumn = toggleColumn;
         // force tei publisher endpoint value
         document.addEventListener('pb-page-ready', (ev) => {
             const { detail } = ev;
             detail.endpoint = data.endpoint;
         }, { once: true });
-        // const params = new URLSearchParams(document.location.search);
+        const params = new URLSearchParams(document.location.search);
         // const id = params.get('id');
         this.setupViewClickListeners();
         /*     if (data.docs[0]?.view === 'page' && id) {
@@ -2623,20 +2670,33 @@ class MrParallelTextViewerDS extends DataSource {
                 this.scrollElementsIntoView(ev.detail, 'chapter', '#view1');
             });
         }
-        /*     if (params.get('hq')) {
+        /*       if (params.get('hq')) {
           if (searchApi) {
             const xmlQueryUrl = `${searchApi.url
             }?resource-id=${searchApi['resource-id']
             }&searchId=${searchId
             }&xml=${data.docs[0]?.xml
             }&${params.toString()}`;
+    
             data.docs[0].url = xmlQueryUrl;
             data.docs[0].rootPath = 'api/mrcparts';
           }
-          document.addEventListener('pb-end-update', (ev: any) => {
-            this.scrollElementsIntoView(ev.detail, 'hq', '#view0');
-          });
-        } */
+             */
+        if (params.get('hq')) {
+            if (searchApi) {
+                const mainDoc = data.docs.find((doc) => doc.id === 'mainDoc');
+                if (mainDoc) {
+                    const xmlQueryUrl = `${searchApi.url}?resource-id=${searchApi['resource-id']}&searchId=${searchId}&xml=${mainDoc.xml}&${params.toString()}`;
+                    mainDoc.url = xmlQueryUrl;
+                    mainDoc.rootPath = 'api/mrcparts';
+                }
+            }
+            // ..
+        }
+        document.addEventListener('pb-end-update', (ev) => {
+            this.scrollElementsIntoView(ev.detail, 'hq', '#transcription-view');
+        });
+        /*   }  */
         return data;
     }
     displayIndex() {
@@ -2794,6 +2854,13 @@ class MrParallelTextViewerDS extends DataSource {
                 }
             }
         }
+        else if (target && target.getAttribute('key') && target.getAttribute('scrollview') !== null) {
+            // Per scroll su indice
+            const key = target.getAttribute('key');
+            if (key) {
+                this.scrollToIndexElement(key);
+            }
+        }
         else if (target && this.output.toggleColumn === false) {
             if (target.__key
                 && (target.className.includes('person')
@@ -2849,15 +2916,32 @@ class MrParallelTextViewerDS extends DataSource {
             }
             else if (type === 'hq') {
                 element = document
-                    .querySelector(`.n7-text-viewer ${view}`)
+                    .querySelector(`.n7-parallel-text-viewer ${view}`)
                     .shadowRoot.querySelector('.tei-em');
             }
-            const container = document.querySelector(`.n7-text-viewer ${view}`);
+            const container = document.querySelector(`.n7-parallel-text-viewer ${view}`);
             if (element) {
                 container.scrollTop = element.offsetTop;
             }
         }, 600);
     }
+    /**
+     * Scrolla all'elemento corrispondente nell'indice
+     */
+    scrollToIndexElement(key) {
+        setTimeout(() => {
+            const cleanKey = key.replace('#', '');
+            const views = document.querySelectorAll('.n7-parallel-text-viewer [id$="-view"]:not(#transcription-view)');
+            Array.from(views).some((view) => {
+                const target = view.shadowRoot?.querySelector(`#${cleanKey}`);
+                if (target) {
+                    target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                    return true;
+                }
+                return false;
+            });
+        }, 300);
+    }
 }
 
 class MrSearchPageTitleDS extends DataSource {
@@ -3315,6 +3399,7 @@ var DS = /*#__PURE__*/Object.freeze({
     MrMetadataDynamicDS: MrMetadataDynamicDS,
     MrNavDS: MrNavDS,
     MrNetworkDS: MrNetworkDS,
+    MrNetworkResourceDS: MrNetworkResourceDS,
     MrParallelTextViewerDS: MrParallelTextViewerDS,
     MrResourceTabsDS: MrResourceTabsDS,
     MrSearchPageDescriptionDS: MrSearchPageDescriptionDS,
@@ -3462,6 +3547,94 @@ class MrNetworkEH extends EventHandler {
     }
 }
 
+// import linksHelper from '../helpers/links-helper';
+class MrNetworkResourceEH extends EventHandler {
+    constructor() {
+        super(...arguments);
+        this.itemPreviewEmit = (type, payload) => {
+            if (type === 'click' && payload?.action === 'resource-modal') {
+                const { id, type: resourceType } = payload;
+                this.modalService.open(id, resourceType);
+            }
+        };
+    }
+    listen() {
+        this.outerEvents$.subscribe(({ type, 
+        // payload,
+        localeService }) => {
+            switch (type) {
+                case 'mr-resource-layout.init':
+                    this.localeService = localeService;
+                    // this.dataSource.networkListener$.subscribe((network: Network) => {
+                    //   network.on('click', (props) => {
+                    //     if (props.nodes && props.nodes.length > 0) {
+                    //       const nodeId = props.nodes[0];
+                    //       const node = this.dataSource.networkData.nodes.find((n) => n.id === nodeId);
+                    //       // gestione payload
+                    //       if (node?.payload) {
+                    //         let anchor = null;
+                    //         // Navigazione interna
+                    //         if (node?.payload?.link?.routeId) {
+                    //           const routeLink = this.localeService.getLinkByRouteId(
+                    //             node.payload.link.routeId,
+                    //             node.payload.link.id,
+                    //             node.payload.link.slug
+                    //           );
+                    //           anchor = {
+                    //             href: routeLink,
+                    //             queryParams: node.payload.link.params || null,
+                    //           };
+                    //           // link semplice
+                    //         } else if (node?.payload?.link && typeof node?.payload?.link === 'string') {
+                    //           anchor = {
+                    //             href: linksHelper.getRouterLink(node.payload.link),
+                    //             queryParams: linksHelper.getQueryParams(node.payload.link),
+                    //           };
+                    //           // link complesso
+                    //         } else if (node?.payload?.link && typeof node?.payload?.link === 'object') {
+                    //           let href = '';
+                    //           if (node.payload.link.absolute) {
+                    //             href = `${node.payload.link.absolute}`;
+                    //           } else if (node.payload.link.relative) {
+                    //             href = node.payload.link.relative;
+                    //           }
+                    //           if (href && node.payload.link.params) {
+                    //             href = linksHelper.joinQueryParams(href, [node.payload.link.params]);
+                    //           }
+                    //           if (href && node.payload.link.query_string) {
+                    //             href = linksHelper.joinQueryParams(href, [document.location.search]);
+                    //           }
+                    //           anchor = {
+                    //             href,
+                    //             queryParams: null,
+                    //           };
+                    //           // altro
+                    //         } else if (node.payload.payload) {
+                    //           anchor = {
+                    //             payload: {
+                    //               ...node.payload.payload
+                    //             }
+                    //           };
+                    //         }
+                    //         if (anchor) {
+                    //           if (anchor.href) {
+                    //             window.open(anchor.href, '_blank');
+                    //           } else if (anchor.payload) {
+                    //             this.itemPreviewEmit('click', anchor.payload);
+                    //           }
+                    //         }
+                    //       }
+                    //     }
+                    //   });
+                    // });
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+}
+
 class MrParallelTextViewerEH extends EventHandler {
     listen() {
         this.innerEvents$.subscribe(({ type, payload }) => {
@@ -3653,6 +3826,7 @@ var EH = /*#__PURE__*/Object.freeze({
     MrMetadataDynamicEH: MrMetadataDynamicEH,
     MrNavEH: MrNavEH,
     MrNetworkEH: MrNetworkEH,
+    MrNetworkResourceEH: MrNetworkResourceEH,
     MrParallelTextViewerEH: MrParallelTextViewerEH,
     MrSearchPageDescriptionEH: MrSearchPageDescriptionEH,
     MrSearchPageTitleEH: MrSearchPageTitleEH,
@@ -5463,11 +5637,11 @@ class MrNetworkLayoutComponent extends AbstractLayout {
         this.onDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrNetworkLayoutComponent, deps: [{ token: i1.LayoutsConfigurationService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.ConfigurationService }, { token: i1.CommunicationService }, { token: i1.MainStateService }, { token: MrLayoutStateService }, { token: MrResourceModalService }, { token: MrLocaleService }, { token: i1$2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrNetworkLayoutComponent, selector: "mr-network-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"network-layout-container\" *ngIf=\"lb.dataSource\">\n  <div class=\"network-header\">\n    <h2>{{ lb.dataSource.pageConfig?.title}}</h2>\n    <p>{{ lb.dataSource.pageConfig?.mapHeader }}</p>\n  </div>\n  \n  <div class=\"network-legend-section\" *ngIf=\"lb.dataSource.legend?.length\">\n    <div class=\"legend-toggle\">\n      <button \n        class=\"legend-toggle-btn\" \n        (click)=\"lb.dataSource.toggleLegend()\"\n        [class.active]=\"lb.dataSource.showLegend\">\n        <span class=\"toggle-icon\">{{ lb.dataSource.showLegend ? '\u2212' : '+' }}</span>\n        Legenda\n      </button>\n    </div>\n    \n    <div class=\"network-legend\" *ngIf=\"lb.dataSource.showLegend\">\n      <div class=\"legend-item\" *ngFor=\"let item of lb.dataSource.legend\">\n        <span class=\"legend-color\" [style.background-color]=\"item.color\"></span>\n        <span>{{ item.label }}</span>\n      </div>\n    </div>\n  </div>\n  \n  <div id=\"demo-network\" class=\"network-visualization\"></div>\n</div>", styles: [".network-layout-container{padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.network-header{text-align:center;margin-bottom:30px}.network-header h2{color:#333;margin-bottom:10px;font-size:2rem}.network-header p{color:#666;font-size:1.1rem}.network-legend-section{margin-bottom:25px}.network-legend-section .legend-toggle{display:flex;justify-content:center;margin-bottom:15px}.network-legend-section .legend-toggle .legend-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.network-legend-section .legend-toggle .legend-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.network-legend-section .legend-toggle .legend-toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.network-legend-section .legend-toggle .legend-toggle-btn .toggle-icon{font-weight:700;font-size:16px;line-height:1}.network-legend{display:flex;justify-content:center;margin-bottom:25px;gap:30px;flex-wrap:wrap}.network-legend .legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#f8f9fa;border-radius:20px;border:1px solid #dee2e6}.network-legend .legend-item .legend-color{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.network-legend .legend-item span:last-child{font-weight:500;color:#333}.network-visualization{width:100%;height:700px;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrNetworkLayoutComponent, selector: "mr-network-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"network-layout-container\" *ngIf=\"lb.dataSource\">\n  <div class=\"network-header\">\n    <h2>{{ lb.dataSource.pageConfig?.title}}</h2>\n    <p>{{ lb.dataSource.pageConfig?.mapHeader }}</p>\n  </div>\n  \n  <div class=\"network-legend-section\" *ngIf=\"lb.dataSource.legend?.length\">\n    <div class=\"legend-toggle\">\n      <button \n        class=\"legend-toggle-btn\" \n        (click)=\"lb.dataSource.toggleLegend()\"\n        [class.active]=\"lb.dataSource.showLegend\">\n        <span class=\"toggle-icon\">{{ lb.dataSource.showLegend ? '-' : '+' }}</span>\n        Legenda\n      </button>\n    </div>\n    \n    <div class=\"network-legend\" *ngIf=\"lb.dataSource.showLegend\">\n      <div class=\"legend-item\" *ngFor=\"let item of lb.dataSource.legend\">\n        <span class=\"legend-color\" [style.background-color]=\"item.color\"></span>\n        <span>{{ item.label }}</span>\n      </div>\n    </div>\n  </div>\n  \n  <div id=\"demo-network\" class=\"network-visualization\"></div>\n</div>", styles: [".network-layout-container{padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.network-header{text-align:center;margin-bottom:30px}.network-header h2{color:#333;margin-bottom:10px;font-size:2rem}.network-header p{color:#666;font-size:1.1rem}.network-legend-section{margin-bottom:25px}.network-legend-section .legend-toggle{display:flex;justify-content:center;margin-bottom:15px}.network-legend-section .legend-toggle .legend-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.network-legend-section .legend-toggle .legend-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.network-legend-section .legend-toggle .legend-toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.network-legend-section .legend-toggle .legend-toggle-btn .toggle-icon{font-weight:700;font-size:16px;line-height:1}.network-legend{display:flex;justify-content:center;margin-bottom:25px;gap:30px;flex-wrap:wrap}.network-legend .legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#f8f9fa;border-radius:20px;border:1px solid #dee2e6}.network-legend .legend-item .legend-color{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.network-legend .legend-item span:last-child{font-weight:500;color:#333}.network-visualization{width:100%;height:700px;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrNetworkLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mr-network-layout', template: "<div class=\"network-layout-container\" *ngIf=\"lb.dataSource\">\n  <div class=\"network-header\">\n    <h2>{{ lb.dataSource.pageConfig?.title}}</h2>\n    <p>{{ lb.dataSource.pageConfig?.mapHeader }}</p>\n  </div>\n  \n  <div class=\"network-legend-section\" *ngIf=\"lb.dataSource.legend?.length\">\n    <div class=\"legend-toggle\">\n      <button \n        class=\"legend-toggle-btn\" \n        (click)=\"lb.dataSource.toggleLegend()\"\n        [class.active]=\"lb.dataSource.showLegend\">\n        <span class=\"toggle-icon\">{{ lb.dataSource.showLegend ? '\u2212' : '+' }}</span>\n        Legenda\n      </button>\n    </div>\n    \n    <div class=\"network-legend\" *ngIf=\"lb.dataSource.showLegend\">\n      <div class=\"legend-item\" *ngFor=\"let item of lb.dataSource.legend\">\n        <span class=\"legend-color\" [style.background-color]=\"item.color\"></span>\n        <span>{{ item.label }}</span>\n      </div>\n    </div>\n  </div>\n  \n  <div id=\"demo-network\" class=\"network-visualization\"></div>\n</div>", styles: [".network-layout-container{padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.network-header{text-align:center;margin-bottom:30px}.network-header h2{color:#333;margin-bottom:10px;font-size:2rem}.network-header p{color:#666;font-size:1.1rem}.network-legend-section{margin-bottom:25px}.network-legend-section .legend-toggle{display:flex;justify-content:center;margin-bottom:15px}.network-legend-section .legend-toggle .legend-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.network-legend-section .legend-toggle .legend-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.network-legend-section .legend-toggle .legend-toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.network-legend-section .legend-toggle .legend-toggle-btn .toggle-icon{font-weight:700;font-size:16px;line-height:1}.network-legend{display:flex;justify-content:center;margin-bottom:25px;gap:30px;flex-wrap:wrap}.network-legend .legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#f8f9fa;border-radius:20px;border:1px solid #dee2e6}.network-legend .legend-item .legend-color{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.network-legend .legend-item span:last-child{font-weight:500;color:#333}.network-visualization{width:100%;height:700px;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden}\n"] }]
+            args: [{ selector: 'mr-network-layout', template: "<div class=\"network-layout-container\" *ngIf=\"lb.dataSource\">\n  <div class=\"network-header\">\n    <h2>{{ lb.dataSource.pageConfig?.title}}</h2>\n    <p>{{ lb.dataSource.pageConfig?.mapHeader }}</p>\n  </div>\n  \n  <div class=\"network-legend-section\" *ngIf=\"lb.dataSource.legend?.length\">\n    <div class=\"legend-toggle\">\n      <button \n        class=\"legend-toggle-btn\" \n        (click)=\"lb.dataSource.toggleLegend()\"\n        [class.active]=\"lb.dataSource.showLegend\">\n        <span class=\"toggle-icon\">{{ lb.dataSource.showLegend ? '-' : '+' }}</span>\n        Legenda\n      </button>\n    </div>\n    \n    <div class=\"network-legend\" *ngIf=\"lb.dataSource.showLegend\">\n      <div class=\"legend-item\" *ngFor=\"let item of lb.dataSource.legend\">\n        <span class=\"legend-color\" [style.background-color]=\"item.color\"></span>\n        <span>{{ item.label }}</span>\n      </div>\n    </div>\n  </div>\n  \n  <div id=\"demo-network\" class=\"network-visualization\"></div>\n</div>", styles: [".network-layout-container{padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:0 auto}.network-header{text-align:center;margin-bottom:30px}.network-header h2{color:#333;margin-bottom:10px;font-size:2rem}.network-header p{color:#666;font-size:1.1rem}.network-legend-section{margin-bottom:25px}.network-legend-section .legend-toggle{display:flex;justify-content:center;margin-bottom:15px}.network-legend-section .legend-toggle .legend-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.network-legend-section .legend-toggle .legend-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.network-legend-section .legend-toggle .legend-toggle-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.network-legend-section .legend-toggle .legend-toggle-btn .toggle-icon{font-weight:700;font-size:16px;line-height:1}.network-legend{display:flex;justify-content:center;margin-bottom:25px;gap:30px;flex-wrap:wrap}.network-legend .legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#f8f9fa;border-radius:20px;border:1px solid #dee2e6}.network-legend .legend-item .legend-color{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.network-legend .legend-item span:last-child{font-weight:500;color:#333}.network-visualization{width:100%;height:700px;border:2px solid #e9ecef;border-radius:12px;margin-bottom:30px;background-color:#fff;box-shadow:0 4px 12px #0000001a;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1.LayoutsConfigurationService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i1.ConfigurationService }, { type: i1.CommunicationService }, { type: i1.MainStateService }, { type: MrLayoutStateService }, { type: MrResourceModalService }, { type: MrLocaleService }, { type: i1$2.Location }] });
 
 class MrPostsLayoutDS extends LayoutDataSource {
@@ -6232,6 +6406,7 @@ const DATASOURCE_MAP$3 = {
     'parallel-text-viewer': MrParallelTextViewerDS,
     'metadata-dynamic': MrMetadataDynamicDS,
     'viewer-iiif': MrImageViewerIiifDS,
+    'network-resource': MrNetworkResourceDS
 };
 const EVENTHANDLER_MAP$2 = {
     viewer: MrImageViewerEH,
@@ -6242,6 +6417,7 @@ const EVENTHANDLER_MAP$2 = {
     collection: MrCollectionEH,
     'metadata-dynamic': MrMetadataDynamicEH,
     button: MrButtonEH,
+    'network-resource': MrNetworkResourceEH,
     // map: MrMapEH
 };
 class MrResourceLayoutComponent extends AbstractLayout {
@@ -6338,11 +6514,11 @@ class MrResourceLayoutComponent extends AbstractLayout {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrResourceLayoutComponent, deps: [{ token: i1.LayoutsConfigurationService }, { token: i2.ActivatedRoute }, { token: i1.ConfigurationService }, { token: i1.CommunicationService }, { token: i1.MainStateService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: MrLayoutStateService }, { token: MrResourceModalService }, { token: MrLocaleService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrResourceLayoutComponent, selector: "mr-resource-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"mr-resource mr-layout\" \n     *ngIf=\"lb.dataSource && lb.dataSource.pageConfig\"\n     [ngClass]=\"{\n        'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n        'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n      }\">\n    <!-- RESOURCE LAYOUT CONTENT -->\n    <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n        <!-- loading -->\n        <ng-container *ngSwitchCase=\"'LOADING'\">\n            <div class=\"mr-layout__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n\n        <!-- error -->\n        <ng-container *ngSwitchCase=\"'ERROR'\">\n            <div class=\"mr-layout__error\">\n                <h2>{{ lb.dataSource.errorTitle }}</h2>\n                <p>{{ lb.dataSource.errorDescription }}</p>\n            </div>\n        </ng-container>\n\n        <!-- success -->\n        <ng-container *ngSwitchCase=\"'SUCCESS'\">\n            <ng-container *ngIf=\"lb.dataSource.pageConfig.sections as sections\">\n                <!-- Pass the list of blocks to render to the block template -->\n                <div class=\"mr-resource__top\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n                </div>\n                <div class=\"mr-resource__content mr-side-margin\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #blocks let-list>\n    <ng-container *ngFor=\"let section of list\">\n        <section *ngIf=\"lb.widgets[section.id].ds.out$ | async\"\n        class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n            <ng-container [ngSwitch]=\"section.type\">\n\n                <!-- TABS -->\n                <ng-container *ngSwitchCase=\"'tabs'\">\n                    <ng-container *ngFor=\"let tab of lb.widgets[section.id].ds.out$ | async\">\n                        <n7-anchor-wrapper [data]=\"tab.anchor\" [classes]=\"tab.classes\" *ngIf=\"!tab.hideTab\">\n                            <span class=\"mr-resource__tabs-item\">{{ tab.label }}</span>\n                        </n7-anchor-wrapper>\n                    </ng-container>\n                </ng-container>\n\n                <!-- INNER TITLE -->\n                <ng-container *ngSwitchCase=\"'title'\">\n                    <div class=\"mr-resource__title-content mr-side-margin\">\n                        <n7-inner-title \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-inner-title>\n                    </div>\n                </ng-container>\n\n                <!-- CUSTOM BUTTON -->\n                <ng-container *ngSwitchCase=\"'button'\">\n                    <div class=\"mr-resource__button\">\n                        <n7-button \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-button>\n                    </div>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER IIIF -->\n                <ng-container *ngSwitchCase=\"'viewer-iiif'\">\n                    <n7-mirador\n                        (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                        [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-mirador>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER -->\n                <ng-container *ngSwitchCase=\"'viewer'\">\n\n                        <n7-image-viewer \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-image-viewer>\n                        <!-- IMAGE VIEWER TOOLS -->\n                        <n7-image-viewer-tools *ngIf=\"section.tools\" \n                            [data]=\"lb.widgets[section.id + '-tools'].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id + '-tools'].emit\">\n                        </n7-image-viewer-tools>\n                        <!-- IMAGE VIEWER OVERLAY DETAILS -->\n                        <div *ngIf=\"lb.widgets[section.id + '-overlay-details'].ds.out$ | async as viewerDetailsData\" \n                            class=\"mr-resource__viewer-overlay-details\">\n                            <div class=\"mr-resource__viewer-overlay-details__close\">\n                                <a class=\"mr-resource__viewer-overlay-details__close-link\" \n                                    (click)=\"lb.eventHandler.emitOuter('overlaycloseclick')\">\n                                    <span class=\"n7-icon-close\"></span>\n                                </a>\n                            </div>\n                            <n7-item-preview \n                                [data]=\"viewerDetailsData\" \n                                [emit]=\"lb.widgets[section.id + '-overlay-details'].emit\">\n                            </n7-item-preview>\n                        </div>\n\n                </ng-container>\n    \n                <!-- METADATA VIEWER -->\n                <ng-container *ngSwitchCase=\"'metadata'\">\n                    \n                    <div class=\"mr-content-block mr-content-block-metadata\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <mr-read-more [data]=\"section.readmore\">\n                                <ng-container *ngIf=\" section?.options?.readmore || section?.options?.groupReadmore;\n                                            else wihoutReadmore\">\n                                    <mr-metadata-readmore\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </mr-metadata-readmore>\n                                </ng-container>\n                                <ng-template #wihoutReadmore>\n                                    <n7-metadata-viewer\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </n7-metadata-viewer>\n                                </ng-template>\n                            </mr-read-more>\n                        </div>\n                    </div>\n      \n                </ng-container>\n                    \n                <!-- METADATA DYNAMIC -->\n                <ng-container *ngSwitchCase=\"'metadata-dynamic'\">\n                    <mr-metadata-dynamic \n                    [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                    [emit]=\"lb.widgets[section.id].emit\">\n                    </mr-metadata-dynamic>                    \n                </ng-container>\n    \n                <!-- COLLECTION -->\n                <ng-container *ngSwitchCase=\"'collection'\">\n                    <ng-container *ngIf=\"lb.widgets[section.id].ds.out$ | async as collection$\">\n                        <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-content-block mr-content-block-collection\">\n                            <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                                {{ section.title }}\n                            </h3>\n                            <div class=\"mr-content-block__content {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n                                <n7-item-preview *ngFor=\"let item of collection$?.items\"\n                                    [data]=\"item\" [emit]=\"lb.widgets[section.id].emit\">\n                                </n7-item-preview>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n    \n                <!-- ITEM PREVIEW -->\n                <ng-container *ngSwitchCase=\"'preview'\">\n                    <div class=\"mr-content-block mr-content-block-item-preview\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <n7-item-preview [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">        \n                            </n7-item-preview>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- PARALLEL TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'parallel-text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer mr-content-block-parallel-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-parallel-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-parallel-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- MAP -->\n             <ng-container *ngSwitchCase=\"'map'\">\n                  <div class=\"mr-content-block mr-content-block-map\">\n                    <div class=\"mr-content-block__content\">\n                        <n7-map [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\"></n7-map>\n                    </div>\n                </div>\n            </ng-container>\n    \n                <!-- INFO BOX -->\n                <ng-container *ngSwitchCase=\"'info-box'\">\n                    <div class=\"mr-content-block mr-content-block-info-box\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <div class=\"info-box__mock\">info-box</div>    \n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- BREADCRUMBS -->\n                <ng-container *ngSwitchCase=\"'breadcrumbs'\">\n                    <n7-breadcrumbs [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-breadcrumbs>\n                </ng-container>\n\n            </ng-container>\n        </section>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i7.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { kind: "component", type: i7.BreadcrumbsComponent, selector: "n7-breadcrumbs", inputs: ["data", "emit"] }, { kind: "component", type: i7.ButtonComponent, selector: "n7-button", inputs: ["data", "emit"] }, { kind: "component", type: i7.ImageViewerComponent, selector: "n7-image-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: ["data", "emit"] }, { kind: "component", type: i7.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i7.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }, { kind: "component", type: i7.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { kind: "component", type: i7.MapComponent, selector: "n7-map", inputs: ["data", "emit"] }, { kind: "component", type: i7.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.MiradorComponent, selector: "n7-mirador", inputs: ["data"] }, { kind: "component", type: i7.TextViewerComponent, selector: "n7-text-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.ParallelTextViewerComponent, selector: "n7-parallel-text-viewer", inputs: ["data", "emit"] }, { kind: "component", type: MrMetadataReadmoreComponent, selector: "mr-metadata-readmore", inputs: ["data", "emit"] }, { kind: "component", type: ReadMoreComponent, selector: "mr-read-more", inputs: ["data"] }, { kind: "component", type: MrMetadataDynamicComponent, selector: "mr-metadata-dynamic", inputs: ["data", "emit"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MrResourceLayoutComponent, selector: "mr-resource-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"mr-resource mr-layout\" \n     *ngIf=\"lb.dataSource && lb.dataSource.pageConfig\"\n     [ngClass]=\"{\n        'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n        'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n      }\">\n    <!-- RESOURCE LAYOUT CONTENT -->\n    <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n        <!-- loading -->\n        <ng-container *ngSwitchCase=\"'LOADING'\">\n            <div class=\"mr-layout__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n\n        <!-- error -->\n        <ng-container *ngSwitchCase=\"'ERROR'\">\n            <div class=\"mr-layout__error\">\n                <h2>{{ lb.dataSource.errorTitle }}</h2>\n                <p>{{ lb.dataSource.errorDescription }}</p>\n            </div>\n        </ng-container>\n\n        <!-- success -->\n        <ng-container *ngSwitchCase=\"'SUCCESS'\">\n            <ng-container *ngIf=\"lb.dataSource.pageConfig.sections as sections\">\n                <!-- Pass the list of blocks to render to the block template -->\n                <div class=\"mr-resource__top\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n                </div>\n                <div class=\"mr-resource__content mr-side-margin\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #blocks let-list>\n    <ng-container *ngFor=\"let section of list\">\n        <section *ngIf=\"lb.widgets[section.id].ds.out$ | async\"\n        class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n            <ng-container [ngSwitch]=\"section.type\">\n\n                <!-- TABS -->\n                <ng-container *ngSwitchCase=\"'tabs'\">\n                    <ng-container *ngFor=\"let tab of lb.widgets[section.id].ds.out$ | async\">\n                        <n7-anchor-wrapper [data]=\"tab.anchor\" [classes]=\"tab.classes\" *ngIf=\"!tab.hideTab\">\n                            <span class=\"mr-resource__tabs-item\">{{ tab.label }}</span>\n                        </n7-anchor-wrapper>\n                    </ng-container>\n                </ng-container>\n\n                <!-- INNER TITLE -->\n                <ng-container *ngSwitchCase=\"'title'\">\n                    <div class=\"mr-resource__title-content mr-side-margin\">\n                        <n7-inner-title \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-inner-title>\n                    </div>\n                </ng-container>\n\n                <!-- CUSTOM BUTTON -->\n                <ng-container *ngSwitchCase=\"'button'\">\n                    <div class=\"mr-resource__button\">\n                        <n7-button \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-button>\n                    </div>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER IIIF -->\n                <ng-container *ngSwitchCase=\"'viewer-iiif'\">\n                    <n7-mirador\n                        (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                        [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-mirador>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER -->\n                <ng-container *ngSwitchCase=\"'viewer'\">\n\n                        <n7-image-viewer \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-image-viewer>\n                        <!-- IMAGE VIEWER TOOLS -->\n                        <n7-image-viewer-tools *ngIf=\"section.tools\" \n                            [data]=\"lb.widgets[section.id + '-tools'].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id + '-tools'].emit\">\n                        </n7-image-viewer-tools>\n                        <!-- IMAGE VIEWER OVERLAY DETAILS -->\n                        <div *ngIf=\"lb.widgets[section.id + '-overlay-details'].ds.out$ | async as viewerDetailsData\" \n                            class=\"mr-resource__viewer-overlay-details\">\n                            <div class=\"mr-resource__viewer-overlay-details__close\">\n                                <a class=\"mr-resource__viewer-overlay-details__close-link\" \n                                    (click)=\"lb.eventHandler.emitOuter('overlaycloseclick')\">\n                                    <span class=\"n7-icon-close\"></span>\n                                </a>\n                            </div>\n                            <n7-item-preview \n                                [data]=\"viewerDetailsData\" \n                                [emit]=\"lb.widgets[section.id + '-overlay-details'].emit\">\n                            </n7-item-preview>\n                        </div>\n\n                </ng-container>\n    \n                <!-- METADATA VIEWER -->\n                <ng-container *ngSwitchCase=\"'metadata'\">\n                    \n                    <div class=\"mr-content-block mr-content-block-metadata\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <mr-read-more [data]=\"section.readmore\">\n                                <ng-container *ngIf=\" section?.options?.readmore || section?.options?.groupReadmore;\n                                            else wihoutReadmore\">\n                                    <mr-metadata-readmore\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </mr-metadata-readmore>\n                                </ng-container>\n                                <ng-template #wihoutReadmore>\n                                    <n7-metadata-viewer\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </n7-metadata-viewer>\n                                </ng-template>\n                            </mr-read-more>\n                        </div>\n                    </div>\n      \n                </ng-container>\n                    \n                <!-- METADATA DYNAMIC -->\n                <ng-container *ngSwitchCase=\"'metadata-dynamic'\">\n                    <mr-metadata-dynamic \n                    [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                    [emit]=\"lb.widgets[section.id].emit\">\n                    </mr-metadata-dynamic>                    \n                </ng-container>\n    \n                <!-- COLLECTION -->\n                <ng-container *ngSwitchCase=\"'collection'\">\n                    <ng-container *ngIf=\"lb.widgets[section.id].ds.out$ | async as collection$\">\n                        <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-content-block mr-content-block-collection\">\n                            <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                                {{ section.title }}\n                            </h3>\n                            <div class=\"mr-content-block__content {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n                                <n7-item-preview *ngFor=\"let item of collection$?.items\"\n                                    [data]=\"item\" [emit]=\"lb.widgets[section.id].emit\">\n                                </n7-item-preview>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n    \n                <!-- ITEM PREVIEW -->\n                <ng-container *ngSwitchCase=\"'preview'\">\n                    <div class=\"mr-content-block mr-content-block-item-preview\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <n7-item-preview [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">        \n                            </n7-item-preview>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- PARALLEL TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'parallel-text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer mr-content-block-parallel-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-parallel-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-parallel-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- MAP -->\n                <ng-container *ngSwitchCase=\"'map'\">\n                    <div class=\"mr-content-block mr-content-block-map\">\n                        <div class=\"mr-content-block__content\">\n                            <n7-map [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\"></n7-map>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <!-- NETWORK -->\n                <ng-container *ngSwitchCase=\"'network-resource'\">\n                    <div class=\"mr-content-block mr-content-block-network\">\n                        <div class=\"mr-content-block__content\">\n                            <div id=\"demo-network\" class=\"network-visualization\"><p>Network</p></div>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- INFO BOX -->\n                <ng-container *ngSwitchCase=\"'info-box'\">\n                    <div class=\"mr-content-block mr-content-block-info-box\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <div class=\"info-box__mock\">info-box</div>    \n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- BREADCRUMBS -->\n                <ng-container *ngSwitchCase=\"'breadcrumbs'\">\n                    <n7-breadcrumbs [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-breadcrumbs>\n                </ng-container>\n\n            </ng-container>\n        </section>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i7.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { kind: "component", type: i7.BreadcrumbsComponent, selector: "n7-breadcrumbs", inputs: ["data", "emit"] }, { kind: "component", type: i7.ButtonComponent, selector: "n7-button", inputs: ["data", "emit"] }, { kind: "component", type: i7.ImageViewerComponent, selector: "n7-image-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: ["data", "emit"] }, { kind: "component", type: i7.InnerTitleComponent, selector: "n7-inner-title", inputs: ["data", "emit"] }, { kind: "component", type: i7.ItemPreviewComponent, selector: "n7-item-preview", inputs: ["data", "emit"] }, { kind: "component", type: i7.LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { kind: "component", type: i7.MapComponent, selector: "n7-map", inputs: ["data", "emit"] }, { kind: "component", type: i7.MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.MiradorComponent, selector: "n7-mirador", inputs: ["data"] }, { kind: "component", type: i7.TextViewerComponent, selector: "n7-text-viewer", inputs: ["data", "emit"] }, { kind: "component", type: i7.ParallelTextViewerComponent, selector: "n7-parallel-text-viewer", inputs: ["data", "emit"] }, { kind: "component", type: MrMetadataReadmoreComponent, selector: "mr-metadata-readmore", inputs: ["data", "emit"] }, { kind: "component", type: ReadMoreComponent, selector: "mr-read-more", inputs: ["data"] }, { kind: "component", type: MrMetadataDynamicComponent, selector: "mr-metadata-dynamic", inputs: ["data", "emit"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MrResourceLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mr-resource-layout', template: "<div class=\"mr-resource mr-layout\" \n     *ngIf=\"lb.dataSource && lb.dataSource.pageConfig\"\n     [ngClass]=\"{\n        'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n        'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n      }\">\n    <!-- RESOURCE LAYOUT CONTENT -->\n    <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n        <!-- loading -->\n        <ng-container *ngSwitchCase=\"'LOADING'\">\n            <div class=\"mr-layout__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n\n        <!-- error -->\n        <ng-container *ngSwitchCase=\"'ERROR'\">\n            <div class=\"mr-layout__error\">\n                <h2>{{ lb.dataSource.errorTitle }}</h2>\n                <p>{{ lb.dataSource.errorDescription }}</p>\n            </div>\n        </ng-container>\n\n        <!-- success -->\n        <ng-container *ngSwitchCase=\"'SUCCESS'\">\n            <ng-container *ngIf=\"lb.dataSource.pageConfig.sections as sections\">\n                <!-- Pass the list of blocks to render to the block template -->\n                <div class=\"mr-resource__top\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n                </div>\n                <div class=\"mr-resource__content mr-side-margin\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #blocks let-list>\n    <ng-container *ngFor=\"let section of list\">\n        <section *ngIf=\"lb.widgets[section.id].ds.out$ | async\"\n        class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n            <ng-container [ngSwitch]=\"section.type\">\n\n                <!-- TABS -->\n                <ng-container *ngSwitchCase=\"'tabs'\">\n                    <ng-container *ngFor=\"let tab of lb.widgets[section.id].ds.out$ | async\">\n                        <n7-anchor-wrapper [data]=\"tab.anchor\" [classes]=\"tab.classes\" *ngIf=\"!tab.hideTab\">\n                            <span class=\"mr-resource__tabs-item\">{{ tab.label }}</span>\n                        </n7-anchor-wrapper>\n                    </ng-container>\n                </ng-container>\n\n                <!-- INNER TITLE -->\n                <ng-container *ngSwitchCase=\"'title'\">\n                    <div class=\"mr-resource__title-content mr-side-margin\">\n                        <n7-inner-title \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-inner-title>\n                    </div>\n                </ng-container>\n\n                <!-- CUSTOM BUTTON -->\n                <ng-container *ngSwitchCase=\"'button'\">\n                    <div class=\"mr-resource__button\">\n                        <n7-button \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-button>\n                    </div>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER IIIF -->\n                <ng-container *ngSwitchCase=\"'viewer-iiif'\">\n                    <n7-mirador\n                        (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                        [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-mirador>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER -->\n                <ng-container *ngSwitchCase=\"'viewer'\">\n\n                        <n7-image-viewer \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-image-viewer>\n                        <!-- IMAGE VIEWER TOOLS -->\n                        <n7-image-viewer-tools *ngIf=\"section.tools\" \n                            [data]=\"lb.widgets[section.id + '-tools'].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id + '-tools'].emit\">\n                        </n7-image-viewer-tools>\n                        <!-- IMAGE VIEWER OVERLAY DETAILS -->\n                        <div *ngIf=\"lb.widgets[section.id + '-overlay-details'].ds.out$ | async as viewerDetailsData\" \n                            class=\"mr-resource__viewer-overlay-details\">\n                            <div class=\"mr-resource__viewer-overlay-details__close\">\n                                <a class=\"mr-resource__viewer-overlay-details__close-link\" \n                                    (click)=\"lb.eventHandler.emitOuter('overlaycloseclick')\">\n                                    <span class=\"n7-icon-close\"></span>\n                                </a>\n                            </div>\n                            <n7-item-preview \n                                [data]=\"viewerDetailsData\" \n                                [emit]=\"lb.widgets[section.id + '-overlay-details'].emit\">\n                            </n7-item-preview>\n                        </div>\n\n                </ng-container>\n    \n                <!-- METADATA VIEWER -->\n                <ng-container *ngSwitchCase=\"'metadata'\">\n                    \n                    <div class=\"mr-content-block mr-content-block-metadata\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <mr-read-more [data]=\"section.readmore\">\n                                <ng-container *ngIf=\" section?.options?.readmore || section?.options?.groupReadmore;\n                                            else wihoutReadmore\">\n                                    <mr-metadata-readmore\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </mr-metadata-readmore>\n                                </ng-container>\n                                <ng-template #wihoutReadmore>\n                                    <n7-metadata-viewer\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </n7-metadata-viewer>\n                                </ng-template>\n                            </mr-read-more>\n                        </div>\n                    </div>\n      \n                </ng-container>\n                    \n                <!-- METADATA DYNAMIC -->\n                <ng-container *ngSwitchCase=\"'metadata-dynamic'\">\n                    <mr-metadata-dynamic \n                    [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                    [emit]=\"lb.widgets[section.id].emit\">\n                    </mr-metadata-dynamic>                    \n                </ng-container>\n    \n                <!-- COLLECTION -->\n                <ng-container *ngSwitchCase=\"'collection'\">\n                    <ng-container *ngIf=\"lb.widgets[section.id].ds.out$ | async as collection$\">\n                        <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-content-block mr-content-block-collection\">\n                            <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                                {{ section.title }}\n                            </h3>\n                            <div class=\"mr-content-block__content {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n                                <n7-item-preview *ngFor=\"let item of collection$?.items\"\n                                    [data]=\"item\" [emit]=\"lb.widgets[section.id].emit\">\n                                </n7-item-preview>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n    \n                <!-- ITEM PREVIEW -->\n                <ng-container *ngSwitchCase=\"'preview'\">\n                    <div class=\"mr-content-block mr-content-block-item-preview\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <n7-item-preview [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">        \n                            </n7-item-preview>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- PARALLEL TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'parallel-text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer mr-content-block-parallel-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-parallel-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-parallel-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- MAP -->\n             <ng-container *ngSwitchCase=\"'map'\">\n                  <div class=\"mr-content-block mr-content-block-map\">\n                    <div class=\"mr-content-block__content\">\n                        <n7-map [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\"></n7-map>\n                    </div>\n                </div>\n            </ng-container>\n    \n                <!-- INFO BOX -->\n                <ng-container *ngSwitchCase=\"'info-box'\">\n                    <div class=\"mr-content-block mr-content-block-info-box\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <div class=\"info-box__mock\">info-box</div>    \n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- BREADCRUMBS -->\n                <ng-container *ngSwitchCase=\"'breadcrumbs'\">\n                    <n7-breadcrumbs [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-breadcrumbs>\n                </ng-container>\n\n            </ng-container>\n        </section>\n    </ng-container>\n</ng-template>\n" }]
+            args: [{ selector: 'mr-resource-layout', template: "<div class=\"mr-resource mr-layout\" \n     *ngIf=\"lb.dataSource && lb.dataSource.pageConfig\"\n     [ngClass]=\"{\n        'is-loading': ( layoutState.get$('content') | async ) == 'LOADING',\n        'is-error': ( layoutState.get$('content') | async ) == 'ERROR'\n      }\">\n    <!-- RESOURCE LAYOUT CONTENT -->\n    <ng-container [ngSwitch]=\"layoutState.get$('content') | async\">\n        <!-- loading -->\n        <ng-container *ngSwitchCase=\"'LOADING'\">\n            <div class=\"mr-layout__loader\">\n                <n7-loader></n7-loader>\n            </div>\n        </ng-container>\n\n        <!-- error -->\n        <ng-container *ngSwitchCase=\"'ERROR'\">\n            <div class=\"mr-layout__error\">\n                <h2>{{ lb.dataSource.errorTitle }}</h2>\n                <p>{{ lb.dataSource.errorDescription }}</p>\n            </div>\n        </ng-container>\n\n        <!-- success -->\n        <ng-container *ngSwitchCase=\"'SUCCESS'\">\n            <ng-container *ngIf=\"lb.dataSource.pageConfig.sections as sections\">\n                <!-- Pass the list of blocks to render to the block template -->\n                <div class=\"mr-resource__top\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.top }\"></ng-container>\n                </div>\n                <div class=\"mr-resource__content mr-side-margin\">\n                    <ng-container *ngTemplateOutlet=\"blocks; context: { $implicit: sections.content }\"></ng-container>\n                </div>\n            </ng-container>\n        </ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #blocks let-list>\n    <ng-container *ngFor=\"let section of list\">\n        <section *ngIf=\"lb.widgets[section.id].ds.out$ | async\"\n        class=\"{{ 'mr-resource__section mr-resource__' + section.type }}\">\n            <ng-container [ngSwitch]=\"section.type\">\n\n                <!-- TABS -->\n                <ng-container *ngSwitchCase=\"'tabs'\">\n                    <ng-container *ngFor=\"let tab of lb.widgets[section.id].ds.out$ | async\">\n                        <n7-anchor-wrapper [data]=\"tab.anchor\" [classes]=\"tab.classes\" *ngIf=\"!tab.hideTab\">\n                            <span class=\"mr-resource__tabs-item\">{{ tab.label }}</span>\n                        </n7-anchor-wrapper>\n                    </ng-container>\n                </ng-container>\n\n                <!-- INNER TITLE -->\n                <ng-container *ngSwitchCase=\"'title'\">\n                    <div class=\"mr-resource__title-content mr-side-margin\">\n                        <n7-inner-title \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-inner-title>\n                    </div>\n                </ng-container>\n\n                <!-- CUSTOM BUTTON -->\n                <ng-container *ngSwitchCase=\"'button'\">\n                    <div class=\"mr-resource__button\">\n                        <n7-button \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-button>\n                    </div>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER IIIF -->\n                <ng-container *ngSwitchCase=\"'viewer-iiif'\">\n                    <n7-mirador\n                        (contextmenu)=\"lb.dataSource.hasContextMenu()\"\n                        [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-mirador>\n                </ng-container>\n    \n                <!-- IMAGE VIEWER -->\n                <ng-container *ngSwitchCase=\"'viewer'\">\n\n                        <n7-image-viewer \n                            [data]=\"lb.widgets[section.id].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id].emit\">\n                        </n7-image-viewer>\n                        <!-- IMAGE VIEWER TOOLS -->\n                        <n7-image-viewer-tools *ngIf=\"section.tools\" \n                            [data]=\"lb.widgets[section.id + '-tools'].ds.out$ | async\" \n                            [emit]=\"lb.widgets[section.id + '-tools'].emit\">\n                        </n7-image-viewer-tools>\n                        <!-- IMAGE VIEWER OVERLAY DETAILS -->\n                        <div *ngIf=\"lb.widgets[section.id + '-overlay-details'].ds.out$ | async as viewerDetailsData\" \n                            class=\"mr-resource__viewer-overlay-details\">\n                            <div class=\"mr-resource__viewer-overlay-details__close\">\n                                <a class=\"mr-resource__viewer-overlay-details__close-link\" \n                                    (click)=\"lb.eventHandler.emitOuter('overlaycloseclick')\">\n                                    <span class=\"n7-icon-close\"></span>\n                                </a>\n                            </div>\n                            <n7-item-preview \n                                [data]=\"viewerDetailsData\" \n                                [emit]=\"lb.widgets[section.id + '-overlay-details'].emit\">\n                            </n7-item-preview>\n                        </div>\n\n                </ng-container>\n    \n                <!-- METADATA VIEWER -->\n                <ng-container *ngSwitchCase=\"'metadata'\">\n                    \n                    <div class=\"mr-content-block mr-content-block-metadata\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <mr-read-more [data]=\"section.readmore\">\n                                <ng-container *ngIf=\" section?.options?.readmore || section?.options?.groupReadmore;\n                                            else wihoutReadmore\">\n                                    <mr-metadata-readmore\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </mr-metadata-readmore>\n                                </ng-container>\n                                <ng-template #wihoutReadmore>\n                                    <n7-metadata-viewer\n                                        [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                                        [emit]=\"lb.widgets[section.id].emit\">\n                                    </n7-metadata-viewer>\n                                </ng-template>\n                            </mr-read-more>\n                        </div>\n                    </div>\n      \n                </ng-container>\n                    \n                <!-- METADATA DYNAMIC -->\n                <ng-container *ngSwitchCase=\"'metadata-dynamic'\">\n                    <mr-metadata-dynamic \n                    [data]=\"lb.widgets[section.id].ds.out$ | async\"\n                    [emit]=\"lb.widgets[section.id].emit\">\n                    </mr-metadata-dynamic>                    \n                </ng-container>\n    \n                <!-- COLLECTION -->\n                <ng-container *ngSwitchCase=\"'collection'\">\n                    <ng-container *ngIf=\"lb.widgets[section.id].ds.out$ | async as collection$\">\n                        <div *ngIf=\"collection$.items?.length > 0\" class=\"mr-content-block mr-content-block-collection\">\n                            <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                                {{ section.title }}\n                            </h3>\n                            <div class=\"mr-content-block__content {{ section.grid ? 'n7-grid-' + section.grid : '' }}\">\n                                <n7-item-preview *ngFor=\"let item of collection$?.items\"\n                                    [data]=\"item\" [emit]=\"lb.widgets[section.id].emit\">\n                                </n7-item-preview>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n    \n                <!-- ITEM PREVIEW -->\n                <ng-container *ngSwitchCase=\"'preview'\">\n                    <div class=\"mr-content-block mr-content-block-item-preview\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <n7-item-preview [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">        \n                            </n7-item-preview>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- PARALLEL TEXT VIEWER -->\n                <ng-container *ngSwitchCase=\"'parallel-text-viewer'\">\n                  <div class=\"mr-content-block mr-content-block-text-viewer mr-content-block-parallel-text-viewer\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                          <n7-parallel-text-viewer [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\">\n                          </n7-parallel-text-viewer>\n                    </div>\n                  </div>\n                </ng-container>\n\n                <!-- MAP -->\n                <ng-container *ngSwitchCase=\"'map'\">\n                    <div class=\"mr-content-block mr-content-block-map\">\n                        <div class=\"mr-content-block__content\">\n                            <n7-map [data]=\"lb.widgets[section.id].ds.out$ | async\" [emit]=\"lb.widgets[section.id].emit\"></n7-map>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <!-- NETWORK -->\n                <ng-container *ngSwitchCase=\"'network-resource'\">\n                    <div class=\"mr-content-block mr-content-block-network\">\n                        <div class=\"mr-content-block__content\">\n                            <div id=\"demo-network\" class=\"network-visualization\"><p>Network</p></div>\n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- INFO BOX -->\n                <ng-container *ngSwitchCase=\"'info-box'\">\n                    <div class=\"mr-content-block mr-content-block-info-box\">\n                        <h3 *ngIf=\"section.title\" class=\"mr-content-block__title\">\n                            {{ section.title }}\n                        </h3>\n                        <div class=\"mr-content-block__content\">\n                            <div class=\"info-box__mock\">info-box</div>    \n                        </div>\n                    </div>\n                </ng-container>\n    \n                <!-- BREADCRUMBS -->\n                <ng-container *ngSwitchCase=\"'breadcrumbs'\">\n                    <n7-breadcrumbs [data]=\"lb.widgets[section.id].ds.out$ | async\">\n                    </n7-breadcrumbs>\n                </ng-container>\n\n            </ng-container>\n        </section>\n    </ng-container>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.LayoutsConfigurationService }, { type: i2.ActivatedRoute }, { type: i1.ConfigurationService }, { type: i1.CommunicationService }, { type: i1.MainStateService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: MrLayoutStateService }, { type: MrResourceModalService }, { type: MrLocaleService }] });
 
 class SearchFacetsLayoutDS extends LayoutDataSource {
@@ -8734,5 +8910,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DynamicPathGuard, FACETS_REQUEST_STATE_CONTEXT, FACET_STATE_CONTEXT, INPUT_STATE_CONTEXT, LayoutState, LocaleDependenciesGuard, MrAdvancedResultComponent, MrAdvancedResultsLayoutComponent, MrAdvancedResultsLayoutConfig, MrAdvancedResultsLayoutDS, MrAdvancedResultsLayoutEH, MrAdvancedSearchLayoutComponent, MrAdvancedSearchLayoutConfig, MrAdvancedSearchLayoutDS, MrAdvancedSearchLayoutEH, MrAdvancedSearchTagsDS, MrBreadcrumbsDS, MrButtonDS, MrButtonEH, MrCollectionDS, MrCollectionEH, MrContentDS, MrDummyEH, MrFiltersDS, MrFiltersEH, MrFooterService, MrFormComponent, MrFormWrapperAccordionComponent, MrFormWrapperAccordionDS, MrFormWrapperAccordionEH, MrGalleryComponent, MrGalleryDS, MrGalleryEH, MrHeroDS, MrHomeLayoutComponent, MrHomeLayoutConfig, MrHomeLayoutDS, MrHomeLayoutEH, MrImageViewerDS, MrImageViewerIiifDS, MrImageViewerOverlayDetailsDS, MrImageViewerToolsDS, MrInfoBoxDS, MrInnerTitleDS, MrItemPreviewDS, MrItemPreviewsDS, MrItineraryLayoutComponent, MrItineraryLayoutConfig, MrItineraryLayoutDS, MrItineraryLayoutEH, MrLayoutStateService, MrLocaleService, MrMapDS, MrMapEH, MrMapLayoutComponent, MrMapLayoutConfig, MrMapLayoutDS, MrMapLayoutEH, MrMenuService, MrMetadataDS, MrMetadataDynamicComponent, MrMetadataDynamicDS, MrMetadataDynamicEH, MrMetadataReadmoreComponent, MrNavDS, MrNavEH, MrNetworkDS, MrNetworkEH, MrNetworkLayoutComponent, MrNetworkLayoutConfig, MrNetworkLayoutDS, MrNetworkLayoutEH, MrParallelTextViewerDS, MrParallelTextViewerEH, MrPostsLayoutComponent, MrPostsLayoutConfig, MrPostsLayoutDS, MrPostsLayoutEH, MrResourceLayoutComponent, MrResourceLayoutConfig, MrResourceLayoutDS, MrResourceLayoutEH, MrResourceModalComponent, MrResourceModalService, MrResourceTabsDS, MrSearchFacetsLayoutComponent, MrSearchLayoutComponent, MrSearchLayoutConfig, MrSearchLayoutDS, MrSearchLayoutEH, MrSearchPageDescriptionComponent, MrSearchPageDescriptionDS, MrSearchPageDescriptionEH, MrSearchPageTitleDS, MrSearchPageTitleEH, MrSearchResultsDS, MrSearchResultsEH, MrSearchResultsTitleDS, MrSearchResultsTitleEH, MrSearchService, MrSearchTagsDS, MrSearchTagsEH, MrStaticLayoutComponent, MrStaticLayoutConfig, MrStaticLayoutDS, MrStaticLayoutEH, MrStaticMetadataDS, MrTextViewerDS, MrTextViewerEH, MrTimelineDS, MrTimelineEH, MrTimelineLayoutComponent, MrTimelineLayoutConfig, MrTimelineLayoutDS, MrTimelineLayoutEH, MrTranslationsLoaderService, MrYearHeaderDS, MrYearHeaderEH, N7BoilerplateMurucaModule, RESULTS_REQUEST_STATE_CONTEXT, ReadMoreComponent, SECTION_STATE_CONTEXT, SearchFacetsLayoutConfig, SearchFacetsLayoutDS, SearchFacetsLayoutEH };
+export { DynamicPathGuard, FACETS_REQUEST_STATE_CONTEXT, FACET_STATE_CONTEXT, INPUT_STATE_CONTEXT, LayoutState, LocaleDependenciesGuard, MrAdvancedResultComponent, MrAdvancedResultsLayoutComponent, MrAdvancedResultsLayoutConfig, MrAdvancedResultsLayoutDS, MrAdvancedResultsLayoutEH, MrAdvancedSearchLayoutComponent, MrAdvancedSearchLayoutConfig, MrAdvancedSearchLayoutDS, MrAdvancedSearchLayoutEH, MrAdvancedSearchTagsDS, MrBreadcrumbsDS, MrButtonDS, MrButtonEH, MrCollectionDS, MrCollectionEH, MrContentDS, MrDummyEH, MrFiltersDS, MrFiltersEH, MrFooterService, MrFormComponent, MrFormWrapperAccordionComponent, MrFormWrapperAccordionDS, MrFormWrapperAccordionEH, MrGalleryComponent, MrGalleryDS, MrGalleryEH, MrHeroDS, MrHomeLayoutComponent, MrHomeLayoutConfig, MrHomeLayoutDS, MrHomeLayoutEH, MrImageViewerDS, MrImageViewerIiifDS, MrImageViewerOverlayDetailsDS, MrImageViewerToolsDS, MrInfoBoxDS, MrInnerTitleDS, MrItemPreviewDS, MrItemPreviewsDS, MrItineraryLayoutComponent, MrItineraryLayoutConfig, MrItineraryLayoutDS, MrItineraryLayoutEH, MrLayoutStateService, MrLocaleService, MrMapDS, MrMapEH, MrMapLayoutComponent, MrMapLayoutConfig, MrMapLayoutDS, MrMapLayoutEH, MrMenuService, MrMetadataDS, MrMetadataDynamicComponent, MrMetadataDynamicDS, MrMetadataDynamicEH, MrMetadataReadmoreComponent, MrNavDS, MrNavEH, MrNetworkDS, MrNetworkEH, MrNetworkLayoutComponent, MrNetworkLayoutConfig, MrNetworkLayoutDS, MrNetworkLayoutEH, MrNetworkResourceDS, MrNetworkResourceEH, MrParallelTextViewerDS, MrParallelTextViewerEH, MrPostsLayoutComponent, MrPostsLayoutConfig, MrPostsLayoutDS, MrPostsLayoutEH, MrResourceLayoutComponent, MrResourceLayoutConfig, MrResourceLayoutDS, MrResourceLayoutEH, MrResourceModalComponent, MrResourceModalService, MrResourceTabsDS, MrSearchFacetsLayoutComponent, MrSearchLayoutComponent, MrSearchLayoutConfig, MrSearchLayoutDS, MrSearchLayoutEH, MrSearchPageDescriptionComponent, MrSearchPageDescriptionDS, MrSearchPageDescriptionEH, MrSearchPageTitleDS, MrSearchPageTitleEH, MrSearchResultsDS, MrSearchResultsEH, MrSearchResultsTitleDS, MrSearchResultsTitleEH, MrSearchService, MrSearchTagsDS, MrSearchTagsEH, MrStaticLayoutComponent, MrStaticLayoutConfig, MrStaticLayoutDS, MrStaticLayoutEH, MrStaticMetadataDS, MrTextViewerDS, MrTextViewerEH, MrTimelineDS, MrTimelineEH, MrTimelineLayoutComponent, MrTimelineLayoutConfig, MrTimelineLayoutDS, MrTimelineLayoutEH, MrTranslationsLoaderService, MrYearHeaderDS, MrYearHeaderEH, N7BoilerplateMurucaModule, RESULTS_REQUEST_STATE_CONTEXT, ReadMoreComponent, SECTION_STATE_CONTEXT, SearchFacetsLayoutConfig, SearchFacetsLayoutDS, SearchFacetsLayoutEH };
 //# sourceMappingURL=net7-boilerplate-muruca.mjs.map