@net7/components 4.2.18-rc → 4.3.1

package/fesm2022/net7-components.mjs

@@ -2181,11 +2181,11 @@ class TextViewerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextViewerComponent, selector: "n7-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n  class=\"n7-text-viewer {{data.classes || ''}}\"\n  *ngIf=\"data && data.endpoint\"\n>\n  <pb-page [attr.endpoint]=\"data.endpoint\" api-version=\"1.0.0\" url-path=\"query\" url-ignore=\"odd,view,path,selectors,highlight\">\n    <pb-document\n      *ngFor=\"let doc of data.docs\"\n      [attr.path]=\"doc.xml\"\n      [attr.odd]=\"doc.odd\"\n      [attr.id]=\"doc.id\"\n    >\n    </pb-document>\n\n    <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n      <app-header-layout>\n        <app-header\n          fixed=\"fixed\"\n          data-template=\"browse:fix-links\"\n          style=\"\n            transition-duration: 0ms;\n            transform: translate3d(0px, 0px, 0px);\n            left: 0px;\n            right: 0.399994px;\n          \"\n        >\n          <app-toolbar\n            class=\"toolbar\"\n            sticky=\"sticky\"\n            style=\"transform: translate3d(0px, 0px, 0px)\"\n          >\n            <paper-icon-button\n              *ngIf=\"data.docs.length === 1\"\n              id=\"tocToggle\"\n              class=\"toc-toggle\"\n              icon=\"icons:view-list\"\n              role=\"button\"\n              tabindex=\"0\"\n              aria-disabled=\"false\"\n            ></paper-icon-button>\n\n            <pb-toggle-feature\n              *ngIf=\"data.docs.length === 1\"\n              name=\"highlight1\"\n              selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n              default=\"off\"\n              action=\"disable\"\n              emit=\"transcription\"\n              subscribe=\"transcription\"\n              \n            >\n              <ng-container *ngIf=\"data.labels && data.labels.view\">\n                {{data.labels.view}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n                <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n              </ng-container>\n            </pb-toggle-feature>\n\n            <!-- <pb-toggle-feature emit=\"transcription\" name=\"view\" on=\"page\" off=\"div\">Page View</pb-toggle-feature> -->\n\n            <ng-container\n              *ngIf=\"data.docs?.length == 1 || data.docs[0].translation\"\n            >\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"in\"\n                icon=\"icons:zoom-in\"\n              ></pb-zoom>\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"out\"\n                icon=\"icons:zoom-out\"\n              ></pb-zoom>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length == 1\"\n            >\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"left\"\n                subscribe=\"transcription\"\n                direction=\"backward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-left\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"right\"\n                subscribe=\"transcription\"\n                direction=\"forward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-right\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs?.length > 1\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <paper-icon-button\n                  *ngIf=\"data.docs?.length > 1\"\n                  id=\"tocToggle\"\n                  class=\"toc-toggle\"\n                  icon=\"icons:view-list\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length > 1\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"left\"\n                  subscribe=\"transcription\"\n                  direction=\"backward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-left\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"right\"\n                  subscribe=\"transcription\"\n                  direction=\"forward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-right\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && !data.docs[0].translation\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"in\"\n                  icon=\"icons:zoom-in\"\n                ></pb-zoom>\n\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"out\"\n                  icon=\"icons:zoom-out\"\n                ></pb-zoom>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && data.labels && data.labels.select.label\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  [label]=\"data.labels && data.labels.select.label ? data.labels.select.label : 'Mostra entit\u00E0'\"\n                  [items]='[\n                            {\"name\": data.labels.select.type.all, \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": data.labels.select.type.person, \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": data.labels.select.type.place, \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && (!data.labels || !data.labels.select.label)\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  label=\"Mostra entit\u00E0\"\n                  [items]='[\n                            {\"name\": \"Tutto\", \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": \"Personaggi\", \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": \"Luoghi\", \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && data.docs[1].channel && data.facsimile\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? data.labels.index.hide :\n                    data.labels.index.show }}</paper-button\n                  >\n                </div>\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? 'Indici' : 'Riassunto'\n                    }}</paper-button\n                  >\n                </div>\n              </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs && data.download\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-download\n                  [type]=\"data.download && data.download.format ? data.download.format: ''\"\n                  [src]=\"data.docs[0].id\"\n                  [url]=\"data.download && data.download.file ? data.download.file : ''\"\n                  dialog=\"downloadDialog\"\n                  (click)=\"openDownload($event, data.download.file)\"\n                  [title]=\"data.download && data.download.format && data.download.label ? data.download.label + ' ' + data.download.format: ''\"\n                >\n                  <paper-button raised=\"\"\n                    >{{data.download && data.download.format &&\n                    data.download.label ? data.download.label + ' ' +\n                    data.download.format: ''}}</paper-button\n                  >\n                </pb-download>\n              </div>\n            </ng-container>\n\n            <pb-progress\n              subscribe=\"transcription\"\n              indeterminate=\"\"\n              bottom-item=\"bottom-item\"\n              style=\"visibility: hidden\"\n            ></pb-progress>\n          </app-toolbar>\n        </app-header>\n\n        <pb-drawer\n          toggle=\"tocToggle\"\n          class=\"tocDrawer\"\n          emit=\"toc\"\n          subscribe=\"transcription\"\n        >\n          <div class=\"drawer-content\">\n            <h3>\n              <ng-container *ngIf=\"data.labels && data.labels.toc\">\n                {{data.labels.toc}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n                <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n              </ng-container>\n            </h3>\n            <pb-load\n              *ngIf=\"data.docs\"\n              id=\"toc\"\n              url=\"api/document/{doc}/contents?target=transcription&amp;icons=true\"\n              [src]=\"data.docs[0].id\"\n              subscribe=\"toc\"\n              emit=\"toc\"\n              expand=\"expand\"\n              auto=\"auto\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.loading\">\n                {{data.labels.loading}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n                <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n              </ng-container>\n            </pb-load>\n          </div>\n        </pb-drawer>\n        <main class=\"content-body\">\n          <pb-facsimile\n            *ngIf=\"data.facsimile\"\n            id=\"facsimile\"\n            [attr.base-uri]=\"data.facsimile.uri\"\n            subscribe=\"transcription\"\n            default-zoom-level=\"0\"\n            show-navigation-control=\"show-navigation-control\"\n            [attr.show-navigator]=\"data.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n            [attr.show-home-control]=\"data.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n            [attr.show-full-page-control]=\"data.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n          >\n          </pb-facsimile>\n          <div class=\"n7-text-viewer__docs-container\">\n          <ng-container *ngFor=\"let doc of data.docs; index as $i;\">\n              <!-- NO CHANNEL -->\n              <pb-view\n                *ngIf=\"!doc.channel\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              subscribe=\"transcription\"\n              emit=\"transcription\"\n              [attr.wait-for]=\"data.facsimile ? '#facsimile' : null\"\n              column-separator=\".tei-cb\"\n              append-footnotes=\"append-footnotes\"\n              [attr.view]=\"doc.view\"\n              [attr.url]=\"doc.rootPath\"\n              (click)=\"onClick($event)\"\n            >\n              <pb-param\n                *ngIf=\"doc.url\"\n                name=\"url\"\n                [attr.value]=\"doc.url\"\n              ></pb-param>\n            </pb-view>\n\n            <!-- Apparato critico -->\n            <ng-container *ngIf=\"doc.apparatus\">\n            <pb-view\n              id=\"apparatus-view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.apparatus.odd\"\n              [attr.view]=\"doc.apparatus.view\"\n              subscribe=\"transcription\"\n              (click)=\"onClick($event)\"\n              >\n              <!-- Per visualizzazione completa apparato -->\n\n              \n              <!-- no-navigation=\"no-navigation\" -->\n              <!-- standalone=\"standalone\"  -->\n            \n              <!-- <pb-param name=\"view-all\" value=\"true\"></pb-param> -->\n            </pb-view>\n            </ng-container>\n\n\n            <!-- WITH CHANNEL / MURUCA DEMO -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"//text[@type='source']\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n            </pb-view>\n\n            <!-- muruca racconta -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"{{ doc.xpath }}\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n            </pb-view>\n            <!-- WITH CHANNEL / addChannel -->\n            <pb-view\n              [hidden]=\"data.toggleColumn\"\n              (click)=\"onClick($event)\"\n              *ngIf=\"doc.channel && !doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              emit=\"addChannel\"\n              subscribe=\"addChannel\"\n              view=\"{{ doc.view }}\"\n              url=\"{{ doc.rootPath }}\"\n              map=\"{{ doc.mapFunction }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n              <pb-param\n                name=\"source_doc\"\n                [attr.value]=\"data.docs[0].xml\"\n              ></pb-param>\n            </pb-view>\n\n            <ng-container *ngIf=\"doc.channel && !doc.translation\">\n              <!--  -->\n              <pb-view\n                [hidden]=\"!data.toggleColumn\"\n                *ngIf=\"doc.channel && !doc.translation\"\n                [attr.src]=\"doc.id\"\n                [attr.odd]=\"doc.odd\"\n                id=\"text-viewer-index\"\n                subscribe=\"index\"\n                emit=\"letter\"\n                url=\"{{ doc.rootPath }}\"\n                map=\"{{ doc.mapFunction }}\"\n              >\n                <pb-param name=\"mode\" value=\"facets\"></pb-param>\n              </pb-view>\n              <!--  -->\n            </ng-container>\n\n          </ng-container>\n          </div>  \n        </main>\n      </app-header-layout>\n    </app-drawer-layout>\n  </pb-page>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextViewerComponent, selector: "n7-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n  class=\"n7-text-viewer {{data.classes || ''}}\"\n  *ngIf=\"data && data.endpoint\"\n>\n  <pb-page [attr.endpoint]=\"data.endpoint\" api-version=\"1.0.0\" url-path=\"query\" [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore.join(',') || 'odd,view,path,selectors,highlight'\">\n    <pb-document\n      *ngFor=\"let doc of data.docs\"\n      [attr.path]=\"doc.xml\"\n      [attr.odd]=\"doc.odd\"\n      [attr.id]=\"doc.id\"\n    >\n    </pb-document>\n\n    <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n      <app-header-layout>\n        <app-header\n          fixed=\"fixed\"\n          data-template=\"browse:fix-links\"\n          style=\"\n            transition-duration: 0ms;\n            transform: translate3d(0px, 0px, 0px);\n            left: 0px;\n            right: 0.399994px;\n          \"\n        >\n          <app-toolbar\n            class=\"toolbar\"\n            sticky=\"sticky\"\n            style=\"transform: translate3d(0px, 0px, 0px)\"\n          >\n            <paper-icon-button\n              *ngIf=\"data.docs.length === 1\"\n              id=\"tocToggle\"\n              class=\"toc-toggle\"\n              icon=\"icons:view-list\"\n              role=\"button\"\n              tabindex=\"0\"\n              aria-disabled=\"false\"\n            ></paper-icon-button>\n\n            <pb-toggle-feature\n              *ngIf=\"data.docs.length === 1\"\n              name=\"highlight1\"\n              selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n              default=\"off\"\n              action=\"disable\"\n              emit=\"transcription\"\n              subscribe=\"transcription\"\n              \n            >\n              <ng-container *ngIf=\"data.labels && data.labels.view\">\n                {{data.labels.view}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n                <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n              </ng-container>\n            </pb-toggle-feature>\n\n            <!-- <pb-toggle-feature emit=\"transcription\" name=\"view\" on=\"page\" off=\"div\">Page View</pb-toggle-feature> -->\n\n            <ng-container\n              *ngIf=\"data.docs?.length == 1 || data.docs[0].translation\"\n            >\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"in\"\n                icon=\"icons:zoom-in\"\n              ></pb-zoom>\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"out\"\n                icon=\"icons:zoom-out\"\n              ></pb-zoom>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length == 1\"\n            >\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"left\"\n                subscribe=\"transcription\"\n                direction=\"backward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-left\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"right\"\n                subscribe=\"transcription\"\n                direction=\"forward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-right\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs?.length > 1\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <paper-icon-button\n                  *ngIf=\"data.docs?.length > 1\"\n                  id=\"tocToggle\"\n                  class=\"toc-toggle\"\n                  icon=\"icons:view-list\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length > 1\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"left\"\n                  subscribe=\"transcription\"\n                  direction=\"backward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-left\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"right\"\n                  subscribe=\"transcription\"\n                  direction=\"forward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-right\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && !data.docs[0].translation\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"in\"\n                  icon=\"icons:zoom-in\"\n                ></pb-zoom>\n\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"out\"\n                  icon=\"icons:zoom-out\"\n                ></pb-zoom>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && data.labels && data.labels.select.label\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  [label]=\"data.labels && data.labels.select.label ? data.labels.select.label : 'Mostra entit\u00E0'\"\n                  [items]='[\n                            {\"name\": data.labels.select.type.all, \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": data.labels.select.type.person, \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": data.labels.select.type.place, \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && (!data.labels || !data.labels.select.label)\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  label=\"Mostra entit\u00E0\"\n                  [items]='[\n                            {\"name\": \"Tutto\", \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": \"Personaggi\", \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": \"Luoghi\", \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && data.docs[1].channel && data.facsimile\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? data.labels.index.hide :\n                    data.labels.index.show }}</paper-button\n                  >\n                </div>\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? 'Indici' : 'Riassunto'\n                    }}</paper-button\n                  >\n                </div>\n              </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs && data.download\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-download\n                  [type]=\"data.download && data.download.format ? data.download.format: ''\"\n                  [src]=\"data.docs[0].id\"\n                  [url]=\"data.download && data.download.file ? data.download.file : ''\"\n                  dialog=\"downloadDialog\"\n                  (click)=\"openDownload($event, data.download.file)\"\n                  [title]=\"data.download && data.download.format && data.download.label ? data.download.label + ' ' + data.download.format: ''\"\n                >\n                  <paper-button raised=\"\"\n                    >{{data.download && data.download.format &&\n                    data.download.label ? data.download.label + ' ' +\n                    data.download.format: ''}}</paper-button\n                  >\n                </pb-download>\n              </div>\n            </ng-container>\n\n            <pb-progress\n              subscribe=\"transcription\"\n              indeterminate=\"\"\n              bottom-item=\"bottom-item\"\n              style=\"visibility: hidden\"\n            ></pb-progress>\n          </app-toolbar>\n        </app-header>\n\n        <pb-drawer\n          toggle=\"tocToggle\"\n          class=\"tocDrawer\"\n          emit=\"toc\"\n          subscribe=\"transcription\"\n        >\n          <div class=\"drawer-content\">\n            <h3>\n              <ng-container *ngIf=\"data.labels && data.labels.toc\">\n                {{data.labels.toc}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n                <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n              </ng-container>\n            </h3>\n            <pb-load\n              *ngIf=\"data.docs\"\n              id=\"toc\"\n              url=\"api/document/{doc}/contents?target=transcription&amp;icons=true\"\n              [src]=\"data.docs[0].id\"\n              subscribe=\"toc\"\n              emit=\"toc\"\n              expand=\"expand\"\n              auto=\"auto\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.loading\">\n                {{data.labels.loading}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n                <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n              </ng-container>\n            </pb-load>\n          </div>\n        </pb-drawer>\n        <main class=\"content-body\">\n          <pb-facsimile\n            *ngIf=\"data.facsimile\"\n            id=\"facsimile\"\n            [attr.base-uri]=\"data.facsimile.uri\"\n            subscribe=\"transcription\"\n            default-zoom-level=\"0\"\n            show-navigation-control=\"show-navigation-control\"\n            [attr.show-navigator]=\"data.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n            [attr.show-home-control]=\"data.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n            [attr.show-full-page-control]=\"data.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n          >\n          </pb-facsimile>\n          <div class=\"n7-text-viewer__docs-container\">\n          <ng-container *ngFor=\"let doc of data.docs; index as $i;\">\n              <!-- NO CHANNEL -->\n              <pb-view\n                *ngIf=\"!doc.channel\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              subscribe=\"transcription\"\n              emit=\"transcription\"\n              [attr.wait-for]=\"data.facsimile ? '#facsimile' : null\"\n              column-separator=\".tei-cb\"\n              append-footnotes=\"append-footnotes\"\n              [attr.view]=\"doc.view\"\n              [attr.url]=\"doc.rootPath\"\n              (click)=\"onClick($event)\"\n            >\n              <pb-param\n                *ngIf=\"doc.url\"\n                name=\"url\"\n                [attr.value]=\"doc.url\"\n              ></pb-param>\n            </pb-view>\n\n            <!-- Apparato critico -->\n            <ng-container *ngIf=\"doc.apparatus\">\n            <pb-view\n              id=\"apparatus-view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.apparatus.odd\"\n              [attr.view]=\"doc.apparatus.view\"\n              subscribe=\"transcription\"\n              (click)=\"onClick($event)\"\n              >\n              <!-- Per visualizzazione completa apparato -->\n\n              \n              <!-- no-navigation=\"no-navigation\" -->\n              <!-- standalone=\"standalone\"  -->\n            \n              <!-- <pb-param name=\"view-all\" value=\"true\"></pb-param> -->\n            </pb-view>\n            </ng-container>\n\n\n            <!-- WITH CHANNEL / MURUCA DEMO -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"//text[@type='source']\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n            </pb-view>\n\n            <!-- muruca racconta -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"{{ doc.xpath }}\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n            </pb-view>\n            <!-- WITH CHANNEL / addChannel -->\n            <pb-view\n              [hidden]=\"data.toggleColumn\"\n              (click)=\"onClick($event)\"\n              *ngIf=\"doc.channel && !doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              emit=\"addChannel\"\n              subscribe=\"addChannel\"\n              view=\"{{ doc.view }}\"\n              url=\"{{ doc.rootPath }}\"\n              map=\"{{ doc.mapFunction }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n              <pb-param\n                name=\"source_doc\"\n                [attr.value]=\"data.docs[0].xml\"\n              ></pb-param>\n            </pb-view>\n\n            <ng-container *ngIf=\"doc.channel && !doc.translation\">\n              <!--  -->\n              <pb-view\n                [hidden]=\"!data.toggleColumn\"\n                *ngIf=\"doc.channel && !doc.translation\"\n                [attr.src]=\"doc.id\"\n                [attr.odd]=\"doc.odd\"\n                id=\"text-viewer-index\"\n                subscribe=\"index\"\n                emit=\"letter\"\n                url=\"{{ doc.rootPath }}\"\n                map=\"{{ doc.mapFunction }}\"\n              >\n                <pb-param name=\"mode\" value=\"facets\"></pb-param>\n              </pb-view>\n              <!--  -->\n            </ng-container>\n\n          </ng-container>\n          </div>  \n        </main>\n      </app-header-layout>\n    </app-drawer-layout>\n  </pb-page>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'n7-text-viewer', template: "<div\n  class=\"n7-text-viewer {{data.classes || ''}}\"\n  *ngIf=\"data && data.endpoint\"\n>\n  <pb-page [attr.endpoint]=\"data.endpoint\" api-version=\"1.0.0\" url-path=\"query\" url-ignore=\"odd,view,path,selectors,highlight\">\n    <pb-document\n      *ngFor=\"let doc of data.docs\"\n      [attr.path]=\"doc.xml\"\n      [attr.odd]=\"doc.odd\"\n      [attr.id]=\"doc.id\"\n    >\n    </pb-document>\n\n    <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n      <app-header-layout>\n        <app-header\n          fixed=\"fixed\"\n          data-template=\"browse:fix-links\"\n          style=\"\n            transition-duration: 0ms;\n            transform: translate3d(0px, 0px, 0px);\n            left: 0px;\n            right: 0.399994px;\n          \"\n        >\n          <app-toolbar\n            class=\"toolbar\"\n            sticky=\"sticky\"\n            style=\"transform: translate3d(0px, 0px, 0px)\"\n          >\n            <paper-icon-button\n              *ngIf=\"data.docs.length === 1\"\n              id=\"tocToggle\"\n              class=\"toc-toggle\"\n              icon=\"icons:view-list\"\n              role=\"button\"\n              tabindex=\"0\"\n              aria-disabled=\"false\"\n            ></paper-icon-button>\n\n            <pb-toggle-feature\n              *ngIf=\"data.docs.length === 1\"\n              name=\"highlight1\"\n              selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n              default=\"off\"\n              action=\"disable\"\n              emit=\"transcription\"\n              subscribe=\"transcription\"\n              \n            >\n              <ng-container *ngIf=\"data.labels && data.labels.view\">\n                {{data.labels.view}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n                <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n              </ng-container>\n            </pb-toggle-feature>\n\n            <!-- <pb-toggle-feature emit=\"transcription\" name=\"view\" on=\"page\" off=\"div\">Page View</pb-toggle-feature> -->\n\n            <ng-container\n              *ngIf=\"data.docs?.length == 1 || data.docs[0].translation\"\n            >\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"in\"\n                icon=\"icons:zoom-in\"\n              ></pb-zoom>\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"out\"\n                icon=\"icons:zoom-out\"\n              ></pb-zoom>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length == 1\"\n            >\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"left\"\n                subscribe=\"transcription\"\n                direction=\"backward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-left\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"right\"\n                subscribe=\"transcription\"\n                direction=\"forward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-right\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs?.length > 1\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <paper-icon-button\n                  *ngIf=\"data.docs?.length > 1\"\n                  id=\"tocToggle\"\n                  class=\"toc-toggle\"\n                  icon=\"icons:view-list\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length > 1\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"left\"\n                  subscribe=\"transcription\"\n                  direction=\"backward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-left\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"right\"\n                  subscribe=\"transcription\"\n                  direction=\"forward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-right\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && !data.docs[0].translation\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"in\"\n                  icon=\"icons:zoom-in\"\n                ></pb-zoom>\n\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"out\"\n                  icon=\"icons:zoom-out\"\n                ></pb-zoom>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && data.labels && data.labels.select.label\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  [label]=\"data.labels && data.labels.select.label ? data.labels.select.label : 'Mostra entit\u00E0'\"\n                  [items]='[\n                            {\"name\": data.labels.select.type.all, \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": data.labels.select.type.person, \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": data.labels.select.type.place, \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && (!data.labels || !data.labels.select.label)\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  label=\"Mostra entit\u00E0\"\n                  [items]='[\n                            {\"name\": \"Tutto\", \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": \"Personaggi\", \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": \"Luoghi\", \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && data.docs[1].channel && data.facsimile\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? data.labels.index.hide :\n                    data.labels.index.show }}</paper-button\n                  >\n                </div>\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? 'Indici' : 'Riassunto'\n                    }}</paper-button\n                  >\n                </div>\n              </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs && data.download\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-download\n                  [type]=\"data.download && data.download.format ? data.download.format: ''\"\n                  [src]=\"data.docs[0].id\"\n                  [url]=\"data.download && data.download.file ? data.download.file : ''\"\n                  dialog=\"downloadDialog\"\n                  (click)=\"openDownload($event, data.download.file)\"\n                  [title]=\"data.download && data.download.format && data.download.label ? data.download.label + ' ' + data.download.format: ''\"\n                >\n                  <paper-button raised=\"\"\n                    >{{data.download && data.download.format &&\n                    data.download.label ? data.download.label + ' ' +\n                    data.download.format: ''}}</paper-button\n                  >\n                </pb-download>\n              </div>\n            </ng-container>\n\n            <pb-progress\n              subscribe=\"transcription\"\n              indeterminate=\"\"\n              bottom-item=\"bottom-item\"\n              style=\"visibility: hidden\"\n            ></pb-progress>\n          </app-toolbar>\n        </app-header>\n\n        <pb-drawer\n          toggle=\"tocToggle\"\n          class=\"tocDrawer\"\n          emit=\"toc\"\n          subscribe=\"transcription\"\n        >\n          <div class=\"drawer-content\">\n            <h3>\n              <ng-container *ngIf=\"data.labels && data.labels.toc\">\n                {{data.labels.toc}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n                <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n              </ng-container>\n            </h3>\n            <pb-load\n              *ngIf=\"data.docs\"\n              id=\"toc\"\n              url=\"api/document/{doc}/contents?target=transcription&amp;icons=true\"\n              [src]=\"data.docs[0].id\"\n              subscribe=\"toc\"\n              emit=\"toc\"\n              expand=\"expand\"\n              auto=\"auto\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.loading\">\n                {{data.labels.loading}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n                <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n              </ng-container>\n            </pb-load>\n          </div>\n        </pb-drawer>\n        <main class=\"content-body\">\n          <pb-facsimile\n            *ngIf=\"data.facsimile\"\n            id=\"facsimile\"\n            [attr.base-uri]=\"data.facsimile.uri\"\n            subscribe=\"transcription\"\n            default-zoom-level=\"0\"\n            show-navigation-control=\"show-navigation-control\"\n            [attr.show-navigator]=\"data.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n            [attr.show-home-control]=\"data.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n            [attr.show-full-page-control]=\"data.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n          >\n          </pb-facsimile>\n          <div class=\"n7-text-viewer__docs-container\">\n          <ng-container *ngFor=\"let doc of data.docs; index as $i;\">\n              <!-- NO CHANNEL -->\n              <pb-view\n                *ngIf=\"!doc.channel\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              subscribe=\"transcription\"\n              emit=\"transcription\"\n              [attr.wait-for]=\"data.facsimile ? '#facsimile' : null\"\n              column-separator=\".tei-cb\"\n              append-footnotes=\"append-footnotes\"\n              [attr.view]=\"doc.view\"\n              [attr.url]=\"doc.rootPath\"\n              (click)=\"onClick($event)\"\n            >\n              <pb-param\n                *ngIf=\"doc.url\"\n                name=\"url\"\n                [attr.value]=\"doc.url\"\n              ></pb-param>\n            </pb-view>\n\n            <!-- Apparato critico -->\n            <ng-container *ngIf=\"doc.apparatus\">\n            <pb-view\n              id=\"apparatus-view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.apparatus.odd\"\n              [attr.view]=\"doc.apparatus.view\"\n              subscribe=\"transcription\"\n              (click)=\"onClick($event)\"\n              >\n              <!-- Per visualizzazione completa apparato -->\n\n              \n              <!-- no-navigation=\"no-navigation\" -->\n              <!-- standalone=\"standalone\"  -->\n            \n              <!-- <pb-param name=\"view-all\" value=\"true\"></pb-param> -->\n            </pb-view>\n            </ng-container>\n\n\n            <!-- WITH CHANNEL / MURUCA DEMO -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"//text[@type='source']\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n            </pb-view>\n\n            <!-- muruca racconta -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"{{ doc.xpath }}\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n            </pb-view>\n            <!-- WITH CHANNEL / addChannel -->\n            <pb-view\n              [hidden]=\"data.toggleColumn\"\n              (click)=\"onClick($event)\"\n              *ngIf=\"doc.channel && !doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              emit=\"addChannel\"\n              subscribe=\"addChannel\"\n              view=\"{{ doc.view }}\"\n              url=\"{{ doc.rootPath }}\"\n              map=\"{{ doc.mapFunction }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n              <pb-param\n                name=\"source_doc\"\n                [attr.value]=\"data.docs[0].xml\"\n              ></pb-param>\n            </pb-view>\n\n            <ng-container *ngIf=\"doc.channel && !doc.translation\">\n              <!--  -->\n              <pb-view\n                [hidden]=\"!data.toggleColumn\"\n                *ngIf=\"doc.channel && !doc.translation\"\n                [attr.src]=\"doc.id\"\n                [attr.odd]=\"doc.odd\"\n                id=\"text-viewer-index\"\n                subscribe=\"index\"\n                emit=\"letter\"\n                url=\"{{ doc.rootPath }}\"\n                map=\"{{ doc.mapFunction }}\"\n              >\n                <pb-param name=\"mode\" value=\"facets\"></pb-param>\n              </pb-view>\n              <!--  -->\n            </ng-container>\n\n          </ng-container>\n          </div>  \n        </main>\n      </app-header-layout>\n    </app-drawer-layout>\n  </pb-page>\n</div>\n" }]
+            args: [{ selector: 'n7-text-viewer', template: "<div\n  class=\"n7-text-viewer {{data.classes || ''}}\"\n  *ngIf=\"data && data.endpoint\"\n>\n  <pb-page [attr.endpoint]=\"data.endpoint\" api-version=\"1.0.0\" url-path=\"query\" [attr.url-ignore]=\"data.libOptions?.pbPage?.urlIgnore.join(',') || 'odd,view,path,selectors,highlight'\">\n    <pb-document\n      *ngFor=\"let doc of data.docs\"\n      [attr.path]=\"doc.xml\"\n      [attr.odd]=\"doc.odd\"\n      [attr.id]=\"doc.id\"\n    >\n    </pb-document>\n\n    <app-drawer-layout force-narrow=\"force-narrow\" narrow=\"\">\n      <app-header-layout>\n        <app-header\n          fixed=\"fixed\"\n          data-template=\"browse:fix-links\"\n          style=\"\n            transition-duration: 0ms;\n            transform: translate3d(0px, 0px, 0px);\n            left: 0px;\n            right: 0.399994px;\n          \"\n        >\n          <app-toolbar\n            class=\"toolbar\"\n            sticky=\"sticky\"\n            style=\"transform: translate3d(0px, 0px, 0px)\"\n          >\n            <paper-icon-button\n              *ngIf=\"data.docs.length === 1\"\n              id=\"tocToggle\"\n              class=\"toc-toggle\"\n              icon=\"icons:view-list\"\n              role=\"button\"\n              tabindex=\"0\"\n              aria-disabled=\"false\"\n            ></paper-icon-button>\n\n            <pb-toggle-feature\n              *ngIf=\"data.docs.length === 1\"\n              name=\"highlight1\"\n              selector=\"tei-app,pb-popover,pb-highlight,.quote,pb-alternate\"\n              default=\"off\"\n              action=\"disable\"\n              emit=\"transcription\"\n              subscribe=\"transcription\"\n              \n            >\n              <ng-container *ngIf=\"data.labels && data.labels.view\">\n                {{data.labels.view}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.view\">\n                <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n              </ng-container>\n            </pb-toggle-feature>\n\n            <!-- <pb-toggle-feature emit=\"transcription\" name=\"view\" on=\"page\" off=\"div\">Page View</pb-toggle-feature> -->\n\n            <ng-container\n              *ngIf=\"data.docs?.length == 1 || data.docs[0].translation\"\n            >\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"in\"\n                icon=\"icons:zoom-in\"\n              ></pb-zoom>\n              <pb-zoom\n                emit=\"transcription\"\n                direction=\"out\"\n                icon=\"icons:zoom-out\"\n              ></pb-zoom>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length == 1\"\n            >\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"left\"\n                subscribe=\"transcription\"\n                direction=\"backward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-left\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n              <pb-navigation\n                emit=\"transcription\"\n                keyboard=\"right\"\n                subscribe=\"transcription\"\n                direction=\"forward\"\n                unit=\"page\"\n              >\n                <paper-icon-button\n                  icon=\"icons:chevron-right\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </pb-navigation>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs?.length > 1\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <paper-icon-button\n                  *ngIf=\"data.docs?.length > 1\"\n                  id=\"tocToggle\"\n                  class=\"toc-toggle\"\n                  icon=\"icons:view-list\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  aria-disabled=\"false\"\n                ></paper-icon-button>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"!data.docs[0].translation && data.docs?.length > 1\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"left\"\n                  subscribe=\"transcription\"\n                  direction=\"backward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-left\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-navigation\n                  emit=\"transcription\"\n                  keyboard=\"right\"\n                  subscribe=\"transcription\"\n                  direction=\"forward\"\n                  unit=\"page\"\n                >\n                  <paper-icon-button\n                    icon=\"icons:chevron-right\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    aria-disabled=\"false\"\n                  ></paper-icon-button>\n                </pb-navigation>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && !data.docs[0].translation\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"in\"\n                  icon=\"icons:zoom-in\"\n                ></pb-zoom>\n\n                <pb-zoom\n                  emit=\"transcription\"\n                  direction=\"out\"\n                  icon=\"icons:zoom-out\"\n                ></pb-zoom>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && data.labels && data.labels.select.label\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  [label]=\"data.labels && data.labels.select.label ? data.labels.select.label : 'Mostra entit\u00E0'\"\n                  [items]='[\n                            {\"name\": data.labels.select.type.all, \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": data.labels.select.type.person, \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": data.labels.select.type.place, \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs.length > 1 && (!data.labels || !data.labels.select.label)\"\n            >\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-select-feature\n                  id=\"select-view2\"\n                  name=\"view2\"\n                  label=\"Mostra entit\u00E0\"\n                  [items]='[\n                            {\"name\": \"Tutto\", \n                            \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n                            {\"name\": \"Personaggi\", \n                            \"selectors\": \n                            [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n                            {\"name\": \"Luoghi\", \"selectors\": \n                            [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n                ]'\n                  subscribe=\"addChannel\"\n                  emit=\"addChannel\"\n                ></pb-select-feature>\n              </div>\n            </ng-container>\n\n            <ng-container\n              *ngIf=\"data.docs?.length > 1 && data.docs[1].channel && data.facsimile\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? data.labels.index.hide :\n                    data.labels.index.show }}</paper-button\n                  >\n                </div>\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.index.hide\">\n                <div class=\"n7-text-viewer__toolbar-container-flex\">\n                  <paper-button raised=\"\" (click)=\"displayIndex()\"\n                    >{{ !data.toggleColumn ? 'Indici' : 'Riassunto'\n                    }}</paper-button\n                  >\n                </div>\n              </ng-container>\n            </ng-container>\n\n            <ng-container *ngIf=\"data.docs && data.download\">\n              <div class=\"n7-text-viewer__toolbar-container-flex\">\n                <pb-download\n                  [type]=\"data.download && data.download.format ? data.download.format: ''\"\n                  [src]=\"data.docs[0].id\"\n                  [url]=\"data.download && data.download.file ? data.download.file : ''\"\n                  dialog=\"downloadDialog\"\n                  (click)=\"openDownload($event, data.download.file)\"\n                  [title]=\"data.download && data.download.format && data.download.label ? data.download.label + ' ' + data.download.format: ''\"\n                >\n                  <paper-button raised=\"\"\n                    >{{data.download && data.download.format &&\n                    data.download.label ? data.download.label + ' ' +\n                    data.download.format: ''}}</paper-button\n                  >\n                </pb-download>\n              </div>\n            </ng-container>\n\n            <pb-progress\n              subscribe=\"transcription\"\n              indeterminate=\"\"\n              bottom-item=\"bottom-item\"\n              style=\"visibility: hidden\"\n            ></pb-progress>\n          </app-toolbar>\n        </app-header>\n\n        <pb-drawer\n          toggle=\"tocToggle\"\n          class=\"tocDrawer\"\n          emit=\"toc\"\n          subscribe=\"transcription\"\n        >\n          <div class=\"drawer-content\">\n            <h3>\n              <ng-container *ngIf=\"data.labels && data.labels.toc\">\n                {{data.labels.toc}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.toc\">\n                <pb-i18n key=\"document.contents\">Contents</pb-i18n>\n              </ng-container>\n            </h3>\n            <pb-load\n              *ngIf=\"data.docs\"\n              id=\"toc\"\n              url=\"api/document/{doc}/contents?target=transcription&amp;icons=true\"\n              [src]=\"data.docs[0].id\"\n              subscribe=\"toc\"\n              emit=\"toc\"\n              expand=\"expand\"\n              auto=\"auto\"\n            >\n              <ng-container *ngIf=\"data.labels && data.labels.loading\">\n                {{data.labels.loading}}\n              </ng-container>\n              <ng-container *ngIf=\"!data.labels || !data.labels.loading\">\n                <pb-i18n key=\"dialogs.loading\">Loading</pb-i18n>\n              </ng-container>\n            </pb-load>\n          </div>\n        </pb-drawer>\n        <main class=\"content-body\">\n          <pb-facsimile\n            *ngIf=\"data.facsimile\"\n            id=\"facsimile\"\n            [attr.base-uri]=\"data.facsimile.uri\"\n            subscribe=\"transcription\"\n            default-zoom-level=\"0\"\n            show-navigation-control=\"show-navigation-control\"\n            [attr.show-navigator]=\"data.facsimile.options?.showNavigator ? 'show-navigator' : null\"\n            [attr.show-home-control]=\"data.facsimile.options?.showHomeControl ? 'show-home-control' : null\"\n            [attr.show-full-page-control]=\"data.facsimile.options?.showFullPageControl ? 'show-full-page-control' : null\"\n          >\n          </pb-facsimile>\n          <div class=\"n7-text-viewer__docs-container\">\n          <ng-container *ngFor=\"let doc of data.docs; index as $i;\">\n              <!-- NO CHANNEL -->\n              <pb-view\n                *ngIf=\"!doc.channel\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              subscribe=\"transcription\"\n              emit=\"transcription\"\n              [attr.wait-for]=\"data.facsimile ? '#facsimile' : null\"\n              column-separator=\".tei-cb\"\n              append-footnotes=\"append-footnotes\"\n              [attr.view]=\"doc.view\"\n              [attr.url]=\"doc.rootPath\"\n              (click)=\"onClick($event)\"\n            >\n              <pb-param\n                *ngIf=\"doc.url\"\n                name=\"url\"\n                [attr.value]=\"doc.url\"\n              ></pb-param>\n            </pb-view>\n\n            <!-- Apparato critico -->\n            <ng-container *ngIf=\"doc.apparatus\">\n            <pb-view\n              id=\"apparatus-view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.apparatus.odd\"\n              [attr.view]=\"doc.apparatus.view\"\n              subscribe=\"transcription\"\n              (click)=\"onClick($event)\"\n              >\n              <!-- Per visualizzazione completa apparato -->\n\n              \n              <!-- no-navigation=\"no-navigation\" -->\n              <!-- standalone=\"standalone\"  -->\n            \n              <!-- <pb-param name=\"view-all\" value=\"true\"></pb-param> -->\n            </pb-view>\n            </ng-container>\n\n\n            <!-- WITH CHANNEL / MURUCA DEMO -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"//text[@type='source']\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n            </pb-view>\n\n            <!-- muruca racconta -->\n            <pb-view\n              *ngIf=\"doc.channel && doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              xpath=\"{{ doc.xpath }}\"\n              emit=\"{{ doc.channel }}\"\n              subscribe=\"{{ doc.channel }}\"\n              view=\"{{ doc.view }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n            </pb-view>\n            <!-- WITH CHANNEL / addChannel -->\n            <pb-view\n              [hidden]=\"data.toggleColumn\"\n              (click)=\"onClick($event)\"\n              *ngIf=\"doc.channel && !doc.translation\"\n              id=\"view{{ $i }}\"\n              [attr.src]=\"doc.id\"\n              [attr.odd]=\"doc.odd\"\n              emit=\"addChannel\"\n              subscribe=\"addChannel\"\n              view=\"{{ doc.view }}\"\n              url=\"{{ doc.rootPath }}\"\n              map=\"{{ doc.mapFunction }}\"\n            >\n              <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n              <pb-param\n                name=\"source_doc\"\n                [attr.value]=\"data.docs[0].xml\"\n              ></pb-param>\n            </pb-view>\n\n            <ng-container *ngIf=\"doc.channel && !doc.translation\">\n              <!--  -->\n              <pb-view\n                [hidden]=\"!data.toggleColumn\"\n                *ngIf=\"doc.channel && !doc.translation\"\n                [attr.src]=\"doc.id\"\n                [attr.odd]=\"doc.odd\"\n                id=\"text-viewer-index\"\n                subscribe=\"index\"\n                emit=\"letter\"\n                url=\"{{ doc.rootPath }}\"\n                map=\"{{ doc.mapFunction }}\"\n              >\n                <pb-param name=\"mode\" value=\"facets\"></pb-param>\n              </pb-view>\n              <!--  -->\n            </ng-container>\n\n          </ng-container>\n          </div>  \n        </main>\n      </app-header-layout>\n    </app-drawer-layout>\n  </pb-page>\n</div>\n" }]
         }], propDecorators: { data: [{
                 type: Input
             }], emit: [{
@@ -2214,9 +2214,10 @@ class TimelineComponent {
                 // To enable two-way data binding, import { DataSet } from 'vis-data'
                 const { Timeline, DataSet } = modules;
                 const items = new DataSet(this.data.dataSet);
+                // gruppi
+                const groupsDataSet = this.data.groups ? new DataSet(this.data.groups) : null;
                 const t = new Timeline(document.getElementById(this.data.containerID), // container
-                items, this.data.libOptions // add groups below
-                );
+                items, groupsDataSet, this.data.libOptions);
                 // Set the timeline instance
                 if (this.data._setInstance)
                     this.data._setInstance(t);
@@ -5528,26 +5529,27 @@ const TEXT_VIEWER_MOCK = {
     docs: [
         {
             // channel: "apparato",
-            xml: "playground/amor_pleito_new_1734374328.xml",
+            // xml: "playground/amor_pleito_new_1734374328.xml",
             // xml: "playground/LosdonairesdeMatico.xml",
-            // xml: "playground/Ivanov-152-3.xml",
+            xml: "playground/Ivanov-152-3.xml",
             // xml: "petrarca/petrarca_seniles_2025_03_15_1742220964.xml",
             xpath: "",
-            odd: "Drama",
-            id: "auteso_amor",
-            // id: "ivanov",
+            odd: "maximhum",
+            // id: "auteso_amor",
+            id: "ivanov",
             view: 'page',
-            /*      apparatus:  {
-                    odd: "muruca_apparatus_1_0",
-                    channel: "apparato",
-              //      view: "page",
-            // per vedere tutto l'apparto insieme
-                    view: "single",
-                  //  standalone: true,
-                  //  params: [
-                  //   { name: "view-all", value: "true" }
-                  //  ]
-                  } */
+            apparatus: {
+                // odd: "muruca_apparatus_1_0",
+                odd: "muruca_apparatus_stand-off",
+                channel: "apparato",
+                //      view: "page",
+                // per vedere tutto l'apparto insieme
+                view: "single",
+                //  standalone: true,
+                //  params: [
+                //   { name: "view-all", value: "true" }
+                //  ]
+            }
             // endapparatus
         }
     ],
@@ -5573,17 +5575,23 @@ const TEXT_VIEWER_MOCK = {
             hide: 'Indici',
         },
     },
-    facsimile: {
+    /*   facsimile: {
         // uri: 'https://dh.dlls.univr.it/iiif/3/mambrino%2famadis-13_1-1558BNE%2f',
         uri: 'https://iiifauteso.lettere.unitn.it/iiif/2/amorpleito%2F',
         // uri: 'http://127.0.0.1:8182/iiif/3/',
-        scans: [],
+        scans: [
+        ],
         options: {
-            showHomeControl: true,
-            showFullPageControl: true,
-            showNavigator: false,
-        },
-    },
+        showHomeControl: true,
+        showFullPageControl: true,
+        showNavigator: false,
+      },
+    }, */
+    libOptions: {
+        pbPage: {
+            urlIgnore: []
+        }
+    }
 };
 
 const TEXT_VIEWER_MOCK_PETRARCA = {
@@ -5771,6 +5779,186 @@ const TIMELINE_MOCK = {
     _setInstance: (timeline) => timeline,
 };
 
+const TIMELINE_GROUP_MOCK = {
+    containerID: 'demo-timeline',
+    libOptions: {
+        height: '500px',
+        locale: 'it_IT',
+        preferZoom: true,
+        cluster: {
+            // contentTemplate: '{count}',
+            // fitOnDoubleClick: true,
+            clusterCriteria: (f, s) => f.content.charAt(0) === s.content.charAt(0),
+        },
+        showTooltips: false,
+        tooltip: {
+            followMouse: false,
+            template: (data, element) => `<div class="tooltip">${element.content}</div>`,
+        },
+        width: '100%',
+        minHeight: '350px',
+        maxHeight: '800px',
+        // zoomMax: 31557600000, // one year
+        zoomFriction: 8,
+    },
+    groups: [
+        { id: 0, content: "Antichità" },
+        { id: 1, content: "Medioevo" },
+        { id: 2, content: "Epoca Moderna" },
+    ],
+    dataSet: [
+        {
+            id: 788,
+            group: 2,
+            content: 'Luigi Capuana, Fiabe e favole classiche',
+            start: '01-01-1882',
+            end: '01-01-1913',
+            type: "background",
+            className: "positive"
+        },
+        {
+            id: 786,
+            group: 2,
+            content: 'Fernan Caballero, Cuentos, adivinanzas y refranes populares',
+            start: '01-01-1921',
+            className: "red",
+        },
+        {
+            id: 784,
+            group: 2,
+            content: 'Charles Perrault, I racconti di mamma oca',
+            start: '01-01-1697',
+        },
+        {
+            id: 782,
+            group: 2,
+            content: 'Fratelli Grimm, Fiabe del focolare',
+            start: '01-01-1812',
+        },
+        {
+            id: 776,
+            group: 1,
+            content: 'Giovanni Francesco Straparola, Le piacevoli notti',
+            start: '01-01-1550',
+        },
+        {
+            id: 773,
+            group: 1,
+            content: 'Autore ignoto, Novellino',
+            start: '01-01-1201',
+            end: '01-01-1300',
+        },
+        {
+            id: 770,
+            group: 2,
+            content: 'Italo Calvino, Fiabe Italiane',
+            start: '01-01-1956',
+        },
+        {
+            id: 764,
+            group: 2,
+            content: 'Giovan Battista Basile, Lo Cunto de li Cunti',
+            start: '01-01-1634',
+            end: '01-01-1636',
+        },
+        {
+            id: 756,
+            group: 2,
+            content: 'Hans Christian Andersen, Fiabe',
+            start: '01-01-1843',
+        },
+        {
+            id: 752,
+            group: 0,
+            content: 'Fedro, Fabulae',
+            start: '01-01-1',
+            end: '01-01-100',
+        },
+        {
+            id: 717,
+            group: 0,
+            content: 'Esopo, Favole (Aἰσώπου μῦθοι)',
+            start: '-01-01-600',
+            end: '-01-01-501',
+        },
+        {
+            id: 710,
+            group: 2,
+            content: 'Elsie Spicer Eels, Fairy tales from Brazil',
+            start: '01-01-1918',
+        },
+        {
+            id: 700,
+            group: 2,
+            content: 'Guido Gozzano, Fiabe per "Il Corriere dei Piccoli"',
+            start: '01-01-1909',
+            end: '01-01-1914',
+        },
+        {
+            id: 694,
+            group: 2,
+            content: 'Aleksandr Nikolaevič Afanas’ev, Favole popolari russe (Narodnye russkie skazki)',
+            start: '01-01-1855',
+            end: '01-01-1864',
+        },
+        {
+            id: 689,
+            group: 1,
+            content: 'Autori sconosciuti, Le mille e una notte (ألف ليلة وليلة‎)',
+            start: '01-01-1001',
+            end: '01-01-1100',
+        },
+        {
+            id: 687,
+            group: 2,
+            content: 'Gianni Rodari, Favole al telefono',
+            start: '01-01-1962',
+        },
+        {
+            id: 681,
+            group: 2,
+            content: 'Giuseppe Pitrè, Fiabe, novelle e racconti popolari siciliani',
+            start: '01-01-1875',
+        },
+        {
+            id: 673,
+            group: 0,
+            content: 'Verità e Menzogna',
+            start: '-01-01-1300',
+            end: '-01-01-1201',
+        },
+        {
+            id: 671,
+            group: 0,
+            content: 'Il principe predestinato',
+            start: '-01-01-1300',
+            end: '-01-01-1201',
+        },
+        {
+            id: 669,
+            group: 0,
+            content: 'La Cenerentola Egiziana',
+            start: '-01-01-1300',
+            end: '-01-01-1201',
+        },
+        {
+            id: "backgroud",
+            start: "01-01-1882",
+            end: "01-01-1913",
+            type: "background",
+            className: "positive"
+        },
+        {
+            id: "backgroud2",
+            start: "01-01-2100",
+            end: "01-01-2200",
+            type: "background",
+            className: "positive"
+        }
+    ],
+    _setInstance: (timeline) => timeline,
+};
+
 const TOAST_MOCK = {
     toasts: [
         {
@@ -6168,5 +6356,5 @@ const WIZARD_MOCK = {
  * Generated bundle index. Do not edit.
  */
 
-export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BUTTON_MOCK, BreadcrumbsComponent, BubbleChartComponent, ButtonComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FILE_SELECTOR_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FileSelectorComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, ICON_MOCK, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, IconComponent, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MIRADOR_MOCK, MapComponent, MetadataViewerComponent, MiradorComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TEXT_VIEWER_MOCK_PETRARCA, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
+export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BUTTON_MOCK, BreadcrumbsComponent, BubbleChartComponent, ButtonComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FILE_SELECTOR_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FileSelectorComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, ICON_MOCK, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, IconComponent, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MIRADOR_MOCK, MapComponent, MetadataViewerComponent, MiradorComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TEXT_VIEWER_MOCK_PETRARCA, TIMELINE_GROUP_MOCK, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
 //# sourceMappingURL=net7-components.mjs.map