@net7/components 4.3.2 → 4.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/esm2022/lib/components/network/network.mjs +62 -0
  2. package/esm2022/lib/components/network/network.mock.mjs +153 -0
  3. package/esm2022/lib/components/text-viewer/text-viewer.mjs +3 -3
  4. package/esm2022/lib/components/text-viewer/text-viewer.mock_petrarca.mjs +15 -11
  5. package/esm2022/lib/components/timeline/timeline.mock.mjs +6 -2
  6. package/esm2022/lib/components/timeline/timeline_group.mock.mjs +6 -2
  7. package/esm2022/lib/dv-components-lib.module.mjs +7 -3
  8. package/esm2022/public-api.mjs +3 -1
  9. package/fesm2022/net7-components.mjs +245 -17
  10. package/fesm2022/net7-components.mjs.map +1 -1
  11. package/lib/components/network/network.d.ts +51 -0
  12. package/lib/components/network/network.mock.d.ts +2 -0
  13. package/lib/components/text-viewer/text-viewer.d.ts +2 -0
  14. package/lib/dv-components-lib.module.d.ts +4 -3
  15. package/package.json +5 -4
  16. package/public-api.d.ts +2 -0
package/fesm2022/net7-components.mjs CHANGED
@@ -2181,11 +2181,11 @@ class TextViewerComponent {
2181
2181
  }
2182
2182
  }
2183
2183
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2184
- 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 class=\"text-viewer-column\"\n [facsimiles]=\"data.facsimile.scans\"\n [attr.show-navigation-control]=\"data.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n >\n </pb-facsimile>\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </ng-container>\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"] }] }); }
2184
+ 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,view2'\">\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n disable-history=\"$i === 1 ? '' : null\"\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 class=\"text-viewer-column\"\n [facsimiles]=\"data.facsimile.scans\"\n [attr.show-navigation-control]=\"data.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n >\n </pb-facsimile>\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 class=\"text-viewer-column\"\n [attr.disable-history]=\"doc.disableHistory === true ? 'true' : null\"\n \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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 [attr.subscribe]=\"data.scrollSync ? 'transcription' : 'addChannel'\"\n [attr.view]=\"doc.view\"\n [attr.url]=\"doc.rootPath\"\n [attr.map]=\"doc.mapFunction\"\n class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </ng-container>\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"] }] }); }
2185
2185
  }
2186
2186
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, decorators: [{
2187
2187
  type: Component,
2188
- 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 class=\"text-viewer-column\"\n [facsimiles]=\"data.facsimile.scans\"\n [attr.show-navigation-control]=\"data.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n >\n </pb-facsimile>\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </ng-container>\n </main>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n" }]
2188
+ 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,view2'\">\n <pb-document\n *ngFor=\"let doc of data.docs; index as $i\"\n disable-history=\"$i === 1 ? '' : null\"\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 class=\"text-viewer-column\"\n [facsimiles]=\"data.facsimile.scans\"\n [attr.show-navigation-control]=\"data.facsimile.options?.showNavigationControl ? 'show-navigation-control' : null\"\n >\n </pb-facsimile>\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 class=\"text-viewer-column\"\n [attr.disable-history]=\"doc.disableHistory === true ? 'true' : null\"\n \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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\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 [attr.subscribe]=\"data.scrollSync ? 'transcription' : 'addChannel'\"\n [attr.view]=\"doc.view\"\n [attr.url]=\"doc.rootPath\"\n [attr.map]=\"doc.mapFunction\"\n class=\"text-viewer-column\"\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 class=\"text-viewer-column\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </ng-container>\n </main>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n" }]
2189
2189
  }], propDecorators: { data: [{
2190
2190
  type: Input
2191
2191
  }], emit: [{
@@ -2325,6 +2325,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2325
2325
  type: Input
2326
2326
  }] } });
2327
2327
 
2328
+ //---------------------------
2329
+ // NETWORK.ts
2330
+ //---------------------------
2331
+ class NetworkComponent {
2332
+ constructor() {
2333
+ /** Knows if the component is loaded */
2334
+ this._loaded = false;
2335
+ /** Dynamically load required node modules */
2336
+ this.loadModules = async () => ({
2337
+ ...(await import('vis-network/peer')),
2338
+ ...(await import('vis-data/peer')),
2339
+ });
2340
+ }
2341
+ ngAfterContentChecked() {
2342
+ if (!this.data || this._loaded)
2343
+ return;
2344
+ this._loaded = true;
2345
+ setTimeout(() => {
2346
+ this.loadModules().then((modules) => {
2347
+ const { Network, DataSet } = modules;
2348
+ const nodes = new DataSet(this.data.nodes);
2349
+ const edges = new DataSet(this.data.edges);
2350
+ const network = new Network(document.getElementById(this.data.containerID), // container
2351
+ { nodes, edges }, this.data.libOptions);
2352
+ network.on('click', (params) => {
2353
+ this.onClick(params);
2354
+ });
2355
+ // Set the network instance
2356
+ if (this.data._setInstance)
2357
+ this.data._setInstance(network);
2358
+ });
2359
+ });
2360
+ }
2361
+ onClick(payload) {
2362
+ let url;
2363
+ if (payload.nodes && payload.nodes.length > 0) {
2364
+ const nodeId = payload.nodes[0];
2365
+ const node = this.data.nodes.find(n => n.id === nodeId);
2366
+ // console.log('Node trovato:', node);
2367
+ if (node && node.payload) {
2368
+ url = node.payload;
2369
+ console.log('url:', url);
2370
+ }
2371
+ }
2372
+ if (!this.emit)
2373
+ return;
2374
+ this.emit('click', payload);
2375
+ }
2376
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NetworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2377
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NetworkComponent, selector: "n7-network", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div [id]=\"data.containerID\" style=\"width: 100%; height: 100vh;\"></div>" }); }
2378
+ }
2379
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NetworkComponent, decorators: [{
2380
+ type: Component,
2381
+ args: [{ selector: 'n7-network', template: "<div [id]=\"data.containerID\" style=\"width: 100%; height: 100vh;\"></div>" }]
2382
+ }], propDecorators: { data: [{
2383
+ type: Input
2384
+ }], emit: [{
2385
+ type: Input
2386
+ }] } });
2387
+
2328
2388
  const COMPONENTS = [
2329
2389
  AdvancedAutocompleteComponent,
2330
2390
  AlertComponent,
@@ -2374,6 +2434,7 @@ const COMPONENTS = [
2374
2434
  TreeComponent,
2375
2435
  WizardComponent,
2376
2436
  ProgressLineComponent,
2437
+ NetworkComponent,
2377
2438
  ];
2378
2439
  class DvComponentsLibModule {
2379
2440
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -2424,7 +2485,8 @@ class DvComponentsLibModule {
2424
2485
  TooltipContentComponent,
2425
2486
  TreeComponent,
2426
2487
  WizardComponent,
2427
- ProgressLineComponent], imports: [CommonModule, RouterModule], exports: [AdvancedAutocompleteComponent,
2488
+ ProgressLineComponent,
2489
+ NetworkComponent], imports: [CommonModule, RouterModule], exports: [AdvancedAutocompleteComponent,
2428
2490
  AlertComponent,
2429
2491
  AnchorWrapperComponent,
2430
2492
  AvatarComponent,
@@ -2471,7 +2533,8 @@ class DvComponentsLibModule {
2471
2533
  TooltipContentComponent,
2472
2534
  TreeComponent,
2473
2535
  WizardComponent,
2474
- ProgressLineComponent] }); }
2536
+ ProgressLineComponent,
2537
+ NetworkComponent] }); }
2475
2538
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, imports: [CommonModule, RouterModule] }); }
2476
2539
  }
2477
2540
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, decorators: [{
@@ -5629,22 +5692,26 @@ const TEXT_VIEWER_MOCK = {
5629
5692
 
5630
5693
  const TEXT_VIEWER_MOCK_PETRARCA = {
5631
5694
  // TODO: update with mock values
5632
- endpoint: 'https://teipublisher.muruca.cloud/exist/apps/tei-publisher',
5695
+ endpoint: 'https://teipublisher9.muruca.cloud/exist/apps/tei-publisher',
5633
5696
  docs: [
5634
5697
  {
5635
5698
  xml: "playground/pericopi.xml",
5636
- odd: "parallel_text",
5699
+ odd: "",
5637
5700
  id: 'main-text',
5638
5701
  view: 'page',
5702
+ disableHistory: true,
5639
5703
  },
5640
5704
  {
5641
5705
  xml: "playground/postille.xml",
5642
- odd: "postille-odd",
5706
+ odd: "",
5643
5707
  id: 'secondary-text',
5644
5708
  channel: 'altrochannel',
5645
- view: "page"
5709
+ view: "page",
5710
+ mapFunction: "",
5711
+ rootPath: ""
5646
5712
  }
5647
5713
  ],
5714
+ scrollSync: true,
5648
5715
  download: {
5649
5716
  label: "Download",
5650
5717
  file: "https://teipublisher.muruca.cloud/exist/apps/tei-publisher/api/document/petrarca/malandrino_collatio_08_10_20231_1724003467.xml",
@@ -5667,12 +5734,12 @@ const TEXT_VIEWER_MOCK_PETRARCA = {
5667
5734
  hide: 'Indici',
5668
5735
  },
5669
5736
  },
5670
- /*
5671
- facsimile: {
5672
- // uri: 'https://dh.dlls.univr.it/iiif/3/mambrino%2famadis-13_1-1558BNE%2f',
5673
- // uri: 'http://127.0.0.1:8182/iiif/3/',
5674
- scans: [],
5675
- }, */
5737
+ /* facsimile: {
5738
+ uri: 'https://gallica.bnf.fr/iiif/ark:/12148/btv1b8438623f/',
5739
+ //uri: 'https://dh.dlls.univr.it/iiif/3/mambrino%2famadis-13_1-1558BNE%2f',
5740
+ //uri: 'http://127.0.0.1:8182/iiif/3/',
5741
+ scans: [],
5742
+ }, */
5676
5743
  };
5677
5744
 
5678
5745
  const TIMELINE_MOCK = {
@@ -5683,7 +5750,11 @@ const TIMELINE_MOCK = {
5683
5750
  cluster: {
5684
5751
  // contentTemplate: '{count}',
5685
5752
  // fitOnDoubleClick: true,
5686
- clusterCriteria: (f, s) => f.content.charAt(0) === s.content.charAt(0),
5753
+ clusterCriteria: (f, s) => {
5754
+ const fContent = typeof f.content === 'string' ? f.content : '';
5755
+ const sContent = typeof s.content === 'string' ? s.content : '';
5756
+ return fContent.charAt(0) === sContent.charAt(0);
5757
+ },
5687
5758
  },
5688
5759
  showTooltips: false,
5689
5760
  tooltip: {
@@ -5821,7 +5892,11 @@ const TIMELINE_GROUP_MOCK = {
5821
5892
  cluster: {
5822
5893
  // contentTemplate: '{count}',
5823
5894
  // fitOnDoubleClick: true,
5824
- clusterCriteria: (f, s) => f.content.charAt(0) === s.content.charAt(0),
5895
+ clusterCriteria: (f, s) => {
5896
+ const fContent = typeof f.content === 'string' ? f.content : '';
5897
+ const sContent = typeof s.content === 'string' ? s.content : '';
5898
+ return fContent.charAt(0) === sContent.charAt(0);
5899
+ },
5825
5900
  },
5826
5901
  showTooltips: false,
5827
5902
  tooltip: {
@@ -6380,6 +6455,159 @@ const WIZARD_MOCK = {
6380
6455
  ],
6381
6456
  };
6382
6457
 
6458
+ const NETWORK_MOCK = {
6459
+ containerID: 'demo-network',
6460
+ nodes: [
6461
+ { id: 1, label: 'Girolamo Zavattari', group: 'Fulmine', payload: 'https://adalgisa.muruca.cloud/character/65/girolamo-zavattari' },
6462
+ { id: 2, label: 'Pietro e Luigi Borlotti', group: 'Fulmine' },
6463
+ { id: 3, label: 'avvocato Cazzuola', group: 'Fulmine' },
6464
+ { id: 4, label: 'Elsa Delmonte', group: 'Fulmine' },
6465
+ { id: 5, label: 'Maria', group: 'Fulmine' },
6466
+ { id: 6, label: 'Bruno Locati', group: 'Fulmine' },
6467
+ { id: 7, label: 'Felice Testori', group: 'Fulmine' },
6468
+ { id: 8, label: 'Gian Maria Cavenaghi/Caviggioni', group: 'Fulmine' },
6469
+ { id: 9, label: 'Doralice', group: 'Altro (Claudio)' },
6470
+ { id: 10, label: 'Claudio Valeri', group: 'Altro (Claudio)' },
6471
+ { id: 11, label: 'donna Carla', group: 'Altro (Claudio)' },
6472
+ { id: 12, label: 'Antenore', group: 'Altro (Claudio)' },
6473
+ { id: 13, label: 'cav. Bertoloni', group: 'Cognizione' },
6474
+ { id: 14, label: 'Carlos Caçoncellos', group: 'Cognizione' },
6475
+ { id: 15, label: 'Giuseppina', group: 'Cognizione' },
6476
+ { id: 16, label: 'colonnello medico Di Pascuale', group: 'Cognizione' },
6477
+ { id: 17, label: 'dottore', group: 'Cognizione' },
6478
+ { id: 18, label: 'José/Giuseppe', group: 'Cognizione' },
6479
+ { id: 19, label: 'figlio/Gonzalo', group: 'Cognizione' },
6480
+ { id: 20, label: 'mamma/Signora', group: 'Cognizione' }
6481
+ ],
6482
+ edges: [
6483
+ // Relazioni di Girolamo Zavattari (1)
6484
+ { id: 1, from: 1, to: 2, label: 'lavoro (dipendente di)' },
6485
+ { id: 2, from: 1, to: 4, label: 'lavoro (dipendente di)' },
6486
+ { id: 3, from: 1, to: 8, label: 'lavoro (dipendente di)' },
6487
+ // Relazioni di Pietro e Luigi Borlotti (2)
6488
+ { id: 4, from: 2, to: 1, label: 'lavoro (datore di lavoro di)' },
6489
+ // Relazioni di avvocato Cazzuola (3)
6490
+ { id: 5, from: 3, to: 2, label: 'lavoro' },
6491
+ // Relazioni di Elsa Delmonte (4)
6492
+ { id: 6, from: 4, to: 1, label: 'lavoro (datrice di lavoro di)' },
6493
+ { id: 7, from: 4, to: 8, label: 'famiglia (matrimonio con)' },
6494
+ { id: 8, from: 4, to: 6, label: 'relazione amorosa' },
6495
+ // Relazioni di Maria (5)
6496
+ { id: 9, from: 5, to: 4, label: 'lavoro (dipendente di)' },
6497
+ { id: 10, from: 5, to: 8, label: 'lavoro (dipendente di)' },
6498
+ // Relazioni di Bruno Locati (6)
6499
+ { id: 11, from: 6, to: 7, label: 'lavoro (dipendente di)' },
6500
+ { id: 12, from: 6, to: 8, label: 'lavoro (dipendente di)' },
6501
+ // Relazioni di Felice Testori (7)
6502
+ { id: 13, from: 7, to: 7, label: 'lavoro (datore di lavoro di)' },
6503
+ // Relazioni di Gian Maria Cavenaghi/Caviggioni (8)
6504
+ { id: 14, from: 8, to: 1, label: 'lavoro (datore di lavoro di)' },
6505
+ { id: 15, from: 8, to: 4, label: 'famiglia (matrimonio con)' },
6506
+ { id: 16, from: 8, to: 5, label: 'lavoro (datore di lavoro di)' },
6507
+ { id: 17, from: 8, to: 6, label: 'lavoro (datore di lavoro di)' },
6508
+ // Relazioni di Doralice (9)
6509
+ { id: 18, from: 9, to: 10, label: 'relazione amorosa' },
6510
+ // Relazioni di Claudio Valeri (10)
6511
+ { id: 19, from: 10, to: 9, label: 'relazione amorosa' },
6512
+ // Relazioni di donna Carla (11)
6513
+ { id: 20, from: 11, to: 9, label: 'famiglia (zia di)' },
6514
+ // Relazioni di Antenore (12)
6515
+ { id: 21, from: 12, to: 9, label: 'famiglia (zio di)' },
6516
+ // Relazioni di cav. Bertoloni (13)
6517
+ { id: 22, from: 13, to: 14, label: 'proprietario di casa di' },
6518
+ { id: 23, from: 13, to: 16, label: 'proprietario di casa di' },
6519
+ // Relazioni di Carlos Caçoncellos (14)
6520
+ { id: 24, from: 14, to: 13, label: 'affittuario di' },
6521
+ // Relazioni di Giuseppina (15)
6522
+ { id: 25, from: 15, to: 14, label: 'lavoro (dipendente di)' },
6523
+ // Relazioni di colonnello medico Di Pascuale (16)
6524
+ { id: 26, from: 16, to: 13, label: 'affittuario di' },
6525
+ // Relazioni di dottore (17)
6526
+ { id: 27, from: 17, to: 19, label: 'medico di' },
6527
+ // Relazioni di José/Giuseppe (18)
6528
+ { id: 28, from: 18, to: 19, label: 'lavoro (dipendente di)' },
6529
+ { id: 29, from: 18, to: 20, label: 'lavoro (dipendente di)' },
6530
+ // Relazioni di figlio/Gonzalo (19)
6531
+ { id: 30, from: 19, to: 20, label: 'famiglia (figlio di)' },
6532
+ // Relazioni di mamma/Signora (20)
6533
+ { id: 31, from: 20, to: 19, label: 'famiglia (madre di)' }
6534
+ ],
6535
+ libOptions: {
6536
+ nodes: {
6537
+ shape: 'dot',
6538
+ size: 40,
6539
+ font: {
6540
+ size: 14,
6541
+ color: '#333333'
6542
+ }
6543
+ },
6544
+ edges: {
6545
+ arrows: {
6546
+ to: { enabled: true, scaleFactor: 1.2 }
6547
+ },
6548
+ width: 1,
6549
+ font: {
6550
+ size: 10,
6551
+ align: 'middle',
6552
+ color: '#333333'
6553
+ },
6554
+ color: {
6555
+ color: '#666666',
6556
+ highlight: '#333333'
6557
+ }
6558
+ },
6559
+ groups: {
6560
+ 'Fulmine': {
6561
+ color: '#fff2cc',
6562
+ shape: "icon",
6563
+ icon: {
6564
+ face: "'Arial Unicode MS'",
6565
+ code: "☻",
6566
+ size: 40,
6567
+ color: "#fff2cc",
6568
+ }
6569
+ },
6570
+ 'Altro (Claudio)': {
6571
+ color: '#ead1dc',
6572
+ shape: "icon",
6573
+ icon: {
6574
+ face: "'Arial Unicode MS'",
6575
+ code: "☻",
6576
+ size: 40,
6577
+ color: "#ead1dc",
6578
+ }
6579
+ },
6580
+ 'Cognizione': {
6581
+ color: '#c9daf8',
6582
+ shape: "icon",
6583
+ icon: {
6584
+ face: "'Arial Unicode MS'",
6585
+ code: "☻",
6586
+ size: 40,
6587
+ color: "#c9daf8",
6588
+ }
6589
+ }
6590
+ },
6591
+ physics: {
6592
+ stabilization: true,
6593
+ barnesHut: {
6594
+ gravitationalConstant: -3000,
6595
+ springLength: 300,
6596
+ springConstant: 0.02
6597
+ }
6598
+ },
6599
+ interaction: {
6600
+ hover: true,
6601
+ tooltipDelay: 200,
6602
+ zoomView: true,
6603
+ dragView: true
6604
+ },
6605
+ layout: {
6606
+ improvedLayout: true
6607
+ }
6608
+ }
6609
+ };
6610
+
6383
6611
  /*
6384
6612
  * Public API Surface of dv-components-lib
6385
6613
  */
@@ -6389,5 +6617,5 @@ const WIZARD_MOCK = {
6389
6617
  * Generated bundle index. Do not edit.
6390
6618
  */
6391
6619
 
6392
- 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 };
6620
+ 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, NETWORK_MOCK, NavComponent, NetworkComponent, 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 };
6393
6621
  //# sourceMappingURL=net7-components.mjs.map